@skyux/inline-form 5.0.0-beta.0 → 5.0.1

package/fesm5/skyux-inline-form.js

@@ -1,414 +0,0 @@
-import { __decorate } from 'tslib';
-import { CommonModule } from '@angular/common';
-import { Injectable, EventEmitter, ElementRef, ChangeDetectorRef, Input, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { SkyAppWindowRef } from '@skyux/core';
-import { SkyLibResourcesService, getStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
-import { zip } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { trigger, transition, query, style, animate, group } from '@angular/animations';
-
-var 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 })
-        ])
-    ])
-]);
-
-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 */
-var 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
- */
-var SkyInlineFormAdapterService = /** @class */ (function () {
-    function SkyInlineFormAdapterService() {
-    }
-    SkyInlineFormAdapterService.prototype.applyAutofocus = function (inlineFormElementRef) {
-        var inputWithAutofocus = inlineFormElementRef.nativeElement.querySelector('[autofocus]');
-        if (inputWithAutofocus) {
-            inputWithAutofocus.focus();
-        }
-        else {
-            var focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
-            var focusableChildren = this.loadFocusableChildren(focusEl);
-            this.focusFirstElement(focusableChildren);
-        }
-    };
-    SkyInlineFormAdapterService.prototype.loadFocusableChildren = function (elem) {
-        var _this = this;
-        var elements = Array.prototype.slice.call(elem.querySelectorAll(SKY_TABBABLE_SELECTOR));
-        return elements.filter(function (element) {
-            return _this.isVisible(element);
-        });
-    };
-    SkyInlineFormAdapterService.prototype.isVisible = function (element) {
-        var style = window.getComputedStyle(element);
-        var isHidden = style.display === 'none' || style.visibility === 'hidden';
-        if (isHidden) {
-            return false;
-        }
-        var hasBounds = !!(element.offsetWidth ||
-            element.offsetHeight ||
-            element.getClientRects().length);
-        return hasBounds;
-    };
-    SkyInlineFormAdapterService.prototype.focusFirstElement = function (list) {
-        if (list.length > 0) {
-            list[0].focus();
-        }
-    };
-    SkyInlineFormAdapterService = __decorate([
-        Injectable()
-    ], SkyInlineFormAdapterService);
-    return SkyInlineFormAdapterService;
-}());
-
-/**
- * Renders form content in the current view instead of a separate modal.
- */
-var SkyInlineFormComponent = /** @class */ (function () {
-    function SkyInlineFormComponent(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;
-    }
-    Object.defineProperty(SkyInlineFormComponent.prototype, "config", {
-        get: function () {
-            return this._config;
-        },
-        /**
-         * Specifies configuration options for the buttons to display with the inline form.
-         * @required
-         */
-        set: function (value) {
-            if (value !== this._config) {
-                this._config = value;
-                this.setupButtons();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyInlineFormComponent.prototype, "showForm", {
-        get: function () {
-            return this._showForm;
-        },
-        /**
-         * Indicates whether to display the inline form. Users can toggle between displaying
-         * and hiding the inline form.
-         * @default false
-         */
-        set: function (value) {
-            var _this = this;
-            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(function () {
-                    _this.adapter.applyAutofocus(_this.elementRef);
-                });
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkyInlineFormComponent.prototype.ngOnInit = function () {
-        this.setupButtons();
-    };
-    SkyInlineFormComponent.prototype.ngOnDestroy = function () {
-        this.close.complete();
-    };
-    SkyInlineFormComponent.prototype.closeInlineForm = function (event) {
-        var args = {
-            reason: event.action
-        };
-        this.close.emit(args);
-    };
-    SkyInlineFormComponent.prototype.setupButtons = function () {
-        var _this = this;
-        if (this.isValidCustomConfig(this.config)) {
-            this.buttons = this.getCustomButtons(this.config.buttons);
-            this.changeDetectorRef.markForCheck();
-            return;
-        }
-        this.getPresetButtons().then(function (buttons) {
-            _this.buttons = buttons;
-            _this.changeDetectorRef.markForCheck();
-        });
-    };
-    SkyInlineFormComponent.prototype.getPresetButtons = function () {
-        var buttonType = this.config ? this.config.buttonLayout : SkyInlineFormButtonLayout.DoneCancel;
-        var 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(function (values) {
-                    promise = new Promise(function (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(function (values) {
-                    promise = new Promise(function (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(function (values) {
-                    promise = new Promise(function (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(function (values) {
-                    promise = new Promise(function (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;
-    };
-    SkyInlineFormComponent.prototype.getCustomButtons = function (buttonConfigs) {
-        var buttons = [];
-        buttonConfigs.forEach(function (config) {
-            buttons.push({
-                action: config.action,
-                disabled: config.disabled,
-                styleType: config.styleType || 'default',
-                text: config.text
-            });
-        });
-        return buttons;
-    };
-    SkyInlineFormComponent.prototype.isValidCustomConfig = function (config) {
-        return (config &&
-            config.buttonLayout === SkyInlineFormButtonLayout.Custom &&
-            config.buttons.length > 0);
-    };
-    SkyInlineFormComponent.ctorParameters = function () { return [
-        { type: SkyInlineFormAdapterService },
-        { type: ElementRef },
-        { type: SkyLibResourcesService },
-        { type: SkyAppWindowRef },
-        { type: ChangeDetectorRef }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyInlineFormComponent.prototype, "config", null);
-    __decorate([
-        Input()
-    ], SkyInlineFormComponent.prototype, "template", void 0);
-    __decorate([
-        Input()
-    ], SkyInlineFormComponent.prototype, "showForm", null);
-    __decorate([
-        Output()
-    ], SkyInlineFormComponent.prototype, "close", void 0);
-    SkyInlineFormComponent = __decorate([
-        Component({
-            selector: 'sky-inline-form',
-            template: "<div\n  [@skySlideDissolve]=\"showForm\"\n>\n\n  <div *ngIf=\"!showForm\"\n    class=\"sky-slide-dissolve-first\"\n  >\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"template && showForm\"\n    class=\"sky-slide-dissolve-last\"\n  >\n    <div\n      class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\"\n    >\n      <div\n        class=\"sky-inline-form-content\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"template\"\n        >\n        </ng-container>\n      </div>\n      <div\n        class=\"sky-inline-form-footer\"\n      >\n        <button *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\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                SkyInlineFormAdapterService
-            ],
-            animations: [skySlideDissolve],
-            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}.sky-theme-modern .sky-inline-form,:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer,:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button,:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}"]
-        })
-    ], SkyInlineFormComponent);
-    return SkyInlineFormComponent;
-}());
-
-/**
- * @internal
- * @deprecated This module can be removed after we upgrade SKY UX development dependencies to version 5.
- */
-var SkyInlineFormForRootCompatModule = /** @class */ (function () {
-    function SkyInlineFormForRootCompatModule() {
-    }
-    SkyInlineFormForRootCompatModule = __decorate([
-        NgModule({
-            providers: [
-                SkyAppWindowRef
-            ]
-        })
-    ], SkyInlineFormForRootCompatModule);
-    return SkyInlineFormForRootCompatModule;
-}());
-
-var SkyInlineFormResourcesProvider = /** @class */ (function () {
-    function SkyInlineFormResourcesProvider() {
-        this.resources = { "EN-US": { "skyux_inline_form_button_cancel": "Cancel", "skyux_inline_form_button_delete": "Delete", "skyux_inline_form_button_done": "Done", "skyux_inline_form_button_save": "Save" } };
-    }
-    SkyInlineFormResourcesProvider.prototype.getString = function (localeInfo, name) {
-        return getStringForLocale(this.resources, localeInfo.locale, name);
-    };
-    SkyInlineFormResourcesProvider = __decorate([
-        Injectable()
-    ], SkyInlineFormResourcesProvider);
-    return SkyInlineFormResourcesProvider;
-}());
-
-var SkyInlineFormResourcesModule = /** @class */ (function () {
-    function SkyInlineFormResourcesModule() {
-    }
-    SkyInlineFormResourcesModule = __decorate([
-        NgModule({
-            exports: [
-                SkyI18nModule
-            ],
-            providers: [{
-                    provide: SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyInlineFormResourcesProvider,
-                    multi: true
-                }]
-        })
-    ], SkyInlineFormResourcesModule);
-    return SkyInlineFormResourcesModule;
-}());
-
-var SkyInlineFormModule = /** @class */ (function () {
-    function SkyInlineFormModule() {
-    }
-    SkyInlineFormModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyInlineFormComponent
-            ],
-            imports: [
-                CommonModule,
-                SkyInlineFormForRootCompatModule,
-                SkyInlineFormResourcesModule
-            ],
-            exports: [
-                SkyInlineFormComponent
-            ]
-        })
-    ], SkyInlineFormModule);
-    return SkyInlineFormModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SkyInlineFormButtonLayout, SkyInlineFormModule, SkyInlineFormComponent as ɵa, SkyInlineFormAdapterService as ɵb, skySlideDissolve as ɵc, SkyInlineFormForRootCompatModule as ɵd, SkyInlineFormResourcesModule as ɵe, SkyInlineFormResourcesProvider as ɵf };
-//# sourceMappingURL=skyux-inline-form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skyux-inline-form.js","sources":["ng://@skyux/inline-form/modules/inline-form/animations/slide-dissolve.ts","ng://@skyux/inline-form/modules/inline-form/types/inline-form-button-layout.ts","ng://@skyux/inline-form/modules/inline-form/inline-form-adapter.service.ts","ng://@skyux/inline-form/modules/inline-form/inline-form.component.ts","ng://@skyux/inline-form/modules/shared/inline-form-for-root-compat.module.ts","ng://@skyux/inline-form/plugin-resources/inline-form-resources-provider.ts","ng://@skyux/inline-form/modules/shared/inline-form-resources.module.ts","ng://@skyux/inline-form/modules/inline-form/inline-form.module.ts","ng://@skyux/inline-form/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('skySlideDissolve', [\n  transition('* <=> *', [\n\n    // Expand animations\n    query('.sky-slide-dissolve-last:enter', [\n      style({ height: 0, opacity: 0 }),\n      animate('200ms ease-in', style({ height: '*', opacity: 0 }))\n    ], { optional: true }),\n    query('.sky-slide-dissolve-last:enter', [\n      style({ opacity: 0 }),\n      animate('200ms ease-in', style({ opacity: 1 }))\n    ], { optional: true }),\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('.sky-slide-dissolve-last:leave', [\n      animate('0ms', style({ opacity: 0 }))\n    ], { optional: true }),\n\n    group([\n      query('.sky-slide-dissolve-first:enter', [\n        style({ opacity: 0, height: 0 }),\n        animate('100ms ease-in', style({ opacity: 1, height: '*' }))\n      ], { optional: true }),\n      query('.sky-slide-dissolve-last:leave', [\n        animate('200ms ease-in', style({ height: 0 }))\n      ], { optional: true })\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 {\n  ElementRef,\n  Injectable\n} 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\n  public applyAutofocus(inlineFormElementRef: ElementRef): void {\n    const inputWithAutofocus = inlineFormElementRef.nativeElement.querySelector('[autofocus]');\n\n    if (inputWithAutofocus) {\n      inputWithAutofocus.focus();\n    } else {\n      let focusEl: HTMLElement = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');\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>\n      = Array.prototype.slice.call(elem.querySelectorAll(SKY_TABBABLE_SELECTOR));\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    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 {\n  SkyAppWindowRef\n} from '@skyux/core';\n\nimport {\n  SkyLibResourcesService\n} from '@skyux/i18n';\n\nimport {\n  zip as observableZip\n} from 'rxjs';\n\nimport {\n  take\n} from 'rxjs/operators';\n\nimport {\n  skySlideDissolve\n} from './animations/slide-dissolve';\n\nimport {\n  SkyInlineFormButtonConfig\n} from './types/inline-form-button-config';\n\nimport {\n  SkyInlineFormButtonLayout\n} from './types/inline-form-button-layout';\n\nimport {\n  SkyInlineFormCloseArgs\n} from './types/inline-form-close-args';\n\nimport {\n  SkyInlineFormConfig\n} from './types/inline-form-config';\n\nimport {\n  SkyInlineFormAdapterService\n} 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: [\n    SkyInlineFormAdapterService\n  ],\n  animations: [ skySlideDissolve ]\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n\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  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 =\n      this.config ? this.config.buttonLayout : 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[]>((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        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[]>((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        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[]>((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        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[]>((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      break;\n    }\n\n    return promise;\n  }\n\n  private getCustomButtons(buttonConfigs: SkyInlineFormButtonConfig[]): SkyInlineFormButtonConfig[] {\n    const buttons: SkyInlineFormButtonConfig[] = [];\n\n    buttonConfigs.forEach((config: SkyInlineFormButtonConfig) => {\n      buttons.push({\n        action: config.action,\n        disabled: config.disabled,\n        styleType: config.styleType || 'default',\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}\n","import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyAppWindowRef\n} from '@skyux/core';\n\n/**\n * @internal\n * @deprecated This module can be removed after we upgrade SKY UX development dependencies to version 5.\n */\n @NgModule({\n  providers: [\n    SkyAppWindowRef\n  ]\n})\nexport class SkyInlineFormForRootCompatModule {}\n","\nimport {\n  Injectable\n} from '@angular/core';\n\nimport {\n  getStringForLocale,\n  SkyAppLocaleInfo,\n  SkyLibResourcesProvider\n} from '@skyux/i18n';\n\n@Injectable()\nexport class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {\n  private resources: any = {\"EN-US\":{\"skyux_inline_form_button_cancel\":\"Cancel\",\"skyux_inline_form_button_delete\":\"Delete\",\"skyux_inline_form_button_done\":\"Done\",\"skyux_inline_form_button_save\":\"Save\"}};\n\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getStringForLocale(this.resources, localeInfo.locale, name);\n  }\n}\n","import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyI18nModule\n} from '@skyux/i18n';\n\nimport {\n  SkyInlineFormResourcesProvider\n} from '../../plugin-resources/inline-form-resources-provider';\n\n@NgModule({\n  exports: [\n    SkyI18nModule\n  ],\n  providers: [{\n    provide: SKY_LIB_RESOURCES_PROVIDERS,\n    useClass: SkyInlineFormResourcesProvider,\n    multi: true\n  }]\n})\nexport class SkyInlineFormResourcesModule { }\n","import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyInlineFormComponent\n} from './inline-form.component';\n\nimport {\n  SkyInlineFormForRootCompatModule\n} from '../shared/inline-form-for-root-compat.module';\n\nimport {\n  SkyInlineFormResourcesModule\n} from '../shared/inline-form-resources.module';\n\n@NgModule({\n  declarations: [\n    SkyInlineFormComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyInlineFormForRootCompatModule,\n    SkyInlineFormResourcesModule\n  ],\n  exports: [\n    SkyInlineFormComponent\n  ]\n})\nexport class SkyInlineFormModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {skySlideDissolve as ɵc} from './modules/inline-form/animations/slide-dissolve';\nexport {SkyInlineFormAdapterService as ɵb} from './modules/inline-form/inline-form-adapter.service';\nexport {SkyInlineFormComponent as ɵa} from './modules/inline-form/inline-form.component';\nexport {SkyInlineFormForRootCompatModule as ɵd} from './modules/shared/inline-form-for-root-compat.module';\nexport {SkyInlineFormResourcesModule as ɵe} from './modules/shared/inline-form-resources.module';\nexport {SkyInlineFormResourcesProvider as ɵf} from './plugin-resources/inline-form-resources-provider';"],"names":["observableZip"],"mappings":"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"}

package/modules/shared/inline-form-for-root-compat.module.d.ts

@@ -1,6 +0,0 @@
-/**
- * @internal
- * @deprecated This module can be removed after we upgrade SKY UX development dependencies to version 5.
- */
-export declare class SkyInlineFormForRootCompatModule {
-}

package/modules/shared/inline-form-resources.module.d.ts

@@ -1,2 +0,0 @@
-export declare class SkyInlineFormResourcesModule {
-}

package/plugin-resources/inline-form-resources-provider.d.ts

@@ -1,5 +0,0 @@
-import { SkyAppLocaleInfo, SkyLibResourcesProvider } from '@skyux/i18n';
-export declare class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {
-    private resources;
-    getString(localeInfo: SkyAppLocaleInfo, name: string): string;
-}

package/skyux-inline-form.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"SkyInlineFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"SkyInlineFormButtonAction":{"__symbolic":"interface"},"SkyInlineFormButtonConfig":{"__symbolic":"interface"},"SkyInlineFormCloseArgs":{"__symbolic":"interface"},"SkyInlineFormConfig":{"__symbolic":"interface"},"SkyInlineFormButtonLayout":{"Custom":0,"DoneCancel":1,"DoneDeleteCancel":2,"SaveCancel":3,"SaveDeleteCancel":4},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":56,"character":1},"arguments":[{"selector":"sky-inline-form","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":60,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"ɵb"}],"animations":[{"__symbolic":"reference","name":"ɵc"}],"template":"<div\n  [@skySlideDissolve]=\"showForm\"\n>\n\n  <div *ngIf=\"!showForm\"\n    class=\"sky-slide-dissolve-first\"\n  >\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"template && showForm\"\n    class=\"sky-slide-dissolve-last\"\n  >\n    <div\n      class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\"\n    >\n      <div\n        class=\"sky-inline-form-content\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"template\"\n        >\n        </ng-container>\n      </div>\n      <div\n        class=\"sky-inline-form-footer\"\n      >\n        <button *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\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}.sky-theme-modern .sky-inline-form,:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer,:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button,:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"showForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":117,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":128,"character":24},{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyLibResourcesService","line":129,"character":30},{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":130,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":131,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closeInlineForm":[{"__symbolic":"method"}],"setupButtons":[{"__symbolic":"method"}],"getPresetButtons":[{"__symbolic":"method"}],"getCustomButtons":[{"__symbolic":"method"}],"isValidCustomConfig":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":24,"character":1}}],"members":{"applyAutofocus":[{"__symbolic":"method"}],"loadFocusableChildren":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"focusFirstElement":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":10,"character":58},"arguments":["skySlideDissolve",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":2},"arguments":["* <=> *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":14,"character":4},"arguments":[".sky-slide-dissolve-last:enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":6},"arguments":[{"height":0,"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":16,"character":6},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":31},"arguments":[{"height":"*","opacity":0}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":18,"character":4},"arguments":[".sky-slide-dissolve-last:enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":6},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":6},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":31},"arguments":[{"opacity":1}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":26,"character":4},"arguments":[".sky-slide-dissolve-last:leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":27,"character":6},"arguments":["0ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":21},"arguments":[{"opacity":0}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":30,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":31,"character":6},"arguments":[".sky-slide-dissolve-first:enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":8},"arguments":[{"opacity":0,"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":8},"arguments":["100ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":33},"arguments":[{"opacity":1,"height":"*"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":35,"character":6},"arguments":[".sky-slide-dissolve-last:leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":8},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":33},"arguments":[{"height":0}]}]}],{"optional":true}]}]]}]]}]]},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":2},"arguments":[{"providers":[{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":14,"character":4}]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyI18nModule","line":15,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@skyux/i18n","name":"SKY_LIB_RESOURCES_PROVIDERS","line":18,"character":13},"useClass":{"__symbolic":"reference","name":"ɵf"},"multi":true}]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"getString":[{"__symbolic":"method"}]}}},"origins":{"SkyInlineFormModule":"./modules/inline-form/inline-form.module","SkyInlineFormButtonAction":"./modules/inline-form/types/inline-form-button-action","SkyInlineFormButtonConfig":"./modules/inline-form/types/inline-form-button-config","SkyInlineFormCloseArgs":"./modules/inline-form/types/inline-form-close-args","SkyInlineFormConfig":"./modules/inline-form/types/inline-form-config","SkyInlineFormButtonLayout":"./modules/inline-form/types/inline-form-button-layout","ɵa":"./modules/inline-form/inline-form.component","ɵb":"./modules/inline-form/inline-form-adapter.service","ɵc":"./modules/inline-form/animations/slide-dissolve","ɵd":"./modules/shared/inline-form-for-root-compat.module","ɵe":"./modules/shared/inline-form-resources.module","ɵf":"./plugin-resources/inline-form-resources-provider"},"importAs":"@skyux/inline-form"}

package/src/assets/locales/resources_en_US.json

@@ -1,18 +0,0 @@
-{
-  "skyux_inline_form_button_cancel": {
-    "_description": "Text for cancel button",
-    "message": "Cancel"
-  },
-  "skyux_inline_form_button_delete": {
-    "_description": "Text for delete button",
-    "message": "Delete"
-  },
-  "skyux_inline_form_button_done": {
-    "_description": "Text for done button",
-    "message": "Done"
-  },
-  "skyux_inline_form_button_save": {
-    "_description": "Text for save button",
-    "message": "Save"
-  }
-}