@skyux/inline-form 5.0.0 → 5.5.0-beta.0
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/README.md +6 -4
- package/bundles/skyux-inline-form.umd.js +74 -84
- package/documentation.json +69 -33
- package/esm2015/index.js +10 -0
- package/esm2015/index.js.map +1 -0
- package/esm2015/lib/modules/inline-form/animations/slide-dissolve.js +26 -0
- package/esm2015/lib/modules/inline-form/animations/slide-dissolve.js.map +1 -0
- package/esm2015/lib/modules/inline-form/inline-form-adapter.service.js +62 -0
- package/esm2015/lib/modules/inline-form/inline-form-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/inline-form/inline-form.component.js +227 -0
- package/esm2015/lib/modules/inline-form/inline-form.component.js.map +1 -0
- package/esm2015/lib/modules/inline-form/inline-form.module.js +19 -0
- package/esm2015/lib/modules/inline-form/inline-form.module.js.map +1 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-button-action.js +2 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-button-action.js.map +1 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-button-config.js +2 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-button-config.js.map +1 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-button-layout.js +9 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-button-layout.js.map +1 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-close-args.js +2 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-close-args.js.map +1 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-config.js +2 -0
- package/esm2015/lib/modules/inline-form/types/inline-form-config.js.map +1 -0
- package/esm2015/lib/modules/shared/sky-inline-form-resources.module.js +50 -0
- package/esm2015/lib/modules/shared/sky-inline-form-resources.module.js.map +1 -0
- package/esm2015/skyux-inline-form.js +2 -2
- package/esm2015/skyux-inline-form.js.map +1 -0
- package/fesm2015/skyux-inline-form.js +69 -77
- package/fesm2015/skyux-inline-form.js.map +1 -1
- package/index.d.ts +7 -0
- package/{modules → lib/modules}/inline-form/animations/slide-dissolve.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/inline-form-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/inline-form.component.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/inline-form.module.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/types/inline-form-button-action.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/types/inline-form-button-config.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/types/inline-form-button-layout.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/types/inline-form-close-args.d.ts +0 -0
- package/{modules → lib/modules}/inline-form/types/inline-form-config.d.ts +0 -0
- package/{modules → lib/modules}/shared/sky-inline-form-resources.module.d.ts +0 -0
- package/package.json +20 -6
- package/skyux-inline-form.d.ts +1 -1
- package/bundles/skyux-inline-form.umd.js.map +0 -1
- package/esm2015/modules/inline-form/animations/slide-dissolve.js +0 -30
- package/esm2015/modules/inline-form/inline-form-adapter.service.js +0 -62
- package/esm2015/modules/inline-form/inline-form.component.js +0 -227
- package/esm2015/modules/inline-form/inline-form.module.js +0 -30
- package/esm2015/modules/inline-form/types/inline-form-button-action.js +0 -2
- package/esm2015/modules/inline-form/types/inline-form-button-config.js +0 -2
- package/esm2015/modules/inline-form/types/inline-form-button-layout.js +0 -9
- package/esm2015/modules/inline-form/types/inline-form-close-args.js +0 -2
- package/esm2015/modules/inline-form/types/inline-form-config.js +0 -2
- package/esm2015/modules/shared/sky-inline-form-resources.module.js +0 -41
- package/esm2015/public-api.js +0 -10
- package/public-api.d.ts +0 -7
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
#
|
|
1
|
+
# inline-form
|
|
2
2
|
|
|
3
|
-
[
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
4
|
+
|
|
5
|
+
## Running unit tests
|
|
6
|
+
|
|
7
|
+
Run `nx test inline-form` to execute the unit tests.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@skyux/i18n'), require('@skyux/core')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/inline-form', ['exports', '@angular/common', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/animations', '@skyux/i18n', '@skyux/core'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux[
|
|
5
|
-
}(this, (function (exports, i4, i0, rxjs, operators, animations, i2, i3) { 'use strict';
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["inline-form"] = {}), global.ng.common, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.animations, global.i2, global.i3));
|
|
5
|
+
})(this, (function (exports, i4, i0, rxjs, operators, animations, i2, i3) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,14 +13,12 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -34,28 +32,24 @@
|
|
|
34
32
|
// Expand animations
|
|
35
33
|
animations.query('.sky-slide-dissolve-last:enter', [
|
|
36
34
|
animations.style({ height: 0, opacity: 0 }),
|
|
37
|
-
animations.animate('200ms ease-in', animations.style({ height: '*', opacity: 0 }))
|
|
35
|
+
animations.animate('200ms ease-in', animations.style({ height: '*', opacity: 0 })),
|
|
38
36
|
], { optional: true }),
|
|
39
37
|
animations.query('.sky-slide-dissolve-last:enter', [
|
|
40
38
|
animations.style({ opacity: 0 }),
|
|
41
|
-
animations.animate('200ms ease-in', animations.style({ opacity: 1 }))
|
|
39
|
+
animations.animate('200ms ease-in', animations.style({ opacity: 1 })),
|
|
42
40
|
], { optional: true }),
|
|
43
41
|
// Collapse animations
|
|
44
42
|
// The expanded content should fade out immediately to prevent
|
|
45
43
|
// any overlap with the read-only content that's returning to the screen.
|
|
46
|
-
animations.query('.sky-slide-dissolve-last:leave', [
|
|
47
|
-
animations.animate('0ms', animations.style({ opacity: 0 }))
|
|
48
|
-
], { optional: true }),
|
|
44
|
+
animations.query('.sky-slide-dissolve-last:leave', [animations.animate('0ms', animations.style({ opacity: 0 }))], { optional: true }),
|
|
49
45
|
animations.group([
|
|
50
46
|
animations.query('.sky-slide-dissolve-first:enter', [
|
|
51
47
|
animations.style({ opacity: 0, height: 0 }),
|
|
52
|
-
animations.animate('100ms ease-in', animations.style({ opacity: 1, height: '*' }))
|
|
48
|
+
animations.animate('100ms ease-in', animations.style({ opacity: 1, height: '*' })),
|
|
53
49
|
], { optional: true }),
|
|
54
|
-
animations.query('.sky-slide-dissolve-last:leave', [
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
])
|
|
58
|
-
])
|
|
50
|
+
animations.query('.sky-slide-dissolve-last:leave', [animations.animate('200ms ease-in', animations.style({ height: 0 }))], { optional: true }),
|
|
51
|
+
]),
|
|
52
|
+
]),
|
|
59
53
|
]);
|
|
60
54
|
|
|
61
55
|
exports.SkyInlineFormButtonLayout = void 0;
|
|
@@ -71,15 +65,15 @@
|
|
|
71
65
|
var SKY_TABBABLE_SELECTOR = [
|
|
72
66
|
'a[href]',
|
|
73
67
|
'area[href]',
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
68
|
+
"input:not([disabled]):not([tabindex='-1'])",
|
|
69
|
+
"button:not([disabled]):not([tabindex='-1'])",
|
|
70
|
+
"select:not([disabled]):not([tabindex='-1'])",
|
|
71
|
+
"textarea:not([disabled]):not([tabindex='-1'])",
|
|
78
72
|
'iframe',
|
|
79
73
|
'object',
|
|
80
74
|
'embed',
|
|
81
|
-
|
|
82
|
-
'*[contenteditable=true]'
|
|
75
|
+
"*[tabindex]:not([tabindex='-1'])",
|
|
76
|
+
'*[contenteditable=true]',
|
|
83
77
|
].join(', ');
|
|
84
78
|
/* tslint:enable */
|
|
85
79
|
/**
|
|
@@ -125,9 +119,9 @@
|
|
|
125
119
|
};
|
|
126
120
|
return SkyInlineFormAdapterService;
|
|
127
121
|
}());
|
|
128
|
-
SkyInlineFormAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
129
|
-
SkyInlineFormAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
130
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
122
|
+
SkyInlineFormAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
123
|
+
SkyInlineFormAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormAdapterService });
|
|
124
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormAdapterService, decorators: [{
|
|
131
125
|
type: i0.Injectable
|
|
132
126
|
}] });
|
|
133
127
|
|
|
@@ -196,7 +190,7 @@
|
|
|
196
190
|
};
|
|
197
191
|
SkyInlineFormComponent.prototype.closeInlineForm = function (event) {
|
|
198
192
|
var args = {
|
|
199
|
-
reason: event.action
|
|
193
|
+
reason: event.action,
|
|
200
194
|
};
|
|
201
195
|
this.close.emit(args);
|
|
202
196
|
};
|
|
@@ -213,7 +207,9 @@
|
|
|
213
207
|
});
|
|
214
208
|
};
|
|
215
209
|
SkyInlineFormComponent.prototype.getPresetButtons = function () {
|
|
216
|
-
var buttonType = this.config
|
|
210
|
+
var buttonType = this.config
|
|
211
|
+
? this.config.buttonLayout
|
|
212
|
+
: exports.SkyInlineFormButtonLayout.DoneCancel;
|
|
217
213
|
var promise;
|
|
218
214
|
switch (buttonType) {
|
|
219
215
|
/* istanbul ignore next */
|
|
@@ -227,13 +223,13 @@
|
|
|
227
223
|
{
|
|
228
224
|
text: values[0],
|
|
229
225
|
styleType: 'primary',
|
|
230
|
-
action: 'done'
|
|
226
|
+
action: 'done',
|
|
231
227
|
},
|
|
232
228
|
{
|
|
233
229
|
text: values[1],
|
|
234
230
|
styleType: 'link',
|
|
235
|
-
action: 'cancel'
|
|
236
|
-
}
|
|
231
|
+
action: 'cancel',
|
|
232
|
+
},
|
|
237
233
|
]);
|
|
238
234
|
});
|
|
239
235
|
});
|
|
@@ -247,13 +243,13 @@
|
|
|
247
243
|
{
|
|
248
244
|
text: values[0],
|
|
249
245
|
styleType: 'primary',
|
|
250
|
-
action: 'save'
|
|
246
|
+
action: 'save',
|
|
251
247
|
},
|
|
252
248
|
{
|
|
253
249
|
text: values[1],
|
|
254
250
|
styleType: 'link',
|
|
255
|
-
action: 'cancel'
|
|
256
|
-
}
|
|
251
|
+
action: 'cancel',
|
|
252
|
+
},
|
|
257
253
|
]);
|
|
258
254
|
});
|
|
259
255
|
});
|
|
@@ -267,18 +263,18 @@
|
|
|
267
263
|
{
|
|
268
264
|
text: values[0],
|
|
269
265
|
styleType: 'primary',
|
|
270
|
-
action: 'done'
|
|
266
|
+
action: 'done',
|
|
271
267
|
},
|
|
272
268
|
{
|
|
273
269
|
text: values[1],
|
|
274
270
|
styleType: 'default',
|
|
275
|
-
action: 'delete'
|
|
271
|
+
action: 'delete',
|
|
276
272
|
},
|
|
277
273
|
{
|
|
278
274
|
text: values[2],
|
|
279
275
|
styleType: 'link',
|
|
280
|
-
action: 'cancel'
|
|
281
|
-
}
|
|
276
|
+
action: 'cancel',
|
|
277
|
+
},
|
|
282
278
|
]);
|
|
283
279
|
});
|
|
284
280
|
});
|
|
@@ -292,18 +288,18 @@
|
|
|
292
288
|
{
|
|
293
289
|
text: values[0],
|
|
294
290
|
styleType: 'primary',
|
|
295
|
-
action: 'save'
|
|
291
|
+
action: 'save',
|
|
296
292
|
},
|
|
297
293
|
{
|
|
298
294
|
text: values[1],
|
|
299
295
|
styleType: 'default',
|
|
300
|
-
action: 'delete'
|
|
296
|
+
action: 'delete',
|
|
301
297
|
},
|
|
302
298
|
{
|
|
303
299
|
text: values[2],
|
|
304
300
|
styleType: 'link',
|
|
305
|
-
action: 'cancel'
|
|
306
|
-
}
|
|
301
|
+
action: 'cancel',
|
|
302
|
+
},
|
|
307
303
|
]);
|
|
308
304
|
});
|
|
309
305
|
});
|
|
@@ -320,7 +316,7 @@
|
|
|
320
316
|
action: config.action,
|
|
321
317
|
disabled: config.disabled,
|
|
322
318
|
styleType: styleType,
|
|
323
|
-
text: config.text
|
|
319
|
+
text: config.text,
|
|
324
320
|
});
|
|
325
321
|
});
|
|
326
322
|
return buttons;
|
|
@@ -332,21 +328,17 @@
|
|
|
332
328
|
};
|
|
333
329
|
return SkyInlineFormComponent;
|
|
334
330
|
}());
|
|
335
|
-
SkyInlineFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
336
|
-
SkyInlineFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
337
|
-
|
|
338
|
-
], ngImport: i0__namespace, 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", 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [skySlideDissolve], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
339
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyInlineFormComponent, decorators: [{
|
|
331
|
+
SkyInlineFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormComponent, deps: [{ token: SkyInlineFormAdapterService }, { token: i0__namespace.ElementRef }, { token: i2__namespace.SkyLibResourcesService }, { token: i3__namespace.SkyAppWindowRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
332
|
+
SkyInlineFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyInlineFormComponent, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, providers: [SkyInlineFormAdapterService], ngImport: i0__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [skySlideDissolve], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
333
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormComponent, decorators: [{
|
|
340
334
|
type: i0.Component,
|
|
341
335
|
args: [{
|
|
342
336
|
selector: 'sky-inline-form',
|
|
343
|
-
|
|
344
|
-
|
|
337
|
+
template: "template",
|
|
338
|
+
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"],
|
|
345
339
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
346
|
-
providers: [
|
|
347
|
-
|
|
348
|
-
],
|
|
349
|
-
animations: [skySlideDissolve]
|
|
340
|
+
providers: [SkyInlineFormAdapterService],
|
|
341
|
+
animations: [skySlideDissolve],
|
|
350
342
|
}]
|
|
351
343
|
}], ctorParameters: function () { return [{ type: SkyInlineFormAdapterService }, { type: i0__namespace.ElementRef }, { type: i2__namespace.SkyLibResourcesService }, { type: i3__namespace.SkyAppWindowRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { config: [{
|
|
352
344
|
type: i0.Input
|
|
@@ -365,7 +357,12 @@
|
|
|
365
357
|
* To update this file, simply rerun the command.
|
|
366
358
|
*/
|
|
367
359
|
var RESOURCES = {
|
|
368
|
-
'EN-US': {
|
|
360
|
+
'EN-US': {
|
|
361
|
+
skyux_inline_form_button_cancel: { message: 'Cancel' },
|
|
362
|
+
skyux_inline_form_button_delete: { message: 'Delete' },
|
|
363
|
+
skyux_inline_form_button_done: { message: 'Done' },
|
|
364
|
+
skyux_inline_form_button_save: { message: 'Save' },
|
|
365
|
+
},
|
|
369
366
|
};
|
|
370
367
|
var SkyInlineFormResourcesProvider = /** @class */ (function () {
|
|
371
368
|
function SkyInlineFormResourcesProvider() {
|
|
@@ -383,22 +380,26 @@
|
|
|
383
380
|
}
|
|
384
381
|
return SkyInlineFormResourcesModule;
|
|
385
382
|
}());
|
|
386
|
-
SkyInlineFormResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
387
|
-
SkyInlineFormResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
388
|
-
SkyInlineFormResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
383
|
+
SkyInlineFormResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
384
|
+
SkyInlineFormResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, exports: [i2.SkyI18nModule] });
|
|
385
|
+
SkyInlineFormResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, providers: [
|
|
386
|
+
{
|
|
389
387
|
provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
|
|
390
388
|
useClass: SkyInlineFormResourcesProvider,
|
|
391
|
-
multi: true
|
|
392
|
-
}
|
|
393
|
-
|
|
389
|
+
multi: true,
|
|
390
|
+
},
|
|
391
|
+
], imports: [i2.SkyI18nModule] });
|
|
392
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, decorators: [{
|
|
394
393
|
type: i0.NgModule,
|
|
395
394
|
args: [{
|
|
396
395
|
exports: [i2.SkyI18nModule],
|
|
397
|
-
providers: [
|
|
396
|
+
providers: [
|
|
397
|
+
{
|
|
398
398
|
provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
|
|
399
399
|
useClass: SkyInlineFormResourcesProvider,
|
|
400
|
-
multi: true
|
|
401
|
-
}
|
|
400
|
+
multi: true,
|
|
401
|
+
},
|
|
402
|
+
],
|
|
402
403
|
}]
|
|
403
404
|
}] });
|
|
404
405
|
|
|
@@ -407,26 +408,15 @@
|
|
|
407
408
|
}
|
|
408
409
|
return SkyInlineFormModule;
|
|
409
410
|
}());
|
|
410
|
-
SkyInlineFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
411
|
-
SkyInlineFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
i4.CommonModule,
|
|
415
|
-
SkyInlineFormResourcesModule
|
|
416
|
-
]] });
|
|
417
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyInlineFormModule, decorators: [{
|
|
411
|
+
SkyInlineFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
412
|
+
SkyInlineFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [i4.CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] });
|
|
413
|
+
SkyInlineFormModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormModule, imports: [[i4.CommonModule, SkyInlineFormResourcesModule]] });
|
|
414
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormModule, decorators: [{
|
|
418
415
|
type: i0.NgModule,
|
|
419
416
|
args: [{
|
|
420
|
-
declarations: [
|
|
421
|
-
|
|
422
|
-
],
|
|
423
|
-
imports: [
|
|
424
|
-
i4.CommonModule,
|
|
425
|
-
SkyInlineFormResourcesModule
|
|
426
|
-
],
|
|
427
|
-
exports: [
|
|
428
|
-
SkyInlineFormComponent
|
|
429
|
-
]
|
|
417
|
+
declarations: [SkyInlineFormComponent],
|
|
418
|
+
imports: [i4.CommonModule, SkyInlineFormResourcesModule],
|
|
419
|
+
exports: [SkyInlineFormComponent],
|
|
430
420
|
}]
|
|
431
421
|
}] });
|
|
432
422
|
|
|
@@ -435,9 +425,9 @@
|
|
|
435
425
|
*/
|
|
436
426
|
|
|
437
427
|
exports.SkyInlineFormModule = SkyInlineFormModule;
|
|
438
|
-
exports
|
|
428
|
+
exports["λ1"] = SkyInlineFormComponent;
|
|
439
429
|
|
|
440
430
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
441
431
|
|
|
442
|
-
}))
|
|
432
|
+
}));
|
|
443
433
|
//# sourceMappingURL=skyux-inline-form.umd.js.map
|