@skyux/inline-form 8.7.2 → 9.0.0-alpha.1

package/fesm2020/skyux-inline-form.mjs

@@ -1,400 +0,0 @@
-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 { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import { Subject, ReplaySubject, zip } from 'rxjs';
-import { takeUntil } 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!
- * 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: "15.2.9", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyInlineFormResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] });
-SkyInlineFormResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyInlineFormResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyInlineFormResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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 }),
-        ]),
-    ]),
-]);
-
-var _SkyInlineFormAdapterService_instances, _SkyInlineFormAdapterService_loadFocusableChildren, _SkyInlineFormAdapterService_isVisible, _SkyInlineFormAdapterService_focusFirstElement;
-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(', ');
-/**
- * @internal
- */
-class SkyInlineFormAdapterService {
-    constructor() {
-        _SkyInlineFormAdapterService_instances.add(this);
-    }
-    applyAutofocus(inlineFormElementRef) {
-        const inputWithAutofocus = inlineFormElementRef.nativeElement.querySelector('[autofocus]');
-        if (inputWithAutofocus) {
-            inputWithAutofocus.focus();
-        }
-        else {
-            const focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
-            const focusableChildren = __classPrivateFieldGet(this, _SkyInlineFormAdapterService_instances, "m", _SkyInlineFormAdapterService_loadFocusableChildren).call(this, focusEl);
-            __classPrivateFieldGet(this, _SkyInlineFormAdapterService_instances, "m", _SkyInlineFormAdapterService_focusFirstElement).call(this, focusableChildren);
-        }
-    }
-}
-_SkyInlineFormAdapterService_instances = new WeakSet(), _SkyInlineFormAdapterService_loadFocusableChildren = function _SkyInlineFormAdapterService_loadFocusableChildren(elem) {
-    const elements = Array.prototype.slice.call(elem.querySelectorAll(SKY_TABBABLE_SELECTOR));
-    return elements.filter((element) => {
-        return __classPrivateFieldGet(this, _SkyInlineFormAdapterService_instances, "m", _SkyInlineFormAdapterService_isVisible).call(this, element);
-    });
-}, _SkyInlineFormAdapterService_isVisible = function _SkyInlineFormAdapterService_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;
-}, _SkyInlineFormAdapterService_focusFirstElement = function _SkyInlineFormAdapterService_focusFirstElement(list) {
-    if (list.length > 0) {
-        list[0].focus();
-    }
-};
-SkyInlineFormAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyInlineFormAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyInlineFormAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
-            type: Injectable
-        }] });
-
-var SkyInlineFormButtonLayout;
-(function (SkyInlineFormButtonLayout) {
-    /**
-     * Displays custom buttons.
-     */
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["Custom"] = 0] = "Custom";
-    /**
-     * Displays Done and Cancel buttons.
-     */
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneCancel"] = 1] = "DoneCancel";
-    /**
-     * Displays Done, Delete, and Cancel buttons.
-     */
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneDeleteCancel"] = 2] = "DoneDeleteCancel";
-    /**
-     * Displays Save and Cancel buttons.
-     */
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveCancel"] = 3] = "SaveCancel";
-    /**
-     * Displays Save, Delete, and Cancel buttons.
-     */
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveDeleteCancel"] = 4] = "SaveDeleteCancel";
-})(SkyInlineFormButtonLayout || (SkyInlineFormButtonLayout = {}));
-
-var _SkyInlineFormComponent_instances, _SkyInlineFormComponent__config, _SkyInlineFormComponent__showForm, _SkyInlineFormComponent_ngUnsubscribe, _SkyInlineFormComponent_adapter, _SkyInlineFormComponent_elementRef, _SkyInlineFormComponent_resourcesService, _SkyInlineFormComponent_skyAppWindowRef, _SkyInlineFormComponent_changeDetectorRef, _SkyInlineFormComponent_setupButtons, _SkyInlineFormComponent_getPresetButtons, _SkyInlineFormComponent_getCustomButtons, _SkyInlineFormComponent_isValidCustomConfig;
-/**
- * Renders form content in the current view instead of a separate modal.
- */
-class SkyInlineFormComponent {
-    /**
-     * Configuration options for the buttons to display with the inline form.
-     * @required
-     */
-    set config(value) {
-        if (value !== __classPrivateFieldGet(this, _SkyInlineFormComponent__config, "f") && !!value) {
-            __classPrivateFieldSet(this, _SkyInlineFormComponent__config, value, "f");
-            __classPrivateFieldGet(this, _SkyInlineFormComponent_instances, "m", _SkyInlineFormComponent_setupButtons).call(this);
-        }
-    }
-    get config() {
-        return __classPrivateFieldGet(this, _SkyInlineFormComponent__config, "f");
-    }
-    /**
-     * Whether to display the inline form. Users can toggle between displaying
-     * and hiding the inline form.
-     * @default false
-     */
-    set showForm(value) {
-        __classPrivateFieldSet(this, _SkyInlineFormComponent__showForm, value, "f");
-        /* istanbul ignore else */
-        if (value) {
-            // setTimeout() prevents applyAutofocus() from firing
-            // until after *ngIf has added the form element to the DOM.
-            __classPrivateFieldGet(this, _SkyInlineFormComponent_skyAppWindowRef, "f").nativeWindow.setTimeout(() => {
-                __classPrivateFieldGet(this, _SkyInlineFormComponent_adapter, "f").applyAutofocus(__classPrivateFieldGet(this, _SkyInlineFormComponent_elementRef, "f"));
-            });
-        }
-    }
-    get showForm() {
-        return __classPrivateFieldGet(this, _SkyInlineFormComponent__showForm, "f");
-    }
-    constructor(adapter, elementRef, resourcesService, skyAppWindowRef, changeDetectorRef) {
-        _SkyInlineFormComponent_instances.add(this);
-        /**
-         * Fires when users close the inline form.
-         */
-        this.close = new EventEmitter();
-        _SkyInlineFormComponent__config.set(this, void 0);
-        _SkyInlineFormComponent__showForm.set(this, false);
-        _SkyInlineFormComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyInlineFormComponent_adapter.set(this, void 0);
-        _SkyInlineFormComponent_elementRef.set(this, void 0);
-        _SkyInlineFormComponent_resourcesService.set(this, void 0);
-        _SkyInlineFormComponent_skyAppWindowRef.set(this, void 0);
-        _SkyInlineFormComponent_changeDetectorRef.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyInlineFormComponent_adapter, adapter, "f");
-        __classPrivateFieldSet(this, _SkyInlineFormComponent_elementRef, elementRef, "f");
-        __classPrivateFieldSet(this, _SkyInlineFormComponent_resourcesService, resourcesService, "f");
-        __classPrivateFieldSet(this, _SkyInlineFormComponent_skyAppWindowRef, skyAppWindowRef, "f");
-        __classPrivateFieldSet(this, _SkyInlineFormComponent_changeDetectorRef, changeDetectorRef, "f");
-    }
-    ngOnInit() {
-        __classPrivateFieldGet(this, _SkyInlineFormComponent_instances, "m", _SkyInlineFormComponent_setupButtons).call(this);
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyInlineFormComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyInlineFormComponent_ngUnsubscribe, "f").complete();
-        this.close.complete();
-    }
-    closeInlineForm(event) {
-        const args = {
-            reason: event.action,
-        };
-        this.close.emit(args);
-    }
-}
-_SkyInlineFormComponent__config = new WeakMap(), _SkyInlineFormComponent__showForm = new WeakMap(), _SkyInlineFormComponent_ngUnsubscribe = new WeakMap(), _SkyInlineFormComponent_adapter = new WeakMap(), _SkyInlineFormComponent_elementRef = new WeakMap(), _SkyInlineFormComponent_resourcesService = new WeakMap(), _SkyInlineFormComponent_skyAppWindowRef = new WeakMap(), _SkyInlineFormComponent_changeDetectorRef = new WeakMap(), _SkyInlineFormComponent_instances = new WeakSet(), _SkyInlineFormComponent_setupButtons = function _SkyInlineFormComponent_setupButtons() {
-    if (__classPrivateFieldGet(this, _SkyInlineFormComponent_instances, "m", _SkyInlineFormComponent_isValidCustomConfig).call(this, this.config) &&
-        this.config &&
-        this.config.buttons) {
-        this.buttons = __classPrivateFieldGet(this, _SkyInlineFormComponent_instances, "m", _SkyInlineFormComponent_getCustomButtons).call(this, this.config.buttons);
-        __classPrivateFieldGet(this, _SkyInlineFormComponent_changeDetectorRef, "f").markForCheck();
-        return;
-    }
-    __classPrivateFieldGet(this, _SkyInlineFormComponent_instances, "m", _SkyInlineFormComponent_getPresetButtons).call(this)
-        .pipe(takeUntil(__classPrivateFieldGet(this, _SkyInlineFormComponent_ngUnsubscribe, "f")))
-        .subscribe((buttons) => {
-        this.buttons = buttons;
-        __classPrivateFieldGet(this, _SkyInlineFormComponent_changeDetectorRef, "f").markForCheck();
-    });
-}, _SkyInlineFormComponent_getPresetButtons = function _SkyInlineFormComponent_getPresetButtons() {
-    const emitter = new ReplaySubject(1);
-    const buttonType = this.config
-        ? this.config.buttonLayout
-        : SkyInlineFormButtonLayout.DoneCancel;
-    switch (buttonType) {
-        /* istanbul ignore next */
-        default:
-        case SkyInlineFormButtonLayout.DoneCancel:
-            zip(__classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_done'), __classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_cancel'))
-                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyInlineFormComponent_ngUnsubscribe, "f")))
-                .subscribe((values) => {
-                emitter.next([
-                    {
-                        text: values[0],
-                        styleType: 'primary',
-                        action: 'done',
-                    },
-                    {
-                        text: values[1],
-                        styleType: 'link',
-                        action: 'cancel',
-                    },
-                ]);
-            });
-            break;
-        case SkyInlineFormButtonLayout.SaveCancel:
-            zip(__classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_save'), __classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_cancel'))
-                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyInlineFormComponent_ngUnsubscribe, "f")))
-                .subscribe((values) => {
-                emitter.next([
-                    {
-                        text: values[0],
-                        styleType: 'primary',
-                        action: 'save',
-                    },
-                    {
-                        text: values[1],
-                        styleType: 'link',
-                        action: 'cancel',
-                    },
-                ]);
-            });
-            break;
-        case SkyInlineFormButtonLayout.DoneDeleteCancel:
-            zip(__classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_done'), __classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_delete'), __classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_cancel'))
-                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyInlineFormComponent_ngUnsubscribe, "f")))
-                .subscribe((values) => {
-                emitter.next([
-                    {
-                        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(__classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_save'), __classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_delete'), __classPrivateFieldGet(this, _SkyInlineFormComponent_resourcesService, "f").getString('skyux_inline_form_button_cancel'))
-                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyInlineFormComponent_ngUnsubscribe, "f")))
-                .subscribe((values) => {
-                emitter.next([
-                    {
-                        text: values[0],
-                        styleType: 'primary',
-                        action: 'save',
-                    },
-                    {
-                        text: values[1],
-                        styleType: 'default',
-                        action: 'delete',
-                    },
-                    {
-                        text: values[2],
-                        styleType: 'link',
-                        action: 'cancel',
-                    },
-                ]);
-            });
-            break;
-    }
-    return emitter.asObservable();
-}, _SkyInlineFormComponent_getCustomButtons = function _SkyInlineFormComponent_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;
-}, _SkyInlineFormComponent_isValidCustomConfig = function _SkyInlineFormComponent_isValidCustomConfig(config) {
-    return (!!config &&
-        !!config.buttons &&
-        config.buttons.length > 0 &&
-        config.buttonLayout === SkyInlineFormButtonLayout.Custom);
-};
-SkyInlineFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", 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: "14.0.0", version: "15.2.9", 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"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyInlineFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] });
-SkyInlineFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyInlineFormModule, imports: [CommonModule, SkyInlineFormResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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