@skyux/inline-form 5.7.0 → 6.0.0-beta.1

package/fesm2015/{skyux-inline-form.js → skyux-inline-form.mjs}

@@ -4,10 +4,10 @@ import * as i0 from '@angular/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';
+import * as i3 from '@skyux/core';
 
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
@@ -33,16 +33,16 @@ class SkyInlineFormResourcesProvider {
  */
 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: [
+SkyInlineFormResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyInlineFormResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] });
+SkyInlineFormResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -135,9 +135,9 @@ class SkyInlineFormAdapterService {
         }
     }
 }
-SkyInlineFormAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyInlineFormAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
+SkyInlineFormAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyInlineFormAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
             type: Injectable
         }] });
 
@@ -342,18 +342,11 @@ class SkyInlineFormComponent {
             config.buttons.length > 0);
     }
 }
-SkyInlineFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormComponent, deps: [{ token: SkyInlineFormAdapterService }, { token: i0.ElementRef }, { token: i2.SkyLibResourcesService }, { token: i3.SkyAppWindowRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyInlineFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyInlineFormComponent, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, providers: [SkyInlineFormAdapterService], ngImport: i0, template: "<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", styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button{margin-right:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form{background-color:#232427}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
+SkyInlineFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormComponent, deps: [{ token: SkyInlineFormAdapterService }, { token: i0.ElementRef }, { token: i2.SkyLibResourcesService }, { token: i3.SkyAppWindowRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyInlineFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyInlineFormComponent, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, providers: [SkyInlineFormAdapterService], ngImport: i0, template: "<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", styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button{margin-right:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form{background-color:#232427}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'sky-inline-form',
-                    templateUrl: './inline-form.component.html',
-                    styleUrls: ['./inline-form.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [SkyInlineFormAdapterService],
-                    animations: [skySlideDissolve],
-                }]
+            args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], animations: [skySlideDissolve], template: "<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", styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button{margin-right:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form{background-color:#232427}\n"] }]
         }], ctorParameters: function () { return [{ type: SkyInlineFormAdapterService }, { type: i0.ElementRef }, { type: i2.SkyLibResourcesService }, { type: i3.SkyAppWindowRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
                 type: Input
             }], template: [{
@@ -366,10 +359,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
 class SkyInlineFormModule {
 }
-SkyInlineFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyInlineFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] });
-SkyInlineFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormModule, imports: [[CommonModule, SkyInlineFormResourcesModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormModule, decorators: [{
+SkyInlineFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyInlineFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] });
+SkyInlineFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, imports: [[CommonModule, SkyInlineFormResourcesModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyInlineFormComponent],
@@ -383,4 +376,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  */
 
 export { SkyInlineFormButtonLayout, SkyInlineFormModule, SkyInlineFormComponent as λ1 };
-//# sourceMappingURL=skyux-inline-form.js.map
+//# sourceMappingURL=skyux-inline-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-inline-form.mjs","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 lib/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(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\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","i1.SkyInlineFormAdapterService"],"mappings":"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"}

package/fesm2020/skyux-inline-form.mjs

@@ -0,0 +1,379 @@
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/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 lib/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: "13.2.7", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyInlineFormResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] });
+SkyInlineFormResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyInlineFormResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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
+        query('.sky-slide-dissolve-last:enter', [
+            style({ height: 0, opacity: 0 }),
+            animate('200ms ease-in', style({ height: '*', opacity: 0 })),
+        ], { optional: true }),
+        query('.sky-slide-dissolve-last:enter', [
+            style({ opacity: 0 }),
+            animate('200ms ease-in', style({ opacity: 1 })),
+        ], { optional: true }),
+        // Collapse animations
+        // The expanded content should fade out immediately to prevent
+        // any overlap with the read-only content that's returning to the screen.
+        query('.sky-slide-dissolve-last:leave', [animate('0ms', style({ opacity: 0 }))], { optional: true }),
+        group([
+            query('.sky-slide-dissolve-first:enter', [
+                style({ opacity: 0, height: 0 }),
+                animate('100ms ease-in', style({ opacity: 1, height: '*' })),
+            ], { optional: true }),
+            query('.sky-slide-dissolve-last:leave', [animate('200ms ease-in', style({ height: 0 }))], { optional: true }),
+        ]),
+    ]),
+]);
+
+/* tslint:disable */
+const SKY_TABBABLE_SELECTOR = [
+    'a[href]',
+    'area[href]',
+    "input:not([disabled]):not([tabindex='-1'])",
+    "button:not([disabled]):not([tabindex='-1'])",
+    "select:not([disabled]):not([tabindex='-1'])",
+    "textarea:not([disabled]):not([tabindex='-1'])",
+    'iframe',
+    'object',
+    'embed',
+    "*[tabindex]:not([tabindex='-1'])",
+    '*[contenteditable=true]',
+].join(', ');
+/* tslint:enable */
+/**
+ * @internal
+ */
+class SkyInlineFormAdapterService {
+    applyAutofocus(inlineFormElementRef) {
+        const inputWithAutofocus = inlineFormElementRef.nativeElement.querySelector('[autofocus]');
+        if (inputWithAutofocus) {
+            inputWithAutofocus.focus();
+        }
+        else {
+            const focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
+            const focusableChildren = this.loadFocusableChildren(focusEl);
+            this.focusFirstElement(focusableChildren);
+        }
+    }
+    loadFocusableChildren(elem) {
+        const elements = Array.prototype.slice.call(elem.querySelectorAll(SKY_TABBABLE_SELECTOR));
+        return elements.filter((element) => {
+            return this.isVisible(element);
+        });
+    }
+    isVisible(element) {
+        const style = window.getComputedStyle(element);
+        const isHidden = style.display === 'none' || style.visibility === 'hidden';
+        if (isHidden) {
+            return false;
+        }
+        /* istanbul ignore next */
+        const hasBounds = !!(element.offsetWidth ||
+            element.offsetHeight ||
+            element.getClientRects().length);
+        return hasBounds;
+    }
+    focusFirstElement(list) {
+        if (list.length > 0) {
+            list[0].focus();
+        }
+    }
+}
+SkyInlineFormAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyInlineFormAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
+            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.
+ */
+class SkyInlineFormComponent {
+    constructor(adapter, elementRef, resourcesService, skyAppWindowRef, changeDetectorRef) {
+        this.adapter = adapter;
+        this.elementRef = elementRef;
+        this.resourcesService = resourcesService;
+        this.skyAppWindowRef = skyAppWindowRef;
+        this.changeDetectorRef = changeDetectorRef;
+        /**
+         * Fires when users close the inline form.
+         */
+        this.close = new EventEmitter();
+        this._showForm = false;
+    }
+    /**
+     * Specifies configuration options for the buttons to display with the inline form.
+     * @required
+     */
+    set config(value) {
+        if (value !== this._config) {
+            this._config = value;
+            this.setupButtons();
+        }
+    }
+    get config() {
+        return this._config;
+    }
+    /**
+     * Indicates whether to display the inline form. Users can toggle between displaying
+     * and hiding the inline form.
+     * @default false
+     */
+    set showForm(value) {
+        this._showForm = value;
+        /* istanbul ignore else */
+        if (value) {
+            // setTimeout() prevents applyAutofocus() from firing
+            // until after *ngIf has added the form element to the DOM.
+            this.skyAppWindowRef.nativeWindow.setTimeout(() => {
+                this.adapter.applyAutofocus(this.elementRef);
+            });
+        }
+    }
+    get showForm() {
+        return this._showForm;
+    }
+    ngOnInit() {
+        this.setupButtons();
+    }
+    ngOnDestroy() {
+        this.close.complete();
+    }
+    closeInlineForm(event) {
+        const args = {
+            reason: event.action,
+        };
+        this.close.emit(args);
+    }
+    setupButtons() {
+        if (this.isValidCustomConfig(this.config)) {
+            this.buttons = this.getCustomButtons(this.config.buttons);
+            this.changeDetectorRef.markForCheck();
+            return;
+        }
+        this.getPresetButtons().then((buttons) => {
+            this.buttons = buttons;
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    getPresetButtons() {
+        const buttonType = this.config
+            ? this.config.buttonLayout
+            : SkyInlineFormButtonLayout.DoneCancel;
+        let promise;
+        switch (buttonType) {
+            /* istanbul ignore next */
+            default:
+            case SkyInlineFormButtonLayout.DoneCancel:
+                zip(this.resourcesService.getString('skyux_inline_form_button_done'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
+                    .pipe(take(1))
+                    .subscribe((values) => {
+                    promise = new Promise((resolve) => {
+                        resolve([
+                            {
+                                text: values[0],
+                                styleType: 'primary',
+                                action: 'done',
+                            },
+                            {
+                                text: values[1],
+                                styleType: 'link',
+                                action: 'cancel',
+                            },
+                        ]);
+                    });
+                });
+                break;
+            case SkyInlineFormButtonLayout.SaveCancel:
+                zip(this.resourcesService.getString('skyux_inline_form_button_save'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
+                    .pipe(take(1))
+                    .subscribe((values) => {
+                    promise = new Promise((resolve) => {
+                        resolve([
+                            {
+                                text: values[0],
+                                styleType: 'primary',
+                                action: 'save',
+                            },
+                            {
+                                text: values[1],
+                                styleType: 'link',
+                                action: 'cancel',
+                            },
+                        ]);
+                    });
+                });
+                break;
+            case SkyInlineFormButtonLayout.DoneDeleteCancel:
+                zip(this.resourcesService.getString('skyux_inline_form_button_done'), this.resourcesService.getString('skyux_inline_form_button_delete'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
+                    .pipe(take(1))
+                    .subscribe((values) => {
+                    promise = new Promise((resolve) => {
+                        resolve([
+                            {
+                                text: values[0],
+                                styleType: 'primary',
+                                action: 'done',
+                            },
+                            {
+                                text: values[1],
+                                styleType: 'default',
+                                action: 'delete',
+                            },
+                            {
+                                text: values[2],
+                                styleType: 'link',
+                                action: 'cancel',
+                            },
+                        ]);
+                    });
+                });
+                break;
+            case SkyInlineFormButtonLayout.SaveDeleteCancel:
+                zip(this.resourcesService.getString('skyux_inline_form_button_save'), this.resourcesService.getString('skyux_inline_form_button_delete'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
+                    .pipe(take(1))
+                    .subscribe((values) => {
+                    promise = new Promise((resolve) => {
+                        resolve([
+                            {
+                                text: values[0],
+                                styleType: 'primary',
+                                action: 'save',
+                            },
+                            {
+                                text: values[1],
+                                styleType: 'default',
+                                action: 'delete',
+                            },
+                            {
+                                text: values[2],
+                                styleType: 'link',
+                                action: 'cancel',
+                            },
+                        ]);
+                    });
+                });
+                break;
+        }
+        return promise;
+    }
+    getCustomButtons(buttonConfigs) {
+        const buttons = [];
+        buttonConfigs.forEach((config) => {
+            /* istanbul ignore next */
+            const styleType = config.styleType || 'default';
+            buttons.push({
+                action: config.action,
+                disabled: config.disabled,
+                styleType: styleType,
+                text: config.text,
+            });
+        });
+        return buttons;
+    }
+    isValidCustomConfig(config) {
+        return (config &&
+            config.buttonLayout === SkyInlineFormButtonLayout.Custom &&
+            config.buttons.length > 0);
+    }
+}
+SkyInlineFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormComponent, deps: [{ token: SkyInlineFormAdapterService }, { token: i0.ElementRef }, { token: i2.SkyLibResourcesService }, { token: i3.SkyAppWindowRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyInlineFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyInlineFormComponent, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, providers: [SkyInlineFormAdapterService], ngImport: i0, template: "<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", styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button{margin-right:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form{background-color:#232427}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], animations: [skySlideDissolve], template: "<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", styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button{margin-right:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form{background-color:#232427}\n"] }]
+        }], ctorParameters: function () { return [{ type: SkyInlineFormAdapterService }, { type: i0.ElementRef }, { type: i2.SkyLibResourcesService }, { type: i3.SkyAppWindowRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], showForm: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+
+class SkyInlineFormModule {
+}
+SkyInlineFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyInlineFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] });
+SkyInlineFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, imports: [[CommonModule, SkyInlineFormResourcesModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyInlineFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyInlineFormComponent],
+                    imports: [CommonModule, SkyInlineFormResourcesModule],
+                    exports: [SkyInlineFormComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyInlineFormButtonLayout, SkyInlineFormModule, SkyInlineFormComponent as λ1 };
+//# sourceMappingURL=skyux-inline-form.mjs.map

package/fesm2020/skyux-inline-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-inline-form.mjs","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 lib/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(\n    localeInfo: SkyAppLocaleInfo,\n    name: string\n  ): string | undefined {\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","i1.SkyInlineFormAdapterService"],"mappings":"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"}