@skyux/inline-form 12.8.0 → 12.10.0

package/fesm2022/skyux-inline-form-testing.mjs

@@ -0,0 +1,129 @@
+import { SkyQueryableComponentHarness } from '@skyux/core/testing';
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * Harness to interact with inline form button component in tests.
+ */
+class SkyInlineFormButtonHarness extends ComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = '.sky-inline-form-footer > button'; }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyInlineFormButtonHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return new HarnessPredicate(SkyInlineFormButtonHarness, filters)
+            .addOption('text', filters.text, async (harness, text) => {
+            const harnessText = await harness.getText();
+            return await HarnessPredicate.stringMatches(harnessText, text);
+        })
+            .addOption('styleType', filters.styleType, async (harness, styleType) => {
+            const harnessStyleType = await harness.getStyleType();
+            return await HarnessPredicate.stringMatches(harnessStyleType, styleType);
+        });
+    }
+    /**
+     * Clicks the button.
+     */
+    async click() {
+        return await (await this.host()).click();
+    }
+    /**
+     * Gets the button style type.
+     */
+    async getStyleType() {
+        const host = await this.host();
+        if (await host.hasClass('sky-btn-primary')) {
+            return 'primary';
+        }
+        if (await host.hasClass('sky-btn-link')) {
+            return 'link';
+        }
+        return 'default';
+    }
+    /**
+     * Gets the button text.
+     */
+    async getText() {
+        return await (await this.host()).text();
+    }
+    /**
+     * Whether the button is disabled.
+     */
+    async isDisabled() {
+        return await (await this.host()).hasClass('sky-btn-disabled');
+    }
+}
+
+/**
+ * Harness to interact with inline form template components in tests.
+ */
+class SkyInlineFormTemplateHarness extends SkyQueryableComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = '.sky-inline-form-content'; }
+}
+
+/**
+ * Harness to interact with inline form components in tests.
+ */
+class SkyInlineFormHarness extends SkyQueryableComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = 'sky-inline-form'; }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyInlineFormHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return SkyInlineFormHarness.getDataSkyIdPredicate(filters);
+    }
+    /**
+     * Gets an inline form button that matches the given filters.
+     */
+    async getButton(filters) {
+        if (!(await this.isFormExpanded())) {
+            throw new Error('Inline form is not expanded. The buttons cannot be retrieved when not visible.');
+        }
+        return await this.locatorFor(SkyInlineFormButtonHarness.with(filters))();
+    }
+    /**
+     * Gets the inline form's buttons.
+     */
+    async getButtons(filters) {
+        if (!(await this.isFormExpanded())) {
+            throw new Error('Inline form is not expanded. The buttons cannot be retrieved when not visible.');
+        }
+        const buttons = await this.locatorForAll(SkyInlineFormButtonHarness.with(filters || {}))();
+        if (filters && buttons.length === 0) {
+            throw new Error(`No button(s) found that match the given filter(s): ${JSON.stringify(filters)}`);
+        }
+        return buttons;
+    }
+    /**
+     * Returns a harness wrapping the inline form's template when expanded.
+     */
+    async getTemplate() {
+        if (!(await this.isFormExpanded())) {
+            throw new Error('Inline form is not expanded. Cannot retrieve template when not visible.');
+        }
+        return await this.locatorFor(SkyInlineFormTemplateHarness)();
+    }
+    /**
+     * Whether the inline form is shown.
+     */
+    async isFormExpanded() {
+        return ((await (await this.host()).getAttribute('data-show-form')) === 'true');
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyInlineFormButtonHarness, SkyInlineFormHarness, SkyInlineFormTemplateHarness };
+//# sourceMappingURL=skyux-inline-form-testing.mjs.map

package/fesm2022/skyux-inline-form-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-inline-form-testing.mjs","sources":["../../../../../libs/components/inline-form/testing/src/modules/inline-form/inline-form-button-harness.ts","../../../../../libs/components/inline-form/testing/src/modules/inline-form/inline-form-template-harness.ts","../../../../../libs/components/inline-form/testing/src/modules/inline-form/inline-form-harness.ts","../../../../../libs/components/inline-form/testing/src/skyux-inline-form-testing.ts"],"sourcesContent":["import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport { SkyInlineFormButtonHarnessFilters } from './inline-form-button-harness.filters';\n\n/**\n * Harness to interact with inline form button component in tests.\n */\nexport class SkyInlineFormButtonHarness extends ComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = '.sky-inline-form-footer > button';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyInlineFormButtonHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyInlineFormButtonHarnessFilters,\n  ): HarnessPredicate<SkyInlineFormButtonHarness> {\n    return new HarnessPredicate(SkyInlineFormButtonHarness, filters)\n      .addOption('text', filters.text, async (harness, text) => {\n        const harnessText = await harness.getText();\n        return await HarnessPredicate.stringMatches(harnessText, text);\n      })\n      .addOption('styleType', filters.styleType, async (harness, styleType) => {\n        const harnessStyleType = await harness.getStyleType();\n        return await HarnessPredicate.stringMatches(\n          harnessStyleType,\n          styleType,\n        );\n      });\n  }\n\n  /**\n   * Clicks the button.\n   */\n  public async click(): Promise<void> {\n    return await (await this.host()).click();\n  }\n\n  /**\n   * Gets the button style type.\n   */\n  public async getStyleType(): Promise<'primary' | 'link' | 'default'> {\n    const host = await this.host();\n    if (await host.hasClass('sky-btn-primary')) {\n      return 'primary';\n    }\n    if (await host.hasClass('sky-btn-link')) {\n      return 'link';\n    }\n    return 'default';\n  }\n\n  /**\n   * Gets the button text.\n   */\n  public async getText(): Promise<string> {\n    return await (await this.host()).text();\n  }\n\n  /**\n   * Whether the button is disabled.\n   */\n  public async isDisabled(): Promise<boolean> {\n    return await (await this.host()).hasClass('sky-btn-disabled');\n  }\n}\n","import { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness to interact with inline form template components in tests.\n */\nexport class SkyInlineFormTemplateHarness extends SkyQueryableComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = '.sky-inline-form-content';\n}\n","import { HarnessPredicate } from '@angular/cdk/testing';\nimport { SkyQueryableComponentHarness } from '@skyux/core/testing';\n\nimport { SkyInlineFormButtonHarness } from './inline-form-button-harness';\nimport { SkyInlineFormButtonHarnessFilters } from './inline-form-button-harness.filters';\nimport { SkyInlineFormHarnessFilters } from './inline-form-harness.filters';\nimport { SkyInlineFormTemplateHarness } from './inline-form-template-harness';\n\n/**\n * Harness to interact with inline form components in tests.\n */\nexport class SkyInlineFormHarness extends SkyQueryableComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-inline-form';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyInlineFormHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyInlineFormHarnessFilters,\n  ): HarnessPredicate<SkyInlineFormHarness> {\n    return SkyInlineFormHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Gets an inline form button that matches the given filters.\n   */\n  public async getButton(\n    filters: SkyInlineFormButtonHarnessFilters,\n  ): Promise<SkyInlineFormButtonHarness | null> {\n    if (!(await this.isFormExpanded())) {\n      throw new Error(\n        'Inline form is not expanded. The buttons cannot be retrieved when not visible.',\n      );\n    }\n    return await this.locatorFor(SkyInlineFormButtonHarness.with(filters))();\n  }\n\n  /**\n   * Gets the inline form's buttons.\n   */\n  public async getButtons(\n    filters?: SkyInlineFormButtonHarnessFilters,\n  ): Promise<SkyInlineFormButtonHarness[]> {\n    if (!(await this.isFormExpanded())) {\n      throw new Error(\n        'Inline form is not expanded. The buttons cannot be retrieved when not visible.',\n      );\n    }\n    const buttons = await this.locatorForAll(\n      SkyInlineFormButtonHarness.with(filters || {}),\n    )();\n    if (filters && buttons.length === 0) {\n      throw new Error(\n        `No button(s) found that match the given filter(s): ${JSON.stringify(filters)}`,\n      );\n    }\n    return buttons;\n  }\n\n  /**\n   * Returns a harness wrapping the inline form's template when expanded.\n   */\n  public async getTemplate(): Promise<SkyInlineFormTemplateHarness> {\n    if (!(await this.isFormExpanded())) {\n      throw new Error(\n        'Inline form is not expanded. Cannot retrieve template when not visible.',\n      );\n    }\n\n    return await this.locatorFor(SkyInlineFormTemplateHarness)();\n  }\n\n  /**\n   * Whether the inline form is shown.\n   */\n  public async isFormExpanded(): Promise<boolean> {\n    return (\n      (await (await this.host()).getAttribute('data-show-form')) === 'true'\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/skyux-inline-form.mjs

@@ -1,7 +1,7 @@
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgModule, Injectable, EventEmitter, Output, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i2 from '@skyux/i18n';
 import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
 import { Subject, ReplaySubject, zip } from 'rxjs';
@@ -189,6 +189,9 @@ class SkyInlineFormComponent {
     get showForm() {
         return this.#_showForm;
     }
+    get showFormData() {
+        return this.showForm;
+    }
     #_config;
     #_showForm;
     #ngUnsubscribe;
@@ -353,17 +356,20 @@ class SkyInlineFormComponent {
             config.buttonLayout === SkyInlineFormButtonLayout.Custom);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyInlineFormComponent, isStandalone: false, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, providers: [SkyInlineFormAdapterService], ngImport: i0, template: "<div [@skySlideDissolve]=\"showForm\">\n  @if (!showForm) {\n    <div class=\"sky-slide-dissolve-first\">\n      <ng-content />\n    </div>\n  } @else if (template) {\n    <div class=\"sky-slide-dissolve-last\">\n      <div\n        class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n      >\n        <div class=\"sky-inline-form-content\">\n          <ng-container [ngTemplateOutlet]=\"template\" />\n        </div>\n        <div class=\"sky-inline-form-footer\">\n          @for (button of buttons; track button) {\n            <button\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          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".sky-inline-form:not(.sky-theme-modern *){--sky-override-inline-form-background-color: #eeeeef;--sky-override-inline-form-border: 1px solid #cdcfd2;--sky-override-inline-form-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-inline-form-button-margin-right: 5px;--sky-override-inline-form-padding: 10px 10px 10px 10px;--sky-override-inline-form-footer-margin-top: 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-inline-form{--sky-override-inline-form-box-shadow: var(--sky-elevation-overflow);--sky-override-inline-form-border: none}.sky-inline-form{background:var(--sky-override-inline-form-background-color, var(--sky-color-background-container-base));border:var(--sky-override-inline-form-border, var(--sky-border-style-elevation) var(--sky-border-width-container-base) var(--sky-color-border-container-base));box-shadow:var(--sky-override-inline-form-box-shadow, var(--sky-elevation-raised-100));padding:var(--sky-override-inline-form-padding, var(--sky-space-inset-balanced-m));width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:var(--sky-override-inline-form-footer-margin-top, var(--sky-space-gap-form-xl))}.sky-inline-form .sky-inline-form-footer button{margin:0 var(--sky-override-inline-form-button-margin-right, var(--sky-space-gap-action_group-m)) 0 0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyInlineFormComponent, isStandalone: false, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, host: { properties: { "attr.data-show-form": "this.showFormData" } }, providers: [SkyInlineFormAdapterService], ngImport: i0, template: "<div [@skySlideDissolve]=\"showForm\">\n  @if (!showForm) {\n    <div class=\"sky-slide-dissolve-first\">\n      <ng-content />\n    </div>\n  } @else if (template) {\n    <div class=\"sky-slide-dissolve-last\">\n      <div\n        class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n      >\n        <div class=\"sky-inline-form-content\">\n          <ng-container [ngTemplateOutlet]=\"template\" />\n        </div>\n        <div class=\"sky-inline-form-footer\">\n          @for (button of buttons; track button.text) {\n            <button\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          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".sky-inline-form:not(.sky-theme-modern *){--sky-override-inline-form-background-color: #eeeeef;--sky-override-inline-form-border: 1px solid #cdcfd2;--sky-override-inline-form-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-inline-form-button-margin-right: 5px;--sky-override-inline-form-padding: 10px 10px 10px 10px;--sky-override-inline-form-footer-margin-top: 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-inline-form{--sky-override-inline-form-box-shadow: var(--sky-elevation-overflow);--sky-override-inline-form-border: none}.sky-inline-form{background:var(--sky-override-inline-form-background-color, var(--sky-color-background-container-base));border:var(--sky-override-inline-form-border, var(--sky-border-style-elevation) var(--sky-border-width-container-base) var(--sky-color-border-container-base));box-shadow:var(--sky-override-inline-form-box-shadow, var(--sky-elevation-raised-100));padding:var(--sky-override-inline-form-padding, var(--sky-space-inset-balanced-m));width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:var(--sky-override-inline-form-footer-margin-top, var(--sky-space-gap-form-xl))}.sky-inline-form .sky-inline-form-footer button{margin:0 var(--sky-override-inline-form-button-margin-right, var(--sky-space-gap-action_group-m)) 0 0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], animations: [skySlideDissolve], standalone: false, template: "<div [@skySlideDissolve]=\"showForm\">\n  @if (!showForm) {\n    <div class=\"sky-slide-dissolve-first\">\n      <ng-content />\n    </div>\n  } @else if (template) {\n    <div class=\"sky-slide-dissolve-last\">\n      <div\n        class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n      >\n        <div class=\"sky-inline-form-content\">\n          <ng-container [ngTemplateOutlet]=\"template\" />\n        </div>\n        <div class=\"sky-inline-form-footer\">\n          @for (button of buttons; track button) {\n            <button\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          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".sky-inline-form:not(.sky-theme-modern *){--sky-override-inline-form-background-color: #eeeeef;--sky-override-inline-form-border: 1px solid #cdcfd2;--sky-override-inline-form-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-inline-form-button-margin-right: 5px;--sky-override-inline-form-padding: 10px 10px 10px 10px;--sky-override-inline-form-footer-margin-top: 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-inline-form{--sky-override-inline-form-box-shadow: var(--sky-elevation-overflow);--sky-override-inline-form-border: none}.sky-inline-form{background:var(--sky-override-inline-form-background-color, var(--sky-color-background-container-base));border:var(--sky-override-inline-form-border, var(--sky-border-style-elevation) var(--sky-border-width-container-base) var(--sky-color-border-container-base));box-shadow:var(--sky-override-inline-form-box-shadow, var(--sky-elevation-raised-100));padding:var(--sky-override-inline-form-padding, var(--sky-space-inset-balanced-m));width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:var(--sky-override-inline-form-footer-margin-top, var(--sky-space-gap-form-xl))}.sky-inline-form .sky-inline-form-footer button{margin:0 var(--sky-override-inline-form-button-margin-right, var(--sky-space-gap-action_group-m)) 0 0}\n"] }]
+            args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], animations: [skySlideDissolve], standalone: false, template: "<div [@skySlideDissolve]=\"showForm\">\n  @if (!showForm) {\n    <div class=\"sky-slide-dissolve-first\">\n      <ng-content />\n    </div>\n  } @else if (template) {\n    <div class=\"sky-slide-dissolve-last\">\n      <div\n        class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n      >\n        <div class=\"sky-inline-form-content\">\n          <ng-container [ngTemplateOutlet]=\"template\" />\n        </div>\n        <div class=\"sky-inline-form-footer\">\n          @for (button of buttons; track button.text) {\n            <button\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          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".sky-inline-form:not(.sky-theme-modern *){--sky-override-inline-form-background-color: #eeeeef;--sky-override-inline-form-border: 1px solid #cdcfd2;--sky-override-inline-form-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-inline-form-button-margin-right: 5px;--sky-override-inline-form-padding: 10px 10px 10px 10px;--sky-override-inline-form-footer-margin-top: 20px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-inline-form{--sky-override-inline-form-box-shadow: var(--sky-elevation-overflow);--sky-override-inline-form-border: none}.sky-inline-form{background:var(--sky-override-inline-form-background-color, var(--sky-color-background-container-base));border:var(--sky-override-inline-form-border, var(--sky-border-style-elevation) var(--sky-border-width-container-base) var(--sky-color-border-container-base));box-shadow:var(--sky-override-inline-form-box-shadow, var(--sky-elevation-raised-100));padding:var(--sky-override-inline-form-padding, var(--sky-space-inset-balanced-m));width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:var(--sky-override-inline-form-footer-margin-top, var(--sky-space-gap-form-xl))}.sky-inline-form .sky-inline-form-footer button{margin:0 var(--sky-override-inline-form-button-margin-right, var(--sky-space-gap-action_group-m)) 0 0}\n"] }]
         }], ctorParameters: () => [{ type: SkyInlineFormAdapterService }, { type: i0.ElementRef }, { type: i2.SkyLibResourcesService }, { type: i3.SkyAppWindowRef }, { type: i0.ChangeDetectorRef }], propDecorators: { config: [{
                 type: Input
             }], template: [{
                 type: Input
             }], showForm: [{
                 type: Input
+            }], showFormData: [{
+                type: HostBinding,
+                args: ['attr.data-show-form']
             }], close: [{
                 type: Output
             }] } });

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

@@ -1 +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":["/* istanbul ignore file */\n/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-inline-form' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesService,\n} from '@skyux/i18n';\n\nconst RESOURCES: Record<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  'FR-CA': {\n    skyux_inline_form_button_cancel: { message: 'Annuler' },\n    skyux_inline_form_button_delete: { message: 'Supprimer' },\n    skyux_inline_form_button_done: { message: 'Terminé' },\n    skyux_inline_form_button_save: { message: 'Sauvegarder' },\n  },\n};\n\nSkyLibResourcesService.addResources(RESOURCES);\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\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\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\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  #loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n    const elements: 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  #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  #focusFirstElement(list: HTMLElement[]): void {\n    if (list.length > 0) {\n      list[0].focus();\n    }\n  }\n}\n","export enum SkyInlineFormButtonLayout {\n  /**\n   * Displays custom buttons.\n   */\n  Custom = 0,\n  /**\n   * Displays Done and Cancel buttons.\n   */\n  DoneCancel = 1,\n  /**\n   * Displays Done, Delete, and Cancel buttons.\n   */\n  DoneDeleteCancel = 2,\n  /**\n   * Displays Save and Cancel buttons.\n   */\n  SaveCancel = 3,\n  /**\n   * Displays Save, Delete, and Cancel buttons.\n   */\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 { Observable, ReplaySubject, Subject, zip as observableZip } from 'rxjs';\nimport { takeUntil } 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  standalone: false,\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n  /**\n   * Configuration options for the buttons to display with the inline form.\n   * @required\n   */\n  @Input()\n  public set config(value: SkyInlineFormConfig | undefined) {\n    if (value !== this.#_config && !!value) {\n      this.#_config = value;\n      this.#setupButtons();\n    }\n  }\n\n  public get config(): SkyInlineFormConfig | undefined {\n    return this.#_config;\n  }\n\n  /**\n   * The template to instantiate the inline form.\n   * @required\n   */\n  @Input()\n  public template: TemplateRef<unknown> | undefined;\n\n  /**\n   * 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 | undefined) {\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(): boolean | undefined {\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  // TODO: handle buttons being set asynchronously (\"| undefined\") when setting autofocus\n  public buttons!: SkyInlineFormButtonConfig[];\n\n  #_config: SkyInlineFormConfig | undefined;\n\n  #_showForm: boolean | undefined = false;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #adapter: SkyInlineFormAdapterService;\n  #elementRef: ElementRef;\n  #resourcesService: SkyLibResourcesService;\n  #skyAppWindowRef: SkyAppWindowRef;\n  #changeDetectorRef: ChangeDetectorRef;\n\n  constructor(\n    adapter: SkyInlineFormAdapterService,\n    elementRef: ElementRef,\n    resourcesService: SkyLibResourcesService,\n    skyAppWindowRef: SkyAppWindowRef,\n    changeDetectorRef: ChangeDetectorRef,\n  ) {\n    this.#adapter = adapter;\n    this.#elementRef = elementRef;\n    this.#resourcesService = resourcesService;\n    this.#skyAppWindowRef = skyAppWindowRef;\n    this.#changeDetectorRef = changeDetectorRef;\n  }\n\n  public ngOnInit(): void {\n    this.#setupButtons();\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n\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  #setupButtons(): void {\n    if (\n      this.#isValidCustomConfig(this.config) &&\n      this.config &&\n      this.config.buttons\n    ) {\n      this.buttons = this.#getCustomButtons(this.config.buttons);\n      this.#changeDetectorRef.markForCheck();\n      return;\n    }\n\n    this.#getPresetButtons()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((buttons: SkyInlineFormButtonConfig[]) => {\n        this.buttons = buttons;\n        this.#changeDetectorRef.markForCheck();\n      });\n  }\n\n  #getPresetButtons(): Observable<SkyInlineFormButtonConfig[]> {\n    const emitter = new ReplaySubject<SkyInlineFormButtonConfig[]>(1);\n\n    const buttonType = this.config\n      ? this.config.buttonLayout\n      : SkyInlineFormButtonLayout.DoneCancel;\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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        break;\n    }\n\n    return emitter.asObservable();\n  }\n\n  #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  #isValidCustomConfig(config: SkyInlineFormConfig | undefined): boolean {\n    return (\n      !!config &&\n      !!config.buttons &&\n      config.buttons.length > 0 &&\n      config.buttonLayout === SkyInlineFormButtonLayout.Custom\n    );\n  }\n}\n","<div [@skySlideDissolve]=\"showForm\">\n  @if (!showForm) {\n    <div class=\"sky-slide-dissolve-first\">\n      <ng-content />\n    </div>\n  } @else if (template) {\n    <div class=\"sky-slide-dissolve-last\">\n      <div\n        class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n      >\n        <div class=\"sky-inline-form-content\">\n          <ng-container [ngTemplateOutlet]=\"template\" />\n        </div>\n        <div class=\"sky-inline-form-footer\">\n          @for (button of buttons; track button) {\n            <button\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          }\n        </div>\n      </div>\n    </div>\n  }\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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"}
+{"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":["/* istanbul ignore file */\n/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-inline-form' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesService,\n} from '@skyux/i18n';\n\nconst RESOURCES: Record<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  'FR-CA': {\n    skyux_inline_form_button_cancel: { message: 'Annuler' },\n    skyux_inline_form_button_delete: { message: 'Supprimer' },\n    skyux_inline_form_button_done: { message: 'Terminé' },\n    skyux_inline_form_button_save: { message: 'Sauvegarder' },\n  },\n};\n\nSkyLibResourcesService.addResources(RESOURCES);\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\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\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\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  #loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n    const elements: 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  #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  #focusFirstElement(list: HTMLElement[]): void {\n    if (list.length > 0) {\n      list[0].focus();\n    }\n  }\n}\n","export enum SkyInlineFormButtonLayout {\n  /**\n   * Displays custom buttons.\n   */\n  Custom = 0,\n  /**\n   * Displays Done and Cancel buttons.\n   */\n  DoneCancel = 1,\n  /**\n   * Displays Done, Delete, and Cancel buttons.\n   */\n  DoneDeleteCancel = 2,\n  /**\n   * Displays Save and Cancel buttons.\n   */\n  SaveCancel = 3,\n  /**\n   * Displays Save, Delete, and Cancel buttons.\n   */\n  SaveDeleteCancel = 4,\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\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 { Observable, ReplaySubject, Subject, zip as observableZip } from 'rxjs';\nimport { takeUntil } 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  standalone: false,\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n  /**\n   * Configuration options for the buttons to display with the inline form.\n   * @required\n   */\n  @Input()\n  public set config(value: SkyInlineFormConfig | undefined) {\n    if (value !== this.#_config && !!value) {\n      this.#_config = value;\n      this.#setupButtons();\n    }\n  }\n\n  public get config(): SkyInlineFormConfig | undefined {\n    return this.#_config;\n  }\n\n  /**\n   * The template to instantiate the inline form.\n   * @required\n   */\n  @Input()\n  public template: TemplateRef<unknown> | undefined;\n\n  /**\n   * 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 | undefined) {\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(): boolean | undefined {\n    return this.#_showForm;\n  }\n\n  @HostBinding('attr.data-show-form')\n  public get showFormData(): boolean | undefined {\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  // TODO: handle buttons being set asynchronously (\"| undefined\") when setting autofocus\n  public buttons!: SkyInlineFormButtonConfig[];\n\n  #_config: SkyInlineFormConfig | undefined;\n\n  #_showForm: boolean | undefined = false;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #adapter: SkyInlineFormAdapterService;\n  #elementRef: ElementRef;\n  #resourcesService: SkyLibResourcesService;\n  #skyAppWindowRef: SkyAppWindowRef;\n  #changeDetectorRef: ChangeDetectorRef;\n\n  constructor(\n    adapter: SkyInlineFormAdapterService,\n    elementRef: ElementRef,\n    resourcesService: SkyLibResourcesService,\n    skyAppWindowRef: SkyAppWindowRef,\n    changeDetectorRef: ChangeDetectorRef,\n  ) {\n    this.#adapter = adapter;\n    this.#elementRef = elementRef;\n    this.#resourcesService = resourcesService;\n    this.#skyAppWindowRef = skyAppWindowRef;\n    this.#changeDetectorRef = changeDetectorRef;\n  }\n\n  public ngOnInit(): void {\n    this.#setupButtons();\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n\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  #setupButtons(): void {\n    if (\n      this.#isValidCustomConfig(this.config) &&\n      this.config &&\n      this.config.buttons\n    ) {\n      this.buttons = this.#getCustomButtons(this.config.buttons);\n      this.#changeDetectorRef.markForCheck();\n      return;\n    }\n\n    this.#getPresetButtons()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((buttons: SkyInlineFormButtonConfig[]) => {\n        this.buttons = buttons;\n        this.#changeDetectorRef.markForCheck();\n      });\n  }\n\n  #getPresetButtons(): Observable<SkyInlineFormButtonConfig[]> {\n    const emitter = new ReplaySubject<SkyInlineFormButtonConfig[]>(1);\n\n    const buttonType = this.config\n      ? this.config.buttonLayout\n      : SkyInlineFormButtonLayout.DoneCancel;\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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        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(takeUntil(this.#ngUnsubscribe))\n          .subscribe((values: string[]) => {\n            emitter.next([\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        break;\n    }\n\n    return emitter.asObservable();\n  }\n\n  #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  #isValidCustomConfig(config: SkyInlineFormConfig | undefined): boolean {\n    return (\n      !!config &&\n      !!config.buttons &&\n      config.buttons.length > 0 &&\n      config.buttonLayout === SkyInlineFormButtonLayout.Custom\n    );\n  }\n}\n","<div [@skySlideDissolve]=\"showForm\">\n  @if (!showForm) {\n    <div class=\"sky-slide-dissolve-first\">\n      <ng-content />\n    </div>\n  } @else if (template) {\n    <div class=\"sky-slide-dissolve-last\">\n      <div\n        class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n      >\n        <div class=\"sky-inline-form-content\">\n          <ng-container [ngTemplateOutlet]=\"template\" />\n        </div>\n        <div class=\"sky-inline-form-footer\">\n          @for (button of buttons; track button.text) {\n            <button\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          }\n        </div>\n      </div>\n    </div>\n  }\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/lib/modules/inline-form/inline-form.component.d.ts

@@ -29,6 +29,7 @@ export declare class SkyInlineFormComponent implements OnInit, OnDestroy {
      */
     set showForm(value: boolean | undefined);
     get showForm(): boolean | undefined;
+    get showFormData(): boolean | undefined;
     /**
      * Fires when users close the inline form.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/inline-form",
-  "version": "12.8.0",
+  "version": "12.10.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -17,10 +17,11 @@
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
     "@angular/animations": "^19.2.7",
+    "@angular/cdk": "^19.2.10",
     "@angular/common": "^19.2.7",
     "@angular/core": "^19.2.7",
-    "@skyux/core": "12.8.0",
-    "@skyux/i18n": "12.8.0"
+    "@skyux/core": "12.10.0",
+    "@skyux/i18n": "12.10.0"
   },
   "dependencies": {
     "tslib": "^2.8.1"
@@ -34,6 +35,10 @@
     ".": {
       "types": "./index.d.ts",
       "default": "./fesm2022/skyux-inline-form.mjs"
+    },
+    "./testing": {
+      "types": "./testing/index.d.ts",
+      "default": "./fesm2022/skyux-inline-form-testing.mjs"
     }
   },
   "sideEffects": false

package/testing/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@skyux/inline-form/testing" />
+export * from './public-api';

package/testing/modules/inline-form/inline-form-button-harness.d.ts

@@ -0,0 +1,32 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { SkyInlineFormButtonHarnessFilters } from './inline-form-button-harness.filters';
+/**
+ * Harness to interact with inline form button component in tests.
+ */
+export declare class SkyInlineFormButtonHarness extends ComponentHarness {
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyInlineFormButtonHarness` that meets certain criteria.
+     */
+    static with(filters: SkyInlineFormButtonHarnessFilters): HarnessPredicate<SkyInlineFormButtonHarness>;
+    /**
+     * Clicks the button.
+     */
+    click(): Promise<void>;
+    /**
+     * Gets the button style type.
+     */
+    getStyleType(): Promise<'primary' | 'link' | 'default'>;
+    /**
+     * Gets the button text.
+     */
+    getText(): Promise<string>;
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled(): Promise<boolean>;
+}

package/testing/modules/inline-form/inline-form-button-harness.filters.d.ts

@@ -0,0 +1,14 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyInlineFormButtonHarness` instances.
+ */
+export interface SkyInlineFormButtonHarnessFilters extends SkyHarnessFilters {
+    /**
+     * Finds the button whose text matches this value.
+     */
+    text?: string;
+    /**
+     * Finds the button whose style type matches this value.
+     */
+    styleType?: 'primary' | 'link' | 'default';
+}

package/testing/modules/inline-form/inline-form-harness.d.ts

@@ -0,0 +1,36 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyQueryableComponentHarness } from '@skyux/core/testing';
+import { SkyInlineFormButtonHarness } from './inline-form-button-harness';
+import { SkyInlineFormButtonHarnessFilters } from './inline-form-button-harness.filters';
+import { SkyInlineFormHarnessFilters } from './inline-form-harness.filters';
+import { SkyInlineFormTemplateHarness } from './inline-form-template-harness';
+/**
+ * Harness to interact with inline form components in tests.
+ */
+export declare class SkyInlineFormHarness extends SkyQueryableComponentHarness {
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyInlineFormHarness` that meets certain criteria.
+     */
+    static with(filters: SkyInlineFormHarnessFilters): HarnessPredicate<SkyInlineFormHarness>;
+    /**
+     * Gets an inline form button that matches the given filters.
+     */
+    getButton(filters: SkyInlineFormButtonHarnessFilters): Promise<SkyInlineFormButtonHarness | null>;
+    /**
+     * Gets the inline form's buttons.
+     */
+    getButtons(filters?: SkyInlineFormButtonHarnessFilters): Promise<SkyInlineFormButtonHarness[]>;
+    /**
+     * Returns a harness wrapping the inline form's template when expanded.
+     */
+    getTemplate(): Promise<SkyInlineFormTemplateHarness>;
+    /**
+     * Whether the inline form is shown.
+     */
+    isFormExpanded(): Promise<boolean>;
+}

package/testing/modules/inline-form/inline-form-harness.filters.d.ts

@@ -0,0 +1,6 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyInlineFormHarness` instances.
+ */
+export interface SkyInlineFormHarnessFilters extends SkyHarnessFilters {
+}

package/testing/modules/inline-form/inline-form-template-harness.d.ts

@@ -0,0 +1,10 @@
+import { SkyQueryableComponentHarness } from '@skyux/core/testing';
+/**
+ * Harness to interact with inline form template components in tests.
+ */
+export declare class SkyInlineFormTemplateHarness extends SkyQueryableComponentHarness {
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+}

package/testing/public-api.d.ts

@@ -0,0 +1,5 @@
+export { SkyInlineFormHarness } from './modules/inline-form/inline-form-harness';
+export { SkyInlineFormHarnessFilters } from './modules/inline-form/inline-form-harness.filters';
+export { SkyInlineFormButtonHarness } from './modules/inline-form/inline-form-button-harness';
+export { SkyInlineFormButtonHarnessFilters } from './modules/inline-form/inline-form-button-harness.filters';
+export { SkyInlineFormTemplateHarness } from './modules/inline-form/inline-form-template-harness';