@skyux/inline-form 15.0.0-alpha.0 → 15.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/skyux-inline-form.mjs +52 -43
  2. package/fesm2022/skyux-inline-form.mjs.map +1 -1
  3. package/package.json +6 -6
  4. package/types/skyux-inline-form.d.ts +2 -15
package/fesm2022/skyux-inline-form.mjs CHANGED
@@ -1,12 +1,11 @@
1
- import * as i4 from '@angular/common';
1
+ import * as i1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { NgModule, Injectable, EventEmitter, Output, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
5
- import * as i2 from '@skyux/i18n';
4
+ import { NgModule, Injectable, EventEmitter, inject, ElementRef, ChangeDetectorRef, Output, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
6
5
  import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
6
+ import { SkyAppWindowRef } from '@skyux/core';
7
7
  import { Subject, ReplaySubject, zip } from 'rxjs';
8
8
  import { takeUntil } from 'rxjs/operators';
9
- import * as i3 from '@skyux/core';
10
9
 
11
10
  /* istanbul ignore file */
12
11
  /**
@@ -34,11 +33,11 @@ SkyLibResourcesService.addResources(RESOURCES);
34
33
  * Import into any component library module that needs to use resource strings.
35
34
  */
36
35
  class SkyInlineFormResourcesModule {
37
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
38
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] }); }
39
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormResourcesModule, imports: [SkyI18nModule] }); }
36
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
37
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] }); }
38
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormResourcesModule, imports: [SkyI18nModule] }); }
40
39
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
42
41
  type: NgModule,
43
42
  args: [{
44
43
  exports: [SkyI18nModule],
@@ -96,10 +95,10 @@ class SkyInlineFormAdapterService {
96
95
  list[0].focus();
97
96
  }
98
97
  }
99
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
100
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormAdapterService }); }
98
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
99
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormAdapterService }); }
101
100
  }
102
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
103
102
  type: Injectable
104
103
  }] });
105
104
 
@@ -131,6 +130,19 @@ var SkyInlineFormButtonLayout;
131
130
  * Renders form content in the current view instead of a separate modal.
132
131
  */
133
132
  class SkyInlineFormComponent {
133
+ constructor() {
134
+ /**
135
+ * Fires when users close the inline form.
136
+ */
137
+ this.close = new EventEmitter();
138
+ this.#_showForm = false;
139
+ this.#ngUnsubscribe = new Subject();
140
+ this.#adapter = inject(SkyInlineFormAdapterService);
141
+ this.#elementRef = inject(ElementRef);
142
+ this.#resourcesService = inject(SkyLibResourcesService);
143
+ this.#skyAppWindowRef = inject(SkyAppWindowRef);
144
+ this.#changeDetectorRef = inject(ChangeDetectorRef);
145
+ }
134
146
  /**
135
147
  * Configuration options for the buttons to display with the inline form.
136
148
  * @required
@@ -174,19 +186,6 @@ class SkyInlineFormComponent {
174
186
  #resourcesService;
175
187
  #skyAppWindowRef;
176
188
  #changeDetectorRef;
177
- constructor(adapter, elementRef, resourcesService, skyAppWindowRef, changeDetectorRef) {
178
- /**
179
- * Fires when users close the inline form.
180
- */
181
- this.close = new EventEmitter();
182
- this.#_showForm = false;
183
- this.#ngUnsubscribe = new Subject();
184
- this.#adapter = adapter;
185
- this.#elementRef = elementRef;
186
- this.#resourcesService = resourcesService;
187
- this.#skyAppWindowRef = skyAppWindowRef;
188
- this.#changeDetectorRef = changeDetectorRef;
189
- }
190
189
  ngOnInit() {
191
190
  this.#setupButtons();
192
191
  }
@@ -261,22 +260,27 @@ class SkyInlineFormComponent {
261
260
  });
262
261
  break;
263
262
  case SkyInlineFormButtonLayout.DoneDeleteCancel:
264
- 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'))
263
+ this.#resourcesService
264
+ .getStrings({
265
+ doneText: 'skyux_inline_form_button_done',
266
+ deleteText: 'skyux_inline_form_button_delete',
267
+ cancelText: 'skyux_inline_form_button_cancel',
268
+ })
265
269
  .pipe(takeUntil(this.#ngUnsubscribe))
266
- .subscribe((values) => {
270
+ .subscribe(({ doneText, deleteText, cancelText }) => {
267
271
  emitter.next([
268
272
  {
269
- text: values[0],
273
+ text: doneText,
270
274
  styleType: 'primary',
271
275
  action: 'done',
272
276
  },
273
277
  {
274
- text: values[1],
278
+ text: deleteText,
275
279
  styleType: 'default',
276
280
  action: 'delete',
277
281
  },
278
282
  {
279
- text: values[2],
283
+ text: cancelText,
280
284
  styleType: 'link',
281
285
  action: 'cancel',
282
286
  },
@@ -284,22 +288,27 @@ class SkyInlineFormComponent {
284
288
  });
285
289
  break;
286
290
  case SkyInlineFormButtonLayout.SaveDeleteCancel:
287
- 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'))
291
+ this.#resourcesService
292
+ .getStrings({
293
+ saveText: 'skyux_inline_form_button_save',
294
+ deleteText: 'skyux_inline_form_button_delete',
295
+ cancelText: 'skyux_inline_form_button_cancel',
296
+ })
288
297
  .pipe(takeUntil(this.#ngUnsubscribe))
289
- .subscribe((values) => {
298
+ .subscribe(({ saveText, deleteText, cancelText }) => {
290
299
  emitter.next([
291
300
  {
292
- text: values[0],
301
+ text: saveText,
293
302
  styleType: 'primary',
294
303
  action: 'save',
295
304
  },
296
305
  {
297
- text: values[1],
306
+ text: deleteText,
298
307
  styleType: 'default',
299
308
  action: 'delete',
300
309
  },
301
310
  {
302
- text: values[2],
311
+ text: cancelText,
303
312
  styleType: 'link',
304
313
  action: 'cancel',
305
314
  },
@@ -329,13 +338,13 @@ class SkyInlineFormComponent {
329
338
  config.buttons.length > 0 &&
330
339
  config.buttonLayout === SkyInlineFormButtonLayout.Custom);
331
340
  }
332
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormComponent, deps: [{ token: SkyInlineFormAdapterService }, { token: i0.ElementRef }, { token: i2.SkyLibResourcesService }, { token: i3.SkyAppWindowRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
333
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", 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: "@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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", 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}.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-comp-inline_form-space-inset-top) var(--sky-comp-inline_form-space-inset-right) var(--sky-comp-inline_form-space-inset-bottom) var(--sky-comp-inline_form-space-inset-left));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}@starting-style{.sky-slide-dissolve-first{opacity:0}}.sky-slide-dissolve-first{transition-property:opacity;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease-in}.sky-slide-dissolve-last{display:grid;grid-template-rows:1fr;opacity:1;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),var(--sky-global-duration-medium);transition-timing-function:ease-in,ease-in;transition-delay:0ms,var(--sky-global-duration-medium)}@starting-style{.sky-slide-dissolve-last{grid-template-rows:0fr;opacity:0}}.sky-slide-dissolve-last>.sky-inline-form{min-height:0;overflow:hidden}.sky-slide-dissolve-leaving{grid-template-rows:0fr;opacity:0;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),0ms;transition-timing-function:ease-in,ease-in;transition-delay:0ms,0ms}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
341
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
342
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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: "@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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", 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}.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-comp-inline_form-space-inset-top) var(--sky-comp-inline_form-space-inset-right) var(--sky-comp-inline_form-space-inset-bottom) var(--sky-comp-inline_form-space-inset-left));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-comp-override-link-text-decoration-line: var( --sky-font-text_decoration-standalone_link-base );--sky-comp-override-link-text-decoration-line-hover: var( --sky-font-text_decoration-standalone_link-hover );--sky-comp-override-link-text-decoration-line-active: var( --sky-font-text_decoration-standalone_link-active );--sky-comp-override-link-text-decoration-line-focus: var( --sky-font-text_decoration-standalone_link-focus );--sky-comp-override-link-text-decoration-line-disabled: var( --sky-font-text_decoration-standalone_link-disabled );--sky-comp-override-inline-link-text-decoration-line: var( --sky-font-text_decoration-standalone_link-base );--sky-comp-override-inline-link-text-decoration-line-hover: var( --sky-font-text_decoration-standalone_link-hover );--sky-comp-override-inline-link-text-decoration-line-active: var( --sky-font-text_decoration-standalone_link-active );--sky-comp-override-inline-link-text-decoration-line-focus: var( --sky-font-text_decoration-standalone_link-focus );--sky-comp-override-inline-link-text-decoration-line-disabled: var( --sky-font-text_decoration-standalone_link-disabled )}.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}@starting-style{.sky-slide-dissolve-first{opacity:0}}.sky-slide-dissolve-first{transition-property:opacity;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease-in}.sky-slide-dissolve-last{display:grid;grid-template-rows:1fr;opacity:1;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),var(--sky-global-duration-medium);transition-timing-function:ease-in,ease-in;transition-delay:0ms,var(--sky-global-duration-medium)}@starting-style{.sky-slide-dissolve-last{grid-template-rows:0fr;opacity:0}}.sky-slide-dissolve-last>.sky-inline-form{min-height:0;overflow:hidden}.sky-slide-dissolve-leaving{grid-template-rows:0fr;opacity:0;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),0ms;transition-timing-function:ease-in,ease-in;transition-delay:0ms,0ms}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
334
343
  }
335
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
344
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
336
345
  type: Component,
337
- args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], standalone: false, template: "@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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", 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}.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-comp-inline_form-space-inset-top) var(--sky-comp-inline_form-space-inset-right) var(--sky-comp-inline_form-space-inset-bottom) var(--sky-comp-inline_form-space-inset-left));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}@starting-style{.sky-slide-dissolve-first{opacity:0}}.sky-slide-dissolve-first{transition-property:opacity;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease-in}.sky-slide-dissolve-last{display:grid;grid-template-rows:1fr;opacity:1;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),var(--sky-global-duration-medium);transition-timing-function:ease-in,ease-in;transition-delay:0ms,var(--sky-global-duration-medium)}@starting-style{.sky-slide-dissolve-last{grid-template-rows:0fr;opacity:0}}.sky-slide-dissolve-last>.sky-inline-form{min-height:0;overflow:hidden}.sky-slide-dissolve-leaving{grid-template-rows:0fr;opacity:0;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),0ms;transition-timing-function:ease-in,ease-in;transition-delay:0ms,0ms}\n"] }]
338
- }], ctorParameters: () => [{ type: SkyInlineFormAdapterService }, { type: i0.ElementRef }, { type: i2.SkyLibResourcesService }, { type: i3.SkyAppWindowRef }, { type: i0.ChangeDetectorRef }], propDecorators: { config: [{
346
+ args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], standalone: false, template: "@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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", 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}.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-comp-inline_form-space-inset-top) var(--sky-comp-inline_form-space-inset-right) var(--sky-comp-inline_form-space-inset-bottom) var(--sky-comp-inline_form-space-inset-left));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-comp-override-link-text-decoration-line: var( --sky-font-text_decoration-standalone_link-base );--sky-comp-override-link-text-decoration-line-hover: var( --sky-font-text_decoration-standalone_link-hover );--sky-comp-override-link-text-decoration-line-active: var( --sky-font-text_decoration-standalone_link-active );--sky-comp-override-link-text-decoration-line-focus: var( --sky-font-text_decoration-standalone_link-focus );--sky-comp-override-link-text-decoration-line-disabled: var( --sky-font-text_decoration-standalone_link-disabled );--sky-comp-override-inline-link-text-decoration-line: var( --sky-font-text_decoration-standalone_link-base );--sky-comp-override-inline-link-text-decoration-line-hover: var( --sky-font-text_decoration-standalone_link-hover );--sky-comp-override-inline-link-text-decoration-line-active: var( --sky-font-text_decoration-standalone_link-active );--sky-comp-override-inline-link-text-decoration-line-focus: var( --sky-font-text_decoration-standalone_link-focus );--sky-comp-override-inline-link-text-decoration-line-disabled: var( --sky-font-text_decoration-standalone_link-disabled )}.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}@starting-style{.sky-slide-dissolve-first{opacity:0}}.sky-slide-dissolve-first{transition-property:opacity;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease-in}.sky-slide-dissolve-last{display:grid;grid-template-rows:1fr;opacity:1;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),var(--sky-global-duration-medium);transition-timing-function:ease-in,ease-in;transition-delay:0ms,var(--sky-global-duration-medium)}@starting-style{.sky-slide-dissolve-last{grid-template-rows:0fr;opacity:0}}.sky-slide-dissolve-last>.sky-inline-form{min-height:0;overflow:hidden}.sky-slide-dissolve-leaving{grid-template-rows:0fr;opacity:0;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),0ms;transition-timing-function:ease-in,ease-in;transition-delay:0ms,0ms}\n"] }]
347
+ }], propDecorators: { config: [{
339
348
  type: Input
340
349
  }], template: [{
341
350
  type: Input
@@ -349,11 +358,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
349
358
  }] } });
350
359
 
351
360
  class SkyInlineFormModule {
352
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
353
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] }); }
354
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormModule, imports: [CommonModule, SkyInlineFormResourcesModule] }); }
361
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
362
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] }); }
363
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormModule, imports: [CommonModule, SkyInlineFormResourcesModule] }); }
355
364
  }
356
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: SkyInlineFormModule, decorators: [{
365
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyInlineFormModule, decorators: [{
357
366
  type: NgModule,
358
367
  args: [{
359
368
  declarations: [SkyInlineFormComponent],
package/fesm2022/skyux-inline-form.mjs.map CHANGED
@@ -1 +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/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/**\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 { 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 { 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 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","@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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","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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"}
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/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/**\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 { 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 inject,\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 { 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 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 readonly #adapter = inject(SkyInlineFormAdapterService);\n readonly #elementRef = inject(ElementRef);\n readonly #resourcesService = inject(SkyLibResourcesService);\n readonly #skyAppWindowRef = inject(SkyAppWindowRef);\n readonly #changeDetectorRef = inject(ChangeDetectorRef);\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 this.#resourcesService\n .getStrings({\n doneText: 'skyux_inline_form_button_done',\n deleteText: 'skyux_inline_form_button_delete',\n cancelText: 'skyux_inline_form_button_cancel',\n })\n .pipe(takeUntil(this.#ngUnsubscribe))\n .subscribe(({ doneText, deleteText, cancelText }) => {\n emitter.next([\n {\n text: doneText,\n styleType: 'primary',\n action: 'done',\n },\n {\n text: deleteText,\n styleType: 'default',\n action: 'delete',\n },\n {\n text: cancelText,\n styleType: 'link',\n action: 'cancel',\n },\n ]);\n });\n break;\n\n case SkyInlineFormButtonLayout.SaveDeleteCancel:\n this.#resourcesService\n .getStrings({\n saveText: 'skyux_inline_form_button_save',\n deleteText: 'skyux_inline_form_button_delete',\n cancelText: 'skyux_inline_form_button_cancel',\n })\n .pipe(takeUntil(this.#ngUnsubscribe))\n .subscribe(({ saveText, deleteText, cancelText }) => {\n emitter.next([\n {\n text: saveText,\n styleType: 'primary',\n action: 'save',\n },\n {\n text: deleteText,\n styleType: 'default',\n action: 'delete',\n },\n {\n text: cancelText,\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","@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyInlineFormResourcesModule } from '../shared/sky-inline-form-resources.module';\n\nimport { SkyInlineFormComponent } from './inline-form.component';\n\n@NgModule({\n declarations: [SkyInlineFormComponent],\n imports: [CommonModule, SkyInlineFormResourcesModule],\n exports: [SkyInlineFormComponent],\n})\nexport class SkyInlineFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["observableZip"],"mappings":";;;;;;;;;AAAA;AAEA;;;;;AAKG;AAQH,MAAM,SAAS,GAAoC;AACjD,IAAA,OAAO,EAAE;AACP,QAAA,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;AACtD,QAAA,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;AACtD,QAAA,6BAA6B,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAClD,QAAA,6BAA6B,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AACnD,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,+BAA+B,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;AACvD,QAAA,+BAA+B,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;AACzD,QAAA,6BAA6B,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;AACrD,QAAA,6BAA6B,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;AAC1D,KAAA;CACF;AAED,sBAAsB,CAAC,YAAY,CAAC,SAAS,CAAC;AAE9C;;AAEG;MAIU,4BAA4B,CAAA;8GAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,YAF7B,aAAa,CAAA,EAAA,CAAA,CAAA;AAEZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,YAF7B,aAAa,CAAA,EAAA,CAAA,CAAA;;2FAEZ,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA;;;ACnCD,MAAM,qBAAqB,GAAG;IAC5B,SAAS;IACT,YAAY;IACZ,4CAA4C;IAC5C,6CAA6C;IAC7C,6CAA6C;IAC7C,+CAA+C;IAC/C,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,kCAAkC;IAClC,yBAAyB;AAC1B,CAAA,CAAC,IAAI,CAAC,IAAI,CAAC;AAEZ;;AAEG;MAEU,2BAA2B,CAAA;AAC/B,IAAA,cAAc,CAAC,oBAAgC,EAAA;QACpD,MAAM,kBAAkB,GACtB,oBAAoB,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC;QAEjE,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,CAAC,KAAK,EAAE;QAC5B;aAAO;YACL,MAAM,OAAO,GACX,oBAAoB,CAAC,aAAa,CAAC,aAAa,CAC9C,0BAA0B,CAC3B;YACH,MAAM,iBAAiB,GAAG,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC;AAE9D,YAAA,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC;QAC5C;IACF;AAEA,IAAA,sBAAsB,CAAC,IAAiB,EAAA;AACtC,QAAA,MAAM,QAAQ,GAAkB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CACxD,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAC7C;AAED,QAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,KAAI;AACjC,YAAA,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;AACjC,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,UAAU,CAAC,OAAoB,EAAA;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC;AAC9C,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,KAAK,QAAQ;QAC1E,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,KAAK;QACd;;AAGA,QAAA,MAAM,SAAS,GAAG,CAAC,EACjB,OAAO,CAAC,WAAW;AACnB,YAAA,OAAO,CAAC,YAAY;AACpB,YAAA,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,CAChC;AACD,QAAA,OAAO,SAAS;IAClB;AAEA,IAAA,kBAAkB,CAAC,IAAmB,EAAA;AACpC,QAAA,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;AACnB,YAAA,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QACjB;IACF;8GAhDW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAA3B,2BAA2B,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC;;;ICnBW;AAAZ,CAAA,UAAY,yBAAyB,EAAA;AACnC;;AAEG;AACH,IAAA,yBAAA,CAAA,yBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU;AACV;;AAEG;AACH,IAAA,yBAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAc;AACd;;AAEG;AACH,IAAA,yBAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,kBAAoB;AACpB;;AAEG;AACH,IAAA,yBAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAc;AACd;;AAEG;AACH,IAAA,yBAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,kBAAoB;AACtB,CAAC,EArBW,yBAAyB,KAAzB,yBAAyB,GAAA,EAAA,CAAA,CAAA;;AC0BrC;;AAEG;MASU,sBAAsB,CAAA;AARnC,IAAA,WAAA,GAAA;AA4DE;;AAEG;AAGI,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAA0B;QAOzD,IAAA,CAAA,UAAU,GAAwB,KAAK;AAEvC,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,OAAO,EAAQ;AAE3B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,2BAA2B,CAAC;AAC9C,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AAClD,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAuLxD,IAAA;AA9PC;;;AAGG;IACH,IACW,MAAM,CAAC,KAAsC,EAAA;QACtD,IAAI,KAAK,KAAK,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,EAAE;AACtC,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;YACrB,IAAI,CAAC,aAAa,EAAE;QACtB;IACF;AAEA,IAAA,IAAW,MAAM,GAAA;QACf,OAAO,IAAI,CAAC,QAAQ;IACtB;AASA;;;;AAIG;IACH,IACW,QAAQ,CAAC,KAA0B,EAAA;AAC5C,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;QAGvB,IAAI,KAAK,EAAE;;;YAGT,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,MAAK;gBACjD,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAChD,YAAA,CAAC,CAAC;QACJ;IACF;AAEA,IAAA,IAAW,QAAQ,GAAA;QACjB,OAAO,IAAI,CAAC,UAAU;IACxB;AAEA,IAAA,IACW,YAAY,GAAA;QACrB,OAAO,IAAI,CAAC,QAAQ;IACtB;AAYA,IAAA,QAAQ;AAER,IAAA,UAAU;AAEV,IAAA,cAAc;AAEL,IAAA,QAAQ;AACR,IAAA,WAAW;AACX,IAAA,iBAAiB;AACjB,IAAA,gBAAgB;AAChB,IAAA,kBAAkB;IAEpB,QAAQ,GAAA;QACb,IAAI,CAAC,aAAa,EAAE;IACtB;IAEO,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;AAC1B,QAAA,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE;AAE9B,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;IACvB;AAEO,IAAA,eAAe,CAAC,KAAgC,EAAA;AACrD,QAAA,MAAM,IAAI,GAA2B;YACnC,MAAM,EAAE,KAAK,CAAC,MAAM;SACrB;AACD,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB;IAEA,aAAa,GAAA;AACX,QAAA,IACE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC;AACtC,YAAA,IAAI,CAAC,MAAM;AACX,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EACnB;AACA,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;AAC1D,YAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;YACtC;QACF;QAEA,IAAI,CAAC,iBAAiB;AACnB,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;AACnC,aAAA,SAAS,CAAC,CAAC,OAAoC,KAAI;AAClD,YAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,YAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;AACxC,QAAA,CAAC,CAAC;IACN;IAEA,iBAAiB,GAAA;AACf,QAAA,MAAM,OAAO,GAAG,IAAI,aAAa,CAA8B,CAAC,CAAC;AAEjE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC;AACtB,cAAE,IAAI,CAAC,MAAM,CAAC;AACd,cAAE,yBAAyB,CAAC,UAAU;QAExC,QAAQ,UAAU;;YAEhB;YACA,KAAK,yBAAyB,CAAC,UAAU;AACvC,gBAAAA,GAAa,CACX,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,+BAA+B,CAAC,EACjE,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,iCAAiC,CAAC;AAElE,qBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;AACnC,qBAAA,SAAS,CAAC,CAAC,MAAgB,KAAI;oBAC9B,OAAO,CAAC,IAAI,CAAC;AACX,wBAAA;AACE,4BAAA,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AACf,4BAAA,SAAS,EAAE,SAAS;AACpB,4BAAA,MAAM,EAAE,MAAM;AACf,yBAAA;AACD,wBAAA;AACE,4BAAA,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AACf,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,MAAM,EAAE,QAAQ;AACjB,yBAAA;AACF,qBAAA,CAAC;AACJ,gBAAA,CAAC,CAAC;gBACJ;YAEF,KAAK,yBAAyB,CAAC,UAAU;AACvC,gBAAAA,GAAa,CACX,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,+BAA+B,CAAC,EACjE,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,iCAAiC,CAAC;AAElE,qBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;AACnC,qBAAA,SAAS,CAAC,CAAC,MAAgB,KAAI;oBAC9B,OAAO,CAAC,IAAI,CAAC;AACX,wBAAA;AACE,4BAAA,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AACf,4BAAA,SAAS,EAAE,SAAS;AACpB,4BAAA,MAAM,EAAE,MAAM;AACf,yBAAA;AACD,wBAAA;AACE,4BAAA,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AACf,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,MAAM,EAAE,QAAQ;AACjB,yBAAA;AACF,qBAAA,CAAC;AACJ,gBAAA,CAAC,CAAC;gBACJ;YAEF,KAAK,yBAAyB,CAAC,gBAAgB;AAC7C,gBAAA,IAAI,CAAC;AACF,qBAAA,UAAU,CAAC;AACV,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,UAAU,EAAE,iCAAiC;AAC7C,oBAAA,UAAU,EAAE,iCAAiC;iBAC9C;AACA,qBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;qBACnC,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,KAAI;oBAClD,OAAO,CAAC,IAAI,CAAC;AACX,wBAAA;AACE,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,SAAS,EAAE,SAAS;AACpB,4BAAA,MAAM,EAAE,MAAM;AACf,yBAAA;AACD,wBAAA;AACE,4BAAA,IAAI,EAAE,UAAU;AAChB,4BAAA,SAAS,EAAE,SAAS;AACpB,4BAAA,MAAM,EAAE,QAAQ;AACjB,yBAAA;AACD,wBAAA;AACE,4BAAA,IAAI,EAAE,UAAU;AAChB,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,MAAM,EAAE,QAAQ;AACjB,yBAAA;AACF,qBAAA,CAAC;AACJ,gBAAA,CAAC,CAAC;gBACJ;YAEF,KAAK,yBAAyB,CAAC,gBAAgB;AAC7C,gBAAA,IAAI,CAAC;AACF,qBAAA,UAAU,CAAC;AACV,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,UAAU,EAAE,iCAAiC;AAC7C,oBAAA,UAAU,EAAE,iCAAiC;iBAC9C;AACA,qBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;qBACnC,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,KAAI;oBAClD,OAAO,CAAC,IAAI,CAAC;AACX,wBAAA;AACE,4BAAA,IAAI,EAAE,QAAQ;AACd,4BAAA,SAAS,EAAE,SAAS;AACpB,4BAAA,MAAM,EAAE,MAAM;AACf,yBAAA;AACD,wBAAA;AACE,4BAAA,IAAI,EAAE,UAAU;AAChB,4BAAA,SAAS,EAAE,SAAS;AACpB,4BAAA,MAAM,EAAE,QAAQ;AACjB,yBAAA;AACD,wBAAA;AACE,4BAAA,IAAI,EAAE,UAAU;AAChB,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,MAAM,EAAE,QAAQ;AACjB,yBAAA;AACF,qBAAA,CAAC;AACJ,gBAAA,CAAC,CAAC;gBACJ;;AAGJ,QAAA,OAAO,OAAO,CAAC,YAAY,EAAE;IAC/B;AAEA,IAAA,iBAAiB,CACf,aAA0C,EAAA;QAE1C,MAAM,OAAO,GAAgC,EAAE;AAE/C,QAAA,aAAa,CAAC,OAAO,CAAC,CAAC,MAAiC,KAAI;;AAE1D,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS;YAE/C,OAAO,CAAC,IAAI,CAAC;gBACX,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AACzB,gBAAA,SAAS,EAAE,SAAS;gBACpB,IAAI,EAAE,MAAM,CAAC,IAAI;AACW,aAAA,CAAC;AACjC,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,OAAO;IAChB;AAEA,IAAA,oBAAoB,CAAC,MAAuC,EAAA;QAC1D,QACE,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,MAAM,CAAC,OAAO;AAChB,YAAA,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;AACzB,YAAA,MAAM,CAAC,YAAY,KAAK,yBAAyB,CAAC,MAAM;IAE5D;8GA9PW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,SAAA,EAHtB,CAAC,2BAA2B,CAAC,0BClC1C,g8BA+BA,EAAA,MAAA,EAAA,CAAA,2sGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDMa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+BACE,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,aACpC,CAAC,2BAA2B,CAAC,EAAA,UAAA,EAC5B,KAAK,EAAA,QAAA,EAAA,g8BAAA,EAAA,MAAA,EAAA,CAAA,2sGAAA,CAAA,EAAA;;sBAOhB;;sBAgBA;;sBAQA;;sBAkBA,WAAW;uBAAC,qBAAqB;;sBAQjC;;;MEhFU,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBAJf,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAC3B,YAAY,EAAE,4BAA4B,aAC1C,sBAAsB,CAAA,EAAA,CAAA,CAAA;+GAErB,mBAAmB,EAAA,OAAA,EAAA,CAHpB,YAAY,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;;2FAGzC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,4BAA4B,CAAC;oBACrD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACXD;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/inline-form",
3
- "version": "15.0.0-alpha.0",
3
+ "version": "15.0.0-alpha.10",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -16,11 +16,11 @@
16
16
  },
17
17
  "homepage": "https://github.com/blackbaud/skyux#readme",
18
18
  "peerDependencies": {
19
- "@angular/cdk": "^22.0.1",
20
- "@angular/common": "^22.0.1",
21
- "@angular/core": "^22.0.1",
22
- "@skyux/core": "15.0.0-alpha.0",
23
- "@skyux/i18n": "15.0.0-alpha.0"
19
+ "@angular/cdk": "^22.1.2",
20
+ "@angular/common": "^22.1.2",
21
+ "@angular/core": "^22.1.2",
22
+ "@skyux/core": "15.0.0-alpha.10",
23
+ "@skyux/i18n": "15.0.0-alpha.10"
24
24
  },
25
25
  "dependencies": {
26
26
  "tslib": "^2.8.1"
package/types/skyux-inline-form.d.ts CHANGED
@@ -1,19 +1,7 @@
1
1
  import * as i0 from '@angular/core';
2
- import { ElementRef, OnInit, OnDestroy, TemplateRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
3
- import { SkyAppWindowRef } from '@skyux/core';
4
- import * as i1 from '@skyux/i18n';
5
- import { SkyLibResourcesService } from '@skyux/i18n';
2
+ import { OnInit, OnDestroy, TemplateRef, EventEmitter } from '@angular/core';
6
3
  import * as i2 from '@angular/common';
7
-
8
- /**
9
- * @internal
10
- */
11
- declare class SkyInlineFormAdapterService {
12
- #private;
13
- applyAutofocus(inlineFormElementRef: ElementRef): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineFormAdapterService, never>;
15
- static ɵprov: i0.ɵɵInjectableDeclaration<SkyInlineFormAdapterService>;
16
- }
4
+ import * as i1 from '@skyux/i18n';
17
5
 
18
6
  /**
19
7
  * Specifies configuration options for the inline form's buttons when `buttonLayout` is set to `Custom`.
@@ -124,7 +112,6 @@ declare class SkyInlineFormComponent implements OnInit, OnDestroy {
124
112
  */
125
113
  close: EventEmitter<SkyInlineFormCloseArgs>;
126
114
  buttons: SkyInlineFormButtonConfig[];
127
- constructor(adapter: SkyInlineFormAdapterService, elementRef: ElementRef, resourcesService: SkyLibResourcesService, skyAppWindowRef: SkyAppWindowRef, changeDetectorRef: ChangeDetectorRef);
128
115
  ngOnInit(): void;
129
116
  ngOnDestroy(): void;
130
117
  closeInlineForm(event: SkyInlineFormButtonConfig): void;