@haiilo/catalyst-angular 0.9.0 → 0.9.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/esm2020/lib/catalyst.module.mjs +16 -2
- package/esm2020/lib/directives/boolean-value-accessor.mjs +38 -0
- package/esm2020/lib/directives/radio-value-accessor.mjs +35 -0
- package/esm2020/lib/directives/select-value-accessor.mjs +35 -0
- package/esm2020/lib/directives/text-value-accessor.mjs +35 -0
- package/esm2020/lib/directives/value-accessor.mjs +40 -0
- package/esm2020/public-api.mjs +6 -1
- package/fesm2015/haiilo-catalyst-angular.mjs +179 -3
- package/fesm2015/haiilo-catalyst-angular.mjs.map +1 -1
- package/fesm2020/haiilo-catalyst-angular.mjs +179 -3
- package/fesm2020/haiilo-catalyst-angular.mjs.map +1 -1
- package/lib/catalyst.module.d.ts +6 -2
- package/lib/directives/boolean-value-accessor.d.ts +9 -0
- package/lib/directives/radio-value-accessor.d.ts +8 -0
- package/lib/directives/select-value-accessor.d.ts +8 -0
- package/lib/directives/text-value-accessor.d.ts +8 -0
- package/lib/directives/value-accessor.d.ts +18 -0
- package/package.json +1 -1
- package/public-api.d.ts +5 -0
|
@@ -2,9 +2,17 @@ import { InjectionToken, NgModule } from '@angular/core';
|
|
|
2
2
|
import { CatI18nRegistry, CatIconRegistry } from '@haiilo/catalyst';
|
|
3
3
|
import { defineCustomElements } from '@haiilo/catalyst/loader';
|
|
4
4
|
import * as Components from './directives/proxies';
|
|
5
|
+
import { TextValueAccessor } from "./directives/text-value-accessor";
|
|
6
|
+
import { SelectValueAccessor } from "./directives/select-value-accessor";
|
|
7
|
+
import { RadioValueAccessor } from "./directives/radio-value-accessor";
|
|
8
|
+
import { BooleanValueAccessor } from "./directives/boolean-value-accessor";
|
|
5
9
|
import * as i0 from "@angular/core";
|
|
6
10
|
import * as i1 from "./directives/proxies";
|
|
7
11
|
const CatComponents = [
|
|
12
|
+
TextValueAccessor,
|
|
13
|
+
SelectValueAccessor,
|
|
14
|
+
RadioValueAccessor,
|
|
15
|
+
BooleanValueAccessor,
|
|
8
16
|
Components.CatAlert,
|
|
9
17
|
Components.CatAvatar,
|
|
10
18
|
Components.CatBadge,
|
|
@@ -43,7 +51,13 @@ export class CatalystModule {
|
|
|
43
51
|
}
|
|
44
52
|
}
|
|
45
53
|
CatalystModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
46
|
-
CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, declarations: [
|
|
54
|
+
CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, declarations: [TextValueAccessor,
|
|
55
|
+
SelectValueAccessor,
|
|
56
|
+
RadioValueAccessor,
|
|
57
|
+
BooleanValueAccessor, i1.CatAlert, i1.CatAvatar, i1.CatBadge, i1.CatButton, i1.CatCard, i1.CatCheckbox, i1.CatIcon, i1.CatInput, i1.CatMenu, i1.CatModal, i1.CatRadio, i1.CatScrollable, i1.CatSelect, i1.CatSkeleton, i1.CatSpinner, i1.CatTab, i1.CatTabs, i1.CatTextarea, i1.CatToggle, i1.CatTooltip], exports: [TextValueAccessor,
|
|
58
|
+
SelectValueAccessor,
|
|
59
|
+
RadioValueAccessor,
|
|
60
|
+
BooleanValueAccessor, i1.CatAlert, i1.CatAvatar, i1.CatBadge, i1.CatButton, i1.CatCard, i1.CatCheckbox, i1.CatIcon, i1.CatInput, i1.CatMenu, i1.CatModal, i1.CatRadio, i1.CatScrollable, i1.CatSelect, i1.CatSkeleton, i1.CatSpinner, i1.CatTab, i1.CatTabs, i1.CatTextarea, i1.CatToggle, i1.CatTooltip] });
|
|
47
61
|
CatalystModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, providers: [], imports: [[]] });
|
|
48
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, decorators: [{
|
|
49
63
|
type: NgModule,
|
|
@@ -54,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
54
68
|
providers: []
|
|
55
69
|
}]
|
|
56
70
|
}] });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0YWx5c3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F0YWx5c3Qvc3JjL2xpYi9jYXRhbHlzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0QsT0FBTyxLQUFLLFVBQVUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7O0FBRTNFLE1BQU0sYUFBYSxHQUFHO0lBQ3BCLGlCQUFpQjtJQUNqQixtQkFBbUI7SUFDbkIsa0JBQWtCO0lBQ2xCLG9CQUFvQjtJQUNwQixVQUFVLENBQUMsUUFBUTtJQUNuQixVQUFVLENBQUMsU0FBUztJQUNwQixVQUFVLENBQUMsUUFBUTtJQUNuQixVQUFVLENBQUMsU0FBUztJQUNwQixVQUFVLENBQUMsT0FBTztJQUNsQixVQUFVLENBQUMsV0FBVztJQUN0QixVQUFVLENBQUMsT0FBTztJQUNsQixVQUFVLENBQUMsUUFBUTtJQUNuQixVQUFVLENBQUMsT0FBTztJQUNsQixVQUFVLENBQUMsUUFBUTtJQUNuQixVQUFVLENBQUMsUUFBUTtJQUNuQixVQUFVLENBQUMsYUFBYTtJQUN4QixVQUFVLENBQUMsU0FBUztJQUNwQixVQUFVLENBQUMsV0FBVztJQUN0QixVQUFVLENBQUMsVUFBVTtJQUNyQixVQUFVLENBQUMsTUFBTTtJQUNqQixVQUFVLENBQUMsT0FBTztJQUNsQixVQUFVLENBQUMsV0FBVztJQUN0QixVQUFVLENBQUMsU0FBUztJQUNwQixVQUFVLENBQUMsVUFBVTtDQUN0QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsSUFBSSxjQUFjLENBQWtCLG1CQUFtQixFQUFFO0lBQzlGLFVBQVUsRUFBRSxNQUFNO0lBQ2xCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUMsV0FBVyxFQUFFO0NBQzdDLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLElBQUksY0FBYyxDQUFrQixtQkFBbUIsRUFBRTtJQUM5RixVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDLFdBQVcsRUFBRTtDQUM3QyxDQUFDLENBQUM7QUFRSCxNQUFNLE9BQU8sY0FBYztJQUV6QixNQUFNLENBQUMsT0FBTztRQUNaLG9CQUFvQixFQUFFLENBQUM7UUFDdkIsT0FBTztZQUNMLFFBQVEsRUFBRSxjQUFjO1NBQ3pCLENBQUM7SUFDSixDQUFDOzs0R0FQVSxjQUFjOzZHQUFkLGNBQWMsaUJBMUN6QixpQkFBaUI7UUFDakIsbUJBQW1CO1FBQ25CLGtCQUFrQjtRQUNsQixvQkFBb0IsaVNBSHBCLGlCQUFpQjtRQUNqQixtQkFBbUI7UUFDbkIsa0JBQWtCO1FBQ2xCLG9CQUFvQjs2R0F1Q1QsY0FBYyxhQUZkLEVBQUUsWUFISixFQUFFOzRGQUtBLGNBQWM7a0JBTjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsWUFBWSxFQUFFLENBQUMsR0FBRyxhQUFhLENBQUM7b0JBQ2hDLE9BQU8sRUFBRSxDQUFDLEdBQUcsYUFBYSxDQUFDO29CQUMzQixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuLCBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2F0STE4blJlZ2lzdHJ5LCBDYXRJY29uUmVnaXN0cnkgfSBmcm9tICdAaGFpaWxvL2NhdGFseXN0JztcbmltcG9ydCB7IGRlZmluZUN1c3RvbUVsZW1lbnRzIH0gZnJvbSAnQGhhaWlsby9jYXRhbHlzdC9sb2FkZXInO1xuaW1wb3J0ICogYXMgQ29tcG9uZW50cyBmcm9tICcuL2RpcmVjdGl2ZXMvcHJveGllcyc7XG5pbXBvcnQgeyBUZXh0VmFsdWVBY2Nlc3NvciB9IGZyb20gXCIuL2RpcmVjdGl2ZXMvdGV4dC12YWx1ZS1hY2Nlc3NvclwiO1xuaW1wb3J0IHsgU2VsZWN0VmFsdWVBY2Nlc3NvciB9IGZyb20gXCIuL2RpcmVjdGl2ZXMvc2VsZWN0LXZhbHVlLWFjY2Vzc29yXCI7XG5pbXBvcnQgeyBSYWRpb1ZhbHVlQWNjZXNzb3IgfSBmcm9tIFwiLi9kaXJlY3RpdmVzL3JhZGlvLXZhbHVlLWFjY2Vzc29yXCI7XG5pbXBvcnQgeyBCb29sZWFuVmFsdWVBY2Nlc3NvciB9IGZyb20gXCIuL2RpcmVjdGl2ZXMvYm9vbGVhbi12YWx1ZS1hY2Nlc3NvclwiO1xuXG5jb25zdCBDYXRDb21wb25lbnRzID0gW1xuICBUZXh0VmFsdWVBY2Nlc3NvcixcbiAgU2VsZWN0VmFsdWVBY2Nlc3NvcixcbiAgUmFkaW9WYWx1ZUFjY2Vzc29yLFxuICBCb29sZWFuVmFsdWVBY2Nlc3NvcixcbiAgQ29tcG9uZW50cy5DYXRBbGVydCxcbiAgQ29tcG9uZW50cy5DYXRBdmF0YXIsXG4gIENvbXBvbmVudHMuQ2F0QmFkZ2UsXG4gIENvbXBvbmVudHMuQ2F0QnV0dG9uLFxuICBDb21wb25lbnRzLkNhdENhcmQsXG4gIENvbXBvbmVudHMuQ2F0Q2hlY2tib3gsXG4gIENvbXBvbmVudHMuQ2F0SWNvbixcbiAgQ29tcG9uZW50cy5DYXRJbnB1dCxcbiAgQ29tcG9uZW50cy5DYXRNZW51LFxuICBDb21wb25lbnRzLkNhdE1vZGFsLFxuICBDb21wb25lbnRzLkNhdFJhZGlvLFxuICBDb21wb25lbnRzLkNhdFNjcm9sbGFibGUsXG4gIENvbXBvbmVudHMuQ2F0U2VsZWN0LFxuICBDb21wb25lbnRzLkNhdFNrZWxldG9uLFxuICBDb21wb25lbnRzLkNhdFNwaW5uZXIsXG4gIENvbXBvbmVudHMuQ2F0VGFiLFxuICBDb21wb25lbnRzLkNhdFRhYnMsXG4gIENvbXBvbmVudHMuQ2F0VGV4dGFyZWEsXG4gIENvbXBvbmVudHMuQ2F0VG9nZ2xlLFxuICBDb21wb25lbnRzLkNhdFRvb2x0aXBcbl07XG5cbmV4cG9ydCBjb25zdCBDQVRfSTE4Tl9SRUdJU1RSWV9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxDYXRJMThuUmVnaXN0cnk+KCdDQVRfSTE4Tl9SRUdJU1RSWScsIHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxuICBmYWN0b3J5OiAoKSA9PiBDYXRJMThuUmVnaXN0cnkuZ2V0SW5zdGFuY2UoKSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQ0FUX0lDT05fUkVHSVNUUllfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48Q2F0SWNvblJlZ2lzdHJ5PignQ0FUX0lDT05fUkVHSVNUUlknLCB7XG4gIHByb3ZpZGVkSW46ICdyb290JyxcbiAgZmFjdG9yeTogKCkgPT4gQ2F0SWNvblJlZ2lzdHJ5LmdldEluc3RhbmNlKCksXG59KTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW10sXG4gIGRlY2xhcmF0aW9uczogWy4uLkNhdENvbXBvbmVudHNdLFxuICBleHBvcnRzOiBbLi4uQ2F0Q29tcG9uZW50c10sXG4gIHByb3ZpZGVyczogW11cbn0pXG5leHBvcnQgY2xhc3MgQ2F0YWx5c3RNb2R1bGUge1xuXG4gIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8Q2F0YWx5c3RNb2R1bGU+IHtcbiAgICBkZWZpbmVDdXN0b21FbGVtZW50cygpO1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogQ2F0YWx5c3RNb2R1bGVcbiAgICB9O1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { ValueAccessor } from './value-accessor';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class BooleanValueAccessor extends ValueAccessor {
|
|
6
|
+
constructor(el) {
|
|
7
|
+
super(el);
|
|
8
|
+
}
|
|
9
|
+
writeValue(value) {
|
|
10
|
+
this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
BooleanValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
14
|
+
BooleanValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: BooleanValueAccessor, selector: "cat-checkbox, cat-toggle", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
15
|
+
{
|
|
16
|
+
provide: NG_VALUE_ACCESSOR,
|
|
17
|
+
useExisting: BooleanValueAccessor,
|
|
18
|
+
multi: true
|
|
19
|
+
}
|
|
20
|
+
], usesInheritance: true, ngImport: i0 });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, decorators: [{
|
|
22
|
+
type: Directive,
|
|
23
|
+
args: [{
|
|
24
|
+
/* tslint:disable-next-line:directive-selector */
|
|
25
|
+
selector: 'cat-checkbox, cat-toggle',
|
|
26
|
+
host: {
|
|
27
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
28
|
+
},
|
|
29
|
+
providers: [
|
|
30
|
+
{
|
|
31
|
+
provide: NG_VALUE_ACCESSOR,
|
|
32
|
+
useExisting: BooleanValueAccessor,
|
|
33
|
+
multi: true
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
}]
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi12YWx1ZS1hY2Nlc3Nvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdGFseXN0L3NyYy9saWIvZGlyZWN0aXZlcy9ib29sZWFuLXZhbHVlLWFjY2Vzc29yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQWdCakQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGFBQWE7SUFDckQsWUFBWSxFQUFjO1FBQ3hCLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNaLENBQUM7SUFDRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUNqRixDQUFDOztrSEFOVSxvQkFBb0I7c0dBQXBCLG9CQUFvQixtSUFScEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLG9CQUFvQjtZQUNqQyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0Y7NEZBRVUsb0JBQW9CO2tCQWRoQyxTQUFTO21CQUFDO29CQUNULGlEQUFpRDtvQkFDakQsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsSUFBSSxFQUFFO3dCQUNKLGFBQWEsRUFBRSx3Q0FBd0M7cUJBQ3hEO29CQUNELFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLHNCQUFzQjs0QkFDakMsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi92YWx1ZS1hY2Nlc3Nvcic7XG5cbkBEaXJlY3RpdmUoe1xuICAvKiB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6ZGlyZWN0aXZlLXNlbGVjdG9yICovXG4gIHNlbGVjdG9yOiAnY2F0LWNoZWNrYm94LCBjYXQtdG9nZ2xlJyxcbiAgaG9zdDoge1xuICAgICcoY2F0Q2hhbmdlKSc6ICdoYW5kbGVDaGFuZ2VFdmVudCgkZXZlbnQudGFyZ2V0LnZhbHVlKSdcbiAgfSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogQm9vbGVhblZhbHVlQWNjZXNzb3IsXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBCb29sZWFuVmFsdWVBY2Nlc3NvciBleHRlbmRzIFZhbHVlQWNjZXNzb3Ige1xuICBjb25zdHJ1Y3RvcihlbDogRWxlbWVudFJlZikge1xuICAgIHN1cGVyKGVsKTtcbiAgfVxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2hlY2tlZCA9IHRoaXMubGFzdFZhbHVlID0gdmFsdWUgPT0gbnVsbCA/IGZhbHNlIDogdmFsdWU7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { ValueAccessor } from './value-accessor';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class RadioValueAccessor extends ValueAccessor {
|
|
6
|
+
constructor(el) {
|
|
7
|
+
super(el);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
RadioValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
11
|
+
RadioValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: RadioValueAccessor, selector: "cat-radio", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
12
|
+
{
|
|
13
|
+
provide: NG_VALUE_ACCESSOR,
|
|
14
|
+
useExisting: RadioValueAccessor,
|
|
15
|
+
multi: true
|
|
16
|
+
}
|
|
17
|
+
], usesInheritance: true, ngImport: i0 });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, decorators: [{
|
|
19
|
+
type: Directive,
|
|
20
|
+
args: [{
|
|
21
|
+
/* tslint:disable-next-line:directive-selector */
|
|
22
|
+
selector: 'cat-radio',
|
|
23
|
+
host: {
|
|
24
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
25
|
+
},
|
|
26
|
+
providers: [
|
|
27
|
+
{
|
|
28
|
+
provide: NG_VALUE_ACCESSOR,
|
|
29
|
+
useExisting: RadioValueAccessor,
|
|
30
|
+
multi: true
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
}]
|
|
34
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tdmFsdWUtYWNjZXNzb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXRhbHlzdC9zcmMvbGliL2RpcmVjdGl2ZXMvcmFkaW8tdmFsdWUtYWNjZXNzb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBZ0JqRCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsYUFBYTtJQUNuRCxZQUFZLEVBQWM7UUFDeEIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ1osQ0FBQzs7Z0hBSFUsa0JBQWtCO29HQUFsQixrQkFBa0Isb0hBUmxCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxrQkFBa0I7WUFDL0IsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGOzRGQUVVLGtCQUFrQjtrQkFkOUIsU0FBUzttQkFBQztvQkFDVCxpREFBaUQ7b0JBQ2pELFFBQVEsRUFBRSxXQUFXO29CQUNyQixJQUFJLEVBQUU7d0JBQ0osYUFBYSxFQUFFLHdDQUF3QztxQkFDeEQ7b0JBQ0QsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsb0JBQW9COzRCQUMvQixLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL3ZhbHVlLWFjY2Vzc29yJztcblxuQERpcmVjdGl2ZSh7XG4gIC8qIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpkaXJlY3RpdmUtc2VsZWN0b3IgKi9cbiAgc2VsZWN0b3I6ICdjYXQtcmFkaW8nLFxuICBob3N0OiB7XG4gICAgJyhjYXRDaGFuZ2UpJzogJ2hhbmRsZUNoYW5nZUV2ZW50KCRldmVudC50YXJnZXQudmFsdWUpJ1xuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBSYWRpb1ZhbHVlQWNjZXNzb3IsXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb1ZhbHVlQWNjZXNzb3IgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yIHtcbiAgY29uc3RydWN0b3IoZWw6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihlbCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { ValueAccessor } from './value-accessor';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class SelectValueAccessor extends ValueAccessor {
|
|
6
|
+
constructor(el) {
|
|
7
|
+
super(el);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
SelectValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
11
|
+
SelectValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: SelectValueAccessor, selector: "cat-select", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
12
|
+
{
|
|
13
|
+
provide: NG_VALUE_ACCESSOR,
|
|
14
|
+
useExisting: SelectValueAccessor,
|
|
15
|
+
multi: true
|
|
16
|
+
}
|
|
17
|
+
], usesInheritance: true, ngImport: i0 });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectValueAccessor, decorators: [{
|
|
19
|
+
type: Directive,
|
|
20
|
+
args: [{
|
|
21
|
+
/* tslint:disable-next-line:directive-selector */
|
|
22
|
+
selector: 'cat-select',
|
|
23
|
+
host: {
|
|
24
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
25
|
+
},
|
|
26
|
+
providers: [
|
|
27
|
+
{
|
|
28
|
+
provide: NG_VALUE_ACCESSOR,
|
|
29
|
+
useExisting: SelectValueAccessor,
|
|
30
|
+
multi: true
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
}]
|
|
34
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXZhbHVlLWFjY2Vzc29yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F0YWx5c3Qvc3JjL2xpYi9kaXJlY3RpdmVzL3NlbGVjdC12YWx1ZS1hY2Nlc3Nvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFnQmpELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxhQUFhO0lBQ3BELFlBQVksRUFBYztRQUN4QixLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDWixDQUFDOztpSEFIVSxtQkFBbUI7cUdBQW5CLG1CQUFtQixxSEFSbkI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLG1CQUFtQjtZQUNoQyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0Y7NEZBRVUsbUJBQW1CO2tCQWQvQixTQUFTO21CQUFDO29CQUNULGlEQUFpRDtvQkFDakQsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLElBQUksRUFBRTt3QkFDSixhQUFhLEVBQUUsd0NBQXdDO3FCQUN4RDtvQkFDRCxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxxQkFBcUI7NEJBQ2hDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4vdmFsdWUtYWNjZXNzb3InO1xuXG5ARGlyZWN0aXZlKHtcbiAgLyogdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmRpcmVjdGl2ZS1zZWxlY3RvciAqL1xuICBzZWxlY3RvcjogJ2NhdC1zZWxlY3QnLFxuICBob3N0OiB7XG4gICAgJyhjYXRDaGFuZ2UpJzogJ2hhbmRsZUNoYW5nZUV2ZW50KCRldmVudC50YXJnZXQudmFsdWUpJ1xuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBTZWxlY3RWYWx1ZUFjY2Vzc29yLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0VmFsdWVBY2Nlc3NvciBleHRlbmRzIFZhbHVlQWNjZXNzb3Ige1xuICBjb25zdHJ1Y3RvcihlbDogRWxlbWVudFJlZikge1xuICAgIHN1cGVyKGVsKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { ValueAccessor } from './value-accessor';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class TextValueAccessor extends ValueAccessor {
|
|
6
|
+
constructor(el) {
|
|
7
|
+
super(el);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
11
|
+
TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TextValueAccessor, selector: "cat-input, cat-textarea", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
12
|
+
{
|
|
13
|
+
provide: NG_VALUE_ACCESSOR,
|
|
14
|
+
useExisting: TextValueAccessor,
|
|
15
|
+
multi: true
|
|
16
|
+
}
|
|
17
|
+
], usesInheritance: true, ngImport: i0 });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, decorators: [{
|
|
19
|
+
type: Directive,
|
|
20
|
+
args: [{
|
|
21
|
+
/* tslint:disable-next-line:directive-selector */
|
|
22
|
+
selector: 'cat-input, cat-textarea',
|
|
23
|
+
host: {
|
|
24
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
25
|
+
},
|
|
26
|
+
providers: [
|
|
27
|
+
{
|
|
28
|
+
provide: NG_VALUE_ACCESSOR,
|
|
29
|
+
useExisting: TextValueAccessor,
|
|
30
|
+
multi: true
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
}]
|
|
34
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC12YWx1ZS1hY2Nlc3Nvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdGFseXN0L3NyYy9saWIvZGlyZWN0aXZlcy90ZXh0LXZhbHVlLWFjY2Vzc29yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQWdCakQsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGFBQWE7SUFDbEQsWUFBWSxFQUFjO1FBQ3hCLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNaLENBQUM7OytHQUhVLGlCQUFpQjttR0FBakIsaUJBQWlCLGtJQVJqQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsaUJBQWlCO1lBQzlCLEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRjs0RkFFVSxpQkFBaUI7a0JBZDdCLFNBQVM7bUJBQUM7b0JBQ1QsaURBQWlEO29CQUNqRCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxJQUFJLEVBQUU7d0JBQ0osYUFBYSxFQUFFLHdDQUF3QztxQkFDeEQ7b0JBQ0QsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsbUJBQW1COzRCQUM5QixLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL3ZhbHVlLWFjY2Vzc29yJztcblxuQERpcmVjdGl2ZSh7XG4gIC8qIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpkaXJlY3RpdmUtc2VsZWN0b3IgKi9cbiAgc2VsZWN0b3I6ICdjYXQtaW5wdXQsIGNhdC10ZXh0YXJlYScsXG4gIGhvc3Q6IHtcbiAgICAnKGNhdENoYW5nZSknOiAnaGFuZGxlQ2hhbmdlRXZlbnQoJGV2ZW50LnRhcmdldC52YWx1ZSknXG4gIH0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IFRleHRWYWx1ZUFjY2Vzc29yLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgVGV4dFZhbHVlQWNjZXNzb3IgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yIHtcbiAgY29uc3RydWN0b3IoZWw6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcihlbCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Directive, HostListener } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ValueAccessor {
|
|
4
|
+
constructor(el) {
|
|
5
|
+
this.el = el;
|
|
6
|
+
this.onChange = () => { };
|
|
7
|
+
this.onTouched = () => { };
|
|
8
|
+
}
|
|
9
|
+
writeValue(value) {
|
|
10
|
+
this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
|
|
11
|
+
}
|
|
12
|
+
handleChangeEvent(value) {
|
|
13
|
+
if (value !== this.lastValue) {
|
|
14
|
+
this.lastValue = value;
|
|
15
|
+
this.onChange(value);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
_handleBlurEvent() {
|
|
19
|
+
this.onTouched();
|
|
20
|
+
}
|
|
21
|
+
registerOnChange(fn) {
|
|
22
|
+
this.onChange = fn;
|
|
23
|
+
}
|
|
24
|
+
registerOnTouched(fn) {
|
|
25
|
+
this.onTouched = fn;
|
|
26
|
+
}
|
|
27
|
+
setDisabledState(isDisabled) {
|
|
28
|
+
this.el.nativeElement.disabled = isDisabled;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
32
|
+
ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, decorators: [{
|
|
34
|
+
type: Directive,
|
|
35
|
+
args: [{}]
|
|
36
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
|
|
37
|
+
type: HostListener,
|
|
38
|
+
args: ['focusout']
|
|
39
|
+
}] } });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUtYWNjZXNzb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXRhbHlzdC9zcmMvbGliL2RpcmVjdGl2ZXMvdmFsdWUtYWNjZXNzb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSXBFLE1BQU0sT0FBTyxhQUFhO0lBTXhCLFlBQXNCLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBSjVCLGFBQVEsR0FBeUIsR0FBRyxFQUFFLEdBQU0sQ0FBQyxDQUFDO1FBQzlDLGNBQVMsR0FBZSxHQUFHLEVBQUUsR0FBTSxDQUFDLENBQUM7SUFHTixDQUFDO0lBRXhDLFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQzVFLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFVO1FBQzFCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN0QjtJQUNILENBQUM7SUFHRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQXdCO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzlDLENBQUM7OzJHQWpDVSxhQUFhOytGQUFiLGFBQWE7NEZBQWIsYUFBYTtrQkFEekIsU0FBUzttQkFBQyxFQUFFO2lHQXFCWCxnQkFBZ0I7c0JBRGYsWUFBWTt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ARGlyZWN0aXZlKHt9KVxuZXhwb3J0IGNsYXNzIFZhbHVlQWNjZXNzb3IgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG5cbiAgcHJpdmF0ZSBvbkNoYW5nZTogKHZhbHVlOiBhbnkpID0+IHZvaWQgPSAoKSA9PiB7LyoqL307XG4gIHByaXZhdGUgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4gey8qKi99O1xuICBwcm90ZWN0ZWQgbGFzdFZhbHVlOiBhbnk7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGVsOiBFbGVtZW50UmVmKSB7fVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC52YWx1ZSA9IHRoaXMubGFzdFZhbHVlID0gdmFsdWUgPT0gbnVsbCA/ICcnIDogdmFsdWU7XG4gIH1cblxuICBoYW5kbGVDaGFuZ2VFdmVudCh2YWx1ZTogYW55KSB7XG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLmxhc3RWYWx1ZSkge1xuICAgICAgdGhpcy5sYXN0VmFsdWUgPSB2YWx1ZTtcbiAgICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2ZvY3Vzb3V0JylcbiAgX2hhbmRsZUJsdXJFdmVudCgpIHtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBhbnkpID0+IHZvaWQpIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKSB7XG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxufVxuIl19
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
export * from './lib/directives/proxies';
|
|
2
2
|
export * from './lib/catalyst.module';
|
|
3
|
-
|
|
3
|
+
export * from './lib/directives/value-accessor';
|
|
4
|
+
export * from './lib/directives/boolean-value-accessor';
|
|
5
|
+
export * from './lib/directives/select-value-accessor';
|
|
6
|
+
export * from './lib/directives/text-value-accessor';
|
|
7
|
+
export * from './lib/directives/radio-value-accessor';
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NhdGFseXN0L3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsdUNBQXVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL3Byb3hpZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2F0YWx5c3QubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvdmFsdWUtYWNjZXNzb3InO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9ib29sZWFuLXZhbHVlLWFjY2Vzc29yJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvc2VsZWN0LXZhbHVlLWFjY2Vzc29yJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvdGV4dC12YWx1ZS1hY2Nlc3Nvcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL3JhZGlvLXZhbHVlLWFjY2Vzc29yJztcbiJdfQ==
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { __decorate } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ChangeDetectionStrategy, InjectionToken, NgModule } from '@angular/core';
|
|
3
|
+
import { Component, ChangeDetectionStrategy, Directive, HostListener, InjectionToken, NgModule } from '@angular/core';
|
|
4
4
|
import { fromEvent } from 'rxjs';
|
|
5
5
|
import { CatI18nRegistry, CatIconRegistry } from '@haiilo/catalyst';
|
|
6
6
|
import { defineCustomElements } from '@haiilo/catalyst/loader';
|
|
7
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
7
8
|
|
|
8
9
|
/* eslint-disable */
|
|
9
10
|
const proxyInputs = (Cmp, inputs) => {
|
|
@@ -575,7 +576,176 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
575
576
|
}]
|
|
576
577
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
|
|
577
578
|
|
|
579
|
+
class ValueAccessor {
|
|
580
|
+
constructor(el) {
|
|
581
|
+
this.el = el;
|
|
582
|
+
this.onChange = () => { };
|
|
583
|
+
this.onTouched = () => { };
|
|
584
|
+
}
|
|
585
|
+
writeValue(value) {
|
|
586
|
+
this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
|
|
587
|
+
}
|
|
588
|
+
handleChangeEvent(value) {
|
|
589
|
+
if (value !== this.lastValue) {
|
|
590
|
+
this.lastValue = value;
|
|
591
|
+
this.onChange(value);
|
|
592
|
+
}
|
|
593
|
+
}
|
|
594
|
+
_handleBlurEvent() {
|
|
595
|
+
this.onTouched();
|
|
596
|
+
}
|
|
597
|
+
registerOnChange(fn) {
|
|
598
|
+
this.onChange = fn;
|
|
599
|
+
}
|
|
600
|
+
registerOnTouched(fn) {
|
|
601
|
+
this.onTouched = fn;
|
|
602
|
+
}
|
|
603
|
+
setDisabledState(isDisabled) {
|
|
604
|
+
this.el.nativeElement.disabled = isDisabled;
|
|
605
|
+
}
|
|
606
|
+
}
|
|
607
|
+
ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
608
|
+
ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
|
|
609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, decorators: [{
|
|
610
|
+
type: Directive,
|
|
611
|
+
args: [{}]
|
|
612
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
|
|
613
|
+
type: HostListener,
|
|
614
|
+
args: ['focusout']
|
|
615
|
+
}] } });
|
|
616
|
+
|
|
617
|
+
class TextValueAccessor extends ValueAccessor {
|
|
618
|
+
constructor(el) {
|
|
619
|
+
super(el);
|
|
620
|
+
}
|
|
621
|
+
}
|
|
622
|
+
TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
623
|
+
TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TextValueAccessor, selector: "cat-input, cat-textarea", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
624
|
+
{
|
|
625
|
+
provide: NG_VALUE_ACCESSOR,
|
|
626
|
+
useExisting: TextValueAccessor,
|
|
627
|
+
multi: true
|
|
628
|
+
}
|
|
629
|
+
], usesInheritance: true, ngImport: i0 });
|
|
630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, decorators: [{
|
|
631
|
+
type: Directive,
|
|
632
|
+
args: [{
|
|
633
|
+
/* tslint:disable-next-line:directive-selector */
|
|
634
|
+
selector: 'cat-input, cat-textarea',
|
|
635
|
+
host: {
|
|
636
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
637
|
+
},
|
|
638
|
+
providers: [
|
|
639
|
+
{
|
|
640
|
+
provide: NG_VALUE_ACCESSOR,
|
|
641
|
+
useExisting: TextValueAccessor,
|
|
642
|
+
multi: true
|
|
643
|
+
}
|
|
644
|
+
]
|
|
645
|
+
}]
|
|
646
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
647
|
+
|
|
648
|
+
class SelectValueAccessor extends ValueAccessor {
|
|
649
|
+
constructor(el) {
|
|
650
|
+
super(el);
|
|
651
|
+
}
|
|
652
|
+
}
|
|
653
|
+
SelectValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
654
|
+
SelectValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: SelectValueAccessor, selector: "cat-select", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
655
|
+
{
|
|
656
|
+
provide: NG_VALUE_ACCESSOR,
|
|
657
|
+
useExisting: SelectValueAccessor,
|
|
658
|
+
multi: true
|
|
659
|
+
}
|
|
660
|
+
], usesInheritance: true, ngImport: i0 });
|
|
661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectValueAccessor, decorators: [{
|
|
662
|
+
type: Directive,
|
|
663
|
+
args: [{
|
|
664
|
+
/* tslint:disable-next-line:directive-selector */
|
|
665
|
+
selector: 'cat-select',
|
|
666
|
+
host: {
|
|
667
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
668
|
+
},
|
|
669
|
+
providers: [
|
|
670
|
+
{
|
|
671
|
+
provide: NG_VALUE_ACCESSOR,
|
|
672
|
+
useExisting: SelectValueAccessor,
|
|
673
|
+
multi: true
|
|
674
|
+
}
|
|
675
|
+
]
|
|
676
|
+
}]
|
|
677
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
678
|
+
|
|
679
|
+
class RadioValueAccessor extends ValueAccessor {
|
|
680
|
+
constructor(el) {
|
|
681
|
+
super(el);
|
|
682
|
+
}
|
|
683
|
+
}
|
|
684
|
+
RadioValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
685
|
+
RadioValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: RadioValueAccessor, selector: "cat-radio", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
686
|
+
{
|
|
687
|
+
provide: NG_VALUE_ACCESSOR,
|
|
688
|
+
useExisting: RadioValueAccessor,
|
|
689
|
+
multi: true
|
|
690
|
+
}
|
|
691
|
+
], usesInheritance: true, ngImport: i0 });
|
|
692
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, decorators: [{
|
|
693
|
+
type: Directive,
|
|
694
|
+
args: [{
|
|
695
|
+
/* tslint:disable-next-line:directive-selector */
|
|
696
|
+
selector: 'cat-radio',
|
|
697
|
+
host: {
|
|
698
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
699
|
+
},
|
|
700
|
+
providers: [
|
|
701
|
+
{
|
|
702
|
+
provide: NG_VALUE_ACCESSOR,
|
|
703
|
+
useExisting: RadioValueAccessor,
|
|
704
|
+
multi: true
|
|
705
|
+
}
|
|
706
|
+
]
|
|
707
|
+
}]
|
|
708
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
709
|
+
|
|
710
|
+
class BooleanValueAccessor extends ValueAccessor {
|
|
711
|
+
constructor(el) {
|
|
712
|
+
super(el);
|
|
713
|
+
}
|
|
714
|
+
writeValue(value) {
|
|
715
|
+
this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
|
|
716
|
+
}
|
|
717
|
+
}
|
|
718
|
+
BooleanValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
719
|
+
BooleanValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: BooleanValueAccessor, selector: "cat-checkbox, cat-toggle", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
|
|
720
|
+
{
|
|
721
|
+
provide: NG_VALUE_ACCESSOR,
|
|
722
|
+
useExisting: BooleanValueAccessor,
|
|
723
|
+
multi: true
|
|
724
|
+
}
|
|
725
|
+
], usesInheritance: true, ngImport: i0 });
|
|
726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, decorators: [{
|
|
727
|
+
type: Directive,
|
|
728
|
+
args: [{
|
|
729
|
+
/* tslint:disable-next-line:directive-selector */
|
|
730
|
+
selector: 'cat-checkbox, cat-toggle',
|
|
731
|
+
host: {
|
|
732
|
+
'(catChange)': 'handleChangeEvent($event.target.value)'
|
|
733
|
+
},
|
|
734
|
+
providers: [
|
|
735
|
+
{
|
|
736
|
+
provide: NG_VALUE_ACCESSOR,
|
|
737
|
+
useExisting: BooleanValueAccessor,
|
|
738
|
+
multi: true
|
|
739
|
+
}
|
|
740
|
+
]
|
|
741
|
+
}]
|
|
742
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
743
|
+
|
|
578
744
|
const CatComponents = [
|
|
745
|
+
TextValueAccessor,
|
|
746
|
+
SelectValueAccessor,
|
|
747
|
+
RadioValueAccessor,
|
|
748
|
+
BooleanValueAccessor,
|
|
579
749
|
CatAlert,
|
|
580
750
|
CatAvatar,
|
|
581
751
|
CatBadge,
|
|
@@ -614,7 +784,13 @@ class CatalystModule {
|
|
|
614
784
|
}
|
|
615
785
|
}
|
|
616
786
|
CatalystModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
617
|
-
CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, declarations: [
|
|
787
|
+
CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, declarations: [TextValueAccessor,
|
|
788
|
+
SelectValueAccessor,
|
|
789
|
+
RadioValueAccessor,
|
|
790
|
+
BooleanValueAccessor, CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatIcon, CatInput, CatMenu, CatModal, CatRadio, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip], exports: [TextValueAccessor,
|
|
791
|
+
SelectValueAccessor,
|
|
792
|
+
RadioValueAccessor,
|
|
793
|
+
BooleanValueAccessor, CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatIcon, CatInput, CatMenu, CatModal, CatRadio, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip] });
|
|
618
794
|
CatalystModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, providers: [], imports: [[]] });
|
|
619
795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, decorators: [{
|
|
620
796
|
type: NgModule,
|
|
@@ -630,5 +806,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
630
806
|
* Generated bundle index. Do not edit.
|
|
631
807
|
*/
|
|
632
808
|
|
|
633
|
-
export { CAT_I18N_REGISTRY_TOKEN, CAT_ICON_REGISTRY_TOKEN, CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatIcon, CatInput, CatMenu, CatModal, CatRadio, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToastDemo, CatToggle, CatTooltip, CatalystModule };
|
|
809
|
+
export { BooleanValueAccessor, CAT_I18N_REGISTRY_TOKEN, CAT_ICON_REGISTRY_TOKEN, CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatIcon, CatInput, CatMenu, CatModal, CatRadio, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToastDemo, CatToggle, CatTooltip, CatalystModule, RadioValueAccessor, SelectValueAccessor, TextValueAccessor, ValueAccessor };
|
|
634
810
|
//# sourceMappingURL=haiilo-catalyst-angular.mjs.map
|