@skyux/inline-form 5.0.0-alpha.0 → 5.0.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/bundles/skyux-inline-form.umd.js +160 -335
- package/bundles/skyux-inline-form.umd.js.map +1 -1
- package/documentation.json +1084 -0
- package/esm2015/modules/inline-form/animations/slide-dissolve.js +1 -1
- package/esm2015/modules/inline-form/inline-form-adapter.service.js +10 -8
- package/esm2015/modules/inline-form/inline-form.component.js +37 -37
- package/esm2015/modules/inline-form/inline-form.module.js +25 -24
- 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 +41 -0
- package/esm2015/public-api.js +10 -0
- package/esm2015/skyux-inline-form.js +2 -7
- package/fesm2015/skyux-inline-form.js +140 -121
- 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 -6
- package/CHANGELOG.md +0 -53
- 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-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 -238
- package/esm5/modules/inline-form/inline-form.module.js +0 -32
- 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-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 -10
- package/fesm5/skyux-inline-form.js +0 -397
- package/fesm5/skyux-inline-form.js.map +0 -1
- 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 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLWZvcm0tY29uZmlnLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNreXV4L2lubGluZS1mb3JtLyIsInNvdXJjZXMiOlsibW9kdWxlcy9pbmxpbmUtZm9ybS90eXBlcy9pbmxpbmUtZm9ybS1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIFNreUlubGluZUZvcm1CdXR0b25Db25maWdcbn0gZnJvbSAnLi9pbmxpbmUtZm9ybS1idXR0b24tY29uZmlnJztcblxuaW1wb3J0IHtcbiAgU2t5SW5saW5lRm9ybUJ1dHRvbkxheW91dFxufSBmcm9tICcuL2lubGluZS1mb3JtLWJ1dHRvbi1sYXlvdXQnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBjb25maWd1cmF0aW9uIG9wdGlvbnMgZm9yIHRoZSBidXR0b25zIHRvIGRpc3BsYXkgd2l0aCB0aGUgaW5saW5lIGZvcm0uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU2t5SW5saW5lRm9ybUNvbmZpZyB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGJ1dHRvbnMgdG8gZGlzcGxheSB3aXRoIHRoZSBpbmxpbmUgZm9ybS4gVGhlIHZhbGlkIG9wdGlvbnMgYXJlIGBDdXN0b21gXG4gICAqIGZvciBjdXN0b20gYnV0dG9ucywgYERvbmVDYW5jZWxgIGZvciBEb25lIGFuZCBDYW5jZWwgYnV0dG9ucywgYERvbmVEZWxldGVDYW5jZWxgIGZvciBEb25lLFxuICAgKiBEZWxldGUsIGFuZCBDYW5jZWwgYnV0dG9ucywgYFNhdmVDYW5jZWxgIGZvciBTYXZlIGFuZCBDYW5jZWwgYnV0dG9ucywgYW5kIGBTYXZlRGVsZXRlQ2FuY2VsYFxuICAgKiBmb3IgU2F2ZSwgRGVsZXRlLCBhbmQgQ2FuY2VsIGJ1dHRvbnMuXG4gICAqIEByZXF1aXJlZFxuICAgKi9cbiAgYnV0dG9uTGF5b3V0OiBTa3lJbmxpbmVGb3JtQnV0dG9uTGF5b3V0O1xuICAvKipcbiAgICogU3BlY2lmaWVzIGNvbmZpZ3VyYXRpb24gb3B0aW9ucyBmb3IgdGhlIGlubGluZSBmb3JtJ3MgYnV0dG9ucy5cbiAgICovXG4gIGJ1dHRvbnM/OiBTa3lJbmxpbmVGb3JtQnV0dG9uQ29uZmlnW107XG59XG4iXX0=
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule } from '@skyux/i18n';
|
|
4
|
-
import { SkyInlineFormResourcesProvider } from '../../plugin-resources/inline-form-resources-provider';
|
|
5
|
-
var SkyInlineFormResourcesModule = /** @class */ (function () {
|
|
6
|
-
function SkyInlineFormResourcesModule() {
|
|
7
|
-
}
|
|
8
|
-
SkyInlineFormResourcesModule = __decorate([
|
|
9
|
-
NgModule({
|
|
10
|
-
exports: [
|
|
11
|
-
SkyI18nModule
|
|
12
|
-
],
|
|
13
|
-
providers: [{
|
|
14
|
-
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
15
|
-
useClass: SkyInlineFormResourcesProvider,
|
|
16
|
-
multi: true
|
|
17
|
-
}]
|
|
18
|
-
})
|
|
19
|
-
], SkyInlineFormResourcesModule);
|
|
20
|
-
return SkyInlineFormResourcesModule;
|
|
21
|
-
}());
|
|
22
|
-
export { SkyInlineFormResourcesModule };
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLWZvcm0tcmVzb3VyY2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9pbmxpbmUtZm9ybS8iLCJzb3VyY2VzIjpbIm1vZHVsZXMvc2hhcmVkL2lubGluZS1mb3JtLXJlc291cmNlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLDJCQUEyQixFQUMzQixhQUFhLEVBQ2QsTUFBTSxhQUFhLENBQUM7QUFFckIsT0FBTyxFQUNMLDhCQUE4QixFQUMvQixNQUFNLHVEQUF1RCxDQUFDO0FBWS9EO0lBQUE7SUFBNEMsQ0FBQztJQUFoQyw0QkFBNEI7UUFWeEMsUUFBUSxDQUFDO1lBQ1IsT0FBTyxFQUFFO2dCQUNQLGFBQWE7YUFDZDtZQUNELFNBQVMsRUFBRSxDQUFDO29CQUNWLE9BQU8sRUFBRSwyQkFBMkI7b0JBQ3BDLFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLEtBQUssRUFBRSxJQUFJO2lCQUNaLENBQUM7U0FDSCxDQUFDO09BQ1csNEJBQTRCLENBQUk7SUFBRCxtQ0FBQztDQUFBLEFBQTdDLElBQTZDO1NBQWhDLDRCQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIE5nTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gIFNreUkxOG5Nb2R1bGVcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5pbXBvcnQge1xuICBTa3lJbmxpbmVGb3JtUmVzb3VyY2VzUHJvdmlkZXJcbn0gZnJvbSAnLi4vLi4vcGx1Z2luLXJlc291cmNlcy9pbmxpbmUtZm9ybS1yZXNvdXJjZXMtcHJvdmlkZXInO1xuXG5ATmdNb2R1bGUoe1xuICBleHBvcnRzOiBbXG4gICAgU2t5STE4bk1vZHVsZVxuICBdLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICAgIHVzZUNsYXNzOiBTa3lJbmxpbmVGb3JtUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgbXVsdGk6IHRydWVcbiAgfV1cbn0pXG5leHBvcnQgY2xhc3MgU2t5SW5saW5lRm9ybVJlc291cmNlc01vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { Injectable } from '@angular/core';
|
|
3
|
-
import { getStringForLocale } from '@skyux/i18n';
|
|
4
|
-
var SkyInlineFormResourcesProvider = /** @class */ (function () {
|
|
5
|
-
function SkyInlineFormResourcesProvider() {
|
|
6
|
-
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" } };
|
|
7
|
-
}
|
|
8
|
-
SkyInlineFormResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
9
|
-
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
10
|
-
};
|
|
11
|
-
SkyInlineFormResourcesProvider = __decorate([
|
|
12
|
-
Injectable()
|
|
13
|
-
], SkyInlineFormResourcesProvider);
|
|
14
|
-
return SkyInlineFormResourcesProvider;
|
|
15
|
-
}());
|
|
16
|
-
export { SkyInlineFormResourcesProvider };
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLWZvcm0tcmVzb3VyY2VzLXByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNreXV4L2lubGluZS1mb3JtLyIsInNvdXJjZXMiOlsicGx1Z2luLXJlc291cmNlcy9pbmxpbmUtZm9ybS1yZXNvdXJjZXMtcHJvdmlkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFDTCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLGtCQUFrQixFQUduQixNQUFNLGFBQWEsQ0FBQztBQUdyQjtJQUFBO1FBQ1UsY0FBUyxHQUFRLEVBQUMsT0FBTyxFQUFDLEVBQUMsaUNBQWlDLEVBQUMsUUFBUSxFQUFDLGlDQUFpQyxFQUFDLFFBQVEsRUFBQywrQkFBK0IsRUFBQyxNQUFNLEVBQUMsK0JBQStCLEVBQUMsTUFBTSxFQUFDLEVBQUMsQ0FBQztJQUszTSxDQUFDO0lBSFEsa0RBQVMsR0FBaEIsVUFBaUIsVUFBNEIsRUFBRSxJQUFZO1FBQ3pELE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFMVSw4QkFBOEI7UUFEMUMsVUFBVSxFQUFFO09BQ0EsOEJBQThCLENBTTFDO0lBQUQscUNBQUM7Q0FBQSxBQU5ELElBTUM7U0FOWSw4QkFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7XG4gIEluamVjdGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIGdldFN0cmluZ0ZvckxvY2FsZSxcbiAgU2t5QXBwTG9jYWxlSW5mbyxcbiAgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXJcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5SW5saW5lRm9ybVJlc291cmNlc1Byb3ZpZGVyIGltcGxlbWVudHMgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIge1xuICBwcml2YXRlIHJlc291cmNlczogYW55ID0ge1wiRU4tVVNcIjp7XCJza3l1eF9pbmxpbmVfZm9ybV9idXR0b25fY2FuY2VsXCI6XCJDYW5jZWxcIixcInNreXV4X2lubGluZV9mb3JtX2J1dHRvbl9kZWxldGVcIjpcIkRlbGV0ZVwiLFwic2t5dXhfaW5saW5lX2Zvcm1fYnV0dG9uX2RvbmVcIjpcIkRvbmVcIixcInNreXV4X2lubGluZV9mb3JtX2J1dHRvbl9zYXZlXCI6XCJTYXZlXCJ9fTtcblxuICBwdWJsaWMgZ2V0U3RyaW5nKGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8sIG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGdldFN0cmluZ0ZvckxvY2FsZSh0aGlzLnJlc291cmNlcywgbG9jYWxlSW5mby5sb2NhbGUsIG5hbWUpO1xuICB9XG59XG4iXX0=
|
package/esm5/public_api.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './modules/inline-form/inline-form.module';
|
|
2
|
-
export * from './modules/inline-form/types/inline-form-button-layout';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9pbmxpbmUtZm9ybS8iLCJzb3VyY2VzIjpbInB1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQ0FBMEMsQ0FBQztBQUt6RCxjQUFjLHVEQUF1RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2lubGluZS1mb3JtL2lubGluZS1mb3JtLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvaW5saW5lLWZvcm0vdHlwZXMvaW5saW5lLWZvcm0tYnV0dG9uLWFjdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvaW5saW5lLWZvcm0vdHlwZXMvaW5saW5lLWZvcm0tYnV0dG9uLWNvbmZpZyc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvaW5saW5lLWZvcm0vdHlwZXMvaW5saW5lLWZvcm0tY2xvc2UtYXJncyc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvaW5saW5lLWZvcm0vdHlwZXMvaW5saW5lLWZvcm0tY29uZmlnJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9pbmxpbmUtZm9ybS90eXBlcy9pbmxpbmUtZm9ybS1idXR0b24tbGF5b3V0JztcbiJdfQ==
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public_api';
|
|
5
|
-
export { skySlideDissolve as ɵb } from './modules/inline-form/animations/slide-dissolve';
|
|
6
|
-
export { SkyInlineFormAdapterService as ɵc } from './modules/inline-form/inline-form-adapter.service';
|
|
7
|
-
export { SkyInlineFormComponent as ɵa } from './modules/inline-form/inline-form.component';
|
|
8
|
-
export { SkyInlineFormResourcesModule as ɵd } from './modules/shared/inline-form-resources.module';
|
|
9
|
-
export { SkyInlineFormResourcesProvider as ɵe } from './plugin-resources/inline-form-resources-provider';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtaW5saW5lLWZvcm0uanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2t5dXgvaW5saW5lLWZvcm0vIiwic291cmNlcyI6WyJza3l1eC1pbmxpbmUtZm9ybS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUMsMkJBQTJCLElBQUksRUFBRSxFQUFDLE1BQU0sbURBQW1ELENBQUM7QUFDcEcsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLDZDQUE2QyxDQUFDO0FBQ3pGLE9BQU8sRUFBQyw0QkFBNEIsSUFBSSxFQUFFLEVBQUMsTUFBTSwrQ0FBK0MsQ0FBQztBQUNqRyxPQUFPLEVBQUMsOEJBQThCLElBQUksRUFBRSxFQUFDLE1BQU0sbURBQW1ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG5cbmV4cG9ydCB7c2t5U2xpZGVEaXNzb2x2ZSBhcyDJtWJ9IGZyb20gJy4vbW9kdWxlcy9pbmxpbmUtZm9ybS9hbmltYXRpb25zL3NsaWRlLWRpc3NvbHZlJztcbmV4cG9ydCB7U2t5SW5saW5lRm9ybUFkYXB0ZXJTZXJ2aWNlIGFzIMm1Y30gZnJvbSAnLi9tb2R1bGVzL2lubGluZS1mb3JtL2lubGluZS1mb3JtLWFkYXB0ZXIuc2VydmljZSc7XG5leHBvcnQge1NreUlubGluZUZvcm1Db21wb25lbnQgYXMgybVhfSBmcm9tICcuL21vZHVsZXMvaW5saW5lLWZvcm0vaW5saW5lLWZvcm0uY29tcG9uZW50JztcbmV4cG9ydCB7U2t5SW5saW5lRm9ybVJlc291cmNlc01vZHVsZSBhcyDJtWR9IGZyb20gJy4vbW9kdWxlcy9zaGFyZWQvaW5saW5lLWZvcm0tcmVzb3VyY2VzLm1vZHVsZSc7XG5leHBvcnQge1NreUlubGluZUZvcm1SZXNvdXJjZXNQcm92aWRlciBhcyDJtWV9IGZyb20gJy4vcGx1Z2luLXJlc291cmNlcy9pbmxpbmUtZm9ybS1yZXNvdXJjZXMtcHJvdmlkZXInOyJdfQ==
|
|
@@ -1,397 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
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';
|
|
6
|
-
import { zip } from 'rxjs';
|
|
7
|
-
import { take } from 'rxjs/operators';
|
|
8
|
-
import { trigger, transition, query, style, animate, group } from '@angular/animations';
|
|
9
|
-
|
|
10
|
-
/* tslint:disable */
|
|
11
|
-
var SKY_TABBABLE_SELECTOR = [
|
|
12
|
-
'a[href]',
|
|
13
|
-
'area[href]',
|
|
14
|
-
'input:not([disabled]):not([tabindex=\'-1\'])',
|
|
15
|
-
'button:not([disabled]):not([tabindex=\'-1\'])',
|
|
16
|
-
'select:not([disabled]):not([tabindex=\'-1\'])',
|
|
17
|
-
'textarea:not([disabled]):not([tabindex=\'-1\'])',
|
|
18
|
-
'iframe',
|
|
19
|
-
'object',
|
|
20
|
-
'embed',
|
|
21
|
-
'*[tabindex]:not([tabindex=\'-1\'])',
|
|
22
|
-
'*[contenteditable=true]'
|
|
23
|
-
].join(', ');
|
|
24
|
-
/* tslint:enable */
|
|
25
|
-
/**
|
|
26
|
-
* @internal
|
|
27
|
-
*/
|
|
28
|
-
var SkyInlineFormAdapterService = /** @class */ (function () {
|
|
29
|
-
function SkyInlineFormAdapterService() {
|
|
30
|
-
}
|
|
31
|
-
SkyInlineFormAdapterService.prototype.applyAutofocus = function (inlineFormElementRef) {
|
|
32
|
-
var inputWithAutofocus = inlineFormElementRef.nativeElement.querySelector('[autofocus]');
|
|
33
|
-
if (inputWithAutofocus) {
|
|
34
|
-
inputWithAutofocus.focus();
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
var focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
|
|
38
|
-
var focusableChildren = this.loadFocusableChildren(focusEl);
|
|
39
|
-
this.focusFirstElement(focusableChildren);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
SkyInlineFormAdapterService.prototype.loadFocusableChildren = function (elem) {
|
|
43
|
-
var _this = this;
|
|
44
|
-
var elements = Array.prototype.slice.call(elem.querySelectorAll(SKY_TABBABLE_SELECTOR));
|
|
45
|
-
return elements.filter(function (element) {
|
|
46
|
-
return _this.isVisible(element);
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
SkyInlineFormAdapterService.prototype.isVisible = function (element) {
|
|
50
|
-
var style = window.getComputedStyle(element);
|
|
51
|
-
var isHidden = style.display === 'none' || style.visibility === 'hidden';
|
|
52
|
-
if (isHidden) {
|
|
53
|
-
return false;
|
|
54
|
-
}
|
|
55
|
-
var hasBounds = !!(element.offsetWidth ||
|
|
56
|
-
element.offsetHeight ||
|
|
57
|
-
element.getClientRects().length);
|
|
58
|
-
return hasBounds;
|
|
59
|
-
};
|
|
60
|
-
SkyInlineFormAdapterService.prototype.focusFirstElement = function (list) {
|
|
61
|
-
if (list.length > 0) {
|
|
62
|
-
list[0].focus();
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
SkyInlineFormAdapterService = __decorate([
|
|
66
|
-
Injectable()
|
|
67
|
-
], SkyInlineFormAdapterService);
|
|
68
|
-
return SkyInlineFormAdapterService;
|
|
69
|
-
}());
|
|
70
|
-
|
|
71
|
-
var skySlideDissolve = trigger('skySlideDissolve', [
|
|
72
|
-
transition('* <=> *', [
|
|
73
|
-
// Expand animations
|
|
74
|
-
query('.sky-slide-dissolve-last:enter', [
|
|
75
|
-
style({ height: 0, opacity: 0 }),
|
|
76
|
-
animate('200ms ease-in', style({ height: '*', opacity: 0 }))
|
|
77
|
-
], { optional: true }),
|
|
78
|
-
query('.sky-slide-dissolve-last:enter', [
|
|
79
|
-
style({ opacity: 0 }),
|
|
80
|
-
animate('200ms ease-in', style({ opacity: 1 }))
|
|
81
|
-
], { optional: true }),
|
|
82
|
-
// Collapse animations
|
|
83
|
-
// The expanded content should fade out immediately to prevent
|
|
84
|
-
// any overlap with the read-only content that's returning to the screen.
|
|
85
|
-
query('.sky-slide-dissolve-last:leave', [
|
|
86
|
-
animate('0ms', style({ opacity: 0 }))
|
|
87
|
-
], { optional: true }),
|
|
88
|
-
group([
|
|
89
|
-
query('.sky-slide-dissolve-first:enter', [
|
|
90
|
-
style({ opacity: 0, height: 0 }),
|
|
91
|
-
animate('100ms ease-in', style({ opacity: 1, height: '*' }))
|
|
92
|
-
], { optional: true }),
|
|
93
|
-
query('.sky-slide-dissolve-last:leave', [
|
|
94
|
-
animate('200ms ease-in', style({ height: 0 }))
|
|
95
|
-
], { optional: true })
|
|
96
|
-
])
|
|
97
|
-
])
|
|
98
|
-
]);
|
|
99
|
-
|
|
100
|
-
var SkyInlineFormButtonLayout;
|
|
101
|
-
(function (SkyInlineFormButtonLayout) {
|
|
102
|
-
SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["Custom"] = 0] = "Custom";
|
|
103
|
-
SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneCancel"] = 1] = "DoneCancel";
|
|
104
|
-
SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneDeleteCancel"] = 2] = "DoneDeleteCancel";
|
|
105
|
-
SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveCancel"] = 3] = "SaveCancel";
|
|
106
|
-
SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveDeleteCancel"] = 4] = "SaveDeleteCancel";
|
|
107
|
-
})(SkyInlineFormButtonLayout || (SkyInlineFormButtonLayout = {}));
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* Renders form content in the current view instead of a separate modal.
|
|
111
|
-
*/
|
|
112
|
-
var SkyInlineFormComponent = /** @class */ (function () {
|
|
113
|
-
function SkyInlineFormComponent(adapter, elementRef, resourcesService, skyAppWindowRef, changeDetectorRef) {
|
|
114
|
-
this.adapter = adapter;
|
|
115
|
-
this.elementRef = elementRef;
|
|
116
|
-
this.resourcesService = resourcesService;
|
|
117
|
-
this.skyAppWindowRef = skyAppWindowRef;
|
|
118
|
-
this.changeDetectorRef = changeDetectorRef;
|
|
119
|
-
/**
|
|
120
|
-
* Fires when users close the inline form.
|
|
121
|
-
*/
|
|
122
|
-
this.close = new EventEmitter();
|
|
123
|
-
this._showForm = false;
|
|
124
|
-
}
|
|
125
|
-
Object.defineProperty(SkyInlineFormComponent.prototype, "config", {
|
|
126
|
-
get: function () {
|
|
127
|
-
return this._config;
|
|
128
|
-
},
|
|
129
|
-
/**
|
|
130
|
-
* Specifies configuration options for the buttons to display with the inline form.
|
|
131
|
-
* @required
|
|
132
|
-
*/
|
|
133
|
-
set: function (value) {
|
|
134
|
-
if (value !== this._config) {
|
|
135
|
-
this._config = value;
|
|
136
|
-
this.setupButtons();
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
enumerable: true,
|
|
140
|
-
configurable: true
|
|
141
|
-
});
|
|
142
|
-
Object.defineProperty(SkyInlineFormComponent.prototype, "showForm", {
|
|
143
|
-
get: function () {
|
|
144
|
-
return this._showForm;
|
|
145
|
-
},
|
|
146
|
-
/**
|
|
147
|
-
* Indicates whether to display the inline form. Users can toggle between displaying
|
|
148
|
-
* and hiding the inline form.
|
|
149
|
-
* @default false
|
|
150
|
-
*/
|
|
151
|
-
set: function (value) {
|
|
152
|
-
var _this = this;
|
|
153
|
-
this._showForm = value;
|
|
154
|
-
/* istanbul ignore else */
|
|
155
|
-
if (value) {
|
|
156
|
-
// setTimeout() prevents applyAutofocus() from firing
|
|
157
|
-
// until after *ngIf has added the form element to the DOM.
|
|
158
|
-
this.skyAppWindowRef.nativeWindow.setTimeout(function () {
|
|
159
|
-
_this.adapter.applyAutofocus(_this.elementRef);
|
|
160
|
-
});
|
|
161
|
-
}
|
|
162
|
-
},
|
|
163
|
-
enumerable: true,
|
|
164
|
-
configurable: true
|
|
165
|
-
});
|
|
166
|
-
SkyInlineFormComponent.prototype.ngOnInit = function () {
|
|
167
|
-
this.setupButtons();
|
|
168
|
-
};
|
|
169
|
-
SkyInlineFormComponent.prototype.ngOnDestroy = function () {
|
|
170
|
-
this.close.complete();
|
|
171
|
-
};
|
|
172
|
-
SkyInlineFormComponent.prototype.closeInlineForm = function (event) {
|
|
173
|
-
var args = {
|
|
174
|
-
reason: event.action
|
|
175
|
-
};
|
|
176
|
-
this.close.emit(args);
|
|
177
|
-
};
|
|
178
|
-
SkyInlineFormComponent.prototype.setupButtons = function () {
|
|
179
|
-
var _this = this;
|
|
180
|
-
if (this.isValidCustomConfig(this.config)) {
|
|
181
|
-
this.buttons = this.getCustomButtons(this.config.buttons);
|
|
182
|
-
this.changeDetectorRef.markForCheck();
|
|
183
|
-
return;
|
|
184
|
-
}
|
|
185
|
-
this.getPresetButtons().then(function (buttons) {
|
|
186
|
-
_this.buttons = buttons;
|
|
187
|
-
_this.changeDetectorRef.markForCheck();
|
|
188
|
-
});
|
|
189
|
-
};
|
|
190
|
-
SkyInlineFormComponent.prototype.getPresetButtons = function () {
|
|
191
|
-
var buttonType = this.config ? this.config.buttonLayout : SkyInlineFormButtonLayout.DoneCancel;
|
|
192
|
-
var promise;
|
|
193
|
-
switch (buttonType) {
|
|
194
|
-
/* istanbul ignore next */
|
|
195
|
-
default:
|
|
196
|
-
case SkyInlineFormButtonLayout.DoneCancel:
|
|
197
|
-
zip(this.resourcesService.getString('skyux_inline_form_button_done'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
|
|
198
|
-
.pipe(take(1))
|
|
199
|
-
.subscribe(function (values) {
|
|
200
|
-
promise = new Promise(function (resolve) {
|
|
201
|
-
resolve([
|
|
202
|
-
{
|
|
203
|
-
text: values[0],
|
|
204
|
-
styleType: 'primary',
|
|
205
|
-
action: 'done'
|
|
206
|
-
},
|
|
207
|
-
{
|
|
208
|
-
text: values[1],
|
|
209
|
-
styleType: 'link',
|
|
210
|
-
action: 'cancel'
|
|
211
|
-
}
|
|
212
|
-
]);
|
|
213
|
-
});
|
|
214
|
-
});
|
|
215
|
-
break;
|
|
216
|
-
case SkyInlineFormButtonLayout.SaveCancel:
|
|
217
|
-
zip(this.resourcesService.getString('skyux_inline_form_button_save'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
|
|
218
|
-
.pipe(take(1))
|
|
219
|
-
.subscribe(function (values) {
|
|
220
|
-
promise = new Promise(function (resolve) {
|
|
221
|
-
resolve([
|
|
222
|
-
{
|
|
223
|
-
text: values[0],
|
|
224
|
-
styleType: 'primary',
|
|
225
|
-
action: 'save'
|
|
226
|
-
},
|
|
227
|
-
{
|
|
228
|
-
text: values[1],
|
|
229
|
-
styleType: 'link',
|
|
230
|
-
action: 'cancel'
|
|
231
|
-
}
|
|
232
|
-
]);
|
|
233
|
-
});
|
|
234
|
-
});
|
|
235
|
-
break;
|
|
236
|
-
case SkyInlineFormButtonLayout.DoneDeleteCancel:
|
|
237
|
-
zip(this.resourcesService.getString('skyux_inline_form_button_done'), this.resourcesService.getString('skyux_inline_form_button_delete'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
|
|
238
|
-
.pipe(take(1))
|
|
239
|
-
.subscribe(function (values) {
|
|
240
|
-
promise = new Promise(function (resolve) {
|
|
241
|
-
resolve([
|
|
242
|
-
{
|
|
243
|
-
text: values[0],
|
|
244
|
-
styleType: 'primary',
|
|
245
|
-
action: 'done'
|
|
246
|
-
},
|
|
247
|
-
{
|
|
248
|
-
text: values[1],
|
|
249
|
-
styleType: 'default',
|
|
250
|
-
action: 'delete'
|
|
251
|
-
},
|
|
252
|
-
{
|
|
253
|
-
text: values[2],
|
|
254
|
-
styleType: 'link',
|
|
255
|
-
action: 'cancel'
|
|
256
|
-
}
|
|
257
|
-
]);
|
|
258
|
-
});
|
|
259
|
-
});
|
|
260
|
-
break;
|
|
261
|
-
case SkyInlineFormButtonLayout.SaveDeleteCancel:
|
|
262
|
-
zip(this.resourcesService.getString('skyux_inline_form_button_save'), this.resourcesService.getString('skyux_inline_form_button_delete'), this.resourcesService.getString('skyux_inline_form_button_cancel'))
|
|
263
|
-
.pipe(take(1))
|
|
264
|
-
.subscribe(function (values) {
|
|
265
|
-
promise = new Promise(function (resolve) {
|
|
266
|
-
resolve([
|
|
267
|
-
{
|
|
268
|
-
text: values[0],
|
|
269
|
-
styleType: 'primary',
|
|
270
|
-
action: 'save'
|
|
271
|
-
},
|
|
272
|
-
{
|
|
273
|
-
text: values[1],
|
|
274
|
-
styleType: 'default',
|
|
275
|
-
action: 'delete'
|
|
276
|
-
},
|
|
277
|
-
{
|
|
278
|
-
text: values[2],
|
|
279
|
-
styleType: 'link',
|
|
280
|
-
action: 'cancel'
|
|
281
|
-
}
|
|
282
|
-
]);
|
|
283
|
-
});
|
|
284
|
-
});
|
|
285
|
-
break;
|
|
286
|
-
}
|
|
287
|
-
return promise;
|
|
288
|
-
};
|
|
289
|
-
SkyInlineFormComponent.prototype.getCustomButtons = function (buttonConfigs) {
|
|
290
|
-
var buttons = [];
|
|
291
|
-
buttonConfigs.forEach(function (config) {
|
|
292
|
-
buttons.push({
|
|
293
|
-
action: config.action,
|
|
294
|
-
disabled: config.disabled,
|
|
295
|
-
styleType: config.styleType || 'default',
|
|
296
|
-
text: config.text
|
|
297
|
-
});
|
|
298
|
-
});
|
|
299
|
-
return buttons;
|
|
300
|
-
};
|
|
301
|
-
SkyInlineFormComponent.prototype.isValidCustomConfig = function (config) {
|
|
302
|
-
return (config &&
|
|
303
|
-
config.buttonLayout === SkyInlineFormButtonLayout.Custom &&
|
|
304
|
-
config.buttons.length > 0);
|
|
305
|
-
};
|
|
306
|
-
SkyInlineFormComponent.ctorParameters = function () { return [
|
|
307
|
-
{ type: SkyInlineFormAdapterService },
|
|
308
|
-
{ type: ElementRef },
|
|
309
|
-
{ type: SkyLibResourcesService },
|
|
310
|
-
{ type: SkyAppWindowRef },
|
|
311
|
-
{ type: ChangeDetectorRef }
|
|
312
|
-
]; };
|
|
313
|
-
__decorate([
|
|
314
|
-
Input()
|
|
315
|
-
], SkyInlineFormComponent.prototype, "config", null);
|
|
316
|
-
__decorate([
|
|
317
|
-
Input()
|
|
318
|
-
], SkyInlineFormComponent.prototype, "template", void 0);
|
|
319
|
-
__decorate([
|
|
320
|
-
Input()
|
|
321
|
-
], SkyInlineFormComponent.prototype, "showForm", null);
|
|
322
|
-
__decorate([
|
|
323
|
-
Output()
|
|
324
|
-
], SkyInlineFormComponent.prototype, "close", void 0);
|
|
325
|
-
SkyInlineFormComponent = __decorate([
|
|
326
|
-
Component({
|
|
327
|
-
selector: 'sky-inline-form',
|
|
328
|
-
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",
|
|
329
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
330
|
-
animations: [skySlideDissolve],
|
|
331
|
-
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}"]
|
|
332
|
-
})
|
|
333
|
-
], SkyInlineFormComponent);
|
|
334
|
-
return SkyInlineFormComponent;
|
|
335
|
-
}());
|
|
336
|
-
|
|
337
|
-
var SkyInlineFormResourcesProvider = /** @class */ (function () {
|
|
338
|
-
function SkyInlineFormResourcesProvider() {
|
|
339
|
-
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" } };
|
|
340
|
-
}
|
|
341
|
-
SkyInlineFormResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
342
|
-
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
343
|
-
};
|
|
344
|
-
SkyInlineFormResourcesProvider = __decorate([
|
|
345
|
-
Injectable()
|
|
346
|
-
], SkyInlineFormResourcesProvider);
|
|
347
|
-
return SkyInlineFormResourcesProvider;
|
|
348
|
-
}());
|
|
349
|
-
|
|
350
|
-
var SkyInlineFormResourcesModule = /** @class */ (function () {
|
|
351
|
-
function 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);
|
|
365
|
-
return SkyInlineFormResourcesModule;
|
|
366
|
-
}());
|
|
367
|
-
|
|
368
|
-
var SkyInlineFormModule = /** @class */ (function () {
|
|
369
|
-
function SkyInlineFormModule() {
|
|
370
|
-
}
|
|
371
|
-
SkyInlineFormModule = __decorate([
|
|
372
|
-
NgModule({
|
|
373
|
-
declarations: [
|
|
374
|
-
SkyInlineFormComponent
|
|
375
|
-
],
|
|
376
|
-
imports: [
|
|
377
|
-
CommonModule,
|
|
378
|
-
SkyInlineFormResourcesModule
|
|
379
|
-
],
|
|
380
|
-
exports: [
|
|
381
|
-
SkyInlineFormComponent
|
|
382
|
-
],
|
|
383
|
-
providers: [
|
|
384
|
-
SkyAppWindowRef,
|
|
385
|
-
SkyInlineFormAdapterService
|
|
386
|
-
]
|
|
387
|
-
})
|
|
388
|
-
], SkyInlineFormModule);
|
|
389
|
-
return SkyInlineFormModule;
|
|
390
|
-
}());
|
|
391
|
-
|
|
392
|
-
/**
|
|
393
|
-
* Generated bundle index. Do not edit.
|
|
394
|
-
*/
|
|
395
|
-
|
|
396
|
-
export { SkyInlineFormButtonLayout, SkyInlineFormModule, SkyInlineFormComponent as ɵa, skySlideDissolve as ɵb, SkyInlineFormAdapterService as ɵc, SkyInlineFormResourcesModule as ɵd, SkyInlineFormResourcesProvider as ɵe };
|
|
397
|
-
//# sourceMappingURL=skyux-inline-form.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-inline-form.js","sources":["ng://@skyux/inline-form/modules/inline-form/inline-form-adapter.service.ts","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.component.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 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 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 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 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","\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 SkyAppWindowRef\n} from '@skyux/core';\n\nimport {\n SkyInlineFormAdapterService\n} from './inline-form-adapter.service';\n\nimport {\n SkyInlineFormComponent\n} from './inline-form.component';\n\nimport {\n SkyInlineFormResourcesModule\n} from '../shared/inline-form-resources.module';\n\n@NgModule({\n declarations: [\n SkyInlineFormComponent\n ],\n imports: [\n CommonModule,\n SkyInlineFormResourcesModule\n ],\n exports: [\n SkyInlineFormComponent\n ],\n providers: [\n SkyAppWindowRef,\n SkyInlineFormAdapterService\n ]\n})\nexport class SkyInlineFormModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {skySlideDissolve as ɵb} from './modules/inline-form/animations/slide-dissolve';\nexport {SkyInlineFormAdapterService as ɵc} from './modules/inline-form/inline-form-adapter.service';\nexport {SkyInlineFormComponent as ɵa} from './modules/inline-form/inline-form.component';\nexport {SkyInlineFormResourcesModule as ɵd} from './modules/shared/inline-form-resources.module';\nexport {SkyInlineFormResourcesProvider as ɵe} from './plugin-resources/inline-form-resources-provider';"],"names":["observableZip"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"SkyInlineFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":4},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"providers":[{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":36,"character":4},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"SkyInlineFormButtonAction":{"__symbolic":"interface"},"SkyInlineFormButtonConfig":{"__symbolic":"interface"},"SkyInlineFormCloseArgs":{"__symbolic":"interface"},"SkyInlineFormConfig":{"__symbolic":"interface"},"SkyInlineFormButtonLayout":{"Custom":0,"DoneCancel":1,"DoneDeleteCancel":2,"SaveCancel":3,"SaveDeleteCancel":4},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":56,"character":1},"arguments":[{"selector":"sky-inline-form","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":60,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"reference","name":"ɵb"}],"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}.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}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"showForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":114,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":125,"character":24},{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyLibResourcesService","line":126,"character":30},{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":127,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":128,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closeInlineForm":[{"__symbolic":"method"}],"setupButtons":[{"__symbolic":"method"}],"getPresetButtons":[{"__symbolic":"method"}],"getCustomButtons":[{"__symbolic":"method"}],"isValidCustomConfig":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":10,"character":58},"arguments":["skySlideDissolve",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":2},"arguments":["* <=> *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":14,"character":4},"arguments":[".sky-slide-dissolve-last:enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":6},"arguments":[{"height":0,"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":16,"character":6},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":31},"arguments":[{"height":"*","opacity":0}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":18,"character":4},"arguments":[".sky-slide-dissolve-last:enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":6},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":6},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":31},"arguments":[{"opacity":1}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":26,"character":4},"arguments":[".sky-slide-dissolve-last:leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":27,"character":6},"arguments":["0ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":21},"arguments":[{"opacity":0}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":30,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":31,"character":6},"arguments":[".sky-slide-dissolve-first:enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":8},"arguments":[{"opacity":0,"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":8},"arguments":["100ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":33},"arguments":[{"opacity":1,"height":"*"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":35,"character":6},"arguments":[".sky-slide-dissolve-last:leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":8},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":33},"arguments":[{"height":0}]}]}],{"optional":true}]}]]}]]}]]},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":24,"character":1}}],"members":{"applyAutofocus":[{"__symbolic":"method"}],"loadFocusableChildren":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"focusFirstElement":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyI18nModule","line":15,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@skyux/i18n","name":"SKY_LIB_RESOURCES_PROVIDERS","line":18,"character":13},"useClass":{"__symbolic":"reference","name":"ɵe"},"multi":true}]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"getString":[{"__symbolic":"method"}]}}},"origins":{"SkyInlineFormModule":"./modules/inline-form/inline-form.module","SkyInlineFormButtonAction":"./modules/inline-form/types/inline-form-button-action","SkyInlineFormButtonConfig":"./modules/inline-form/types/inline-form-button-config","SkyInlineFormCloseArgs":"./modules/inline-form/types/inline-form-close-args","SkyInlineFormConfig":"./modules/inline-form/types/inline-form-config","SkyInlineFormButtonLayout":"./modules/inline-form/types/inline-form-button-layout","ɵa":"./modules/inline-form/inline-form.component","ɵb":"./modules/inline-form/animations/slide-dissolve","ɵc":"./modules/inline-form/inline-form-adapter.service","ɵd":"./modules/shared/inline-form-resources.module","ɵe":"./plugin-resources/inline-form-resources-provider"},"importAs":"@skyux/inline-form"}
|
|
Binary file
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"skyux_inline_form_button_cancel": {
|
|
3
|
-
"_description": "Text for cancel button",
|
|
4
|
-
"message": "Cancel"
|
|
5
|
-
},
|
|
6
|
-
"skyux_inline_form_button_delete": {
|
|
7
|
-
"_description": "Text for delete button",
|
|
8
|
-
"message": "Delete"
|
|
9
|
-
},
|
|
10
|
-
"skyux_inline_form_button_done": {
|
|
11
|
-
"_description": "Text for done button",
|
|
12
|
-
"message": "Done"
|
|
13
|
-
},
|
|
14
|
-
"skyux_inline_form_button_save": {
|
|
15
|
-
"_description": "Text for save button",
|
|
16
|
-
"message": "Save"
|
|
17
|
-
}
|
|
18
|
-
}
|