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

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 (53) hide show
  1. package/bundles/skyux-inline-form.umd.js +146 -349
  2. package/bundles/skyux-inline-form.umd.js.map +1 -1
  3. package/documentation.json +1089 -0
  4. package/esm2015/modules/inline-form/animations/slide-dissolve.js +9 -13
  5. package/esm2015/modules/inline-form/inline-form-adapter.service.js +16 -14
  6. package/esm2015/modules/inline-form/inline-form.component.js +52 -57
  7. package/esm2015/modules/inline-form/inline-form.module.js +16 -22
  8. package/esm2015/modules/inline-form/types/inline-form-button-action.js +2 -1
  9. package/esm2015/modules/inline-form/types/inline-form-button-config.js +2 -1
  10. package/esm2015/modules/inline-form/types/inline-form-button-layout.js +1 -1
  11. package/esm2015/modules/inline-form/types/inline-form-close-args.js +2 -1
  12. package/esm2015/modules/inline-form/types/inline-form-config.js +2 -1
  13. package/esm2015/modules/shared/sky-inline-form-resources.module.js +50 -0
  14. package/esm2015/public-api.js +10 -0
  15. package/esm2015/skyux-inline-form.js +2 -8
  16. package/fesm2015/skyux-inline-form.js +127 -130
  17. package/fesm2015/skyux-inline-form.js.map +1 -1
  18. package/modules/inline-form/inline-form-adapter.service.d.ts +3 -0
  19. package/modules/inline-form/inline-form.component.d.ts +3 -0
  20. package/modules/inline-form/inline-form.module.d.ts +7 -0
  21. package/modules/shared/sky-inline-form-resources.module.d.ts +14 -0
  22. package/package.json +9 -24
  23. package/{public_api.d.ts → public-api.d.ts} +1 -0
  24. package/skyux-inline-form.d.ts +2 -7
  25. package/CHANGELOG.md +0 -58
  26. package/bundles/skyux-inline-form.umd.min.js +0 -16
  27. package/bundles/skyux-inline-form.umd.min.js.map +0 -1
  28. package/esm2015/modules/shared/inline-form-for-root-compat.module.js +0 -18
  29. package/esm2015/modules/shared/inline-form-resources.module.js +0 -20
  30. package/esm2015/plugin-resources/inline-form-resources-provider.js +0 -16
  31. package/esm2015/public_api.js +0 -3
  32. package/esm5/modules/inline-form/animations/slide-dissolve.js +0 -30
  33. package/esm5/modules/inline-form/inline-form-adapter.service.js +0 -64
  34. package/esm5/modules/inline-form/inline-form.component.js +0 -241
  35. package/esm5/modules/inline-form/inline-form.module.js +0 -28
  36. package/esm5/modules/inline-form/types/inline-form-button-action.js +0 -1
  37. package/esm5/modules/inline-form/types/inline-form-button-config.js +0 -1
  38. package/esm5/modules/inline-form/types/inline-form-button-layout.js +0 -9
  39. package/esm5/modules/inline-form/types/inline-form-close-args.js +0 -1
  40. package/esm5/modules/inline-form/types/inline-form-config.js +0 -1
  41. package/esm5/modules/shared/inline-form-for-root-compat.module.js +0 -21
  42. package/esm5/modules/shared/inline-form-resources.module.js +0 -23
  43. package/esm5/plugin-resources/inline-form-resources-provider.js +0 -17
  44. package/esm5/public_api.js +0 -3
  45. package/esm5/skyux-inline-form.js +0 -11
  46. package/fesm5/skyux-inline-form.js +0 -414
  47. package/fesm5/skyux-inline-form.js.map +0 -1
  48. package/modules/shared/inline-form-for-root-compat.module.d.ts +0 -6
  49. package/modules/shared/inline-form-resources.module.d.ts +0 -2
  50. package/plugin-resources/inline-form-resources-provider.d.ts +0 -5
  51. package/skyux-inline-form.metadata.json +0 -1
  52. package/src/assets/img/anatomy.png +0 -0
  53. package/src/assets/locales/resources_en_US.json +0 -18
@@ -1,11 +1,5 @@
1
1
  /**
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
- export * from './public_api';
5
- export { skySlideDissolve as ɵc } from './modules/inline-form/animations/slide-dissolve';
6
- export { SkyInlineFormAdapterService as ɵb } from './modules/inline-form/inline-form-adapter.service';
7
- export { SkyInlineFormComponent as ɵa } from './modules/inline-form/inline-form.component';
8
- export { SkyInlineFormForRootCompatModule as ɵd } from './modules/shared/inline-form-for-root-compat.module';
9
- export { SkyInlineFormResourcesModule as ɵe } from './modules/shared/inline-form-resources.module';
10
- export { SkyInlineFormResourcesProvider as ɵf } from './plugin-resources/inline-form-resources-provider';
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtaW5saW5lLWZvcm0uanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2t5dXgvaW5saW5lLWZvcm0vIiwic291cmNlcyI6WyJza3l1eC1pbmxpbmUtZm9ybS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUMsMkJBQTJCLElBQUksRUFBRSxFQUFDLE1BQU0sbURBQW1ELENBQUM7QUFDcEcsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLDZDQUE2QyxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxnQ0FBZ0MsSUFBSSxFQUFFLEVBQUMsTUFBTSxxREFBcUQsQ0FBQztBQUMzRyxPQUFPLEVBQUMsNEJBQTRCLElBQUksRUFBRSxFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDakcsT0FBTyxFQUFDLDhCQUE4QixJQUFJLEVBQUUsRUFBQyxNQUFNLG1EQUFtRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuXG5leHBvcnQge3NreVNsaWRlRGlzc29sdmUgYXMgybVjfSBmcm9tICcuL21vZHVsZXMvaW5saW5lLWZvcm0vYW5pbWF0aW9ucy9zbGlkZS1kaXNzb2x2ZSc7XG5leHBvcnQge1NreUlubGluZUZvcm1BZGFwdGVyU2VydmljZSBhcyDJtWJ9IGZyb20gJy4vbW9kdWxlcy9pbmxpbmUtZm9ybS9pbmxpbmUtZm9ybS1hZGFwdGVyLnNlcnZpY2UnO1xuZXhwb3J0IHtTa3lJbmxpbmVGb3JtQ29tcG9uZW50IGFzIMm1YX0gZnJvbSAnLi9tb2R1bGVzL2lubGluZS1mb3JtL2lubGluZS1mb3JtLmNvbXBvbmVudCc7XG5leHBvcnQge1NreUlubGluZUZvcm1Gb3JSb290Q29tcGF0TW9kdWxlIGFzIMm1ZH0gZnJvbSAnLi9tb2R1bGVzL3NoYXJlZC9pbmxpbmUtZm9ybS1mb3Itcm9vdC1jb21wYXQubW9kdWxlJztcbmV4cG9ydCB7U2t5SW5saW5lRm9ybVJlc291cmNlc01vZHVsZSBhcyDJtWV9IGZyb20gJy4vbW9kdWxlcy9zaGFyZWQvaW5saW5lLWZvcm0tcmVzb3VyY2VzLm1vZHVsZSc7XG5leHBvcnQge1NreUlubGluZUZvcm1SZXNvdXJjZXNQcm92aWRlciBhcyDJtWZ9IGZyb20gJy4vcGx1Z2luLXJlc291cmNlcy9pbmxpbmUtZm9ybS1yZXNvdXJjZXMtcHJvdmlkZXInOyJdfQ==
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtaW5saW5lLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9pbmxpbmUtZm9ybS9zcmMvc2t5dXgtaW5saW5lLWZvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
@@ -1,39 +1,37 @@
1
- import { __decorate } from 'tslib';
1
+ import * as i4 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
- import { Injectable, EventEmitter, ElementRef, ChangeDetectorRef, Input, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
4
- import { SkyAppWindowRef } from '@skyux/core';
5
- import { SkyLibResourcesService, getStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
3
+ import * as i0 from '@angular/core';
4
+ import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
6
5
  import { zip } from 'rxjs';
7
6
  import { take } from 'rxjs/operators';
8
7
  import { trigger, transition, query, style, animate, group } from '@angular/animations';
8
+ import * as i2 from '@skyux/i18n';
9
+ import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
10
+ import * as i3 from '@skyux/core';
9
11
 
10
12
  const skySlideDissolve = trigger('skySlideDissolve', [
11
13
  transition('* <=> *', [
12
14
  // Expand animations
13
15
  query('.sky-slide-dissolve-last:enter', [
14
16
  style({ height: 0, opacity: 0 }),
15
- animate('200ms ease-in', style({ height: '*', opacity: 0 }))
17
+ animate('200ms ease-in', style({ height: '*', opacity: 0 })),
16
18
  ], { optional: true }),
17
19
  query('.sky-slide-dissolve-last:enter', [
18
20
  style({ opacity: 0 }),
19
- animate('200ms ease-in', style({ opacity: 1 }))
21
+ animate('200ms ease-in', style({ opacity: 1 })),
20
22
  ], { optional: true }),
21
23
  // Collapse animations
22
24
  // The expanded content should fade out immediately to prevent
23
25
  // any overlap with the read-only content that's returning to the screen.
24
- query('.sky-slide-dissolve-last:leave', [
25
- animate('0ms', style({ opacity: 0 }))
26
- ], { optional: true }),
26
+ query('.sky-slide-dissolve-last:leave', [animate('0ms', style({ opacity: 0 }))], { optional: true }),
27
27
  group([
28
28
  query('.sky-slide-dissolve-first:enter', [
29
29
  style({ opacity: 0, height: 0 }),
30
- animate('100ms ease-in', style({ opacity: 1, height: '*' }))
30
+ animate('100ms ease-in', style({ opacity: 1, height: '*' })),
31
31
  ], { optional: true }),
32
- query('.sky-slide-dissolve-last:leave', [
33
- animate('200ms ease-in', style({ height: 0 }))
34
- ], { optional: true })
35
- ])
36
- ])
32
+ query('.sky-slide-dissolve-last:leave', [animate('200ms ease-in', style({ height: 0 }))], { optional: true }),
33
+ ]),
34
+ ]),
37
35
  ]);
38
36
 
39
37
  var SkyInlineFormButtonLayout;
@@ -49,21 +47,21 @@ var SkyInlineFormButtonLayout;
49
47
  const SKY_TABBABLE_SELECTOR = [
50
48
  'a[href]',
51
49
  'area[href]',
52
- 'input:not([disabled]):not([tabindex=\'-1\'])',
53
- 'button:not([disabled]):not([tabindex=\'-1\'])',
54
- 'select:not([disabled]):not([tabindex=\'-1\'])',
55
- 'textarea:not([disabled]):not([tabindex=\'-1\'])',
50
+ "input:not([disabled]):not([tabindex='-1'])",
51
+ "button:not([disabled]):not([tabindex='-1'])",
52
+ "select:not([disabled]):not([tabindex='-1'])",
53
+ "textarea:not([disabled]):not([tabindex='-1'])",
56
54
  'iframe',
57
55
  'object',
58
56
  'embed',
59
- '*[tabindex]:not([tabindex=\'-1\'])',
60
- '*[contenteditable=true]'
57
+ "*[tabindex]:not([tabindex='-1'])",
58
+ '*[contenteditable=true]',
61
59
  ].join(', ');
62
60
  /* tslint:enable */
63
61
  /**
64
62
  * @internal
65
63
  */
66
- let SkyInlineFormAdapterService = class SkyInlineFormAdapterService {
64
+ class SkyInlineFormAdapterService {
67
65
  applyAutofocus(inlineFormElementRef) {
68
66
  const inputWithAutofocus = inlineFormElementRef.nativeElement.querySelector('[autofocus]');
69
67
  if (inputWithAutofocus) {
@@ -87,6 +85,7 @@ let SkyInlineFormAdapterService = class SkyInlineFormAdapterService {
87
85
  if (isHidden) {
88
86
  return false;
89
87
  }
88
+ /* istanbul ignore next */
90
89
  const hasBounds = !!(element.offsetWidth ||
91
90
  element.offsetHeight ||
92
91
  element.getClientRects().length);
@@ -97,15 +96,17 @@ let SkyInlineFormAdapterService = class SkyInlineFormAdapterService {
97
96
  list[0].focus();
98
97
  }
99
98
  }
100
- };
101
- SkyInlineFormAdapterService = __decorate([
102
- Injectable()
103
- ], SkyInlineFormAdapterService);
99
+ }
100
+ SkyInlineFormAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
101
+ SkyInlineFormAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormAdapterService });
102
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
103
+ type: Injectable
104
+ }] });
104
105
 
105
106
  /**
106
107
  * Renders form content in the current view instead of a separate modal.
107
108
  */
108
- let SkyInlineFormComponent = class SkyInlineFormComponent {
109
+ class SkyInlineFormComponent {
109
110
  constructor(adapter, elementRef, resourcesService, skyAppWindowRef, changeDetectorRef) {
110
111
  this.adapter = adapter;
111
112
  this.elementRef = elementRef;
@@ -158,7 +159,7 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
158
159
  }
159
160
  closeInlineForm(event) {
160
161
  const args = {
161
- reason: event.action
162
+ reason: event.action,
162
163
  };
163
164
  this.close.emit(args);
164
165
  }
@@ -174,7 +175,9 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
174
175
  });
175
176
  }
176
177
  getPresetButtons() {
177
- let buttonType = this.config ? this.config.buttonLayout : SkyInlineFormButtonLayout.DoneCancel;
178
+ let buttonType = this.config
179
+ ? this.config.buttonLayout
180
+ : SkyInlineFormButtonLayout.DoneCancel;
178
181
  let promise;
179
182
  switch (buttonType) {
180
183
  /* istanbul ignore next */
@@ -188,13 +191,13 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
188
191
  {
189
192
  text: values[0],
190
193
  styleType: 'primary',
191
- action: 'done'
194
+ action: 'done',
192
195
  },
193
196
  {
194
197
  text: values[1],
195
198
  styleType: 'link',
196
- action: 'cancel'
197
- }
199
+ action: 'cancel',
200
+ },
198
201
  ]);
199
202
  });
200
203
  });
@@ -208,13 +211,13 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
208
211
  {
209
212
  text: values[0],
210
213
  styleType: 'primary',
211
- action: 'save'
214
+ action: 'save',
212
215
  },
213
216
  {
214
217
  text: values[1],
215
218
  styleType: 'link',
216
- action: 'cancel'
217
- }
219
+ action: 'cancel',
220
+ },
218
221
  ]);
219
222
  });
220
223
  });
@@ -228,18 +231,18 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
228
231
  {
229
232
  text: values[0],
230
233
  styleType: 'primary',
231
- action: 'done'
234
+ action: 'done',
232
235
  },
233
236
  {
234
237
  text: values[1],
235
238
  styleType: 'default',
236
- action: 'delete'
239
+ action: 'delete',
237
240
  },
238
241
  {
239
242
  text: values[2],
240
243
  styleType: 'link',
241
- action: 'cancel'
242
- }
244
+ action: 'cancel',
245
+ },
243
246
  ]);
244
247
  });
245
248
  });
@@ -253,18 +256,18 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
253
256
  {
254
257
  text: values[0],
255
258
  styleType: 'primary',
256
- action: 'save'
259
+ action: 'save',
257
260
  },
258
261
  {
259
262
  text: values[1],
260
263
  styleType: 'default',
261
- action: 'delete'
264
+ action: 'delete',
262
265
  },
263
266
  {
264
267
  text: values[2],
265
268
  styleType: 'link',
266
- action: 'cancel'
267
- }
269
+ action: 'cancel',
270
+ },
268
271
  ]);
269
272
  });
270
273
  });
@@ -275,11 +278,13 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
275
278
  getCustomButtons(buttonConfigs) {
276
279
  const buttons = [];
277
280
  buttonConfigs.forEach((config) => {
281
+ /* istanbul ignore next */
282
+ const styleType = config.styleType || 'default';
278
283
  buttons.push({
279
284
  action: config.action,
280
285
  disabled: config.disabled,
281
- styleType: config.styleType || 'default',
282
- text: config.text
286
+ styleType: styleType,
287
+ text: config.text,
283
288
  });
284
289
  });
285
290
  return buttons;
@@ -289,101 +294,93 @@ let SkyInlineFormComponent = class SkyInlineFormComponent {
289
294
  config.buttonLayout === SkyInlineFormButtonLayout.Custom &&
290
295
  config.buttons.length > 0);
291
296
  }
292
- };
293
- SkyInlineFormComponent.ctorParameters = () => [
294
- { type: SkyInlineFormAdapterService },
295
- { type: ElementRef },
296
- { type: SkyLibResourcesService },
297
- { type: SkyAppWindowRef },
298
- { type: ChangeDetectorRef }
299
- ];
300
- __decorate([
301
- Input()
302
- ], SkyInlineFormComponent.prototype, "config", null);
303
- __decorate([
304
- Input()
305
- ], SkyInlineFormComponent.prototype, "template", void 0);
306
- __decorate([
307
- Input()
308
- ], SkyInlineFormComponent.prototype, "showForm", null);
309
- __decorate([
310
- Output()
311
- ], SkyInlineFormComponent.prototype, "close", void 0);
312
- SkyInlineFormComponent = __decorate([
313
- Component({
314
- selector: 'sky-inline-form',
315
- template: "<div\n [@skySlideDissolve]=\"showForm\"\n>\n\n <div *ngIf=\"!showForm\"\n class=\"sky-slide-dissolve-first\"\n >\n <ng-content></ng-content>\n </div>\n\n <div *ngIf=\"template && showForm\"\n class=\"sky-slide-dissolve-last\"\n >\n <div\n class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\"\n >\n <div\n class=\"sky-inline-form-content\"\n >\n <ng-container\n [ngTemplateOutlet]=\"template\"\n >\n </ng-container>\n </div>\n <div\n class=\"sky-inline-form-footer\"\n >\n <button *ngFor=\"let button of buttons\"\n class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n type=\"button\"\n [disabled]=\"(button.disabled) ? true : null\"\n [ngClass]=\"{ 'sky-btn-disabled' : button.disabled }\"\n (click)=\"closeInlineForm(button)\"\n >\n {{ button.text }}\n </button>\n </div>\n </div>\n </div>\n\n</div>\n",
316
- changeDetection: ChangeDetectionStrategy.OnPush,
317
- providers: [
318
- SkyInlineFormAdapterService
319
- ],
320
- animations: [skySlideDissolve],
321
- styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}.sky-theme-modern .sky-inline-form,:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer,:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button,:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}"]
322
- })
323
- ], SkyInlineFormComponent);
297
+ }
298
+ SkyInlineFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormComponent, deps: [{ token: SkyInlineFormAdapterService }, { token: i0.ElementRef }, { token: i2.SkyLibResourcesService }, { token: i3.SkyAppWindowRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
299
+ SkyInlineFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyInlineFormComponent, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, providers: [SkyInlineFormAdapterService], ngImport: i0, template: "<div [@skySlideDissolve]=\"showForm\">\n <div *ngIf=\"!showForm\" class=\"sky-slide-dissolve-first\">\n <ng-content></ng-content>\n </div>\n\n <div *ngIf=\"template && showForm\" class=\"sky-slide-dissolve-last\">\n <div class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\">\n <div class=\"sky-inline-form-content\">\n <ng-container [ngTemplateOutlet]=\"template\"> </ng-container>\n </div>\n <div class=\"sky-inline-form-footer\">\n <button\n *ngFor=\"let button of buttons\"\n class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n type=\"button\"\n [disabled]=\"button.disabled ? true : null\"\n [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n (click)=\"closeInlineForm(button)\"\n >\n {{ button.text }}\n </button>\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-inline-form{background:#eeeeef;border:1px solid #cdcfd2;padding:10px;width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:20px}.sky-inline-form .sky-inline-form-footer button{margin:0 5px 0 0}:host-context(.sky-theme-modern) .sky-inline-form{background-color:#fff;border:none;padding:15px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer{margin-top:30px}:host-context(.sky-theme-modern) .sky-inline-form .sky-inline-form-footer button{margin-right:10px}.sky-theme-modern .sky-inline-form{background-color:#fff;border:none;padding:15px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer{margin-top:30px}.sky-theme-modern .sky-inline-form .sky-inline-form-footer button{margin-right:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-inline-form{background-color:#232427}.sky-theme-modern.sky-theme-mode-dark .sky-inline-form{background-color:#232427}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush });
300
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
301
+ type: Component,
302
+ args: [{
303
+ selector: 'sky-inline-form',
304
+ templateUrl: './inline-form.component.html',
305
+ styleUrls: ['./inline-form.component.scss'],
306
+ changeDetection: ChangeDetectionStrategy.OnPush,
307
+ providers: [SkyInlineFormAdapterService],
308
+ animations: [skySlideDissolve],
309
+ }]
310
+ }], ctorParameters: function () { return [{ type: SkyInlineFormAdapterService }, { type: i0.ElementRef }, { type: i2.SkyLibResourcesService }, { type: i3.SkyAppWindowRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
311
+ type: Input
312
+ }], template: [{
313
+ type: Input
314
+ }], showForm: [{
315
+ type: Input
316
+ }], close: [{
317
+ type: Output
318
+ }] } });
324
319
 
325
320
  /**
326
- * @internal
327
- * @deprecated This module can be removed after we upgrade SKY UX development dependencies to version 5.
321
+ * NOTICE: DO NOT MODIFY THIS FILE!
322
+ * The contents of this file were automatically generated by
323
+ * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.
324
+ * To update this file, simply rerun the command.
328
325
  */
329
- let SkyInlineFormForRootCompatModule = class SkyInlineFormForRootCompatModule {
326
+ const RESOURCES = {
327
+ 'EN-US': {
328
+ skyux_inline_form_button_cancel: { message: 'Cancel' },
329
+ skyux_inline_form_button_delete: { message: 'Delete' },
330
+ skyux_inline_form_button_done: { message: 'Done' },
331
+ skyux_inline_form_button_save: { message: 'Save' },
332
+ },
330
333
  };
331
- SkyInlineFormForRootCompatModule = __decorate([
332
- NgModule({
333
- providers: [
334
- SkyAppWindowRef
335
- ]
336
- })
337
- ], SkyInlineFormForRootCompatModule);
338
-
339
- let SkyInlineFormResourcesProvider = class SkyInlineFormResourcesProvider {
340
- constructor() {
341
- this.resources = { "EN-US": { "skyux_inline_form_button_cancel": "Cancel", "skyux_inline_form_button_delete": "Delete", "skyux_inline_form_button_done": "Done", "skyux_inline_form_button_save": "Save" } };
342
- }
334
+ class SkyInlineFormResourcesProvider {
343
335
  getString(localeInfo, name) {
344
- return getStringForLocale(this.resources, localeInfo.locale, name);
336
+ return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
345
337
  }
346
- };
347
- SkyInlineFormResourcesProvider = __decorate([
348
- Injectable()
349
- ], SkyInlineFormResourcesProvider);
350
-
351
- let SkyInlineFormResourcesModule = class SkyInlineFormResourcesModule {
352
- };
353
- SkyInlineFormResourcesModule = __decorate([
354
- NgModule({
355
- exports: [
356
- SkyI18nModule
357
- ],
358
- providers: [{
359
- provide: SKY_LIB_RESOURCES_PROVIDERS,
360
- useClass: SkyInlineFormResourcesProvider,
361
- multi: true
362
- }]
363
- })
364
- ], SkyInlineFormResourcesModule);
338
+ }
339
+ /**
340
+ * Import into any component library module that needs to use resource strings.
341
+ */
342
+ class SkyInlineFormResourcesModule {
343
+ }
344
+ SkyInlineFormResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
345
+ SkyInlineFormResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] });
346
+ SkyInlineFormResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormResourcesModule, providers: [
347
+ {
348
+ provide: SKY_LIB_RESOURCES_PROVIDERS,
349
+ useClass: SkyInlineFormResourcesProvider,
350
+ multi: true,
351
+ },
352
+ ], imports: [SkyI18nModule] });
353
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
354
+ type: NgModule,
355
+ args: [{
356
+ exports: [SkyI18nModule],
357
+ providers: [
358
+ {
359
+ provide: SKY_LIB_RESOURCES_PROVIDERS,
360
+ useClass: SkyInlineFormResourcesProvider,
361
+ multi: true,
362
+ },
363
+ ],
364
+ }]
365
+ }] });
365
366
 
366
- let SkyInlineFormModule = class SkyInlineFormModule {
367
- };
368
- SkyInlineFormModule = __decorate([
369
- NgModule({
370
- declarations: [
371
- SkyInlineFormComponent
372
- ],
373
- imports: [
374
- CommonModule,
375
- SkyInlineFormForRootCompatModule,
376
- SkyInlineFormResourcesModule
377
- ],
378
- exports: [
379
- SkyInlineFormComponent
380
- ]
381
- })
382
- ], SkyInlineFormModule);
367
+ class SkyInlineFormModule {
368
+ }
369
+ SkyInlineFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
370
+ SkyInlineFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] });
371
+ SkyInlineFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormModule, imports: [[CommonModule, SkyInlineFormResourcesModule]] });
372
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyInlineFormModule, decorators: [{
373
+ type: NgModule,
374
+ args: [{
375
+ declarations: [SkyInlineFormComponent],
376
+ imports: [CommonModule, SkyInlineFormResourcesModule],
377
+ exports: [SkyInlineFormComponent],
378
+ }]
379
+ }] });
383
380
 
384
381
  /**
385
382
  * Generated bundle index. Do not edit.
386
383
  */
387
384
 
388
- export { SkyInlineFormButtonLayout, SkyInlineFormModule, SkyInlineFormComponent as ɵa, SkyInlineFormAdapterService as ɵb, skySlideDissolve as ɵc, SkyInlineFormForRootCompatModule as ɵd, SkyInlineFormResourcesModule as ɵe, SkyInlineFormResourcesProvider as ɵf };
385
+ export { SkyInlineFormButtonLayout, SkyInlineFormModule, SkyInlineFormComponent as λ1 };
389
386
  //# sourceMappingURL=skyux-inline-form.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"skyux-inline-form.js","sources":["ng://@skyux/inline-form/modules/inline-form/animations/slide-dissolve.ts","ng://@skyux/inline-form/modules/inline-form/types/inline-form-button-layout.ts","ng://@skyux/inline-form/modules/inline-form/inline-form-adapter.service.ts","ng://@skyux/inline-form/modules/inline-form/inline-form.component.ts","ng://@skyux/inline-form/modules/shared/inline-form-for-root-compat.module.ts","ng://@skyux/inline-form/plugin-resources/inline-form-resources-provider.ts","ng://@skyux/inline-form/modules/shared/inline-form-resources.module.ts","ng://@skyux/inline-form/modules/inline-form/inline-form.module.ts","ng://@skyux/inline-form/skyux-inline-form.ts"],"sourcesContent":["import {\n animate,\n AnimationTriggerMetadata,\n group,\n query,\n style,\n transition,\n trigger\n} from '@angular/animations';\n\nexport const skySlideDissolve: AnimationTriggerMetadata = trigger('skySlideDissolve', [\n transition('* <=> *', [\n\n // Expand animations\n query('.sky-slide-dissolve-last:enter', [\n style({ height: 0, opacity: 0 }),\n animate('200ms ease-in', style({ height: '*', opacity: 0 }))\n ], { optional: true }),\n query('.sky-slide-dissolve-last:enter', [\n style({ opacity: 0 }),\n animate('200ms ease-in', style({ opacity: 1 }))\n ], { optional: true }),\n\n // Collapse animations\n // The expanded content should fade out immediately to prevent\n // any overlap with the read-only content that's returning to the screen.\n query('.sky-slide-dissolve-last:leave', [\n animate('0ms', style({ opacity: 0 }))\n ], { optional: true }),\n\n group([\n query('.sky-slide-dissolve-first:enter', [\n style({ opacity: 0, height: 0 }),\n animate('100ms ease-in', style({ opacity: 1, height: '*' }))\n ], { optional: true }),\n query('.sky-slide-dissolve-last:leave', [\n animate('200ms ease-in', style({ height: 0 }))\n ], { optional: true })\n\n ])\n ])\n]);\n","export enum SkyInlineFormButtonLayout {\n Custom = 0,\n DoneCancel = 1,\n DoneDeleteCancel = 2,\n SaveCancel = 3,\n SaveDeleteCancel = 4\n}\n","import {\n ElementRef,\n Injectable\n} from '@angular/core';\n\n/* tslint:disable */\nconst SKY_TABBABLE_SELECTOR = [\n 'a[href]',\n 'area[href]',\n 'input:not([disabled]):not([tabindex=\\'-1\\'])',\n 'button:not([disabled]):not([tabindex=\\'-1\\'])',\n 'select:not([disabled]):not([tabindex=\\'-1\\'])',\n 'textarea:not([disabled]):not([tabindex=\\'-1\\'])',\n 'iframe',\n 'object',\n 'embed',\n '*[tabindex]:not([tabindex=\\'-1\\'])',\n '*[contenteditable=true]'\n].join(', ');\n/* tslint:enable */\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInlineFormAdapterService {\n\n public applyAutofocus(inlineFormElementRef: ElementRef): void {\n const inputWithAutofocus = inlineFormElementRef.nativeElement.querySelector('[autofocus]');\n\n if (inputWithAutofocus) {\n inputWithAutofocus.focus();\n } else {\n let focusEl: HTMLElement = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');\n let focusableChildren = this.loadFocusableChildren(focusEl);\n\n this.focusFirstElement(focusableChildren);\n }\n }\n\n private loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n const elements: Array<HTMLElement>\n = Array.prototype.slice.call(elem.querySelectorAll(SKY_TABBABLE_SELECTOR));\n\n return elements.filter((element) => {\n return this.isVisible(element);\n });\n }\n\n private isVisible(element: HTMLElement): boolean {\n const style = window.getComputedStyle(element);\n const isHidden = style.display === 'none' || style.visibility === 'hidden';\n if (isHidden) {\n return false;\n }\n\n const hasBounds = !!(\n element.offsetWidth ||\n element.offsetHeight ||\n element.getClientRects().length\n );\n return hasBounds;\n }\n\n private focusFirstElement(list: Array<HTMLElement>): void {\n if (list.length > 0) {\n list[0].focus();\n }\n }\n}\n","import {\n ChangeDetectorRef,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnDestroy,\n OnInit,\n Output,\n TemplateRef\n} from '@angular/core';\n\nimport {\n SkyAppWindowRef\n} from '@skyux/core';\n\nimport {\n SkyLibResourcesService\n} from '@skyux/i18n';\n\nimport {\n zip as observableZip\n} from 'rxjs';\n\nimport {\n take\n} from 'rxjs/operators';\n\nimport {\n skySlideDissolve\n} from './animations/slide-dissolve';\n\nimport {\n SkyInlineFormButtonConfig\n} from './types/inline-form-button-config';\n\nimport {\n SkyInlineFormButtonLayout\n} from './types/inline-form-button-layout';\n\nimport {\n SkyInlineFormCloseArgs\n} from './types/inline-form-close-args';\n\nimport {\n SkyInlineFormConfig\n} from './types/inline-form-config';\n\nimport {\n SkyInlineFormAdapterService\n} from './inline-form-adapter.service';\n\n/**\n * Renders form content in the current view instead of a separate modal.\n */\n@Component({\n selector: 'sky-inline-form',\n templateUrl: './inline-form.component.html',\n styleUrls: ['./inline-form.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n SkyInlineFormAdapterService\n ],\n animations: [ skySlideDissolve ]\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n\n /**\n * Specifies configuration options for the buttons to display with the inline form.\n * @required\n */\n @Input()\n public set config(value: SkyInlineFormConfig) {\n if (value !== this._config) {\n this._config = value;\n this.setupButtons();\n }\n }\n\n public get config(): SkyInlineFormConfig {\n return this._config;\n }\n\n /**\n * Specifies a template to use to instantiate the inline form.\n * @required\n */\n @Input()\n public template: TemplateRef<any>;\n\n /**\n * Indicates whether to display the inline form. Users can toggle between displaying\n * and hiding the inline form.\n * @default false\n */\n @Input()\n public set showForm(value: boolean) {\n this._showForm = value;\n\n /* istanbul ignore else */\n if (value) {\n // setTimeout() prevents applyAutofocus() from firing\n // until after *ngIf has added the form element to the DOM.\n this.skyAppWindowRef.nativeWindow.setTimeout(() => {\n this.adapter.applyAutofocus(this.elementRef);\n });\n }\n }\n\n public get showForm() {\n return this._showForm;\n }\n\n /**\n * Fires when users close the inline form.\n */\n @Output()\n public close = new EventEmitter<SkyInlineFormCloseArgs>();\n\n public buttons: SkyInlineFormButtonConfig[];\n\n private _config: SkyInlineFormConfig;\n\n private _showForm: boolean = false;\n\n constructor(\n private adapter: SkyInlineFormAdapterService,\n private elementRef: ElementRef,\n private resourcesService: SkyLibResourcesService,\n private skyAppWindowRef: SkyAppWindowRef,\n private changeDetectorRef: ChangeDetectorRef\n ) {}\n\n public ngOnInit(): void {\n this.setupButtons();\n }\n\n public ngOnDestroy(): void {\n this.close.complete();\n }\n\n public closeInlineForm(event: SkyInlineFormButtonConfig): void {\n const args: SkyInlineFormCloseArgs = {\n reason: event.action\n };\n this.close.emit(args);\n }\n\n private setupButtons(): void {\n if (this.isValidCustomConfig(this.config)) {\n this.buttons = this.getCustomButtons(this.config.buttons);\n this.changeDetectorRef.markForCheck();\n return;\n }\n\n this.getPresetButtons().then((buttons) => {\n this.buttons = buttons;\n this.changeDetectorRef.markForCheck();\n });\n }\n\n private getPresetButtons(): Promise<SkyInlineFormButtonConfig[]> {\n let buttonType =\n this.config ? this.config.buttonLayout : SkyInlineFormButtonLayout.DoneCancel;\n\n let promise: Promise<SkyInlineFormButtonConfig[]>;\n\n switch (buttonType) {\n /* istanbul ignore next */\n default:\n case SkyInlineFormButtonLayout.DoneCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_done'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>((resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'done'\n },\n {\n text: values[1],\n styleType: 'link',\n action: 'cancel'\n }\n ]);\n });\n });\n break;\n\n case SkyInlineFormButtonLayout.SaveCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_save'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>((resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'save'\n },\n {\n text: values[1],\n styleType: 'link',\n action: 'cancel'\n }\n ]);\n });\n });\n break;\n\n case SkyInlineFormButtonLayout.DoneDeleteCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_done'),\n this.resourcesService.getString('skyux_inline_form_button_delete'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>((resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'done'\n },\n {\n text: values[1],\n styleType: 'default',\n action: 'delete'\n },\n {\n text: values[2],\n styleType: 'link',\n action: 'cancel'\n }\n ]);\n });\n });\n break;\n\n case SkyInlineFormButtonLayout.SaveDeleteCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_save'),\n this.resourcesService.getString('skyux_inline_form_button_delete'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>((resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'save'\n },\n {\n text: values[1],\n styleType: 'default',\n action: 'delete'\n },\n {\n text: values[2],\n styleType: 'link',\n action: 'cancel'\n }\n ]);\n });\n });\n break;\n }\n\n return promise;\n }\n\n private getCustomButtons(buttonConfigs: SkyInlineFormButtonConfig[]): SkyInlineFormButtonConfig[] {\n const buttons: SkyInlineFormButtonConfig[] = [];\n\n buttonConfigs.forEach((config: SkyInlineFormButtonConfig) => {\n buttons.push({\n action: config.action,\n disabled: config.disabled,\n styleType: config.styleType || 'default',\n text: config.text\n } as SkyInlineFormButtonConfig);\n });\n\n return buttons;\n }\n\n private isValidCustomConfig(config: SkyInlineFormConfig): boolean {\n return (\n config &&\n config.buttonLayout === SkyInlineFormButtonLayout.Custom &&\n config.buttons.length > 0\n );\n }\n\n}\n","import {\n NgModule\n} from '@angular/core';\n\nimport {\n SkyAppWindowRef\n} from '@skyux/core';\n\n/**\n * @internal\n * @deprecated This module can be removed after we upgrade SKY UX development dependencies to version 5.\n */\n @NgModule({\n providers: [\n SkyAppWindowRef\n ]\n})\nexport class SkyInlineFormForRootCompatModule {}\n","\nimport {\n Injectable\n} from '@angular/core';\n\nimport {\n getStringForLocale,\n SkyAppLocaleInfo,\n SkyLibResourcesProvider\n} from '@skyux/i18n';\n\n@Injectable()\nexport class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {\n private resources: any = {\"EN-US\":{\"skyux_inline_form_button_cancel\":\"Cancel\",\"skyux_inline_form_button_delete\":\"Delete\",\"skyux_inline_form_button_done\":\"Done\",\"skyux_inline_form_button_save\":\"Save\"}};\n\n public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n return getStringForLocale(this.resources, localeInfo.locale, name);\n }\n}\n","import {\n NgModule\n} from '@angular/core';\n\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyI18nModule\n} from '@skyux/i18n';\n\nimport {\n SkyInlineFormResourcesProvider\n} from '../../plugin-resources/inline-form-resources-provider';\n\n@NgModule({\n exports: [\n SkyI18nModule\n ],\n providers: [{\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyInlineFormResourcesProvider,\n multi: true\n }]\n})\nexport class SkyInlineFormResourcesModule { }\n","import {\n CommonModule\n} from '@angular/common';\n\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n SkyInlineFormComponent\n} from './inline-form.component';\n\nimport {\n SkyInlineFormForRootCompatModule\n} from '../shared/inline-form-for-root-compat.module';\n\nimport {\n SkyInlineFormResourcesModule\n} from '../shared/inline-form-resources.module';\n\n@NgModule({\n declarations: [\n SkyInlineFormComponent\n ],\n imports: [\n CommonModule,\n SkyInlineFormForRootCompatModule,\n SkyInlineFormResourcesModule\n ],\n exports: [\n SkyInlineFormComponent\n ]\n})\nexport class SkyInlineFormModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {skySlideDissolve as ɵc} from './modules/inline-form/animations/slide-dissolve';\nexport {SkyInlineFormAdapterService as ɵb} from './modules/inline-form/inline-form-adapter.service';\nexport {SkyInlineFormComponent as ɵa} from './modules/inline-form/inline-form.component';\nexport {SkyInlineFormForRootCompatModule as ɵd} from './modules/shared/inline-form-for-root-compat.module';\nexport {SkyInlineFormResourcesModule as ɵe} from './modules/shared/inline-form-resources.module';\nexport {SkyInlineFormResourcesProvider as ɵf} from './plugin-resources/inline-form-resources-provider';"],"names":["observableZip"],"mappings":"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"}
1
+ {"version":3,"file":"skyux-inline-form.js","sources":["../../../projects/inline-form/src/modules/inline-form/animations/slide-dissolve.ts","../../../projects/inline-form/src/modules/inline-form/types/inline-form-button-layout.ts","../../../projects/inline-form/src/modules/inline-form/inline-form-adapter.service.ts","../../../projects/inline-form/src/modules/inline-form/inline-form.component.ts","../../../projects/inline-form/src/modules/inline-form/inline-form.component.html","../../../projects/inline-form/src/modules/shared/sky-inline-form-resources.module.ts","../../../projects/inline-form/src/modules/inline-form/inline-form.module.ts","../../../projects/inline-form/src/skyux-inline-form.ts"],"sourcesContent":["import {\n animate,\n AnimationTriggerMetadata,\n group,\n query,\n style,\n transition,\n trigger,\n} from '@angular/animations';\n\nexport const skySlideDissolve: AnimationTriggerMetadata = trigger(\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","export enum SkyInlineFormButtonLayout {\n Custom = 0,\n DoneCancel = 1,\n DoneDeleteCancel = 2,\n SaveCancel = 3,\n SaveDeleteCancel = 4,\n}\n","import { ElementRef, Injectable } from '@angular/core';\n\n/* tslint:disable */\nconst SKY_TABBABLE_SELECTOR = [\n 'a[href]',\n 'area[href]',\n \"input:not([disabled]):not([tabindex='-1'])\",\n \"button:not([disabled]):not([tabindex='-1'])\",\n \"select:not([disabled]):not([tabindex='-1'])\",\n \"textarea:not([disabled]):not([tabindex='-1'])\",\n 'iframe',\n 'object',\n 'embed',\n \"*[tabindex]:not([tabindex='-1'])\",\n '*[contenteditable=true]',\n].join(', ');\n/* tslint:enable */\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInlineFormAdapterService {\n public applyAutofocus(inlineFormElementRef: ElementRef): void {\n const inputWithAutofocus =\n inlineFormElementRef.nativeElement.querySelector('[autofocus]');\n\n if (inputWithAutofocus) {\n inputWithAutofocus.focus();\n } else {\n let focusEl: HTMLElement =\n inlineFormElementRef.nativeElement.querySelector(\n '.sky-inline-form-content'\n );\n let focusableChildren = this.loadFocusableChildren(focusEl);\n\n this.focusFirstElement(focusableChildren);\n }\n }\n\n private loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n const elements: Array<HTMLElement> = Array.prototype.slice.call(\n elem.querySelectorAll(SKY_TABBABLE_SELECTOR)\n );\n\n return elements.filter((element) => {\n return this.isVisible(element);\n });\n }\n\n private isVisible(element: HTMLElement): boolean {\n const style = window.getComputedStyle(element);\n const isHidden = style.display === 'none' || style.visibility === 'hidden';\n if (isHidden) {\n return false;\n }\n\n /* istanbul ignore next */\n const hasBounds = !!(\n element.offsetWidth ||\n element.offsetHeight ||\n element.getClientRects().length\n );\n return hasBounds;\n }\n\n private focusFirstElement(list: Array<HTMLElement>): void {\n if (list.length > 0) {\n list[0].focus();\n }\n }\n}\n","import {\n ChangeDetectorRef,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnDestroy,\n OnInit,\n Output,\n TemplateRef,\n} from '@angular/core';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { zip as observableZip } from 'rxjs';\n\nimport { take } from 'rxjs/operators';\n\nimport { skySlideDissolve } from './animations/slide-dissolve';\n\nimport { SkyInlineFormButtonConfig } from './types/inline-form-button-config';\n\nimport { SkyInlineFormButtonLayout } from './types/inline-form-button-layout';\n\nimport { SkyInlineFormCloseArgs } from './types/inline-form-close-args';\n\nimport { SkyInlineFormConfig } from './types/inline-form-config';\n\nimport { SkyInlineFormAdapterService } from './inline-form-adapter.service';\n\n/**\n * Renders form content in the current view instead of a separate modal.\n */\n@Component({\n selector: 'sky-inline-form',\n templateUrl: './inline-form.component.html',\n styleUrls: ['./inline-form.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [SkyInlineFormAdapterService],\n animations: [skySlideDissolve],\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n /**\n * Specifies configuration options for the buttons to display with the inline form.\n * @required\n */\n @Input()\n public set config(value: SkyInlineFormConfig) {\n if (value !== this._config) {\n this._config = value;\n this.setupButtons();\n }\n }\n\n public get config(): SkyInlineFormConfig {\n return this._config;\n }\n\n /**\n * Specifies a template to use to instantiate the inline form.\n * @required\n */\n @Input()\n public template: TemplateRef<any>;\n\n /**\n * Indicates whether to display the inline form. Users can toggle between displaying\n * and hiding the inline form.\n * @default false\n */\n @Input()\n public set showForm(value: boolean) {\n this._showForm = value;\n\n /* istanbul ignore else */\n if (value) {\n // setTimeout() prevents applyAutofocus() from firing\n // until after *ngIf has added the form element to the DOM.\n this.skyAppWindowRef.nativeWindow.setTimeout(() => {\n this.adapter.applyAutofocus(this.elementRef);\n });\n }\n }\n\n public get showForm() {\n return this._showForm;\n }\n\n /**\n * Fires when users close the inline form.\n */\n @Output()\n // eslint-disable-next-line @angular-eslint/no-output-native\n public close = new EventEmitter<SkyInlineFormCloseArgs>();\n\n public buttons: SkyInlineFormButtonConfig[];\n\n private _config: SkyInlineFormConfig;\n\n private _showForm: boolean = false;\n\n constructor(\n private adapter: SkyInlineFormAdapterService,\n private elementRef: ElementRef,\n private resourcesService: SkyLibResourcesService,\n private skyAppWindowRef: SkyAppWindowRef,\n private changeDetectorRef: ChangeDetectorRef\n ) {}\n\n public ngOnInit(): void {\n this.setupButtons();\n }\n\n public ngOnDestroy(): void {\n this.close.complete();\n }\n\n public closeInlineForm(event: SkyInlineFormButtonConfig): void {\n const args: SkyInlineFormCloseArgs = {\n reason: event.action,\n };\n this.close.emit(args);\n }\n\n private setupButtons(): void {\n if (this.isValidCustomConfig(this.config)) {\n this.buttons = this.getCustomButtons(this.config.buttons);\n this.changeDetectorRef.markForCheck();\n return;\n }\n\n this.getPresetButtons().then((buttons) => {\n this.buttons = buttons;\n this.changeDetectorRef.markForCheck();\n });\n }\n\n private getPresetButtons(): Promise<SkyInlineFormButtonConfig[]> {\n let buttonType = this.config\n ? this.config.buttonLayout\n : SkyInlineFormButtonLayout.DoneCancel;\n\n let promise: Promise<SkyInlineFormButtonConfig[]>;\n\n switch (buttonType) {\n /* istanbul ignore next */\n default:\n case SkyInlineFormButtonLayout.DoneCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_done'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>(\n (resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'done',\n },\n {\n text: values[1],\n styleType: 'link',\n action: 'cancel',\n },\n ]);\n }\n );\n });\n break;\n\n case SkyInlineFormButtonLayout.SaveCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_save'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>(\n (resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'save',\n },\n {\n text: values[1],\n styleType: 'link',\n action: 'cancel',\n },\n ]);\n }\n );\n });\n break;\n\n case SkyInlineFormButtonLayout.DoneDeleteCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_done'),\n this.resourcesService.getString('skyux_inline_form_button_delete'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>(\n (resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'done',\n },\n {\n text: values[1],\n styleType: 'default',\n action: 'delete',\n },\n {\n text: values[2],\n styleType: 'link',\n action: 'cancel',\n },\n ]);\n }\n );\n });\n break;\n\n case SkyInlineFormButtonLayout.SaveDeleteCancel:\n observableZip(\n this.resourcesService.getString('skyux_inline_form_button_save'),\n this.resourcesService.getString('skyux_inline_form_button_delete'),\n this.resourcesService.getString('skyux_inline_form_button_cancel')\n )\n .pipe(take(1))\n .subscribe((values: any) => {\n promise = new Promise<SkyInlineFormButtonConfig[]>(\n (resolve: any) => {\n resolve([\n {\n text: values[0],\n styleType: 'primary',\n action: 'save',\n },\n {\n text: values[1],\n styleType: 'default',\n action: 'delete',\n },\n {\n text: values[2],\n styleType: 'link',\n action: 'cancel',\n },\n ]);\n }\n );\n });\n break;\n }\n\n return promise;\n }\n\n private getCustomButtons(\n buttonConfigs: SkyInlineFormButtonConfig[]\n ): SkyInlineFormButtonConfig[] {\n const buttons: SkyInlineFormButtonConfig[] = [];\n\n buttonConfigs.forEach((config: SkyInlineFormButtonConfig) => {\n /* istanbul ignore next */\n const styleType = config.styleType || 'default';\n\n buttons.push({\n action: config.action,\n disabled: config.disabled,\n styleType: styleType,\n text: config.text,\n } as SkyInlineFormButtonConfig);\n });\n\n return buttons;\n }\n\n private isValidCustomConfig(config: SkyInlineFormConfig): boolean {\n return (\n config &&\n config.buttonLayout === SkyInlineFormButtonLayout.Custom &&\n config.buttons.length > 0\n );\n }\n}\n","<div [@skySlideDissolve]=\"showForm\">\n <div *ngIf=\"!showForm\" class=\"sky-slide-dissolve-first\">\n <ng-content></ng-content>\n </div>\n\n <div *ngIf=\"template && showForm\" class=\"sky-slide-dissolve-last\">\n <div class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\">\n <div class=\"sky-inline-form-content\">\n <ng-container [ngTemplateOutlet]=\"template\"> </ng-container>\n </div>\n <div class=\"sky-inline-form-footer\">\n <button\n *ngFor=\"let button of buttons\"\n class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n type=\"button\"\n [disabled]=\"button.disabled ? true : null\"\n [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n (click)=\"closeInlineForm(button)\"\n >\n {{ button.text }}\n </button>\n </div>\n </div>\n </div>\n</div>\n","/**\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 modules/shared/sky-inline-form' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n getLibStringForLocale,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n SKY_LIB_RESOURCES_PROVIDERS,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n skyux_inline_form_button_cancel: { message: 'Cancel' },\n skyux_inline_form_button_delete: { message: 'Delete' },\n skyux_inline_form_button_done: { message: 'Done' },\n skyux_inline_form_button_save: { message: 'Save' },\n },\n};\n\nexport class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {\n public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyInlineFormResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyInlineFormResourcesModule {}\n","import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyInlineFormComponent } from './inline-form.component';\n\nimport { SkyInlineFormResourcesModule } from '../shared/sky-inline-form-resources.module';\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 './public-api';\n"],"names":["observableZip"],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  import { ElementRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
2
3
  /**
3
4
  * @internal
4
5
  */
@@ -7,4 +8,6 @@ export declare class SkyInlineFormAdapterService {
7
8
  private loadFocusableChildren;
8
9
  private isVisible;
9
10
  private focusFirstElement;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineFormAdapterService, never>;
12
+ static ɵprov: i0.ɵɵInjectableDeclaration<SkyInlineFormAdapterService>;
10
13
  }
@@ -5,6 +5,7 @@ import { SkyInlineFormButtonConfig } from './types/inline-form-button-config';
5
5
  import { SkyInlineFormCloseArgs } from './types/inline-form-close-args';
6
6
  import { SkyInlineFormConfig } from './types/inline-form-config';
7
7
  import { SkyInlineFormAdapterService } from './inline-form-adapter.service';
8
+ import * as i0 from "@angular/core";
8
9
  /**
9
10
  * Renders form content in the current view instead of a separate modal.
10
11
  */
@@ -47,4 +48,6 @@ export declare class SkyInlineFormComponent implements OnInit, OnDestroy {
47
48
  private getPresetButtons;
48
49
  private getCustomButtons;
49
50
  private isValidCustomConfig;
51
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineFormComponent, never>;
52
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyInlineFormComponent, "sky-inline-form", never, { "config": "config"; "template": "template"; "showForm": "showForm"; }, { "close": "close"; }, never, ["*"]>;
50
53
  }
@@ -1,2 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./inline-form.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../shared/sky-inline-form-resources.module";
1
5
  export declare class SkyInlineFormModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineFormModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInlineFormModule, [typeof i1.SkyInlineFormComponent], [typeof i2.CommonModule, typeof i3.SkyInlineFormResourcesModule], [typeof i1.SkyInlineFormComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyInlineFormModule>;
2
9
  }
@@ -0,0 +1,14 @@
1
+ import { SkyAppLocaleInfo, SkyLibResourcesProvider } from '@skyux/i18n';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@skyux/i18n";
4
+ export declare class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {
5
+ getString(localeInfo: SkyAppLocaleInfo, name: string): string;
6
+ }
7
+ /**
8
+ * Import into any component library module that needs to use resource strings.
9
+ */
10
+ export declare class SkyInlineFormResourcesModule {
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineFormResourcesModule, never>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInlineFormResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
13
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyInlineFormResourcesModule>;
14
+ }