@rlucan/ui 14.2.6 → 16.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/README.md +24 -24
  2. package/esm2022/lib/action-button/action-button.component.mjs +99 -99
  3. package/esm2022/lib/action-icon/action-icon.component.mjs +36 -36
  4. package/esm2022/lib/autocomplete/autocomplete.component.mjs +390 -390
  5. package/esm2022/lib/avatar/avatar.component.mjs +34 -34
  6. package/esm2022/lib/button/button.component.mjs +56 -56
  7. package/esm2022/lib/checkbox/checkbox.component.mjs +38 -38
  8. package/esm2022/lib/checkbox-group/checkbox-group.component.mjs +90 -90
  9. package/esm2022/lib/currency/currency.component.mjs +150 -150
  10. package/esm2022/lib/date/date.component.mjs +67 -67
  11. package/esm2022/lib/dialog/dialog.component.mjs +36 -36
  12. package/esm2022/lib/directives/force-visibility/force-visibility.directive.mjs +104 -104
  13. package/esm2022/lib/editor/editor.component.mjs +118 -118
  14. package/esm2022/lib/elements/burger/burger.component.mjs +20 -20
  15. package/esm2022/lib/elements/expander/expander.component.mjs +27 -27
  16. package/esm2022/lib/elements/validation-message/validation-message.component.mjs +46 -46
  17. package/esm2022/lib/file/file.component.mjs +144 -144
  18. package/esm2022/lib/file-uploader/ui-file-uploader.component.mjs +404 -404
  19. package/esm2022/lib/input/input.component.mjs +264 -264
  20. package/esm2022/lib/input-autocomplete/input-autocomplete.component.mjs +276 -276
  21. package/esm2022/lib/layouts/base/ui-base-layout.component.mjs +21 -21
  22. package/esm2022/lib/layouts/base/ui-base.component.mjs +73 -73
  23. package/esm2022/lib/layouts/simple/ui-simple-layout.component.mjs +17 -17
  24. package/esm2022/lib/layouts/simple/ui-simple.component.mjs +165 -165
  25. package/esm2022/lib/radio/radio.component.mjs +20 -20
  26. package/esm2022/lib/radio-group/radio-group.component.mjs +53 -53
  27. package/esm2022/lib/select/select.component.mjs +126 -115
  28. package/esm2022/lib/services/message-box.service.mjs +110 -110
  29. package/esm2022/lib/services/toast.service.mjs +23 -23
  30. package/esm2022/lib/services/ui-file.service.mjs +70 -70
  31. package/esm2022/lib/services/ui-translate.service.mjs +31 -31
  32. package/esm2022/lib/submit-button/submit-button.component.mjs +71 -71
  33. package/esm2022/lib/table/table.component.mjs +97 -97
  34. package/esm2022/lib/text-area/text-area.component.mjs +45 -45
  35. package/esm2022/lib/ui.model.mjs +1 -1
  36. package/esm2022/lib/ui.module.mjs +268 -268
  37. package/esm2022/public-api.mjs +34 -34
  38. package/esm2022/rlucan-ui.mjs +4 -4
  39. package/fesm2022/rlucan-ui.mjs +3285 -3274
  40. package/fesm2022/rlucan-ui.mjs.map +1 -1
  41. package/index.d.ts +5 -5
  42. package/lib/action-button/action-button.component.d.ts +28 -32
  43. package/lib/action-icon/action-icon.component.d.ts +15 -15
  44. package/lib/autocomplete/autocomplete.component.d.ts +57 -57
  45. package/lib/avatar/avatar.component.d.ts +14 -14
  46. package/lib/button/button.component.d.ts +18 -18
  47. package/lib/checkbox/checkbox.component.d.ts +15 -15
  48. package/lib/checkbox-group/checkbox-group.component.d.ts +18 -18
  49. package/lib/currency/currency.component.d.ts +31 -31
  50. package/lib/date/date.component.d.ts +24 -24
  51. package/lib/dialog/dialog.component.d.ts +13 -13
  52. package/lib/directives/force-visibility/force-visibility.directive.d.ts +22 -22
  53. package/lib/editor/editor.component.d.ts +24 -24
  54. package/lib/elements/burger/burger.component.d.ts +9 -9
  55. package/lib/elements/expander/expander.component.d.ts +10 -10
  56. package/lib/elements/validation-message/validation-message.component.d.ts +12 -12
  57. package/lib/file/file.component.d.ts +35 -35
  58. package/lib/file-uploader/ui-file-uploader.component.d.ts +102 -102
  59. package/lib/input/input.component.d.ts +42 -42
  60. package/lib/input-autocomplete/input-autocomplete.component.d.ts +44 -44
  61. package/lib/layouts/base/ui-base-layout.component.d.ts +8 -8
  62. package/lib/layouts/base/ui-base.component.d.ts +23 -23
  63. package/lib/layouts/simple/ui-simple-layout.component.d.ts +8 -8
  64. package/lib/layouts/simple/ui-simple.component.d.ts +40 -40
  65. package/lib/radio/radio.component.d.ts +8 -8
  66. package/lib/radio-group/radio-group.component.d.ts +18 -18
  67. package/lib/select/select.component.d.ts +37 -35
  68. package/lib/services/message-box.service.d.ts +58 -58
  69. package/lib/services/toast.service.d.ts +13 -13
  70. package/lib/services/ui-file.service.d.ts +33 -33
  71. package/lib/services/ui-translate.service.d.ts +11 -11
  72. package/lib/submit-button/submit-button.component.d.ts +21 -21
  73. package/lib/table/table.component.d.ts +36 -36
  74. package/lib/text-area/text-area.component.d.ts +18 -18
  75. package/lib/ui.model.d.ts +2 -2
  76. package/lib/ui.module.d.ts +59 -59
  77. package/package.json +1 -1
  78. package/public-api.d.ts +29 -29
  79. package/src/js/editorjs.mjs +9634 -9634
@@ -1,34 +1,34 @@
1
- import { Component, HostBinding, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "../file/file.component";
5
- export class AvatarComponent {
6
- get contrast() {
7
- const hexCode = this.user.shortColour.substring(1, 7);
8
- const hexR = parseInt(hexCode.substring(0, 2), 16);
9
- const hexG = parseInt(hexCode.substring(2, 4), 16);
10
- const hexB = parseInt(hexCode.substring(4, 6), 16);
11
- const contrastRatio = hexR * 0.299 + hexG * 0.587 + hexB * 0.114;
12
- return contrastRatio >= 200 ? 'black' : 'white';
13
- }
14
- constructor() {
15
- this.user = {};
16
- this.size = 'normal';
17
- }
18
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: AvatarComponent, selector: "ui-avatar", inputs: { user: "user", srcOptions: "srcOptions", size: "size" }, host: { properties: { "class": "this.size" } }, ngImport: i0, template: "<ui-file *ngIf=\"user.avatar || (!user.avatar && !user.shortName)\" [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n<div *ngIf=\"!user.avatar && user.shortName\" [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast}\">\r\n {{ user.shortName }}\r\n</div>\r\n", styles: [":host{display:block;flex:0 0 auto}:host.mini{height:16px;width:16px}:host.mini div{font-size:10px}:host.small{height:24px;width:24px}:host.small div{font-size:13px}:host.smaller{height:50px;width:50px}:host.smaller div{font-size:1.5em}:host.normal{height:74px;width:74px}:host.normal div{font-size:37px}:host.bigger{height:100px;width:100px}:host.bigger div{font-size:50px}:host.big{height:150px;width:150px}:host.big div{font-size:75px}:host ui-file ::ng-deep img{border-radius:50%}:host div{display:flex;align-items:center;justify-content:center;width:100%;font-weight:700;color:#fff;background-size:cover;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.FileComponent, selector: "ui-file", inputs: ["fileSize", "srcOptions", "srcData", "srcUrl"] }] }); }
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AvatarComponent, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'ui-avatar', template: "<ui-file *ngIf=\"user.avatar || (!user.avatar && !user.shortName)\" [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n<div *ngIf=\"!user.avatar && user.shortName\" [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast}\">\r\n {{ user.shortName }}\r\n</div>\r\n", styles: [":host{display:block;flex:0 0 auto}:host.mini{height:16px;width:16px}:host.mini div{font-size:10px}:host.small{height:24px;width:24px}:host.small div{font-size:13px}:host.smaller{height:50px;width:50px}:host.smaller div{font-size:1.5em}:host.normal{height:74px;width:74px}:host.normal div{font-size:37px}:host.bigger{height:100px;width:100px}:host.bigger div{font-size:50px}:host.big{height:150px;width:150px}:host.big div{font-size:75px}:host ui-file ::ng-deep img{border-radius:50%}:host div{display:flex;align-items:center;justify-content:center;width:100%;font-weight:700;color:#fff;background-size:cover;height:100%;border-radius:50%}\n"] }]
24
- }], ctorParameters: function () { return []; }, propDecorators: { user: [{
25
- type: Input
26
- }], srcOptions: [{
27
- type: Input
28
- }], size: [{
29
- type: HostBinding,
30
- args: ['class']
31
- }, {
32
- type: Input
33
- }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzlELE1BQU0sT0FBTyxlQUFlO0lBUzFCLElBQUksUUFBUTtRQUNWLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFdEQsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ25ELE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNuRCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDbkQsTUFBTSxhQUFhLEdBQUcsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLEdBQUcsS0FBSyxHQUFHLElBQUksR0FBRyxLQUFLLENBQUM7UUFFakUsT0FBTyxhQUFhLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztJQUNsRCxDQUFDO0lBRUQ7UUFsQlMsU0FBSSxHQUFxRSxFQUFFLENBQUM7UUFLNUUsU0FBSSxHQUErRCxRQUFRLENBQUM7SUFhckUsQ0FBQzsrR0FwQk4sZUFBZTttR0FBZixlQUFlLG1LQ1A1QixnV0FJQTs7NEZER2EsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxXQUFXOzBFQU1aLElBQUk7c0JBQVosS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLElBQUk7c0JBRFosV0FBVzt1QkFBQyxPQUFPOztzQkFDbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBdmF0YXJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHVzZXI6IFBhcnRpYWw8eyBhdmF0YXI6IGFueSwgc2hvcnROYW1lOiBzdHJpbmcsIHNob3J0Q29sb3VyOiBzdHJpbmcgfT4gPSB7fTtcblxuICBASW5wdXQoKSBzcmNPcHRpb25zO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBASW5wdXQoKSBzaXplOiAnYmlnJyB8ICdiaWdnZXInIHwgJ25vcm1hbCcgfCAnc21hbGxlcicgfCAnc21hbGwnIHwgJ21pbmknID0gJ25vcm1hbCc7XG5cbiAgZ2V0IGNvbnRyYXN0KCk6IHN0cmluZyB7XG4gICAgY29uc3QgaGV4Q29kZSA9IHRoaXMudXNlci5zaG9ydENvbG91ci5zdWJzdHJpbmcoMSwgNyk7XG5cbiAgICBjb25zdCBoZXhSID0gcGFyc2VJbnQoaGV4Q29kZS5zdWJzdHJpbmcoMCwgMiksIDE2KTtcbiAgICBjb25zdCBoZXhHID0gcGFyc2VJbnQoaGV4Q29kZS5zdWJzdHJpbmcoMiwgNCksIDE2KTtcbiAgICBjb25zdCBoZXhCID0gcGFyc2VJbnQoaGV4Q29kZS5zdWJzdHJpbmcoNCwgNiksIDE2KTtcbiAgICBjb25zdCBjb250cmFzdFJhdGlvID0gaGV4UiAqIDAuMjk5ICsgaGV4RyAqIDAuNTg3ICsgaGV4QiAqIDAuMTE0O1xuXG4gICAgcmV0dXJuIGNvbnRyYXN0UmF0aW8gPj0gMjAwID8gJ2JsYWNrJyA6ICd3aGl0ZSc7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG59XG4iLCI8dWktZmlsZSAqbmdJZj1cInVzZXIuYXZhdGFyIHx8ICghdXNlci5hdmF0YXIgJiYgIXVzZXIuc2hvcnROYW1lKVwiIFtmaWxlU2l6ZV09XCInYXZhdGFyLScgKyBzaXplXCIgW3NyY0RhdGFdPVwidXNlci5hdmF0YXIgfHwgeyBtaW1lVHlwZTogJ2ltYWdlL3BuZyd9XCIgW3NyY09wdGlvbnNdPVwic3JjT3B0aW9uc1wiID48L3VpLWZpbGU+XHJcbjxkaXYgKm5nSWY9XCIhdXNlci5hdmF0YXIgJiYgdXNlci5zaG9ydE5hbWVcIiBbbmdTdHlsZV09XCJ7YmFja2dyb3VuZENvbG9yOiB1c2VyLnNob3J0Q29sb3VyLCBjb2xvcjogY29udHJhc3R9XCI+XHJcbiAge3sgdXNlci5zaG9ydE5hbWUgfX1cclxuPC9kaXY+XHJcbiJdfQ==
1
+ import { Component, HostBinding, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "../file/file.component";
5
+ export class AvatarComponent {
6
+ get contrast() {
7
+ const hexCode = this.user.shortColour.substring(1, 7);
8
+ const hexR = parseInt(hexCode.substring(0, 2), 16);
9
+ const hexG = parseInt(hexCode.substring(2, 4), 16);
10
+ const hexB = parseInt(hexCode.substring(4, 6), 16);
11
+ const contrastRatio = hexR * 0.299 + hexG * 0.587 + hexB * 0.114;
12
+ return contrastRatio >= 200 ? 'black' : 'white';
13
+ }
14
+ constructor() {
15
+ this.user = {};
16
+ this.size = 'normal';
17
+ }
18
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: AvatarComponent, selector: "ui-avatar", inputs: { user: "user", srcOptions: "srcOptions", size: "size" }, host: { properties: { "class": "this.size" } }, ngImport: i0, template: "<ui-file *ngIf=\"user.avatar || (!user.avatar && !user.shortName)\" [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n<div *ngIf=\"!user.avatar && user.shortName\" [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast}\">\r\n {{ user.shortName }}\r\n</div>\r\n", styles: [":host{display:block;flex:0 0 auto}:host.mini{height:16px;width:16px}:host.mini div{font-size:10px}:host.small{height:24px;width:24px}:host.small div{font-size:13px}:host.smaller{height:50px;width:50px}:host.smaller div{font-size:1.5em}:host.normal{height:74px;width:74px}:host.normal div{font-size:37px}:host.bigger{height:100px;width:100px}:host.bigger div{font-size:50px}:host.big{height:150px;width:150px}:host.big div{font-size:75px}:host ui-file ::ng-deep img{border-radius:50%}:host div{display:flex;align-items:center;justify-content:center;width:100%;font-weight:700;color:#fff;background-size:cover;height:100%;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.FileComponent, selector: "ui-file", inputs: ["fileSize", "srcOptions", "srcData", "srcUrl"] }] }); }
20
+ }
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AvatarComponent, decorators: [{
22
+ type: Component,
23
+ args: [{ selector: 'ui-avatar', template: "<ui-file *ngIf=\"user.avatar || (!user.avatar && !user.shortName)\" [fileSize]=\"'avatar-' + size\" [srcData]=\"user.avatar || { mimeType: 'image/png'}\" [srcOptions]=\"srcOptions\" ></ui-file>\r\n<div *ngIf=\"!user.avatar && user.shortName\" [ngStyle]=\"{backgroundColor: user.shortColour, color: contrast}\">\r\n {{ user.shortName }}\r\n</div>\r\n", styles: [":host{display:block;flex:0 0 auto}:host.mini{height:16px;width:16px}:host.mini div{font-size:10px}:host.small{height:24px;width:24px}:host.small div{font-size:13px}:host.smaller{height:50px;width:50px}:host.smaller div{font-size:1.5em}:host.normal{height:74px;width:74px}:host.normal div{font-size:37px}:host.bigger{height:100px;width:100px}:host.bigger div{font-size:50px}:host.big{height:150px;width:150px}:host.big div{font-size:75px}:host ui-file ::ng-deep img{border-radius:50%}:host div{display:flex;align-items:center;justify-content:center;width:100%;font-weight:700;color:#fff;background-size:cover;height:100%;border-radius:50%}\n"] }]
24
+ }], ctorParameters: function () { return []; }, propDecorators: { user: [{
25
+ type: Input
26
+ }], srcOptions: [{
27
+ type: Input
28
+ }], size: [{
29
+ type: HostBinding,
30
+ args: ['class']
31
+ }, {
32
+ type: Input
33
+ }] } });
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzlELE1BQU0sT0FBTyxlQUFlO0lBUzFCLElBQUksUUFBUTtRQUNWLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFdEQsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ25ELE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNuRCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDbkQsTUFBTSxhQUFhLEdBQUcsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLEdBQUcsS0FBSyxHQUFHLElBQUksR0FBRyxLQUFLLENBQUM7UUFFakUsT0FBTyxhQUFhLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztJQUNsRCxDQUFDO0lBRUQ7UUFsQlMsU0FBSSxHQUFxRSxFQUFFLENBQUM7UUFLNUUsU0FBSSxHQUErRCxRQUFRLENBQUM7SUFhckUsQ0FBQzsrR0FwQk4sZUFBZTttR0FBZixlQUFlLG1LQ1A1QixnV0FJQTs7NEZER2EsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxXQUFXOzBFQU1aLElBQUk7c0JBQVosS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLElBQUk7c0JBRFosV0FBVzt1QkFBQyxPQUFPOztzQkFDbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3VpLWF2YXRhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEF2YXRhckNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHVzZXI6IFBhcnRpYWw8eyBhdmF0YXI6IGFueSwgc2hvcnROYW1lOiBzdHJpbmcsIHNob3J0Q29sb3VyOiBzdHJpbmcgfT4gPSB7fTtcclxuXHJcbiAgQElucHV0KCkgc3JjT3B0aW9ucztcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgQElucHV0KCkgc2l6ZTogJ2JpZycgfCAnYmlnZ2VyJyB8ICdub3JtYWwnIHwgJ3NtYWxsZXInIHwgJ3NtYWxsJyB8ICdtaW5pJyA9ICdub3JtYWwnO1xyXG5cclxuICBnZXQgY29udHJhc3QoKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IGhleENvZGUgPSB0aGlzLnVzZXIuc2hvcnRDb2xvdXIuc3Vic3RyaW5nKDEsIDcpO1xyXG5cclxuICAgIGNvbnN0IGhleFIgPSBwYXJzZUludChoZXhDb2RlLnN1YnN0cmluZygwLCAyKSwgMTYpO1xyXG4gICAgY29uc3QgaGV4RyA9IHBhcnNlSW50KGhleENvZGUuc3Vic3RyaW5nKDIsIDQpLCAxNik7XHJcbiAgICBjb25zdCBoZXhCID0gcGFyc2VJbnQoaGV4Q29kZS5zdWJzdHJpbmcoNCwgNiksIDE2KTtcclxuICAgIGNvbnN0IGNvbnRyYXN0UmF0aW8gPSBoZXhSICogMC4yOTkgKyBoZXhHICogMC41ODcgKyBoZXhCICogMC4xMTQ7XHJcblxyXG4gICAgcmV0dXJuIGNvbnRyYXN0UmF0aW8gPj0gMjAwID8gJ2JsYWNrJyA6ICd3aGl0ZSc7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxufVxyXG4iLCI8dWktZmlsZSAqbmdJZj1cInVzZXIuYXZhdGFyIHx8ICghdXNlci5hdmF0YXIgJiYgIXVzZXIuc2hvcnROYW1lKVwiIFtmaWxlU2l6ZV09XCInYXZhdGFyLScgKyBzaXplXCIgW3NyY0RhdGFdPVwidXNlci5hdmF0YXIgfHwgeyBtaW1lVHlwZTogJ2ltYWdlL3BuZyd9XCIgW3NyY09wdGlvbnNdPVwic3JjT3B0aW9uc1wiID48L3VpLWZpbGU+XHJcbjxkaXYgKm5nSWY9XCIhdXNlci5hdmF0YXIgJiYgdXNlci5zaG9ydE5hbWVcIiBbbmdTdHlsZV09XCJ7YmFja2dyb3VuZENvbG9yOiB1c2VyLnNob3J0Q29sb3VyLCBjb2xvcjogY29udHJhc3R9XCI+XHJcbiAge3sgdXNlci5zaG9ydE5hbWUgfX1cclxuPC9kaXY+XHJcbiJdfQ==
@@ -1,57 +1,57 @@
1
- import { Component, HostBinding, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "@angular/material/icon";
5
- import * as i3 from "@angular/material/progress-bar";
6
- import * as i4 from "@angular/material/core";
7
- export class ButtonComponent {
8
- get class() {
9
- return this.kind +
10
- (this.color ? ' ' + this.color : '') +
11
- (this.size ? ' ' + this.size : '') +
12
- ((this.disabled || this.busy) ? ' disabled' : '');
13
- }
14
- constructor() {
15
- this.type = 'button';
16
- this.disabled = false;
17
- this.busy = false;
18
- this.kind = 'flat';
19
- this.color = 'primary';
20
- this.size = 'normal';
21
- this.formInvalid = false;
22
- }
23
- get isDisabled() {
24
- return this.disabled || this.busy;
25
- }
26
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: ButtonComponent, selector: "ui-button", inputs: { type: "type", matIconPrefix: "matIconPrefix", label: "label", disabled: "disabled", busy: "busy", kind: "kind", color: "color", size: "size", formInvalid: "formInvalid" }, host: { properties: { "class": "this.class", "class.formInvalid": "this.formInvalid" } }, ngImport: i0, template: "<button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy}\" [class]=\"class\">\r\n <mat-icon *ngIf=\"matIconPrefix\">{{matIconPrefix}}</mat-icon>\r\n {{label}}\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n</button>\r\n", styles: [":host{display:flex;align-items:center}:host button{font-size:1em;width:100%;cursor:pointer;outline:none;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .15s ease-in-out}:host button mat-progress-bar{position:absolute;bottom:1px;height:2px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}:host button mat-icon{margin-right:4px;height:16px;width:16px;font-size:16px}:host.small button mat-icon{width:14px;height:14px;font-size:14px;margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] }); }
28
- }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ButtonComponent, decorators: [{
30
- type: Component,
31
- args: [{ selector: 'ui-button', template: "<button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy}\" [class]=\"class\">\r\n <mat-icon *ngIf=\"matIconPrefix\">{{matIconPrefix}}</mat-icon>\r\n {{label}}\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n</button>\r\n", styles: [":host{display:flex;align-items:center}:host button{font-size:1em;width:100%;cursor:pointer;outline:none;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .15s ease-in-out}:host button mat-progress-bar{position:absolute;bottom:1px;height:2px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}:host button mat-icon{margin-right:4px;height:16px;width:16px;font-size:16px}:host.small button mat-icon{width:14px;height:14px;font-size:14px;margin-right:2px}\n"] }]
32
- }], ctorParameters: function () { return []; }, propDecorators: { type: [{
33
- type: Input
34
- }], matIconPrefix: [{
35
- type: Input
36
- }], label: [{
37
- type: Input
38
- }], disabled: [{
39
- type: Input
40
- }], busy: [{
41
- type: Input
42
- }], kind: [{
43
- type: Input
44
- }], color: [{
45
- type: Input
46
- }], size: [{
47
- type: Input
48
- }], class: [{
49
- type: HostBinding,
50
- args: ['class']
51
- }], formInvalid: [{
52
- type: HostBinding,
53
- args: ['class.formInvalid']
54
- }, {
55
- type: Input
56
- }] } });
1
+ import { Component, HostBinding, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "@angular/material/icon";
5
+ import * as i3 from "@angular/material/progress-bar";
6
+ import * as i4 from "@angular/material/core";
7
+ export class ButtonComponent {
8
+ get class() {
9
+ return this.kind +
10
+ (this.color ? ' ' + this.color : '') +
11
+ (this.size ? ' ' + this.size : '') +
12
+ ((this.disabled || this.busy) ? ' disabled' : '');
13
+ }
14
+ constructor() {
15
+ this.type = 'button';
16
+ this.disabled = false;
17
+ this.busy = false;
18
+ this.kind = 'flat';
19
+ this.color = 'primary';
20
+ this.size = 'normal';
21
+ this.formInvalid = false;
22
+ }
23
+ get isDisabled() {
24
+ return this.disabled || this.busy;
25
+ }
26
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: ButtonComponent, selector: "ui-button", inputs: { type: "type", matIconPrefix: "matIconPrefix", label: "label", disabled: "disabled", busy: "busy", kind: "kind", color: "color", size: "size", formInvalid: "formInvalid" }, host: { properties: { "class": "this.class", "class.formInvalid": "this.formInvalid" } }, ngImport: i0, template: "<button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy}\" [class]=\"class\">\r\n <mat-icon *ngIf=\"matIconPrefix\">{{matIconPrefix}}</mat-icon>\r\n {{label}}\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n</button>\r\n", styles: [":host{display:flex;align-items:center}:host button{font-size:1em;width:100%;cursor:pointer;outline:none;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .15s ease-in-out}:host button mat-progress-bar{position:absolute;bottom:1px;height:2px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}:host button mat-icon{margin-right:4px;height:16px;width:16px;font-size:16px}:host.small button mat-icon{width:14px;height:14px;font-size:14px;margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] }); }
28
+ }
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ButtonComponent, decorators: [{
30
+ type: Component,
31
+ args: [{ selector: 'ui-button', template: "<button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy}\" [class]=\"class\">\r\n <mat-icon *ngIf=\"matIconPrefix\">{{matIconPrefix}}</mat-icon>\r\n {{label}}\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n</button>\r\n", styles: [":host{display:flex;align-items:center}:host button{font-size:1em;width:100%;cursor:pointer;outline:none;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .15s ease-in-out}:host button mat-progress-bar{position:absolute;bottom:1px;height:2px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}:host button mat-icon{margin-right:4px;height:16px;width:16px;font-size:16px}:host.small button mat-icon{width:14px;height:14px;font-size:14px;margin-right:2px}\n"] }]
32
+ }], ctorParameters: function () { return []; }, propDecorators: { type: [{
33
+ type: Input
34
+ }], matIconPrefix: [{
35
+ type: Input
36
+ }], label: [{
37
+ type: Input
38
+ }], disabled: [{
39
+ type: Input
40
+ }], busy: [{
41
+ type: Input
42
+ }], kind: [{
43
+ type: Input
44
+ }], color: [{
45
+ type: Input
46
+ }], size: [{
47
+ type: Input
48
+ }], class: [{
49
+ type: HostBinding,
50
+ args: ['class']
51
+ }], formInvalid: [{
52
+ type: HostBinding,
53
+ args: ['class.formInvalid']
54
+ }, {
55
+ type: Input
56
+ }] } });
57
57
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFROUQsTUFBTSxPQUFPLGVBQWU7SUFXMUIsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSTtZQUNkLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNwQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDbEMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFLRDtRQXBCUyxTQUFJLEdBQXdCLFFBQVEsQ0FBQztRQUdyQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDYixTQUFJLEdBQWlDLE1BQU0sQ0FBQztRQUM1QyxVQUFLLEdBQWlCLFNBQVMsQ0FBQztRQUNoQyxTQUFJLEdBQWdCLFFBQVEsQ0FBQztRQVc3QixnQkFBVyxHQUFHLEtBQUssQ0FBQztJQUViLENBQUM7SUFFakIsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDcEMsQ0FBQzsrR0ExQlUsZUFBZTttR0FBZixlQUFlLGlVQ1I1QiwwVEFLQTs7NEZER2EsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxXQUFXOzBFQU1aLElBQUk7c0JBQVosS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHRixLQUFLO3NCQURSLFdBQVc7dUJBQUMsT0FBTztnQkFTWCxXQUFXO3NCQURuQixXQUFXO3VCQUFDLG1CQUFtQjs7c0JBQy9CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sQ29sb3IsIENvbnRyb2xTaXplIH0gZnJvbSAnLi4vdWkubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSB0eXBlOiAnc3VibWl0JyB8ICdidXR0b24nID0gJ2J1dHRvbic7XHJcbiAgQElucHV0KCkgbWF0SWNvblByZWZpeDogYW55O1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBidXN5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkga2luZDogJ2Jhc2ljJyB8ICdmbGF0JyB8ICdzdHJva2VkJyA9ICdmbGF0JztcclxuICBASW5wdXQoKSBjb2xvcjogQ29udHJvbENvbG9yID0gJ3ByaW1hcnknO1xyXG4gIEBJbnB1dCgpIHNpemU6IENvbnRyb2xTaXplID0gJ25vcm1hbCc7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIGdldCBjbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMua2luZCArXHJcbiAgICAgICh0aGlzLmNvbG9yID8gJyAnICsgdGhpcy5jb2xvciA6ICcnKSArXHJcbiAgICAgICh0aGlzLnNpemUgPyAnICcgKyB0aGlzLnNpemUgOiAnJykgK1xyXG4gICAgICAoKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5idXN5KSA/ICcgZGlzYWJsZWQnIDogJycpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mb3JtSW52YWxpZCcpXHJcbiAgQElucHV0KCkgZm9ybUludmFsaWQgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgZ2V0IGlzRGlzYWJsZWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmJ1c3k7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8YnV0dG9uIG1hdFJpcHBsZSBbdHlwZV09XCJ0eXBlXCIgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWQgfHwgYnVzeVwiIFtuZ0NsYXNzXT1cIntidXN5OiBidXN5fVwiIFtjbGFzc109XCJjbGFzc1wiPlxyXG4gIDxtYXQtaWNvbiAqbmdJZj1cIm1hdEljb25QcmVmaXhcIj57e21hdEljb25QcmVmaXh9fTwvbWF0LWljb24+XHJcbiAge3tsYWJlbH19XHJcbiAgPG1hdC1wcm9ncmVzcy1iYXIgKm5nSWY9XCJidXN5XCIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIiBbY29sb3JdPVwiY29sb3JcIj48L21hdC1wcm9ncmVzcy1iYXI+XHJcbjwvYnV0dG9uPlxyXG4iXX0=
@@ -1,39 +1,39 @@
1
- import { Component, Input, Optional, Self } from '@angular/core';
2
- import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/forms";
5
- import * as i2 from "@angular/common";
6
- import * as i3 from "@angular/material/checkbox";
7
- import * as i4 from "../layouts/simple/ui-simple-layout.component";
8
- export class CheckboxComponent extends UiSimpleComponent {
9
- constructor(ngControl) {
10
- super(ngControl);
11
- this.ngControl = ngControl;
12
- this.color = 'primary';
13
- this.useInputMessages = 'never';
14
- }
15
- ngOnInit() {
16
- super.ngOnInit();
17
- if (this.label) {
18
- this.text = this.label;
19
- this.label = undefined;
20
- }
21
- }
22
- setDisabledState(isDisabled) {
23
- }
24
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
25
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: CheckboxComponent, selector: "ui-checkbox", inputs: { color: "color", useInputMessages: "useInputMessages" }, usesInheritance: true, ngImport: i0, template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n <div class=\"control-container\">\r\n <mat-checkbox [formControl]=\"componentFormControl\" [color]=\"color\" [class]=\"size\">\r\n <div *ngIf=\"!text\"><ng-content></ng-content></div>\r\n <div *ngIf=\"text\" [innerHTML]=\"text\"></div>\r\n </mat-checkbox>\r\n <div *ngIf=\"hint\" class=\"hint\" [innerHTML]=\"hint\"></div>\r\n </div>\r\n</ui-simple-layout>\r\n", styles: [":host{display:flex}:host ::ng-deep .mat-checkbox{display:flex}:host ::ng-deep .hint{font-size:.8em;padding-top:.1em;padding-left:2.05em}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.UiSimpleLayoutComponent, selector: "ui-simple-layout", inputs: ["ctx"] }] }); }
26
- }
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxComponent, decorators: [{
28
- type: Component,
29
- args: [{ selector: 'ui-checkbox', template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n <div class=\"control-container\">\r\n <mat-checkbox [formControl]=\"componentFormControl\" [color]=\"color\" [class]=\"size\">\r\n <div *ngIf=\"!text\"><ng-content></ng-content></div>\r\n <div *ngIf=\"text\" [innerHTML]=\"text\"></div>\r\n </mat-checkbox>\r\n <div *ngIf=\"hint\" class=\"hint\" [innerHTML]=\"hint\"></div>\r\n </div>\r\n</ui-simple-layout>\r\n", styles: [":host{display:flex}:host ::ng-deep .mat-checkbox{display:flex}:host ::ng-deep .hint{font-size:.8em;padding-top:.1em;padding-left:2.05em}\n"] }]
30
- }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
31
- type: Optional
32
- }, {
33
- type: Self
34
- }] }]; }, propDecorators: { color: [{
35
- type: Input
36
- }], useInputMessages: [{
37
- type: Input
38
- }] } });
1
+ import { Component, Input, Optional, Self } from '@angular/core';
2
+ import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/forms";
5
+ import * as i2 from "@angular/common";
6
+ import * as i3 from "@angular/material/checkbox";
7
+ import * as i4 from "../layouts/simple/ui-simple-layout.component";
8
+ export class CheckboxComponent extends UiSimpleComponent {
9
+ constructor(ngControl) {
10
+ super(ngControl);
11
+ this.ngControl = ngControl;
12
+ this.color = 'primary';
13
+ this.useInputMessages = 'never';
14
+ }
15
+ ngOnInit() {
16
+ super.ngOnInit();
17
+ if (this.label) {
18
+ this.text = this.label;
19
+ this.label = undefined;
20
+ }
21
+ }
22
+ setDisabledState(isDisabled) {
23
+ }
24
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
25
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: CheckboxComponent, selector: "ui-checkbox", inputs: { color: "color", useInputMessages: "useInputMessages" }, usesInheritance: true, ngImport: i0, template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n <div class=\"control-container\">\r\n <mat-checkbox [formControl]=\"componentFormControl\" [color]=\"color\" [class]=\"size\">\r\n <div *ngIf=\"!text\"><ng-content></ng-content></div>\r\n <div *ngIf=\"text\" [innerHTML]=\"text\"></div>\r\n </mat-checkbox>\r\n <div *ngIf=\"hint\" class=\"hint\" [innerHTML]=\"hint\"></div>\r\n </div>\r\n</ui-simple-layout>\r\n", styles: [":host{display:flex}:host ::ng-deep .mat-checkbox{display:flex}:host ::ng-deep .hint{font-size:.8em;padding-top:.1em;padding-left:2.05em}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.UiSimpleLayoutComponent, selector: "ui-simple-layout", inputs: ["ctx"] }] }); }
26
+ }
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxComponent, decorators: [{
28
+ type: Component,
29
+ args: [{ selector: 'ui-checkbox', template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n <div class=\"control-container\">\r\n <mat-checkbox [formControl]=\"componentFormControl\" [color]=\"color\" [class]=\"size\">\r\n <div *ngIf=\"!text\"><ng-content></ng-content></div>\r\n <div *ngIf=\"text\" [innerHTML]=\"text\"></div>\r\n </mat-checkbox>\r\n <div *ngIf=\"hint\" class=\"hint\" [innerHTML]=\"hint\"></div>\r\n </div>\r\n</ui-simple-layout>\r\n", styles: [":host{display:flex}:host ::ng-deep .mat-checkbox{display:flex}:host ::ng-deep .hint{font-size:.8em;padding-top:.1em;padding-left:2.05em}\n"] }]
30
+ }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
31
+ type: Optional
32
+ }, {
33
+ type: Self
34
+ }] }]; }, propDecorators: { color: [{
35
+ type: Input
36
+ }], useInputMessages: [{
37
+ type: Input
38
+ }] } });
39
39
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLEtBQUssRUFBVSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7Ozs7QUFZMUUsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGlCQUFpQjtJQU90RCxZQUF1QyxTQUFvQjtRQUN6RCxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFEb0IsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUxsRCxVQUFLLEdBQWtDLFNBQVMsQ0FBQztRQUNqRCxxQkFBZ0IsR0FBb0MsT0FBTyxDQUFDO0lBTXJFLENBQUM7SUFFRCxRQUFRO1FBQ04sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztTQUN4QjtJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtJQUNwQyxDQUFDOytHQXBCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0SUNkOUIseWFBVUE7OzRGRElhLGlCQUFpQjtrQkFWN0IsU0FBUzsrQkFDRSxhQUFhOzswQkFnQlYsUUFBUTs7MEJBQUksSUFBSTs0Q0FMcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgVWlTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuLi9sYXlvdXRzL3NpbXBsZS91aS1zaW1wbGUuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWktY2hlY2tib3gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcclxuICAvLyBwcm92aWRlcnM6IFt7XHJcbiAgLy8gICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAvLyAgIG11bHRpOiB0cnVlLFxyXG4gIC8vICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ2hlY2tib3hDb21wb25lbnQpLFxyXG4gIC8vIH1dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBleHRlbmRzIFVpU2ltcGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICdhY2NlbnQnIHwgJ3dhcm4nID0gJ3ByaW1hcnknO1xyXG4gIEBJbnB1dCgpIHVzZUlucHV0TWVzc2FnZXM6ICduZXZlcicgfCAnYWx3YXlzJyB8ICdvbmRlbWFuZCcgPSAnbmV2ZXInO1xyXG5cclxuICB0ZXh0O1xyXG5cclxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBAU2VsZigpIHB1YmxpYyBuZ0NvbnRyb2w6IE5nQ29udHJvbCkge1xyXG4gICAgc3VwZXIobmdDb250cm9sKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAgIGlmICh0aGlzLmxhYmVsKSB7XHJcbiAgICAgIHRoaXMudGV4dCA9IHRoaXMubGFiZWw7XHJcbiAgICAgIHRoaXMubGFiZWwgPSB1bmRlZmluZWQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICB9XHJcbn1cclxuIiwiPHVpLXNpbXBsZS1sYXlvdXQgW2N0eF09XCJ0aGlzXCI+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJjb250cm9sLWNvbnRhaW5lclwiPlxyXG4gICAgPG1hdC1jaGVja2JveCBbZm9ybUNvbnRyb2xdPVwiY29tcG9uZW50Rm9ybUNvbnRyb2xcIiBbY29sb3JdPVwiY29sb3JcIiBbY2xhc3NdPVwic2l6ZVwiPlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwiIXRleHRcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJ0ZXh0XCIgW2lubmVySFRNTF09XCJ0ZXh0XCI+PC9kaXY+XHJcbiAgICA8L21hdC1jaGVja2JveD5cclxuICAgIDxkaXYgKm5nSWY9XCJoaW50XCIgY2xhc3M9XCJoaW50XCIgW2lubmVySFRNTF09XCJoaW50XCI+PC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvdWktc2ltcGxlLWxheW91dD5cclxuIl19
@@ -1,91 +1,91 @@
1
- import { Component, Input, Optional, Self } from '@angular/core';
2
- import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
3
- import { UntypedFormControl, Validators } from '@angular/forms';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/forms";
6
- import * as i2 from "@angular/common";
7
- import * as i3 from "../checkbox/checkbox.component";
8
- import * as i4 from "../layouts/simple/ui-simple-layout.component";
9
- // export interface CheckboxGroupOption {
10
- // value: any,
11
- // label: string,
12
- // hint?: string
13
- // }
14
- export class CheckboxGroupComponent extends UiSimpleComponent {
15
- constructor(control) {
16
- super(control);
17
- this.control = control;
18
- this.displayAttribute = 'label';
19
- this.hintAttribute = 'hint';
20
- this.optionEnabled = (option) => true;
21
- }
22
- // ngOnInit(): void {
23
- // super.ngOnInit();
24
- // }
25
- ngOnChanges(changes) {
26
- super.ngOnChanges(changes);
27
- if (changes.options) {
28
- this.cbxs = [];
29
- this.valueMode = Array.isArray(this.control.value) ? 'array' : 'object';
30
- Object.keys(changes.options.currentValue).forEach(k => {
31
- const v = changes.options.currentValue[k];
32
- const ct = new UntypedFormControl(this.valueMode === 'array' ? this.control.value.includes(v) : this.control.value[k] === true);
33
- if (!this.optionEnabled(v)) {
34
- ct.disable();
35
- }
36
- ct.valueChanges.subscribe(() => {
37
- const value = this.valueMode === 'array' ? [] : {};
38
- let hasChecked = false;
39
- this.cbxs.forEach((cbx) => {
40
- const checked = cbx.control.value;
41
- hasChecked = hasChecked || checked;
42
- if (this.valueMode === 'array') {
43
- if (checked) {
44
- value.push(cbx.value.value);
45
- }
46
- }
47
- else {
48
- value[cbx.key] = checked;
49
- }
50
- });
51
- this.componentFormControl.markAsTouched();
52
- this.componentFormControl.setValue(value);
53
- if (this.componentFormControl.hasValidator(Validators.required) && !hasChecked) {
54
- this.componentFormControl.setErrors({ cbGroupRequired: true });
55
- }
56
- else {
57
- this.componentFormControl.setErrors(null);
58
- }
59
- });
60
- this.cbxs.push({
61
- control: ct,
62
- value: this.valueAttribute ? v[this.valueAttribute] : v,
63
- label: this.displayAttribute ? v[this.displayAttribute] : v,
64
- hint: this.hintAttribute ? v[this.hintAttribute] : undefined,
65
- key: this.valueMode === 'object' ? k : undefined
66
- });
67
- });
68
- }
69
- }
70
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
71
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: CheckboxGroupComponent, selector: "ui-checkbox-group", inputs: { valueAttribute: "valueAttribute", displayAttribute: "displayAttribute", hintAttribute: "hintAttribute", options: "options", optionEnabled: "optionEnabled" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n<ui-checkbox *ngFor=\"let cbx of cbxs\" [formControl]=\"cbx.control\" [label]=\"cbx.label\" [hint]=\"cbx.hint\"></ui-checkbox>\r\n\r\n</ui-simple-layout>\r\n", styles: [":host ui-checkbox{margin-top:.2em;margin-bottom:.2em}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.CheckboxComponent, selector: "ui-checkbox", inputs: ["color", "useInputMessages"] }, { kind: "component", type: i4.UiSimpleLayoutComponent, selector: "ui-simple-layout", inputs: ["ctx"] }] }); }
72
- }
73
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
74
- type: Component,
75
- args: [{ selector: 'ui-checkbox-group', template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n<ui-checkbox *ngFor=\"let cbx of cbxs\" [formControl]=\"cbx.control\" [label]=\"cbx.label\" [hint]=\"cbx.hint\"></ui-checkbox>\r\n\r\n</ui-simple-layout>\r\n", styles: [":host ui-checkbox{margin-top:.2em;margin-bottom:.2em}\n"] }]
76
- }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
77
- type: Optional
78
- }, {
79
- type: Self
80
- }] }]; }, propDecorators: { valueAttribute: [{
81
- type: Input
82
- }], displayAttribute: [{
83
- type: Input
84
- }], hintAttribute: [{
85
- type: Input
86
- }], options: [{
87
- type: Input
88
- }], optionEnabled: [{
89
- type: Input
90
- }] } });
1
+ import { Component, Input, Optional, Self } from '@angular/core';
2
+ import { UiSimpleComponent } from '../layouts/simple/ui-simple.component';
3
+ import { UntypedFormControl, Validators } from '@angular/forms';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@angular/forms";
6
+ import * as i2 from "@angular/common";
7
+ import * as i3 from "../checkbox/checkbox.component";
8
+ import * as i4 from "../layouts/simple/ui-simple-layout.component";
9
+ // export interface CheckboxGroupOption {
10
+ // value: any,
11
+ // label: string,
12
+ // hint?: string
13
+ // }
14
+ export class CheckboxGroupComponent extends UiSimpleComponent {
15
+ constructor(control) {
16
+ super(control);
17
+ this.control = control;
18
+ this.displayAttribute = 'label';
19
+ this.hintAttribute = 'hint';
20
+ this.optionEnabled = (option) => true;
21
+ }
22
+ // ngOnInit(): void {
23
+ // super.ngOnInit();
24
+ // }
25
+ ngOnChanges(changes) {
26
+ super.ngOnChanges(changes);
27
+ if (changes.options) {
28
+ this.cbxs = [];
29
+ this.valueMode = Array.isArray(this.control.value) ? 'array' : 'object';
30
+ Object.keys(changes.options.currentValue).forEach(k => {
31
+ const v = changes.options.currentValue[k];
32
+ const ct = new UntypedFormControl(this.valueMode === 'array' ? this.control.value.includes(v) : this.control.value[k] === true);
33
+ if (!this.optionEnabled(v)) {
34
+ ct.disable();
35
+ }
36
+ ct.valueChanges.subscribe(() => {
37
+ const value = this.valueMode === 'array' ? [] : {};
38
+ let hasChecked = false;
39
+ this.cbxs.forEach((cbx) => {
40
+ const checked = cbx.control.value;
41
+ hasChecked = hasChecked || checked;
42
+ if (this.valueMode === 'array') {
43
+ if (checked) {
44
+ value.push(cbx.value.value);
45
+ }
46
+ }
47
+ else {
48
+ value[cbx.key] = checked;
49
+ }
50
+ });
51
+ this.componentFormControl.markAsTouched();
52
+ this.componentFormControl.setValue(value);
53
+ if (this.componentFormControl.hasValidator(Validators.required) && !hasChecked) {
54
+ this.componentFormControl.setErrors({ cbGroupRequired: true });
55
+ }
56
+ else {
57
+ this.componentFormControl.setErrors(null);
58
+ }
59
+ });
60
+ this.cbxs.push({
61
+ control: ct,
62
+ value: this.valueAttribute ? v[this.valueAttribute] : v,
63
+ label: this.displayAttribute ? v[this.displayAttribute] : v,
64
+ hint: this.hintAttribute ? v[this.hintAttribute] : undefined,
65
+ key: this.valueMode === 'object' ? k : undefined
66
+ });
67
+ });
68
+ }
69
+ }
70
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
71
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: CheckboxGroupComponent, selector: "ui-checkbox-group", inputs: { valueAttribute: "valueAttribute", displayAttribute: "displayAttribute", hintAttribute: "hintAttribute", options: "options", optionEnabled: "optionEnabled" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n<ui-checkbox *ngFor=\"let cbx of cbxs\" [formControl]=\"cbx.control\" [label]=\"cbx.label\" [hint]=\"cbx.hint\"></ui-checkbox>\r\n\r\n</ui-simple-layout>\r\n", styles: [":host ui-checkbox{margin-top:.2em;margin-bottom:.2em}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.CheckboxComponent, selector: "ui-checkbox", inputs: ["color", "useInputMessages"] }, { kind: "component", type: i4.UiSimpleLayoutComponent, selector: "ui-simple-layout", inputs: ["ctx"] }] }); }
72
+ }
73
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
74
+ type: Component,
75
+ args: [{ selector: 'ui-checkbox-group', template: "<ui-simple-layout [ctx]=\"this\">\r\n\r\n<ui-checkbox *ngFor=\"let cbx of cbxs\" [formControl]=\"cbx.control\" [label]=\"cbx.label\" [hint]=\"cbx.hint\"></ui-checkbox>\r\n\r\n</ui-simple-layout>\r\n", styles: [":host ui-checkbox{margin-top:.2em;margin-bottom:.2em}\n"] }]
76
+ }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
77
+ type: Optional
78
+ }, {
79
+ type: Self
80
+ }] }]; }, propDecorators: { valueAttribute: [{
81
+ type: Input
82
+ }], displayAttribute: [{
83
+ type: Input
84
+ }], hintAttribute: [{
85
+ type: Input
86
+ }], options: [{
87
+ type: Input
88
+ }], optionEnabled: [{
89
+ type: Input
90
+ }] } });
91
91
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9jaGVja2JveC1ncm91cC9jaGVja2JveC1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NoZWNrYm94LWdyb3VwL2NoZWNrYm94LWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLFFBQVEsRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBYSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBRTNFLHlDQUF5QztBQUN6QyxnQkFBZ0I7QUFDaEIsbUJBQW1CO0FBQ25CLGtCQUFrQjtBQUNsQixJQUFJO0FBY0osTUFBTSxPQUFPLHNCQUF1QixTQUFRLGlCQUFpQjtJQWEzRCxZQUF1QyxPQUFrQjtRQUN2RCxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFEc0IsWUFBTyxHQUFQLE9BQU8sQ0FBVztRQU5oRCxxQkFBZ0IsR0FBRyxPQUFPLENBQUM7UUFDM0Isa0JBQWEsR0FBRyxNQUFNLENBQUM7UUFHdkIsa0JBQWEsR0FBRyxDQUFDLE1BQVcsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDO0lBSS9DLENBQUM7SUFFRCxxQkFBcUI7SUFDckIsc0JBQXNCO0lBQ3RCLElBQUk7SUFFSixXQUFXLENBQUMsT0FBc0I7UUFDaEMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzQixJQUFJLE9BQU8sQ0FBQyxPQUFPLEVBQUU7WUFDbkIsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7WUFDZixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7WUFDeEUsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDcEQsTUFBTSxDQUFDLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzFDLE1BQU0sRUFBRSxHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLFNBQVMsS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7Z0JBQ2hJLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFO29CQUMxQixFQUFFLENBQUMsT0FBTyxFQUFFLENBQUM7aUJBQ2Q7Z0JBQ0QsRUFBRSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO29CQUM3QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7b0JBQ25ELElBQUksVUFBVSxHQUFHLEtBQUssQ0FBQztvQkFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTt3QkFDeEIsTUFBTSxPQUFPLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7d0JBQ2xDLFVBQVUsR0FBRyxVQUFVLElBQUksT0FBTyxDQUFDO3dCQUNuQyxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssT0FBTyxFQUFFOzRCQUM5QixJQUFJLE9BQU8sRUFBRTtnQ0FDVixLQUFlLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7NkJBQ3hDO3lCQUNGOzZCQUFNOzRCQUNMLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsT0FBTyxDQUFDO3lCQUMxQjtvQkFDSCxDQUFDLENBQUMsQ0FBQztvQkFDSCxJQUFJLENBQUMsb0JBQW9CLENBQUMsYUFBYSxFQUFFLENBQUM7b0JBQzFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzFDLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7d0JBQzlFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsRUFBQyxlQUFlLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQztxQkFDOUQ7eUJBQU07d0JBQ0wsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztxQkFDM0M7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0gsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7b0JBQ2IsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQ3ZELEtBQUssRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztvQkFDM0QsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVM7b0JBQzVELEdBQUcsRUFBRSxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO2lCQUNqRCxDQUFDLENBQUE7WUFDSixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzsrR0EvRFUsc0JBQXNCO21HQUF0QixzQkFBc0IsNlFDdEJuQyx3TUFLQTs7NEZEaUJhLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFDRSxtQkFBbUI7OzBCQXdCaEIsUUFBUTs7MEJBQUksSUFBSTs0Q0FQcEIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT3B0aW9uYWwsIFNlbGYsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVWlTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuLi9sYXlvdXRzL3NpbXBsZS91aS1zaW1wbGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVW50eXBlZEZvcm1Db250cm9sLCBOZ0NvbnRyb2wsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG4vLyBleHBvcnQgaW50ZXJmYWNlIENoZWNrYm94R3JvdXBPcHRpb24ge1xyXG4vLyAgIHZhbHVlOiBhbnksXHJcbi8vICAgbGFiZWw6IHN0cmluZyxcclxuLy8gICBoaW50Pzogc3RyaW5nXHJcbi8vIH1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWktY2hlY2tib3gtZ3JvdXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcclxuICAvLyBwcm92aWRlcnM6IFtcclxuICAvLyAgIHtcclxuICAvLyAgICAgcHJvdmlkZTogTkdfVkFMSURBVE9SUyxcclxuICAvLyAgICAgbXVsdGk6IHRydWUsXHJcbiAgLy8gICAgIHVzZUV4aXN0aW5nOiBDaGVja2JveEdyb3VwQ29tcG9uZW50XHJcbiAgLy8gICB9XHJcbiAgLy8gXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hHcm91cENvbXBvbmVudCBleHRlbmRzIFVpU2ltcGxlQ29tcG9uZW50IGltcGxlbWVudHMgLypPbkluaXQsICovT25DaGFuZ2VzIHsgLy8gfSwgVmFsaWRhdG9yIHtcclxuXHJcbiAgY2J4czogYW55O1xyXG5cclxuICBwcml2YXRlIHZhbHVlTW9kZTogJ2FycmF5JyB8ICdvYmplY3QnO1xyXG5cclxuICBASW5wdXQoKSB2YWx1ZUF0dHJpYnV0ZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGRpc3BsYXlBdHRyaWJ1dGUgPSAnbGFiZWwnO1xyXG4gIEBJbnB1dCgpIGhpbnRBdHRyaWJ1dGUgPSAnaGludCc7XHJcblxyXG4gIEBJbnB1dCgpIG9wdGlvbnM6IGFueVtdO1xyXG4gIEBJbnB1dCgpIG9wdGlvbkVuYWJsZWQgPSAob3B0aW9uOiBhbnkpID0+IHRydWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBTZWxmKCkgcHVibGljIGNvbnRyb2w6IE5nQ29udHJvbCkge1xyXG4gICAgc3VwZXIoY29udHJvbCk7XHJcbiAgfVxyXG5cclxuICAvLyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAvLyAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgLy8gfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcclxuICAgIGlmIChjaGFuZ2VzLm9wdGlvbnMpIHtcclxuICAgICAgdGhpcy5jYnhzID0gW107XHJcbiAgICAgIHRoaXMudmFsdWVNb2RlID0gQXJyYXkuaXNBcnJheSh0aGlzLmNvbnRyb2wudmFsdWUpID8gJ2FycmF5JyA6ICdvYmplY3QnO1xyXG4gICAgICBPYmplY3Qua2V5cyhjaGFuZ2VzLm9wdGlvbnMuY3VycmVudFZhbHVlKS5mb3JFYWNoKGsgPT4ge1xyXG4gICAgICAgIGNvbnN0IHYgPSBjaGFuZ2VzLm9wdGlvbnMuY3VycmVudFZhbHVlW2tdO1xyXG4gICAgICAgIGNvbnN0IGN0ID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCh0aGlzLnZhbHVlTW9kZSA9PT0gJ2FycmF5JyA/IHRoaXMuY29udHJvbC52YWx1ZS5pbmNsdWRlcyh2KSA6IHRoaXMuY29udHJvbC52YWx1ZVtrXSA9PT0gdHJ1ZSk7XHJcbiAgICAgICAgaWYgKCF0aGlzLm9wdGlvbkVuYWJsZWQodikpIHtcclxuICAgICAgICAgIGN0LmRpc2FibGUoKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgY3QudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMudmFsdWVNb2RlID09PSAnYXJyYXknID8gW10gOiB7fTtcclxuICAgICAgICAgIGxldCBoYXNDaGVja2VkID0gZmFsc2U7XHJcbiAgICAgICAgICB0aGlzLmNieHMuZm9yRWFjaCgoY2J4KSA9PiB7XHJcbiAgICAgICAgICAgIGNvbnN0IGNoZWNrZWQgPSBjYnguY29udHJvbC52YWx1ZTtcclxuICAgICAgICAgICAgaGFzQ2hlY2tlZCA9IGhhc0NoZWNrZWQgfHwgY2hlY2tlZDtcclxuICAgICAgICAgICAgaWYgKHRoaXMudmFsdWVNb2RlID09PSAnYXJyYXknKSB7XHJcbiAgICAgICAgICAgICAgaWYgKGNoZWNrZWQpIHtcclxuICAgICAgICAgICAgICAgICh2YWx1ZSBhcyBhbnlbXSkucHVzaChjYngudmFsdWUudmFsdWUpO1xyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICB2YWx1ZVtjYngua2V5XSA9IGNoZWNrZWQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgdGhpcy5jb21wb25lbnRGb3JtQ29udHJvbC5tYXJrQXNUb3VjaGVkKCk7XHJcbiAgICAgICAgICB0aGlzLmNvbXBvbmVudEZvcm1Db250cm9sLnNldFZhbHVlKHZhbHVlKTtcclxuICAgICAgICAgIGlmICh0aGlzLmNvbXBvbmVudEZvcm1Db250cm9sLmhhc1ZhbGlkYXRvcihWYWxpZGF0b3JzLnJlcXVpcmVkKSAmJiAhaGFzQ2hlY2tlZCkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbXBvbmVudEZvcm1Db250cm9sLnNldEVycm9ycyh7Y2JHcm91cFJlcXVpcmVkOiB0cnVlfSk7XHJcbiAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmNvbXBvbmVudEZvcm1Db250cm9sLnNldEVycm9ycyhudWxsKTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9KTtcclxuICAgICAgICB0aGlzLmNieHMucHVzaCh7XHJcbiAgICAgICAgICBjb250cm9sOiBjdCxcclxuICAgICAgICAgIHZhbHVlOiB0aGlzLnZhbHVlQXR0cmlidXRlID8gdlt0aGlzLnZhbHVlQXR0cmlidXRlXSA6IHYsXHJcbiAgICAgICAgICBsYWJlbDogdGhpcy5kaXNwbGF5QXR0cmlidXRlID8gdlt0aGlzLmRpc3BsYXlBdHRyaWJ1dGVdIDogdixcclxuICAgICAgICAgIGhpbnQ6IHRoaXMuaGludEF0dHJpYnV0ZSA/IHZbdGhpcy5oaW50QXR0cmlidXRlXSA6IHVuZGVmaW5lZCxcclxuICAgICAgICAgIGtleTogdGhpcy52YWx1ZU1vZGUgPT09ICdvYmplY3QnID8gayA6IHVuZGVmaW5lZFxyXG4gICAgICAgIH0pXHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy8gcmVnaXN0ZXJPblZhbGlkYXRvckNoYW5nZShmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xyXG4gIC8vIH1cclxuICAvL1xyXG4gIC8vIHZhbGlkYXRlKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCk6IFZhbGlkYXRpb25FcnJvcnMgfCBudWxsIHtcclxuICAvLyAgIGNvbnNvbGUubG9nKCd2YWxpZGF0ZScpO1xyXG4gIC8vICAgcmV0dXJuIHVuZGVmaW5lZDtcclxuICAvLyB9XHJcbn1cclxuIiwiPHVpLXNpbXBsZS1sYXlvdXQgW2N0eF09XCJ0aGlzXCI+XHJcblxyXG48dWktY2hlY2tib3ggKm5nRm9yPVwibGV0IGNieCBvZiBjYnhzXCIgW2Zvcm1Db250cm9sXT1cImNieC5jb250cm9sXCIgW2xhYmVsXT1cImNieC5sYWJlbFwiIFtoaW50XT1cImNieC5oaW50XCI+PC91aS1jaGVja2JveD5cclxuXHJcbjwvdWktc2ltcGxlLWxheW91dD5cclxuIl19