@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.
- package/bundles/skyux-inline-form.umd.js +146 -349
- package/bundles/skyux-inline-form.umd.js.map +1 -1
- package/documentation.json +1089 -0
- package/esm2015/modules/inline-form/animations/slide-dissolve.js +9 -13
- package/esm2015/modules/inline-form/inline-form-adapter.service.js +16 -14
- package/esm2015/modules/inline-form/inline-form.component.js +52 -57
- package/esm2015/modules/inline-form/inline-form.module.js +16 -22
- package/esm2015/modules/inline-form/types/inline-form-button-action.js +2 -1
- package/esm2015/modules/inline-form/types/inline-form-button-config.js +2 -1
- package/esm2015/modules/inline-form/types/inline-form-button-layout.js +1 -1
- package/esm2015/modules/inline-form/types/inline-form-close-args.js +2 -1
- package/esm2015/modules/inline-form/types/inline-form-config.js +2 -1
- package/esm2015/modules/shared/sky-inline-form-resources.module.js +50 -0
- package/esm2015/public-api.js +10 -0
- package/esm2015/skyux-inline-form.js +2 -8
- package/fesm2015/skyux-inline-form.js +127 -130
- package/fesm2015/skyux-inline-form.js.map +1 -1
- package/modules/inline-form/inline-form-adapter.service.d.ts +3 -0
- package/modules/inline-form/inline-form.component.d.ts +3 -0
- package/modules/inline-form/inline-form.module.d.ts +7 -0
- package/modules/shared/sky-inline-form-resources.module.d.ts +14 -0
- package/package.json +9 -24
- package/{public_api.d.ts → public-api.d.ts} +1 -0
- package/skyux-inline-form.d.ts +2 -7
- package/CHANGELOG.md +0 -58
- package/bundles/skyux-inline-form.umd.min.js +0 -16
- package/bundles/skyux-inline-form.umd.min.js.map +0 -1
- package/esm2015/modules/shared/inline-form-for-root-compat.module.js +0 -18
- package/esm2015/modules/shared/inline-form-resources.module.js +0 -20
- package/esm2015/plugin-resources/inline-form-resources-provider.js +0 -16
- package/esm2015/public_api.js +0 -3
- package/esm5/modules/inline-form/animations/slide-dissolve.js +0 -30
- package/esm5/modules/inline-form/inline-form-adapter.service.js +0 -64
- package/esm5/modules/inline-form/inline-form.component.js +0 -241
- package/esm5/modules/inline-form/inline-form.module.js +0 -28
- package/esm5/modules/inline-form/types/inline-form-button-action.js +0 -1
- package/esm5/modules/inline-form/types/inline-form-button-config.js +0 -1
- package/esm5/modules/inline-form/types/inline-form-button-layout.js +0 -9
- package/esm5/modules/inline-form/types/inline-form-close-args.js +0 -1
- package/esm5/modules/inline-form/types/inline-form-config.js +0 -1
- package/esm5/modules/shared/inline-form-for-root-compat.module.js +0 -21
- package/esm5/modules/shared/inline-form-resources.module.js +0 -23
- package/esm5/plugin-resources/inline-form-resources-provider.js +0 -17
- package/esm5/public_api.js +0 -3
- package/esm5/skyux-inline-form.js +0 -11
- package/fesm5/skyux-inline-form.js +0 -414
- package/fesm5/skyux-inline-form.js.map +0 -1
- package/modules/shared/inline-form-for-root-compat.module.d.ts +0 -6
- package/modules/shared/inline-form-resources.module.d.ts +0 -2
- package/plugin-resources/inline-form-resources-provider.d.ts +0 -5
- package/skyux-inline-form.metadata.json +0 -1
- package/src/assets/img/anatomy.png +0 -0
- 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 './
|
|
5
|
-
|
|
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
|
|
1
|
+
import * as i4 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
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
|
-
|
|
34
|
-
|
|
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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 =
|
|
102
|
-
|
|
103
|
-
|
|
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
|
-
|
|
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
|
|
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:
|
|
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
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
],
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
],
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
],
|
|
312
|
-
|
|
313
|
-
|
|
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
|
-
*
|
|
327
|
-
*
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
336
|
+
return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
345
337
|
}
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
};
|
|
353
|
-
SkyInlineFormResourcesModule =
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
],
|
|
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
|
-
|
|
367
|
-
}
|
|
368
|
-
SkyInlineFormModule =
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
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
|
|
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
|
+
}
|