@klippa/ngx-enhancy-forms 18.34.0 → 20.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/fesm2022/klippa-ngx-enhancy-forms.mjs +145 -140
  2. package/fesm2022/klippa-ngx-enhancy-forms.mjs.map +1 -1
  3. package/index.d.ts +707 -3
  4. package/package.json +5 -7
  5. package/esm2022/klippa-ngx-enhancy-forms.mjs +0 -5
  6. package/esm2022/lib/elementIsTruncatedCb.component.mjs +0 -58
  7. package/esm2022/lib/elements/button/button.component.mjs +0 -57
  8. package/esm2022/lib/elements/checkbox/checkbox.component.mjs +0 -23
  9. package/esm2022/lib/elements/date-picker/date-picker.component.mjs +0 -108
  10. package/esm2022/lib/elements/date-time-picker/date-time-picker.component.mjs +0 -436
  11. package/esm2022/lib/elements/email/email-input.component.mjs +0 -21
  12. package/esm2022/lib/elements/file-input/file-input.component.mjs +0 -76
  13. package/esm2022/lib/elements/hour-minute-input/hour-minute-input.component.mjs +0 -90
  14. package/esm2022/lib/elements/loading-indicator/loading-indicator.component.mjs +0 -20
  15. package/esm2022/lib/elements/number-input/number-input.component.mjs +0 -31
  16. package/esm2022/lib/elements/password-field/password-field.component.mjs +0 -21
  17. package/esm2022/lib/elements/radio/radio.component.mjs +0 -34
  18. package/esm2022/lib/elements/select/select-footer/select-footer.component.mjs +0 -15
  19. package/esm2022/lib/elements/select/select.component.mjs +0 -385
  20. package/esm2022/lib/elements/sortable-grouped-items/sortable-grouped-items.component.mjs +0 -54
  21. package/esm2022/lib/elements/sortable-items/sortable-items.component.mjs +0 -189
  22. package/esm2022/lib/elements/text-area/text-area.component.mjs +0 -23
  23. package/esm2022/lib/elements/text-input/text-input.component.mjs +0 -52
  24. package/esm2022/lib/elements/toggle/toggle.component.mjs +0 -21
  25. package/esm2022/lib/elements/value-accessor-base/multiple-value-accessor-base.component.mjs +0 -61
  26. package/esm2022/lib/elements/value-accessor-base/value-accessor-base.component.mjs +0 -167
  27. package/esm2022/lib/form/form-caption/form-caption.component.mjs +0 -31
  28. package/esm2022/lib/form/form-caption-end/form-caption-end.component.mjs +0 -34
  29. package/esm2022/lib/form/form-element/form-element.component.mjs +0 -317
  30. package/esm2022/lib/form/form-error/form-error.component.mjs +0 -40
  31. package/esm2022/lib/form/form-submit-button/form-submit-button.component.mjs +0 -71
  32. package/esm2022/lib/form/form-validation-error/form-validation-error.mjs +0 -22
  33. package/esm2022/lib/form/form.component.mjs +0 -456
  34. package/esm2022/lib/material.module.mjs +0 -22
  35. package/esm2022/lib/ngx-enhancy-forms.module.mjs +0 -191
  36. package/esm2022/lib/onRender.component.mjs +0 -19
  37. package/esm2022/lib/types.mjs +0 -2
  38. package/esm2022/lib/util/angular.mjs +0 -9
  39. package/esm2022/lib/util/arrays.mjs +0 -48
  40. package/esm2022/lib/util/classes.mjs +0 -2
  41. package/esm2022/lib/util/dom.mjs +0 -15
  42. package/esm2022/lib/util/objects.mjs +0 -38
  43. package/esm2022/lib/util/values.mjs +0 -23
  44. package/esm2022/lib/validators/dateValidator.mjs +0 -6
  45. package/esm2022/lib/validators/timeValidator.mjs +0 -6
  46. package/esm2022/lib/warning-icon/warning-icon.component.mjs +0 -17
  47. package/esm2022/lib/withTooltip.component.mjs +0 -185
  48. package/esm2022/public-api.mjs +0 -38
  49. package/lib/elementIsTruncatedCb.component.d.ts +0 -14
  50. package/lib/elements/button/button.component.d.ts +0 -16
  51. package/lib/elements/checkbox/checkbox.component.d.ts +0 -8
  52. package/lib/elements/date-picker/date-picker.component.d.ts +0 -26
  53. package/lib/elements/date-time-picker/date-time-picker.component.d.ts +0 -83
  54. package/lib/elements/email/email-input.component.d.ts +0 -7
  55. package/lib/elements/file-input/file-input.component.d.ts +0 -18
  56. package/lib/elements/hour-minute-input/hour-minute-input.component.d.ts +0 -20
  57. package/lib/elements/loading-indicator/loading-indicator.component.d.ts +0 -7
  58. package/lib/elements/number-input/number-input.component.d.ts +0 -9
  59. package/lib/elements/password-field/password-field.component.d.ts +0 -7
  60. package/lib/elements/radio/radio.component.d.ts +0 -21
  61. package/lib/elements/select/select-footer/select-footer.component.d.ts +0 -7
  62. package/lib/elements/select/select.component.d.ts +0 -91
  63. package/lib/elements/sortable-grouped-items/sortable-grouped-items.component.d.ts +0 -12
  64. package/lib/elements/sortable-items/sortable-items.component.d.ts +0 -29
  65. package/lib/elements/text-area/text-area.component.d.ts +0 -9
  66. package/lib/elements/text-input/text-input.component.d.ts +0 -19
  67. package/lib/elements/toggle/toggle.component.d.ts +0 -7
  68. package/lib/elements/value-accessor-base/multiple-value-accessor-base.component.d.ts +0 -14
  69. package/lib/elements/value-accessor-base/value-accessor-base.component.d.ts +0 -50
  70. package/lib/form/form-caption/form-caption.component.d.ts +0 -11
  71. package/lib/form/form-caption-end/form-caption-end.component.d.ts +0 -12
  72. package/lib/form/form-element/form-element.component.d.ts +0 -81
  73. package/lib/form/form-error/form-error.component.d.ts +0 -15
  74. package/lib/form/form-submit-button/form-submit-button.component.d.ts +0 -21
  75. package/lib/form/form-validation-error/form-validation-error.d.ts +0 -10
  76. package/lib/form/form.component.d.ts +0 -62
  77. package/lib/material.module.d.ts +0 -11
  78. package/lib/ngx-enhancy-forms.module.d.ts +0 -41
  79. package/lib/onRender.component.d.ts +0 -8
  80. package/lib/types.d.ts +0 -16
  81. package/lib/util/angular.d.ts +0 -2
  82. package/lib/util/arrays.d.ts +0 -8
  83. package/lib/util/classes.d.ts +0 -1
  84. package/lib/util/dom.d.ts +0 -2
  85. package/lib/util/objects.d.ts +0 -1
  86. package/lib/util/values.d.ts +0 -6
  87. package/lib/validators/dateValidator.d.ts +0 -3
  88. package/lib/validators/timeValidator.d.ts +0 -3
  89. package/lib/warning-icon/warning-icon.component.d.ts +0 -6
  90. package/lib/withTooltip.component.d.ts +0 -23
  91. package/public-api.d.ts +0 -34
@@ -1,76 +0,0 @@
1
- import { Component, Input, ViewChild } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
- import { MultipleValueAccessorBase } from '../value-accessor-base/multiple-value-accessor-base.component';
4
- import { isValueSet } from '../../util/values';
5
- import { arrayIsSetAndFilled } from '../../util/arrays';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "@angular/common";
8
- import * as i2 from "../button/button.component";
9
- export class FileInputComponent extends MultipleValueAccessorBase {
10
- constructor() {
11
- super(...arguments);
12
- this.isLoading = false;
13
- this.clearable = false;
14
- this.onlyShowUploadButton = false;
15
- this.useFullParentSize = false;
16
- this.fullyCustom = false;
17
- }
18
- onChange(files) {
19
- const result = [];
20
- for (let i = 0; i < files.length; i++) {
21
- result.push(files.item(i));
22
- }
23
- this.setInnerValueAndNotify(result);
24
- // to make sure we can select the same file again
25
- this.nativeInputRef.nativeElement.value = null;
26
- }
27
- getFileNames() {
28
- if (Array.isArray(this.innerValue)) {
29
- return this.innerValue.map(e => e.name).join(', ');
30
- }
31
- else if (this.innerValue instanceof File) {
32
- return this.innerValue.name;
33
- }
34
- return null;
35
- }
36
- shouldShowClearButton() {
37
- if (this.onlyShowUploadButton) {
38
- return false;
39
- }
40
- if (this.multiple) {
41
- if (arrayIsSetAndFilled(this.innerValue)) {
42
- return true;
43
- }
44
- return false;
45
- }
46
- if (isValueSet(this.innerValue)) {
47
- return true;
48
- }
49
- return false;
50
- }
51
- uploadFileClicked() {
52
- this.nativeInputRef.nativeElement.click();
53
- }
54
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
55
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FileInputComponent, selector: "klp-form-file-input", inputs: { isLoading: "isLoading", clearable: "clearable", onlyShowUploadButton: "onlyShowUploadButton", useFullParentSize: "useFullParentSize", buttonText: "buttonText", fullyCustom: "fullyCustom" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: FileInputComponent, multi: true }], viewQueries: [{ propertyName: "nativeInputRef", first: true, predicate: ["nativeInputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fullyCustom\" *ngIf=\"fullyCustom\">\n\t<input\n\t\ttype=\"file\"\n\t\t#nativeInputRef\n\t\t(change)=\"onChange($event.target.files)\"\n\t\t[multiple]=\"multiple\"\n\t\t[disabled]=\"disabled\"\n\t/>\n\t<div (click)=\"uploadFileClicked()\">\n\t\t<ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n\t</div>\n</div>\n\n<div class=\"componentContainer\" [ngClass]=\"{fullParentSize: useFullParentSize, showErrors: isInErrorState()}\"\n\t\t *ngIf=\"!fullyCustom\">\n\t<div class=\"buttonContainer\">\n\t\t<input\n\t\t\ttype=\"file\"\n\t\t\t#nativeInputRef\n\t\t\t(change)=\"onChange($event.target.files)\"\n\t\t\t[multiple]=\"multiple\"\n\t\t\t[disabled]=\"disabled\"\n\t\t>\n\t\t<klp-form-button\n\t\t\tclass=\"uploadButton\"\n\t\t\t[isLoading]=\"isLoading\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(click)=\"uploadFileClicked()\"\n\t\t>\n\t\t\t<div class=\"innerButton\">\n\t\t\t\t<span *ngIf=\"buttonText\">{{ buttonText }}</span>\n\t\t\t\t<div *ngIf=\"!buttonText\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"tail\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"getTailTpl()\"></ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</klp-form-button>\n\t</div>\n\t<div class=\"fileName\" *ngIf=\"!onlyShowUploadButton\">\n\t\t{{ getFileNames() }}\n\t</div>\n\t<klp-form-button class=\"clearButton\" variant=\"white\" *ngIf=\"shouldShowClearButton()\" (click)=\"resetToNull()\">X\n\t</klp-form-button>\n</div>\n\n<ng-template #contentTpl>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:block}:host input:disabled{cursor:not-allowed}.componentContainer{display:flex;align-items:center}.componentContainer.showErrors ::ng-deep button{border-color:#ff8000}.componentContainer.fullParentSize{height:100%;justify-content:center;position:relative}.componentContainer:not(.fullParentSize) .buttonContainer{position:relative}.componentContainer .buttonContainer{flex:0 0 auto}.innerButton{display:flex;align-items:center}.tail{margin-left:.4rem}input{position:absolute;cursor:pointer;opacity:0;inset:0}.fileName{flex:1 1 0px;margin-left:.625rem;color:#515365;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clearButton{flex:0 0 auto}.fullyCustom input{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "klp-form-button", inputs: ["variant", "size", "fullWidth", "hasBorder", "disabled", "isLoading", "type", "clickCallback"] }] }); }
56
- }
57
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FileInputComponent, decorators: [{
58
- type: Component,
59
- args: [{ selector: 'klp-form-file-input', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: FileInputComponent, multi: true }], template: "<div class=\"fullyCustom\" *ngIf=\"fullyCustom\">\n\t<input\n\t\ttype=\"file\"\n\t\t#nativeInputRef\n\t\t(change)=\"onChange($event.target.files)\"\n\t\t[multiple]=\"multiple\"\n\t\t[disabled]=\"disabled\"\n\t/>\n\t<div (click)=\"uploadFileClicked()\">\n\t\t<ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n\t</div>\n</div>\n\n<div class=\"componentContainer\" [ngClass]=\"{fullParentSize: useFullParentSize, showErrors: isInErrorState()}\"\n\t\t *ngIf=\"!fullyCustom\">\n\t<div class=\"buttonContainer\">\n\t\t<input\n\t\t\ttype=\"file\"\n\t\t\t#nativeInputRef\n\t\t\t(change)=\"onChange($event.target.files)\"\n\t\t\t[multiple]=\"multiple\"\n\t\t\t[disabled]=\"disabled\"\n\t\t>\n\t\t<klp-form-button\n\t\t\tclass=\"uploadButton\"\n\t\t\t[isLoading]=\"isLoading\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t(click)=\"uploadFileClicked()\"\n\t\t>\n\t\t\t<div class=\"innerButton\">\n\t\t\t\t<span *ngIf=\"buttonText\">{{ buttonText }}</span>\n\t\t\t\t<div *ngIf=\"!buttonText\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"tail\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"getTailTpl()\"></ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</klp-form-button>\n\t</div>\n\t<div class=\"fileName\" *ngIf=\"!onlyShowUploadButton\">\n\t\t{{ getFileNames() }}\n\t</div>\n\t<klp-form-button class=\"clearButton\" variant=\"white\" *ngIf=\"shouldShowClearButton()\" (click)=\"resetToNull()\">X\n\t</klp-form-button>\n</div>\n\n<ng-template #contentTpl>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:block}:host input:disabled{cursor:not-allowed}.componentContainer{display:flex;align-items:center}.componentContainer.showErrors ::ng-deep button{border-color:#ff8000}.componentContainer.fullParentSize{height:100%;justify-content:center;position:relative}.componentContainer:not(.fullParentSize) .buttonContainer{position:relative}.componentContainer .buttonContainer{flex:0 0 auto}.innerButton{display:flex;align-items:center}.tail{margin-left:.4rem}input{position:absolute;cursor:pointer;opacity:0;inset:0}.fileName{flex:1 1 0px;margin-left:.625rem;color:#515365;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clearButton{flex:0 0 auto}.fullyCustom input{display:none}\n"] }]
60
- }], propDecorators: { isLoading: [{
61
- type: Input
62
- }], clearable: [{
63
- type: Input
64
- }], onlyShowUploadButton: [{
65
- type: Input
66
- }], useFullParentSize: [{
67
- type: Input
68
- }], buttonText: [{
69
- type: Input
70
- }], fullyCustom: [{
71
- type: Input
72
- }], nativeInputRef: [{
73
- type: ViewChild,
74
- args: ['nativeInputRef']
75
- }] } });
76
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGlwcGEvbmd4LWVuaGFuY3ktZm9ybXMvc3JjL2xpYi9lbGVtZW50cy9maWxlLWlucHV0L2ZpbGUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvZmlsZS1pbnB1dC9maWxlLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNqRCxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSwrREFBK0QsQ0FBQztBQUN4RyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFReEQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLHlCQUErQjtJQU52RTs7UUFPVSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBQzdCLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUUxQixnQkFBVyxHQUFHLEtBQUssQ0FBQztLQXlDN0I7SUF0Q08sUUFBUSxDQUFDLEtBQWU7UUFDOUIsTUFBTSxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDdkMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDNUIsQ0FBQztRQUNELElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQyxpREFBaUQ7UUFDakQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUNoRCxDQUFDO0lBRU0sWUFBWTtRQUNsQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDcEMsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDcEQsQ0FBQzthQUFNLElBQUksSUFBSSxDQUFDLFVBQVUsWUFBWSxJQUFJLEVBQUUsQ0FBQztZQUM1QyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO1FBQzdCLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNiLENBQUM7SUFFTSxxQkFBcUI7UUFDM0IsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztZQUMvQixPQUFPLEtBQUssQ0FBQztRQUNkLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLG1CQUFtQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO2dCQUMxQyxPQUFPLElBQUksQ0FBQztZQUNiLENBQUM7WUFDRCxPQUFPLEtBQUssQ0FBQztRQUNkLENBQUM7UUFDRCxJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUNqQyxPQUFPLElBQUksQ0FBQztRQUNiLENBQUM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNkLENBQUM7SUFFTSxpQkFBaUI7UUFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0MsQ0FBQzs4R0E5Q1csa0JBQWtCO2tHQUFsQixrQkFBa0Isc1BBRm5CLENBQUMsRUFBQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUMsQ0FBQyxtS0NWeEYsMGlEQWtEQTs7MkZEdENhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDQyxxQkFBcUIsYUFHcEIsQ0FBQyxFQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLG9CQUFvQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUMsQ0FBQzs4QkFHOUUsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUN1QixjQUFjO3NCQUExQyxTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7TXVsdGlwbGVWYWx1ZUFjY2Vzc29yQmFzZX0gZnJvbSAnLi4vdmFsdWUtYWNjZXNzb3ItYmFzZS9tdWx0aXBsZS12YWx1ZS1hY2Nlc3Nvci1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQge2lzVmFsdWVTZXR9IGZyb20gJy4uLy4uL3V0aWwvdmFsdWVzJztcbmltcG9ydCB7IGFycmF5SXNTZXRBbmRGaWxsZWQgfSBmcm9tICcuLi8uLi91dGlsL2FycmF5cyc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2tscC1mb3JtLWZpbGUtaW5wdXQnLFxuXHR0ZW1wbGF0ZVVybDogJy4vZmlsZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2ZpbGUtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcblx0cHJvdmlkZXJzOiBbe3Byb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogRmlsZUlucHV0Q29tcG9uZW50LCBtdWx0aTogdHJ1ZX1dLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBNdWx0aXBsZVZhbHVlQWNjZXNzb3JCYXNlPEZpbGU+IHtcblx0QElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2U7XG5cdEBJbnB1dCgpIGNsZWFyYWJsZSA9IGZhbHNlO1xuXHRASW5wdXQoKSBvbmx5U2hvd1VwbG9hZEJ1dHRvbiA9IGZhbHNlO1xuXHRASW5wdXQoKSB1c2VGdWxsUGFyZW50U2l6ZSA9IGZhbHNlO1xuXHRASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmc7XG5cdEBJbnB1dCgpIGZ1bGx5Q3VzdG9tID0gZmFsc2U7XG5cdEBWaWV3Q2hpbGQoJ25hdGl2ZUlucHV0UmVmJykgbmF0aXZlSW5wdXRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cblx0cHVibGljIG9uQ2hhbmdlKGZpbGVzOiBGaWxlTGlzdCk6IHZvaWQge1xuXHRcdGNvbnN0IHJlc3VsdCA9IFtdO1xuXHRcdGZvciAobGV0IGkgPSAwOyBpIDwgZmlsZXMubGVuZ3RoOyBpKyspIHtcblx0XHRcdHJlc3VsdC5wdXNoKGZpbGVzLml0ZW0oaSkpO1xuXHRcdH1cblx0XHR0aGlzLnNldElubmVyVmFsdWVBbmROb3RpZnkocmVzdWx0KTtcblx0XHQvLyB0byBtYWtlIHN1cmUgd2UgY2FuIHNlbGVjdCB0aGUgc2FtZSBmaWxlIGFnYWluXG5cdFx0dGhpcy5uYXRpdmVJbnB1dFJlZi5uYXRpdmVFbGVtZW50LnZhbHVlID0gbnVsbDtcblx0fVxuXG5cdHB1YmxpYyBnZXRGaWxlTmFtZXMoKTogc3RyaW5nIHtcblx0XHRpZiAoQXJyYXkuaXNBcnJheSh0aGlzLmlubmVyVmFsdWUpKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy5pbm5lclZhbHVlLm1hcChlID0+IGUubmFtZSkuam9pbignLCAnKTtcblx0XHR9IGVsc2UgaWYgKHRoaXMuaW5uZXJWYWx1ZSBpbnN0YW5jZW9mIEZpbGUpIHtcblx0XHRcdHJldHVybiB0aGlzLmlubmVyVmFsdWUubmFtZTtcblx0XHR9XG5cdFx0cmV0dXJuIG51bGw7XG5cdH1cblxuXHRwdWJsaWMgc2hvdWxkU2hvd0NsZWFyQnV0dG9uKCk6IGJvb2xlYW4ge1xuXHRcdGlmICh0aGlzLm9ubHlTaG93VXBsb2FkQnV0dG9uKSB7XG5cdFx0XHRyZXR1cm4gZmFsc2U7XG5cdFx0fVxuXHRcdGlmICh0aGlzLm11bHRpcGxlKSB7XG5cdFx0XHRpZiAoYXJyYXlJc1NldEFuZEZpbGxlZCh0aGlzLmlubmVyVmFsdWUpKSB7XG5cdFx0XHRcdHJldHVybiB0cnVlO1xuXHRcdFx0fVxuXHRcdFx0cmV0dXJuIGZhbHNlO1xuXHRcdH1cblx0XHRpZiAoaXNWYWx1ZVNldCh0aGlzLmlubmVyVmFsdWUpKSB7XG5cdFx0XHRyZXR1cm4gdHJ1ZTtcblx0XHR9XG5cdFx0cmV0dXJuIGZhbHNlO1xuXHR9XG5cblx0cHVibGljIHVwbG9hZEZpbGVDbGlja2VkKCk6IHZvaWQge1xuXHRcdHRoaXMubmF0aXZlSW5wdXRSZWYubmF0aXZlRWxlbWVudC5jbGljaygpO1xuXHR9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZnVsbHlDdXN0b21cIiAqbmdJZj1cImZ1bGx5Q3VzdG9tXCI+XG5cdDxpbnB1dFxuXHRcdHR5cGU9XCJmaWxlXCJcblx0XHQjbmF0aXZlSW5wdXRSZWZcblx0XHQoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudC50YXJnZXQuZmlsZXMpXCJcblx0XHRbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxuXHRcdFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG5cdC8+XG5cdDxkaXYgKGNsaWNrKT1cInVwbG9hZEZpbGVDbGlja2VkKClcIj5cblx0XHQ8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbnRlbnRUcGxcIj48L25nLWNvbnRhaW5lcj5cblx0PC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImNvbXBvbmVudENvbnRhaW5lclwiIFtuZ0NsYXNzXT1cIntmdWxsUGFyZW50U2l6ZTogdXNlRnVsbFBhcmVudFNpemUsIHNob3dFcnJvcnM6IGlzSW5FcnJvclN0YXRlKCl9XCJcblx0XHQgKm5nSWY9XCIhZnVsbHlDdXN0b21cIj5cblx0PGRpdiBjbGFzcz1cImJ1dHRvbkNvbnRhaW5lclwiPlxuXHRcdDxpbnB1dFxuXHRcdFx0dHlwZT1cImZpbGVcIlxuXHRcdFx0I25hdGl2ZUlucHV0UmVmXG5cdFx0XHQoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudC50YXJnZXQuZmlsZXMpXCJcblx0XHRcdFttdWx0aXBsZV09XCJtdWx0aXBsZVwiXG5cdFx0XHRbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuXHRcdD5cblx0XHQ8a2xwLWZvcm0tYnV0dG9uXG5cdFx0XHRjbGFzcz1cInVwbG9hZEJ1dHRvblwiXG5cdFx0XHRbaXNMb2FkaW5nXT1cImlzTG9hZGluZ1wiXG5cdFx0XHRbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuXHRcdFx0KGNsaWNrKT1cInVwbG9hZEZpbGVDbGlja2VkKClcIlxuXHRcdD5cblx0XHRcdDxkaXYgY2xhc3M9XCJpbm5lckJ1dHRvblwiPlxuXHRcdFx0XHQ8c3BhbiAqbmdJZj1cImJ1dHRvblRleHRcIj57eyBidXR0b25UZXh0IH19PC9zcGFuPlxuXHRcdFx0XHQ8ZGl2ICpuZ0lmPVwiIWJ1dHRvblRleHRcIj5cblx0XHRcdFx0XHQ8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbnRlbnRUcGxcIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdDxkaXYgY2xhc3M9XCJ0YWlsXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJnZXRUYWlsVHBsKClcIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2tscC1mb3JtLWJ1dHRvbj5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJmaWxlTmFtZVwiICpuZ0lmPVwiIW9ubHlTaG93VXBsb2FkQnV0dG9uXCI+XG5cdFx0e3sgZ2V0RmlsZU5hbWVzKCkgfX1cblx0PC9kaXY+XG5cdDxrbHAtZm9ybS1idXR0b24gY2xhc3M9XCJjbGVhckJ1dHRvblwiIHZhcmlhbnQ9XCJ3aGl0ZVwiICpuZ0lmPVwic2hvdWxkU2hvd0NsZWFyQnV0dG9uKClcIiAoY2xpY2spPVwicmVzZXRUb051bGwoKVwiPlhcblx0PC9rbHAtZm9ybS1idXR0b24+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50VHBsPlxuXHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
@@ -1,90 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
- import { ValueAccessorBase } from '../value-accessor-base/value-accessor-base.component';
4
- import { stringIsSetAndFilled } from '../../util/values';
5
- import { invalidTimeKey } from '../../validators/timeValidator';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "@angular/common";
8
- import * as i2 from "@angular/forms";
9
- export class HourMinuteInputComponent extends ValueAccessorBase {
10
- constructor() {
11
- super(...arguments);
12
- this.placeholders = ['hour', 'min'];
13
- this.hoursTouched = false;
14
- this.minutesTouched = false;
15
- }
16
- formatHours() {
17
- if (!stringIsSetAndFilled(this.hours)) {
18
- this.hours = '0';
19
- }
20
- }
21
- formatMinutes() {
22
- if (!stringIsSetAndFilled(this.minutes)) {
23
- this.minutes = '0';
24
- }
25
- }
26
- formatTime() {
27
- if (Number.isFinite(Number(this.hours)) && this.hours.length === 1) {
28
- this.hours = '0' + this.hours;
29
- }
30
- if (Number.isFinite(Number(this.minutes)) && this.minutes.length === 1) {
31
- this.minutes = '0' + this.minutes;
32
- }
33
- }
34
- writeValue(value) {
35
- if (Number.isFinite(value)) {
36
- this.hours = Math.floor(value / 60) + '';
37
- this.minutes = value % 60 + '';
38
- this.formatTime();
39
- super.writeValue(value);
40
- }
41
- else {
42
- this.hours = '';
43
- this.minutes = '';
44
- super.writeValue(invalidTimeKey);
45
- }
46
- }
47
- notifyNewTime() {
48
- const parsedHours = Number(this.hours);
49
- const parsedMinutes = Number(this.minutes);
50
- // when all inputs are empty
51
- if (!stringIsSetAndFilled(this.hours) && !stringIsSetAndFilled(this.minutes)) {
52
- this.setInnerValueAndNotify(null);
53
- return;
54
- }
55
- // if we have valid time
56
- if (Number.isFinite(parsedHours) &&
57
- parsedHours >= 0 &&
58
- parsedHours <= 9999 &&
59
- Number.isFinite(parsedMinutes) &&
60
- parsedMinutes >= 0 &&
61
- parsedMinutes <= 59) {
62
- this.setInnerValueAndNotify(parsedHours * 60 + parsedMinutes);
63
- return;
64
- }
65
- // all other cases, we are not in a valid state
66
- this.setInnerValueAndNotify(invalidTimeKey);
67
- }
68
- touchHours() {
69
- this.hoursTouched = true;
70
- this.determineAllTouched();
71
- }
72
- touchMinutes() {
73
- this.minutesTouched = true;
74
- this.determineAllTouched();
75
- }
76
- determineAllTouched() {
77
- if (this.hoursTouched && this.minutesTouched) {
78
- this.touch();
79
- }
80
- }
81
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HourMinuteInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
82
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: HourMinuteInputComponent, selector: "klp-form-hour-minute-input", inputs: { placeholders: "placeholders" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: HourMinuteInputComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\" [ngClass]=\"{showErrors: isInErrorState()}\">\n\t<input class=\"hourInput\" maxlength=\"4\" [placeholder]=\"placeholders[0]\" [disabled]=\"disabled\" [(ngModel)]=\"hours\" (blur)=\"formatHours(); formatTime(); touchHours(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\" #nativeInputRef>\n\t<div class=\"divider\">:</div>\n\t<input maxlength=\"2\" [placeholder]=\"placeholders[1]\" [disabled]=\"disabled\" [(ngModel)]=\"minutes\" (blur)=\"formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n\t<div class=\"tail\">\n\t\t<ng-container [ngTemplateOutlet]=\"getTailTpl()\"></ng-container>\n\t</div>\n</div>\n", styles: [":host{display:flex}.componentContainer{display:block;border-radius:8px;box-shadow:none;height:42px;width:100%;padding:.375rem .625rem;font-size:14px;color:#101828;width:initial;flex:0 0 auto;padding:6px .625rem;background:#fff;display:flex;align-items:center;border:1px solid #D0D5DD}.componentContainer:hover{border-color:#98a2b3}.componentContainer::-webkit-input-placeholder{color:#98a2b3}.componentContainer:-moz-placeholder{color:#98a2b3}.componentContainer::-moz-placeholder{color:#98a2b3}.componentContainer:-ms-input-placeholder{color:#98a2b3}.componentContainer:focus,.componentContainer:focus-within{outline:1px solid #00AC42;box-shadow:none;border-color:#00ac42}.componentContainer.input-sm{height:30px}.componentContainer.input-lg{height:50px}.componentContainer.error{border-color:#dc3545;background-color:#f6cdd1}.componentContainer.valid{border-color:#37c936;background-color:#ebfaeb;color:#278d26}.componentContainer:placeholder-shown{text-overflow:ellipsis}.componentContainer[disabled]{background-color:#f2f4f7;border-color:#f2f4f7}.componentContainer.showErrors{border-color:#ff8000}.componentContainer.disabled{background:#f2f4f7;cursor:not-allowed}.componentContainer:focus-within{border-color:#00ac42;outline:1px solid #00AC42}.componentContainer input{color:#101828;text-align:center;height:100%;width:30px;padding:0;border:none}.componentContainer input.hourInput{width:50px}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}.tail{margin-left:.4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
83
- }
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HourMinuteInputComponent, decorators: [{
85
- type: Component,
86
- args: [{ selector: 'klp-form-hour-minute-input', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: HourMinuteInputComponent, multi: true }], template: "<div class=\"componentContainer\" [ngClass]=\"{disabled: disabled}\" [ngClass]=\"{showErrors: isInErrorState()}\">\n\t<input class=\"hourInput\" maxlength=\"4\" [placeholder]=\"placeholders[0]\" [disabled]=\"disabled\" [(ngModel)]=\"hours\" (blur)=\"formatHours(); formatTime(); touchHours(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\" #nativeInputRef>\n\t<div class=\"divider\">:</div>\n\t<input maxlength=\"2\" [placeholder]=\"placeholders[1]\" [disabled]=\"disabled\" [(ngModel)]=\"minutes\" (blur)=\"formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()\" (ngModelChange)=\"notifyNewTime()\">\n\t<div class=\"tail\">\n\t\t<ng-container [ngTemplateOutlet]=\"getTailTpl()\"></ng-container>\n\t</div>\n</div>\n", styles: [":host{display:flex}.componentContainer{display:block;border-radius:8px;box-shadow:none;height:42px;width:100%;padding:.375rem .625rem;font-size:14px;color:#101828;width:initial;flex:0 0 auto;padding:6px .625rem;background:#fff;display:flex;align-items:center;border:1px solid #D0D5DD}.componentContainer:hover{border-color:#98a2b3}.componentContainer::-webkit-input-placeholder{color:#98a2b3}.componentContainer:-moz-placeholder{color:#98a2b3}.componentContainer::-moz-placeholder{color:#98a2b3}.componentContainer:-ms-input-placeholder{color:#98a2b3}.componentContainer:focus,.componentContainer:focus-within{outline:1px solid #00AC42;box-shadow:none;border-color:#00ac42}.componentContainer.input-sm{height:30px}.componentContainer.input-lg{height:50px}.componentContainer.error{border-color:#dc3545;background-color:#f6cdd1}.componentContainer.valid{border-color:#37c936;background-color:#ebfaeb;color:#278d26}.componentContainer:placeholder-shown{text-overflow:ellipsis}.componentContainer[disabled]{background-color:#f2f4f7;border-color:#f2f4f7}.componentContainer.showErrors{border-color:#ff8000}.componentContainer.disabled{background:#f2f4f7;cursor:not-allowed}.componentContainer:focus-within{border-color:#00ac42;outline:1px solid #00AC42}.componentContainer input{color:#101828;text-align:center;height:100%;width:30px;padding:0;border:none}.componentContainer input.hourInput{width:50px}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}.tail{margin-left:.4rem}\n"] }]
87
- }], propDecorators: { placeholders: [{
88
- type: Input
89
- }] } });
90
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG91ci1taW51dGUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvaG91ci1taW51dGUtaW5wdXQvaG91ci1taW51dGUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvaG91ci1taW51dGUtaW5wdXQvaG91ci1taW51dGUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDakQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0RBQXNELENBQUM7QUFDdkYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDdkQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGdDQUFnQyxDQUFDOzs7O0FBUzlELE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxpQkFBaUQ7SUFOL0Y7O1FBVVUsaUJBQVksR0FBa0IsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFFL0MsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsbUJBQWMsR0FBRyxLQUFLLENBQUM7S0E0RS9CO0lBMUVBLFdBQVc7UUFDVixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDdkMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFDbEIsQ0FBQztJQUNGLENBQUM7SUFFRCxhQUFhO1FBQ1osSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ3pDLElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQ3BCLENBQUM7SUFDRixDQUFDO0lBRUQsVUFBVTtRQUNULElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDcEUsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUMvQixDQUFDO1FBQ0QsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUN4RSxJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ25DLENBQUM7SUFDRixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQXFDO1FBQy9DLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFlLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ25ELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBZSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2xCLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQzthQUFNLENBQUM7WUFDUCxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztZQUNsQixLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2xDLENBQUM7SUFDRixDQUFDO0lBRUQsYUFBYTtRQUNaLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUUzQyw0QkFBNEI7UUFDNUIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQzlFLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsQyxPQUFPO1FBQ1IsQ0FBQztRQUNELHdCQUF3QjtRQUN4QixJQUNDLE1BQU0sQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDO1lBQzVCLFdBQVcsSUFBSSxDQUFDO1lBQ2hCLFdBQVcsSUFBSSxJQUFJO1lBQ25CLE1BQU0sQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDO1lBQzlCLGFBQWEsSUFBSSxDQUFDO1lBQ2xCLGFBQWEsSUFBSSxFQUFFLEVBQ2xCLENBQUM7WUFDRixJQUFJLENBQUMsc0JBQXNCLENBQUMsV0FBVyxHQUFHLEVBQUUsR0FBRyxhQUFhLENBQUMsQ0FBQztZQUM5RCxPQUFPO1FBQ1IsQ0FBQztRQUNELCtDQUErQztRQUMvQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELFVBQVU7UUFDVCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWTtRQUNYLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO1FBQzNCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxtQkFBbUI7UUFDbEIsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUM5QyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDZCxDQUFDO0lBQ0YsQ0FBQzs4R0FsRlcsd0JBQXdCO2tHQUF4Qix3QkFBd0IsK0ZBRnpCLENBQUMsRUFBQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLHdCQUF3QixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUMsQ0FBQyxpRENYOUYsNnRCQVFBOzsyRkRLYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0MsNEJBQTRCLGFBRzNCLENBQUMsRUFBQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVywwQkFBMEIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFDLENBQUM7OEJBTXBGLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtWYWx1ZUFjY2Vzc29yQmFzZX0gZnJvbSAnLi4vdmFsdWUtYWNjZXNzb3ItYmFzZS92YWx1ZS1hY2Nlc3Nvci1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQge3N0cmluZ0lzU2V0QW5kRmlsbGVkfSBmcm9tICcuLi8uLi91dGlsL3ZhbHVlcyc7XG5pbXBvcnQge2ludmFsaWRUaW1lS2V5fSBmcm9tICcuLi8uLi92YWxpZGF0b3JzL3RpbWVWYWxpZGF0b3InO1xuXG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2tscC1mb3JtLWhvdXItbWludXRlLWlucHV0Jyxcblx0dGVtcGxhdGVVcmw6ICcuL2hvdXItbWludXRlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vaG91ci1taW51dGUtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcblx0cHJvdmlkZXJzOiBbe3Byb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogSG91ck1pbnV0ZUlucHV0Q29tcG9uZW50LCBtdWx0aTogdHJ1ZX1dLFxufSlcbmV4cG9ydCBjbGFzcyBIb3VyTWludXRlSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yQmFzZTxudW1iZXIgfCB0eXBlb2YgaW52YWxpZFRpbWVLZXk+IHtcblx0cHVibGljIGhvdXJzOiBzdHJpbmc7IC8vIHN0cmluZyBiZWNhdXNlIGl0J3MgYSB0ZXh0IGlucHV0XG5cdHB1YmxpYyBtaW51dGVzOiBzdHJpbmc7IC8vIHN0cmluZyBiZWNhdXNlIGl0J3MgYSB0ZXh0IGlucHV0XG5cblx0QElucHV0KCkgcGxhY2Vob2xkZXJzOiBBcnJheTxzdHJpbmc+ID0gWydob3VyJywgJ21pbiddO1xuXG5cdHByaXZhdGUgaG91cnNUb3VjaGVkID0gZmFsc2U7XG5cdHByaXZhdGUgbWludXRlc1RvdWNoZWQgPSBmYWxzZTtcblxuXHRmb3JtYXRIb3VycygpOiB2b2lkIHtcblx0XHRpZiAoIXN0cmluZ0lzU2V0QW5kRmlsbGVkKHRoaXMuaG91cnMpKSB7XG5cdFx0XHR0aGlzLmhvdXJzID0gJzAnO1xuXHRcdH1cblx0fVxuXG5cdGZvcm1hdE1pbnV0ZXMoKTogdm9pZCB7XG5cdFx0aWYgKCFzdHJpbmdJc1NldEFuZEZpbGxlZCh0aGlzLm1pbnV0ZXMpKSB7XG5cdFx0XHR0aGlzLm1pbnV0ZXMgPSAnMCc7XG5cdFx0fVxuXHR9XG5cblx0Zm9ybWF0VGltZSgpOiB2b2lkIHtcblx0XHRpZiAoTnVtYmVyLmlzRmluaXRlKE51bWJlcih0aGlzLmhvdXJzKSkgJiYgdGhpcy5ob3Vycy5sZW5ndGggPT09IDEpIHtcblx0XHRcdHRoaXMuaG91cnMgPSAnMCcgKyB0aGlzLmhvdXJzO1xuXHRcdH1cblx0XHRpZiAoTnVtYmVyLmlzRmluaXRlKE51bWJlcih0aGlzLm1pbnV0ZXMpKSAmJiB0aGlzLm1pbnV0ZXMubGVuZ3RoID09PSAxKSB7XG5cdFx0XHR0aGlzLm1pbnV0ZXMgPSAnMCcgKyB0aGlzLm1pbnV0ZXM7XG5cdFx0fVxuXHR9XG5cblx0d3JpdGVWYWx1ZSh2YWx1ZTogbnVtYmVyIHwgdHlwZW9mIGludmFsaWRUaW1lS2V5KTogdm9pZCB7XG5cdFx0aWYgKE51bWJlci5pc0Zpbml0ZSh2YWx1ZSkpIHtcblx0XHRcdHRoaXMuaG91cnMgPSBNYXRoLmZsb29yKHZhbHVlIGFzIG51bWJlciAvIDYwKSArICcnO1xuXHRcdFx0dGhpcy5taW51dGVzID0gdmFsdWUgYXMgbnVtYmVyICUgNjAgKyAnJztcblx0XHRcdHRoaXMuZm9ybWF0VGltZSgpO1xuXHRcdFx0c3VwZXIud3JpdGVWYWx1ZSh2YWx1ZSk7XG5cdFx0fSBlbHNlIHtcblx0XHRcdHRoaXMuaG91cnMgPSAnJztcblx0XHRcdHRoaXMubWludXRlcyA9ICcnO1xuXHRcdFx0c3VwZXIud3JpdGVWYWx1ZShpbnZhbGlkVGltZUtleSk7XG5cdFx0fVxuXHR9XG5cblx0bm90aWZ5TmV3VGltZSgpOiB2b2lkIHtcblx0XHRjb25zdCBwYXJzZWRIb3VycyA9IE51bWJlcih0aGlzLmhvdXJzKTtcblx0XHRjb25zdCBwYXJzZWRNaW51dGVzID0gTnVtYmVyKHRoaXMubWludXRlcyk7XG5cblx0XHQvLyB3aGVuIGFsbCBpbnB1dHMgYXJlIGVtcHR5XG5cdFx0aWYgKCFzdHJpbmdJc1NldEFuZEZpbGxlZCh0aGlzLmhvdXJzKSAmJiAhc3RyaW5nSXNTZXRBbmRGaWxsZWQodGhpcy5taW51dGVzKSkge1xuXHRcdFx0dGhpcy5zZXRJbm5lclZhbHVlQW5kTm90aWZ5KG51bGwpO1xuXHRcdFx0cmV0dXJuO1xuXHRcdH1cblx0XHQvLyBpZiB3ZSBoYXZlIHZhbGlkIHRpbWVcblx0XHRpZiAoXG5cdFx0XHROdW1iZXIuaXNGaW5pdGUocGFyc2VkSG91cnMpICYmXG5cdFx0XHRwYXJzZWRIb3VycyA+PSAwICYmXG5cdFx0XHRwYXJzZWRIb3VycyA8PSA5OTk5ICYmXG5cdFx0XHROdW1iZXIuaXNGaW5pdGUocGFyc2VkTWludXRlcykgJiZcblx0XHRcdHBhcnNlZE1pbnV0ZXMgPj0gMCAmJlxuXHRcdFx0cGFyc2VkTWludXRlcyA8PSA1OVxuXHRcdCkge1xuXHRcdFx0dGhpcy5zZXRJbm5lclZhbHVlQW5kTm90aWZ5KHBhcnNlZEhvdXJzICogNjAgKyBwYXJzZWRNaW51dGVzKTtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cdFx0Ly8gYWxsIG90aGVyIGNhc2VzLCB3ZSBhcmUgbm90IGluIGEgdmFsaWQgc3RhdGVcblx0XHR0aGlzLnNldElubmVyVmFsdWVBbmROb3RpZnkoaW52YWxpZFRpbWVLZXkpO1xuXHR9XG5cblx0dG91Y2hIb3VycygpOiB2b2lkIHtcblx0XHR0aGlzLmhvdXJzVG91Y2hlZCA9IHRydWU7XG5cdFx0dGhpcy5kZXRlcm1pbmVBbGxUb3VjaGVkKCk7XG5cdH1cblxuXHR0b3VjaE1pbnV0ZXMoKTogdm9pZCB7XG5cdFx0dGhpcy5taW51dGVzVG91Y2hlZCA9IHRydWU7XG5cdFx0dGhpcy5kZXRlcm1pbmVBbGxUb3VjaGVkKCk7XG5cdH1cblxuXHRkZXRlcm1pbmVBbGxUb3VjaGVkKCk6IHZvaWQge1xuXHRcdGlmICh0aGlzLmhvdXJzVG91Y2hlZCAmJiB0aGlzLm1pbnV0ZXNUb3VjaGVkKSB7XG5cdFx0XHR0aGlzLnRvdWNoKCk7XG5cdFx0fVxuXHR9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY29tcG9uZW50Q29udGFpbmVyXCIgW25nQ2xhc3NdPVwie2Rpc2FibGVkOiBkaXNhYmxlZH1cIiBbbmdDbGFzc109XCJ7c2hvd0Vycm9yczogaXNJbkVycm9yU3RhdGUoKX1cIj5cblx0PGlucHV0IGNsYXNzPVwiaG91cklucHV0XCIgbWF4bGVuZ3RoPVwiNFwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcnNbMF1cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbKG5nTW9kZWwpXT1cImhvdXJzXCIgKGJsdXIpPVwiZm9ybWF0SG91cnMoKTsgZm9ybWF0VGltZSgpOyB0b3VjaEhvdXJzKCk7IG5vdGlmeU5ld1RpbWUoKVwiIChuZ01vZGVsQ2hhbmdlKT1cIm5vdGlmeU5ld1RpbWUoKVwiICNuYXRpdmVJbnB1dFJlZj5cblx0PGRpdiBjbGFzcz1cImRpdmlkZXJcIj46PC9kaXY+XG5cdDxpbnB1dCBtYXhsZW5ndGg9XCIyXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyc1sxXVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFsobmdNb2RlbCldPVwibWludXRlc1wiIChibHVyKT1cImZvcm1hdE1pbnV0ZXMoKTsgZm9ybWF0VGltZSgpOyB0b3VjaE1pbnV0ZXMoKTsgbm90aWZ5TmV3VGltZSgpXCIgKG5nTW9kZWxDaGFuZ2UpPVwibm90aWZ5TmV3VGltZSgpXCI+XG5cdDxkaXYgY2xhc3M9XCJ0YWlsXCI+XG5cdFx0PG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJnZXRUYWlsVHBsKClcIj48L25nLWNvbnRhaW5lcj5cblx0PC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -1,20 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- export class LoadingIndicatorComponent {
5
- constructor() {
6
- this.variant = '3dots';
7
- this.size = 'medium';
8
- }
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoadingIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: LoadingIndicatorComponent, selector: "klp-form-loading-indicator", inputs: { variant: "variant", size: "size" }, ngImport: i0, template: "<div class=\"threeDots\" [ngClass]=\"[size]\" *ngIf=\"variant === '3dots'\">\n\t<div></div>\n\t<div></div>\n\t<div></div>\n\t<div></div>\n</div>\n\n<div class=\"spinner\" [ngClass]=\"[size]\" *ngIf=\"variant === 'spinner'\">\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\">\n\t\t<circle cx=\"24\" cy=\"4\" r=\"4\" fill=\"currentColor\" />\n\t\t<circle cx=\"12.19\" cy=\"7.86\" r=\"3.7\" fill=\"currentColor\" />\n\t\t<circle cx=\"5.02\" cy=\"17.68\" r=\"3.4\" fill=\"currentColor\" />\n\t\t<circle cx=\"5.02\" cy=\"30.32\" r=\"3.1\" fill=\"currentColor\" />\n\t\t<circle cx=\"12.19\" cy=\"40.14\" r=\"2.8\" fill=\"currentColor\" />\n\t\t<circle cx=\"24\" cy=\"44\" r=\"2.5\" fill=\"currentColor\" />\n\t\t<circle cx=\"35.81\" cy=\"40.14\" r=\"2.2\" fill=\"currentColor\" />\n\t\t<circle cx=\"42.98\" cy=\"30.32\" r=\"1.9\" fill=\"currentColor\" />\n\t\t<circle cx=\"42.98\" cy=\"17.68\" r=\"1.6\" fill=\"currentColor\" />\n\t\t<circle cx=\"35.81\" cy=\"7.86\" r=\"1.3\" fill=\"currentColor\" />\n\t</svg>\n</div>\n\n<div class=\"textInput\" *ngIf=\"variant === 'textInput'\">\n\t<input\n\t\tdisabled\n\t\ttype=\"text\"\n\t\tclass=\"form-control\"\n\t\tplaceholder=\"Loading...\"\n\t>\n</div>\n\n<div class=\"picker\" *ngIf=\"variant === 'picker'\">\n\t<input\n\t\tdisabled\n\t\ttype=\"text\"\n\t\tclass=\"form-control\"\n\t\tplaceholder=\"Loading...\"\n\t>\n\t<div class=\"chevronDown\"></div>\n</div>\n", styles: [":host{display:block}.threeDots{display:block;position:relative;width:calc(4 * var(--base));height:var(--base)}.threeDots.tiny{--base: 4px}.threeDots.small{--base: 8px}.threeDots.medium{--base: 12px}.threeDots.large{--base: 18px}.threeDots.huge{--base: 26px}.threeDots div{position:absolute;top:0;width:var(--base);height:var(--base);border-radius:50%;background:#00ac42;animation-timing-function:cubic-bezier(0,1,1,0)}.threeDots div:nth-child(1){animation:lds-ellipsis1 .6s infinite}.threeDots div:nth-child(2){animation:lds-ellipsis2 .6s infinite}.threeDots div:nth-child(3){left:calc(1.5 * var(--base));animation:lds-ellipsis2 .6s infinite}.threeDots div:nth-child(4){left:calc(3 * var(--base));animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(150%)}}.spinner.tiny svg{width:1rem;height:1rem}.spinner.small svg{width:1.6rem;height:1.6rem}.spinner.medium svg{width:2.5rem;height:2.5rem}.spinner.large svg{width:3rem;height:3rem}.spinner.huge svg{width:4rem;height:4rem}.spinner svg{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1.2s;-webkit-animation-name:rotate;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-transition-property:-moz-transform;-moz-animation-name:rotate;-moz-animation-duration:1.2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;transition-property:transform;animation-name:rotate;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.picker{position:relative}.picker .chevronDown{position:absolute;top:18px;right:23px;width:0;height:0;border-top:5px solid #101828;border-left:5px solid transparent;border-right:5px solid transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
11
- }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LoadingIndicatorComponent, decorators: [{
13
- type: Component,
14
- args: [{ selector: 'klp-form-loading-indicator', template: "<div class=\"threeDots\" [ngClass]=\"[size]\" *ngIf=\"variant === '3dots'\">\n\t<div></div>\n\t<div></div>\n\t<div></div>\n\t<div></div>\n</div>\n\n<div class=\"spinner\" [ngClass]=\"[size]\" *ngIf=\"variant === 'spinner'\">\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\">\n\t\t<circle cx=\"24\" cy=\"4\" r=\"4\" fill=\"currentColor\" />\n\t\t<circle cx=\"12.19\" cy=\"7.86\" r=\"3.7\" fill=\"currentColor\" />\n\t\t<circle cx=\"5.02\" cy=\"17.68\" r=\"3.4\" fill=\"currentColor\" />\n\t\t<circle cx=\"5.02\" cy=\"30.32\" r=\"3.1\" fill=\"currentColor\" />\n\t\t<circle cx=\"12.19\" cy=\"40.14\" r=\"2.8\" fill=\"currentColor\" />\n\t\t<circle cx=\"24\" cy=\"44\" r=\"2.5\" fill=\"currentColor\" />\n\t\t<circle cx=\"35.81\" cy=\"40.14\" r=\"2.2\" fill=\"currentColor\" />\n\t\t<circle cx=\"42.98\" cy=\"30.32\" r=\"1.9\" fill=\"currentColor\" />\n\t\t<circle cx=\"42.98\" cy=\"17.68\" r=\"1.6\" fill=\"currentColor\" />\n\t\t<circle cx=\"35.81\" cy=\"7.86\" r=\"1.3\" fill=\"currentColor\" />\n\t</svg>\n</div>\n\n<div class=\"textInput\" *ngIf=\"variant === 'textInput'\">\n\t<input\n\t\tdisabled\n\t\ttype=\"text\"\n\t\tclass=\"form-control\"\n\t\tplaceholder=\"Loading...\"\n\t>\n</div>\n\n<div class=\"picker\" *ngIf=\"variant === 'picker'\">\n\t<input\n\t\tdisabled\n\t\ttype=\"text\"\n\t\tclass=\"form-control\"\n\t\tplaceholder=\"Loading...\"\n\t>\n\t<div class=\"chevronDown\"></div>\n</div>\n", styles: [":host{display:block}.threeDots{display:block;position:relative;width:calc(4 * var(--base));height:var(--base)}.threeDots.tiny{--base: 4px}.threeDots.small{--base: 8px}.threeDots.medium{--base: 12px}.threeDots.large{--base: 18px}.threeDots.huge{--base: 26px}.threeDots div{position:absolute;top:0;width:var(--base);height:var(--base);border-radius:50%;background:#00ac42;animation-timing-function:cubic-bezier(0,1,1,0)}.threeDots div:nth-child(1){animation:lds-ellipsis1 .6s infinite}.threeDots div:nth-child(2){animation:lds-ellipsis2 .6s infinite}.threeDots div:nth-child(3){left:calc(1.5 * var(--base));animation:lds-ellipsis2 .6s infinite}.threeDots div:nth-child(4){left:calc(3 * var(--base));animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(150%)}}.spinner.tiny svg{width:1rem;height:1rem}.spinner.small svg{width:1.6rem;height:1.6rem}.spinner.medium svg{width:2.5rem;height:2.5rem}.spinner.large svg{width:3rem;height:3rem}.spinner.huge svg{width:4rem;height:4rem}.spinner svg{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1.2s;-webkit-animation-name:rotate;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-transition-property:-moz-transform;-moz-animation-name:rotate;-moz-animation-duration:1.2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;transition-property:transform;animation-name:rotate;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.picker{position:relative}.picker .chevronDown{position:absolute;top:18px;right:23px;width:0;height:0;border-top:5px solid #101828;border-left:5px solid transparent;border-right:5px solid transparent}\n"] }]
15
- }], propDecorators: { variant: [{
16
- type: Input
17
- }], size: [{
18
- type: Input
19
- }] } });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvbG9hZGluZy1pbmRpY2F0b3IvbG9hZGluZy1pbmRpY2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvbG9hZGluZy1pbmRpY2F0b3IvbG9hZGluZy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBTWlCLFlBQU8sR0FBaUQsT0FBTyxDQUFDO1FBQ2hFLFNBQUksR0FBbUQsUUFBUSxDQUFDO0tBQ2hGOzhHQUhZLHlCQUF5QjtrR0FBekIseUJBQXlCLGdIQ1B0QywyNkNBd0NBOzsyRkRqQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNDLDRCQUE0Qjs4QkFLdEIsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdrbHAtZm9ybS1sb2FkaW5nLWluZGljYXRvcicsXG5cdHRlbXBsYXRlVXJsOiAnLi9sb2FkaW5nLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2xvYWRpbmctaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdJbmRpY2F0b3JDb21wb25lbnQge1xuXHRASW5wdXQoKSBwdWJsaWMgdmFyaWFudDogJzNkb3RzJyB8ICdzcGlubmVyJyB8ICd0ZXh0SW5wdXQnIHwgJ3BpY2tlcicgPSAnM2RvdHMnO1xuXHRASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3RpbnknIHwgJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdodWdlJyA9ICdtZWRpdW0nO1xufVxuIiwiPGRpdiBjbGFzcz1cInRocmVlRG90c1wiIFtuZ0NsYXNzXT1cIltzaXplXVwiICpuZ0lmPVwidmFyaWFudCA9PT0gJzNkb3RzJ1wiPlxuXHQ8ZGl2PjwvZGl2PlxuXHQ8ZGl2PjwvZGl2PlxuXHQ8ZGl2PjwvZGl2PlxuXHQ8ZGl2PjwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJzcGlubmVyXCIgW25nQ2xhc3NdPVwiW3NpemVdXCIgKm5nSWY9XCJ2YXJpYW50ID09PSAnc3Bpbm5lcidcIj5cblx0PHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCI0OFwiIGhlaWdodD1cIjQ4XCIgdmlld0JveD1cIjAgMCA0OCA0OFwiPlxuXHRcdDxjaXJjbGUgY3g9XCIyNFwiIGN5PVwiNFwiIHI9XCI0XCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG5cdFx0PGNpcmNsZSBjeD1cIjEyLjE5XCIgY3k9XCI3Ljg2XCIgcj1cIjMuN1wiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuXHRcdDxjaXJjbGUgY3g9XCI1LjAyXCIgY3k9XCIxNy42OFwiIHI9XCIzLjRcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cblx0XHQ8Y2lyY2xlIGN4PVwiNS4wMlwiIGN5PVwiMzAuMzJcIiByPVwiMy4xXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG5cdFx0PGNpcmNsZSBjeD1cIjEyLjE5XCIgY3k9XCI0MC4xNFwiIHI9XCIyLjhcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cblx0XHQ8Y2lyY2xlIGN4PVwiMjRcIiBjeT1cIjQ0XCIgcj1cIjIuNVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuXHRcdDxjaXJjbGUgY3g9XCIzNS44MVwiIGN5PVwiNDAuMTRcIiByPVwiMi4yXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG5cdFx0PGNpcmNsZSBjeD1cIjQyLjk4XCIgY3k9XCIzMC4zMlwiIHI9XCIxLjlcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cblx0XHQ8Y2lyY2xlIGN4PVwiNDIuOThcIiBjeT1cIjE3LjY4XCIgcj1cIjEuNlwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuXHRcdDxjaXJjbGUgY3g9XCIzNS44MVwiIGN5PVwiNy44NlwiIHI9XCIxLjNcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cblx0PC9zdmc+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cInRleHRJbnB1dFwiICpuZ0lmPVwidmFyaWFudCA9PT0gJ3RleHRJbnB1dCdcIj5cblx0PGlucHV0XG5cdFx0ZGlzYWJsZWRcblx0XHR0eXBlPVwidGV4dFwiXG5cdFx0Y2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuXHRcdHBsYWNlaG9sZGVyPVwiTG9hZGluZy4uLlwiXG5cdD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwicGlja2VyXCIgKm5nSWY9XCJ2YXJpYW50ID09PSAncGlja2VyJ1wiPlxuXHQ8aW5wdXRcblx0XHRkaXNhYmxlZFxuXHRcdHR5cGU9XCJ0ZXh0XCJcblx0XHRjbGFzcz1cImZvcm0tY29udHJvbFwiXG5cdFx0cGxhY2Vob2xkZXI9XCJMb2FkaW5nLi4uXCJcblx0PlxuXHQ8ZGl2IGNsYXNzPVwiY2hldnJvbkRvd25cIj48L2Rpdj5cbjwvZGl2PlxuIl19
@@ -1,31 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
- import { ValueAccessorBase } from "../value-accessor-base/value-accessor-base.component";
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/common";
6
- import * as i2 from "@angular/forms";
7
- export class NumberInputComponent extends ValueAccessorBase {
8
- constructor() {
9
- super(...arguments);
10
- this.parseNumber = false;
11
- }
12
- setInnerValueAndNotify(value) {
13
- if (this.parseNumber && typeof value === 'string') {
14
- super.setInnerValueAndNotify(Number(value));
15
- }
16
- else {
17
- super.setInnerValueAndNotify(value);
18
- }
19
- }
20
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NumberInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
21
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: NumberInputComponent, selector: "klp-form-number-input", inputs: { placeholder: "placeholder", parseNumber: "parseNumber" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: NumberInputComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<input\n\ttype=\"number\"\n\tclass=\"form-control\"\n\t[(ngModel)]=\"innerValue\"\n\t(input)=\"setInnerValueAndNotify($event.target.value)\"\n\t[placeholder]=\"placeholder ? placeholder : ''\"\n\t[ngClass]=\"{showErrors: isInErrorState()}\"\n\t[disabled]=\"disabled\"\n\t#nativeInputRef\n/>\n", styles: [":host{display:block}input{outline:none;display:block;border:1px solid #D0D5DD;border-radius:8px;box-shadow:none;height:42px;width:100%;padding:.375rem .625rem;font-size:14px;color:#101828}input:hover{border-color:#98a2b3}input::-webkit-input-placeholder{color:#98a2b3}input:-moz-placeholder{color:#98a2b3}input::-moz-placeholder{color:#98a2b3}input:-ms-input-placeholder{color:#98a2b3}input:focus,input:focus-within{outline:1px solid #00AC42;box-shadow:none;border-color:#00ac42}input.input-sm{height:30px}input.input-lg{height:50px}input.error{border-color:#dc3545;background-color:#f6cdd1}input.valid{border-color:#37c936;background-color:#ebfaeb;color:#278d26}input:placeholder-shown{text-overflow:ellipsis}input[disabled]{background-color:#f2f4f7;border-color:#f2f4f7}.showErrors{border-color:#ff8000}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
22
- }
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NumberInputComponent, decorators: [{
24
- type: Component,
25
- args: [{ selector: 'klp-form-number-input', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: NumberInputComponent, multi: true }], template: "<input\n\ttype=\"number\"\n\tclass=\"form-control\"\n\t[(ngModel)]=\"innerValue\"\n\t(input)=\"setInnerValueAndNotify($event.target.value)\"\n\t[placeholder]=\"placeholder ? placeholder : ''\"\n\t[ngClass]=\"{showErrors: isInErrorState()}\"\n\t[disabled]=\"disabled\"\n\t#nativeInputRef\n/>\n", styles: [":host{display:block}input{outline:none;display:block;border:1px solid #D0D5DD;border-radius:8px;box-shadow:none;height:42px;width:100%;padding:.375rem .625rem;font-size:14px;color:#101828}input:hover{border-color:#98a2b3}input::-webkit-input-placeholder{color:#98a2b3}input:-moz-placeholder{color:#98a2b3}input::-moz-placeholder{color:#98a2b3}input:-ms-input-placeholder{color:#98a2b3}input:focus,input:focus-within{outline:1px solid #00AC42;box-shadow:none;border-color:#00ac42}input.input-sm{height:30px}input.input-lg{height:50px}input.error{border-color:#dc3545;background-color:#f6cdd1}input.valid{border-color:#37c936;background-color:#ebfaeb;color:#278d26}input:placeholder-shown{text-overflow:ellipsis}input[disabled]{background-color:#f2f4f7;border-color:#f2f4f7}.showErrors{border-color:#ff8000}\n"] }]
26
- }], propDecorators: { placeholder: [{
27
- type: Input
28
- }], parseNumber: [{
29
- type: Input
30
- }] } });
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsaXBwYS9uZ3gtZW5oYW5jeS1mb3Jtcy9zcmMvbGliL2VsZW1lbnRzL251bWJlci1pbnB1dC9udW1iZXItaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvbnVtYmVyLWlucHV0L251bWJlci1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxzREFBc0QsQ0FBQzs7OztBQVF2RixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsaUJBQWtDO0lBTjVFOztRQVFVLGdCQUFXLEdBQVksS0FBSyxDQUFDO0tBU3RDO0lBUEEsc0JBQXNCLENBQUMsS0FBc0I7UUFDNUMsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQ25ELEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUM3QyxDQUFDO2FBQU0sQ0FBQztZQUNQLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQyxDQUFDO0lBQ0YsQ0FBQzs4R0FWVyxvQkFBb0I7a0dBQXBCLG9CQUFvQixvSEFGckIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLGlEQ1I1RixzU0FVQTs7MkZEQWEsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNDLHVCQUF1QixhQUd0QixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsc0JBQXNCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDOzhCQUdsRixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7VmFsdWVBY2Nlc3NvckJhc2V9IGZyb20gXCIuLi92YWx1ZS1hY2Nlc3Nvci1iYXNlL3ZhbHVlLWFjY2Vzc29yLWJhc2UuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2tscC1mb3JtLW51bWJlci1pbnB1dCcsXG5cdHRlbXBsYXRlVXJsOiAnLi9udW1iZXItaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9udW1iZXItaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcblx0cHJvdmlkZXJzOiBbeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IE51bWJlcklucHV0Q29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgTnVtYmVySW5wdXRDb21wb25lbnQgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yQmFzZTxzdHJpbmcgfCBudW1iZXI+IHtcblx0QElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZztcblx0QElucHV0KCkgcGFyc2VOdW1iZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuXHRzZXRJbm5lclZhbHVlQW5kTm90aWZ5KHZhbHVlOiBzdHJpbmcgfCBudW1iZXIpOiB2b2lkIHtcblx0XHRpZiAodGhpcy5wYXJzZU51bWJlciAmJiB0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnKSB7XG5cdFx0XHRzdXBlci5zZXRJbm5lclZhbHVlQW5kTm90aWZ5KE51bWJlcih2YWx1ZSkpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRzdXBlci5zZXRJbm5lclZhbHVlQW5kTm90aWZ5KHZhbHVlKTtcblx0XHR9XG5cdH1cbn1cbiIsIjxpbnB1dFxuXHR0eXBlPVwibnVtYmVyXCJcblx0Y2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuXHRbKG5nTW9kZWwpXT1cImlubmVyVmFsdWVcIlxuXHQoaW5wdXQpPVwic2V0SW5uZXJWYWx1ZUFuZE5vdGlmeSgkZXZlbnQudGFyZ2V0LnZhbHVlKVwiXG5cdFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlciA/IHBsYWNlaG9sZGVyIDogJydcIlxuXHRbbmdDbGFzc109XCJ7c2hvd0Vycm9yczogaXNJbkVycm9yU3RhdGUoKX1cIlxuXHRbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuXHQjbmF0aXZlSW5wdXRSZWZcbi8+XG4iXX0=
@@ -1,21 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
- import { ValueAccessorBase } from '../value-accessor-base/value-accessor-base.component';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/common";
6
- import * as i2 from "@angular/forms";
7
- export class PasswordFieldComponent extends ValueAccessorBase {
8
- constructor() {
9
- super(...arguments);
10
- this.placeholder = 'Password';
11
- }
12
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PasswordFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
13
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: PasswordFieldComponent, selector: "klp-form-password-field", inputs: { placeholder: "placeholder" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: PasswordFieldComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<input\n\ttype=\"password\"\n\tclass=\"form-control\"\n [ngClass]=\"{showErrors: isInErrorState()}\"\n\t[(ngModel)]=\"innerValue\"\n\t(input)=\"setInnerValueAndNotify($event.target.value)\"\n\t[placeholder]=\"placeholder\"\n\t(blur)=\"touch()\"\n\t[disabled]=\"disabled\"\n\t#nativeInputRef\n/>\n", styles: [":host{display:block}input{outline:none;display:block;border:1px solid #D0D5DD;border-radius:8px;box-shadow:none;height:42px;width:100%;padding:.375rem .625rem;font-size:14px;color:#101828}input:hover{border-color:#98a2b3}input::-webkit-input-placeholder{color:#98a2b3}input:-moz-placeholder{color:#98a2b3}input::-moz-placeholder{color:#98a2b3}input:-ms-input-placeholder{color:#98a2b3}input:focus,input:focus-within{outline:1px solid #00AC42;box-shadow:none;border-color:#00ac42}input.input-sm{height:30px}input.input-lg{height:50px}input.error{border-color:#dc3545;background-color:#f6cdd1}input.valid{border-color:#37c936;background-color:#ebfaeb;color:#278d26}input:placeholder-shown{text-overflow:ellipsis}input[disabled]{background-color:#f2f4f7;border-color:#f2f4f7}.showErrors{border-color:#ff8000}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
14
- }
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PasswordFieldComponent, decorators: [{
16
- type: Component,
17
- args: [{ selector: 'klp-form-password-field', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: PasswordFieldComponent, multi: true }], template: "<input\n\ttype=\"password\"\n\tclass=\"form-control\"\n [ngClass]=\"{showErrors: isInErrorState()}\"\n\t[(ngModel)]=\"innerValue\"\n\t(input)=\"setInnerValueAndNotify($event.target.value)\"\n\t[placeholder]=\"placeholder\"\n\t(blur)=\"touch()\"\n\t[disabled]=\"disabled\"\n\t#nativeInputRef\n/>\n", styles: [":host{display:block}input{outline:none;display:block;border:1px solid #D0D5DD;border-radius:8px;box-shadow:none;height:42px;width:100%;padding:.375rem .625rem;font-size:14px;color:#101828}input:hover{border-color:#98a2b3}input::-webkit-input-placeholder{color:#98a2b3}input:-moz-placeholder{color:#98a2b3}input::-moz-placeholder{color:#98a2b3}input:-ms-input-placeholder{color:#98a2b3}input:focus,input:focus-within{outline:1px solid #00AC42;box-shadow:none;border-color:#00ac42}input.input-sm{height:30px}input.input-lg{height:50px}input.error{border-color:#dc3545;background-color:#f6cdd1}input.valid{border-color:#37c936;background-color:#ebfaeb;color:#278d26}input:placeholder-shown{text-overflow:ellipsis}input[disabled]{background-color:#f2f4f7;border-color:#f2f4f7}.showErrors{border-color:#ff8000}\n"] }]
18
- }], propDecorators: { placeholder: [{
19
- type: Input
20
- }] } });
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvcGFzc3dvcmQtZmllbGQvcGFzc3dvcmQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvcGFzc3dvcmQtZmllbGQvcGFzc3dvcmQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDL0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDakQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0RBQXNELENBQUM7Ozs7QUFRdkYsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGlCQUF5QjtJQU5yRTs7UUFPVSxnQkFBVyxHQUFHLFVBQVUsQ0FBQztLQUNsQzs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwwRkFGdkIsQ0FBQyxFQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsc0JBQXNCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQyxDQUFDLGlEQ1I1RiwyU0FXQTs7MkZERGEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNDLHlCQUF5QixhQUd4QixDQUFDLEVBQUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsd0JBQXdCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQyxDQUFDOzhCQUdsRixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7VmFsdWVBY2Nlc3NvckJhc2V9IGZyb20gJy4uL3ZhbHVlLWFjY2Vzc29yLWJhc2UvdmFsdWUtYWNjZXNzb3ItYmFzZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdrbHAtZm9ybS1wYXNzd29yZC1maWVsZCcsXG5cdHRlbXBsYXRlVXJsOiAnLi9wYXNzd29yZC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL3Bhc3N3b3JkLWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG5cdHByb3ZpZGVyczogW3twcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IFBhc3N3b3JkRmllbGRDb21wb25lbnQsIG11bHRpOiB0cnVlfV0sXG59KVxuZXhwb3J0IGNsYXNzIFBhc3N3b3JkRmllbGRDb21wb25lbnQgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yQmFzZTxzdHJpbmc+IHtcblx0QElucHV0KCkgcGxhY2Vob2xkZXIgPSAnUGFzc3dvcmQnO1xufVxuIiwiPGlucHV0XG5cdHR5cGU9XCJwYXNzd29yZFwiXG5cdGNsYXNzPVwiZm9ybS1jb250cm9sXCJcbiAgW25nQ2xhc3NdPVwie3Nob3dFcnJvcnM6IGlzSW5FcnJvclN0YXRlKCl9XCJcblx0WyhuZ01vZGVsKV09XCJpbm5lclZhbHVlXCJcblx0KGlucHV0KT1cInNldElubmVyVmFsdWVBbmROb3RpZnkoJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuXHRbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuXHQoYmx1cik9XCJ0b3VjaCgpXCJcblx0W2Rpc2FibGVkXT1cImRpc2FibGVkXCJcblx0I25hdGl2ZUlucHV0UmVmXG4vPlxuIl19
@@ -1,34 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
- import { ValueAccessorBase } from '../value-accessor-base/value-accessor-base.component';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/common";
6
- export var Orientation;
7
- (function (Orientation) {
8
- Orientation["COLUMN"] = "column";
9
- Orientation["ROW"] = "row";
10
- })(Orientation || (Orientation = {}));
11
- export class RadioComponent extends ValueAccessorBase {
12
- constructor() {
13
- super(...arguments);
14
- this.orientation = Orientation.ROW;
15
- this.variant = 'classic';
16
- this.size = 'medium';
17
- this.Orientation = Orientation;
18
- }
19
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
20
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: RadioComponent, selector: "klp-form-radio", inputs: { options: "options", orientation: "orientation", variant: "variant", size: "size" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"componentContainer\" [ngClass]=\"{'verticallyOriented': orientation === Orientation.COLUMN, 'horizontallyOriented': orientation === Orientation.ROW, buttonGray: variant === 'buttonGray', sizeSmall: size === 'small'}\">\n\t<ng-container *ngFor=\"let option of options\">\n\t\t<button class=\"optionContainer\"\n\t\t\t[ngClass]=\"{classic: variant === 'classic', button: variant === 'button', buttonGray: variant === 'buttonGray', isSelected: innerValue === option.id}\"\n\t\t\t(click)=\"setInnerValueAndNotify(option.id)\"\n\t\t>\n\t\t\t<div class=\"radioAndName\">\n\t\t\t\t<div class=\"selectedRadioBtnContainer\" *ngIf=\"variant === 'classic'\">\n\t\t\t\t\t<div class=\"selected\" *ngIf=\"innerValue === option.id\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"nameAndDescription\">\n\t\t\t\t\t<div>{{option.name}}</div>\n\t\t\t\t\t<div class=\"description\" *ngIf=\"option.description\">{{option.description}}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</button>\n\t</ng-container>\n</div>\n", styles: [":host{display:block}.componentContainer{position:relative;display:flex}.componentContainer.verticallyOriented{flex-direction:column}.componentContainer.verticallyOriented .optionContainer{margin-bottom:.3125rem}.componentContainer.verticallyOriented .optionContainer:last-child{margin-bottom:0}.componentContainer.horizontallyOriented{flex-direction:row}.componentContainer.horizontallyOriented .optionContainer:first-child{border-radius:6px 0 0 6px}.componentContainer.horizontallyOriented .optionContainer:last-child{border-radius:0 6px 6px 0}.componentContainer.horizontallyOriented.buttonGray .optionContainer:first-child{border-radius:8px}.componentContainer.horizontallyOriented.buttonGray .optionContainer:last-child{border-radius:8px}.componentContainer.buttonGray{background:#eaecf0;border-radius:8px;display:inline-block}.componentContainer.sizeSmall .optionContainer{padding:.4rem .8rem}.optionContainer{margin-right:.3125rem;background:transparent;border:none;align-items:center}.optionContainer.classic{cursor:pointer}.optionContainer.classic .selectedRadioBtnContainer{flex:0 0 auto;position:relative;height:20px;width:20px;padding:4px;border-radius:50%;border:2px solid #D0D5DD;margin-right:.3125rem}.optionContainer.classic .selectedRadioBtnContainer .selected{height:100%;width:100%;display:block;border-radius:100%;background-color:#00ac42}.optionContainer.classic .description{opacity:1;color:#101828}.optionContainer.classic .nameAndDescription{color:#515365}.optionContainer.button{position:relative;cursor:pointer;padding:10px 14px;margin-right:0;color:#00ac42;border:1px solid #00AC42;background-color:#fff}.optionContainer.button.isSelected{background:#00ac42;color:#fff}.optionContainer.buttonGray{position:relative;cursor:pointer;padding:10px 14px;margin:2px;color:#515365;background:#eaecf0;border-radius:8px}.optionContainer.buttonGray.isSelected{background:#fff;color:#101828}.radioAndName{display:flex;flex-direction:row;gap:.2rem}.nameAndDescription{text-align:left;line-height:1.1rem}.description{margin-top:.2rem;opacity:.6}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
21
- }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RadioComponent, decorators: [{
23
- type: Component,
24
- args: [{ selector: 'klp-form-radio', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }], template: "<div class=\"componentContainer\" [ngClass]=\"{'verticallyOriented': orientation === Orientation.COLUMN, 'horizontallyOriented': orientation === Orientation.ROW, buttonGray: variant === 'buttonGray', sizeSmall: size === 'small'}\">\n\t<ng-container *ngFor=\"let option of options\">\n\t\t<button class=\"optionContainer\"\n\t\t\t[ngClass]=\"{classic: variant === 'classic', button: variant === 'button', buttonGray: variant === 'buttonGray', isSelected: innerValue === option.id}\"\n\t\t\t(click)=\"setInnerValueAndNotify(option.id)\"\n\t\t>\n\t\t\t<div class=\"radioAndName\">\n\t\t\t\t<div class=\"selectedRadioBtnContainer\" *ngIf=\"variant === 'classic'\">\n\t\t\t\t\t<div class=\"selected\" *ngIf=\"innerValue === option.id\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"nameAndDescription\">\n\t\t\t\t\t<div>{{option.name}}</div>\n\t\t\t\t\t<div class=\"description\" *ngIf=\"option.description\">{{option.description}}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</button>\n\t</ng-container>\n</div>\n", styles: [":host{display:block}.componentContainer{position:relative;display:flex}.componentContainer.verticallyOriented{flex-direction:column}.componentContainer.verticallyOriented .optionContainer{margin-bottom:.3125rem}.componentContainer.verticallyOriented .optionContainer:last-child{margin-bottom:0}.componentContainer.horizontallyOriented{flex-direction:row}.componentContainer.horizontallyOriented .optionContainer:first-child{border-radius:6px 0 0 6px}.componentContainer.horizontallyOriented .optionContainer:last-child{border-radius:0 6px 6px 0}.componentContainer.horizontallyOriented.buttonGray .optionContainer:first-child{border-radius:8px}.componentContainer.horizontallyOriented.buttonGray .optionContainer:last-child{border-radius:8px}.componentContainer.buttonGray{background:#eaecf0;border-radius:8px;display:inline-block}.componentContainer.sizeSmall .optionContainer{padding:.4rem .8rem}.optionContainer{margin-right:.3125rem;background:transparent;border:none;align-items:center}.optionContainer.classic{cursor:pointer}.optionContainer.classic .selectedRadioBtnContainer{flex:0 0 auto;position:relative;height:20px;width:20px;padding:4px;border-radius:50%;border:2px solid #D0D5DD;margin-right:.3125rem}.optionContainer.classic .selectedRadioBtnContainer .selected{height:100%;width:100%;display:block;border-radius:100%;background-color:#00ac42}.optionContainer.classic .description{opacity:1;color:#101828}.optionContainer.classic .nameAndDescription{color:#515365}.optionContainer.button{position:relative;cursor:pointer;padding:10px 14px;margin-right:0;color:#00ac42;border:1px solid #00AC42;background-color:#fff}.optionContainer.button.isSelected{background:#00ac42;color:#fff}.optionContainer.buttonGray{position:relative;cursor:pointer;padding:10px 14px;margin:2px;color:#515365;background:#eaecf0;border-radius:8px}.optionContainer.buttonGray.isSelected{background:#fff;color:#101828}.radioAndName{display:flex;flex-direction:row;gap:.2rem}.nameAndDescription{text-align:left;line-height:1.1rem}.description{margin-top:.2rem;opacity:.6}\n"] }]
25
- }], propDecorators: { options: [{
26
- type: Input
27
- }], orientation: [{
28
- type: Input
29
- }], variant: [{
30
- type: Input
31
- }], size: [{
32
- type: Input
33
- }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xpcHBhL25neC1lbmhhbmN5LWZvcm1zL3NyYy9saWIvZWxlbWVudHMvcmFkaW8vcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0RBQXNELENBQUM7OztBQUV6RixNQUFNLENBQU4sSUFBWSxXQUdYO0FBSEQsV0FBWSxXQUFXO0lBQ3RCLGdDQUFpQixDQUFBO0lBQ2pCLDBCQUFXLENBQUE7QUFDWixDQUFDLEVBSFcsV0FBVyxLQUFYLFdBQVcsUUFHdEI7QUFlRCxNQUFNLE9BQU8sY0FBZSxTQUFRLGlCQUF5QjtJQU43RDs7UUFRVSxnQkFBVyxHQUFnQixXQUFXLENBQUMsR0FBRyxDQUFDO1FBQzNDLFlBQU8sR0FBd0MsU0FBUyxDQUFDO1FBQ3pELFNBQUksR0FBd0IsUUFBUSxDQUFDO1FBQ3ZDLGdCQUFXLEdBQUcsV0FBVyxDQUFDO0tBQ2pDOzhHQU5ZLGNBQWM7a0dBQWQsY0FBYyx1SUFGZixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLGlEQ3BCdEYsKytCQWtCQTs7MkZESWEsY0FBYztrQkFOMUIsU0FBUzsrQkFDQyxnQkFBZ0IsYUFHZixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDOzhCQUc1RSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFZhbHVlQWNjZXNzb3JCYXNlIH0gZnJvbSAnLi4vdmFsdWUtYWNjZXNzb3ItYmFzZS92YWx1ZS1hY2Nlc3Nvci1iYXNlLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBlbnVtIE9yaWVudGF0aW9uIHtcblx0Q09MVU1OID0gJ2NvbHVtbicsXG5cdFJPVyA9ICdyb3cnXG59XG5leHBvcnQgdHlwZSBSYWRpb09wdGlvbnMgPSBBcnJheTxSYWRpb09wdGlvbj47XG5leHBvcnQgdHlwZSBSYWRpb09wdGlvbiA9IHtcblx0aWQ6IGFueTtcblx0bmFtZTogc3RyaW5nO1xuXHRkZXNjcmlwdGlvbj86IHN0cmluZztcbn07XG5cblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAna2xwLWZvcm0tcmFkaW8nLFxuXHR0ZW1wbGF0ZVVybDogJy4vcmFkaW8uY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9yYWRpby5jb21wb25lbnQuc2NzcyddLFxuXHRwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogUmFkaW9Db21wb25lbnQsIG11bHRpOiB0cnVlIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBSYWRpb0NvbXBvbmVudCBleHRlbmRzIFZhbHVlQWNjZXNzb3JCYXNlPHN0cmluZz57XG5cdEBJbnB1dCgpIG9wdGlvbnM6IFJhZGlvT3B0aW9ucztcblx0QElucHV0KCkgb3JpZW50YXRpb246IE9yaWVudGF0aW9uID0gT3JpZW50YXRpb24uUk9XO1xuXHRASW5wdXQoKSB2YXJpYW50OiAnY2xhc3NpYycgfCAnYnV0dG9uJyB8ICdidXR0b25HcmF5JyA9ICdjbGFzc2ljJztcblx0QElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nICA9ICdtZWRpdW0nO1xuXHRwdWJsaWMgT3JpZW50YXRpb24gPSBPcmllbnRhdGlvbjtcbn1cblxuIiwiPGRpdiBjbGFzcz1cImNvbXBvbmVudENvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsndmVydGljYWxseU9yaWVudGVkJzogb3JpZW50YXRpb24gPT09IE9yaWVudGF0aW9uLkNPTFVNTiwgJ2hvcml6b250YWxseU9yaWVudGVkJzogb3JpZW50YXRpb24gPT09IE9yaWVudGF0aW9uLlJPVywgYnV0dG9uR3JheTogdmFyaWFudCA9PT0gJ2J1dHRvbkdyYXknLCBzaXplU21hbGw6IHNpemUgPT09ICdzbWFsbCd9XCI+XG5cdDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCI+XG5cdFx0PGJ1dHRvbiBjbGFzcz1cIm9wdGlvbkNvbnRhaW5lclwiXG5cdFx0XHRbbmdDbGFzc109XCJ7Y2xhc3NpYzogdmFyaWFudCA9PT0gJ2NsYXNzaWMnLCBidXR0b246IHZhcmlhbnQgPT09ICdidXR0b24nLCBidXR0b25HcmF5OiB2YXJpYW50ID09PSAnYnV0dG9uR3JheScsIGlzU2VsZWN0ZWQ6IGlubmVyVmFsdWUgPT09IG9wdGlvbi5pZH1cIlxuXHRcdFx0KGNsaWNrKT1cInNldElubmVyVmFsdWVBbmROb3RpZnkob3B0aW9uLmlkKVwiXG5cdFx0PlxuXHRcdFx0PGRpdiBjbGFzcz1cInJhZGlvQW5kTmFtZVwiPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwic2VsZWN0ZWRSYWRpb0J0bkNvbnRhaW5lclwiICpuZ0lmPVwidmFyaWFudCA9PT0gJ2NsYXNzaWMnXCI+XG5cdFx0XHRcdFx0PGRpdiBjbGFzcz1cInNlbGVjdGVkXCIgKm5nSWY9XCJpbm5lclZhbHVlID09PSBvcHRpb24uaWRcIj48L2Rpdj5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdDxkaXYgY2xhc3M9XCJuYW1lQW5kRGVzY3JpcHRpb25cIj5cblx0XHRcdFx0XHQ8ZGl2Pnt7b3B0aW9uLm5hbWV9fTwvZGl2PlxuXHRcdFx0XHRcdDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiICpuZ0lmPVwib3B0aW9uLmRlc2NyaXB0aW9uXCI+e3tvcHRpb24uZGVzY3JpcHRpb259fTwvZGl2PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvYnV0dG9uPlxuXHQ8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19
@@ -1,15 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SelectFooterComponent {
4
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: SelectFooterComponent, selector: "klp-select-footer", inputs: { prefix: "prefix", text: "text" }, ngImport: i0, template: "<div class=\"componentContainer\">\n\t<span class=\"prefix\">{{prefix}}</span>\n\t<span class=\"text\">{{text}}</span>\n</div>\n", styles: [":host{display:block}.componentContainer{cursor:pointer;padding:6px 10px}.componentContainer:hover{background:#e7faee}.prefix{font-size:80%;padding-right:.625rem}\n"] }); }
6
- }
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SelectFooterComponent, decorators: [{
8
- type: Component,
9
- args: [{ selector: 'klp-select-footer', template: "<div class=\"componentContainer\">\n\t<span class=\"prefix\">{{prefix}}</span>\n\t<span class=\"text\">{{text}}</span>\n</div>\n", styles: [":host{display:block}.componentContainer{cursor:pointer;padding:6px 10px}.componentContainer:hover{background:#e7faee}.prefix{font-size:80%;padding-right:.625rem}\n"] }]
10
- }], propDecorators: { prefix: [{
11
- type: Input
12
- }], text: [{
13
- type: Input
14
- }] } });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGlwcGEvbmd4LWVuaGFuY3ktZm9ybXMvc3JjL2xpYi9lbGVtZW50cy9zZWxlY3Qvc2VsZWN0LWZvb3Rlci9zZWxlY3QtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsaXBwYS9uZ3gtZW5oYW5jeS1mb3Jtcy9zcmMvbGliL2VsZW1lbnRzL3NlbGVjdC9zZWxlY3QtZm9vdGVyL3NlbGVjdC1mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT2pELE1BQU0sT0FBTyxxQkFBcUI7OEdBQXJCLHFCQUFxQjtrR0FBckIscUJBQXFCLHFHQ1BsQyxrSUFJQTs7MkZER2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNDLG1CQUFtQjs4QkFLYixNQUFNO3NCQUFyQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2tscC1zZWxlY3QtZm9vdGVyJyxcblx0dGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1mb290ZXIuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9zZWxlY3QtZm9vdGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdEZvb3RlckNvbXBvbmVudCB7XG5cdEBJbnB1dCgpIHB1YmxpYyBwcmVmaXg6IHN0cmluZztcblx0QElucHV0KCkgcHVibGljIHRleHQ6IHN0cmluZztcbn1cbiIsIjxkaXYgY2xhc3M9XCJjb21wb25lbnRDb250YWluZXJcIj5cblx0PHNwYW4gY2xhc3M9XCJwcmVmaXhcIj57e3ByZWZpeH19PC9zcGFuPlxuXHQ8c3BhbiBjbGFzcz1cInRleHRcIj57e3RleHR9fTwvc3Bhbj5cbjwvZGl2PlxuIl19