@indigina/ui-kit 1.1.7 → 1.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +183 -0
- package/{esm2020 → esm2022}/lib/components/kit-autocomplete/kit-autocomplete.directive.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-autocomplete/kit-autocomplete.module.mjs +23 -23
- package/{esm2020 → esm2022}/lib/components/kit-button/kit-button.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-button/kit-button.module.mjs +9 -9
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.component.mjs +108 -0
- package/{esm2020 → esm2022}/lib/components/kit-checkbox/kit-checkbox.module.mjs +11 -11
- package/{esm2020 → esm2022}/lib/components/kit-copy-text/kit-copy-text.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-copy-text/kit-copy-text.module.mjs +7 -7
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-action/kit-cta-panel-action.module.mjs +7 -7
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.module.mjs +21 -21
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.mjs +11 -11
- package/{esm2020 → esm2022}/lib/components/kit-daterange/kit-daterange.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-daterange/kit-daterange.module.mjs +15 -15
- package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +129 -0
- package/{esm2020 → esm2022}/lib/components/kit-datetimepicker/kit-datetimepicker.module.mjs +13 -13
- package/{esm2020 → esm2022}/lib/components/kit-dialog/kit-dialog.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-dialog/kit-dialog.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/components/kit-dialog/kit-dialog.service.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-dialog-actions/kit-dialog-actions.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-dialog-actions/kit-dialog-actions.module.mjs +5 -5
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.component.mjs +146 -0
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.module.mjs +47 -0
- package/{esm2020 → esm2022}/lib/components/kit-file-upload/kit-file-upload.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-file-upload/kit-file-upload.module.mjs +15 -15
- package/{esm2020 → esm2022}/lib/components/kit-input-message/kit-input-message.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-input-message/kit-input-message.module.mjs +7 -7
- package/{esm2020 → esm2022}/lib/components/kit-loader/kit-loader.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-loader/kit-loader.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-location-stepper/kit-location-stepper.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-navigation-tabs/kit-navigation-tabs.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/components/kit-note/kit-note.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-note/kit-note.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/components/kit-notification/kit-notification.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-notification/kit-notification.module.mjs +7 -7
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +108 -0
- package/{esm2020 → esm2022}/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs +11 -11
- package/{esm2020 → esm2022}/lib/components/kit-pill/kit-pill.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-pill/kit-pill.module.mjs +7 -7
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.component.mjs +85 -0
- package/{esm2020 → esm2022}/lib/components/kit-radio-button/kit-radio-button.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/components/kit-skeleton/kit-skeleton.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-skeleton/kit-skeleton.module.mjs +7 -7
- package/{esm2020 → esm2022}/lib/components/kit-svg-icon/kit-svg-icon.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-svg-icon/kit-svg-icon.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-svg-sprite/kit-svg-sprite.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/components/kit-switch/kit-switch.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-switch/kit-switch.module.mjs +13 -13
- package/{esm2020 → esm2022}/lib/components/kit-text-label/kit-text-label.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components/kit-text-label/kit-text-label.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/components/kit-textarea/kit-textarea-autoresize.directive.mjs +4 -4
- package/esm2022/lib/components/kit-textarea/kit-textarea.component.mjs +142 -0
- package/{esm2020 → esm2022}/lib/components/kit-textarea/kit-textarea.module.mjs +11 -11
- package/esm2022/lib/components/kit-textbox/kit-textbox.component.mjs +104 -0
- package/{esm2020 → esm2022}/lib/components/kit-textbox/kit-textbox.module.mjs +11 -11
- package/esm2022/lib/components/kit-timepicker/kit-timepicker.component.mjs +91 -0
- package/{esm2020 → esm2022}/lib/components/kit-timepicker/kit-timepicker.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/components/kit-toastr/kit-toastr.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/components/kit-toastr/kit-toastr.service.mjs +4 -4
- package/esm2022/lib/components/kit-toggle/kit-toggle.component.mjs +111 -0
- package/{esm2020 → esm2022}/lib/components/kit-toggle/kit-toggle.module.mjs +11 -11
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +176 -0
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.module.mjs +55 -0
- package/{esm2020 → esm2022}/lib/directives/kit-permission/kit-permission.directive.mjs +4 -4
- package/{esm2020 → esm2022}/lib/directives/kit-permission/kit-permission.module.mjs +5 -5
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +46 -0
- package/{esm2020 → esm2022}/lib/directives/kit-tooltip/kit-tooltip.module.mjs +6 -6
- package/{esm2020 → esm2022}/lib/services/kit-query-params.service.mjs +4 -4
- package/{fesm2020 → fesm2022}/indigina-ui-kit.mjs +518 -513
- package/fesm2022/indigina-ui-kit.mjs.map +1 -0
- package/lib/components/kit-autocomplete/kit-autocomplete.component.d.ts +1 -1
- package/lib/components/kit-button/kit-button.component.d.ts +1 -1
- package/lib/components/kit-checkbox/kit-checkbox.component.d.ts +2 -2
- package/lib/components/kit-copy-text/kit-copy-text.component.d.ts +1 -1
- package/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.d.ts +1 -1
- package/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.d.ts +1 -1
- package/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.d.ts +1 -1
- package/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.d.ts +1 -1
- package/lib/components/kit-daterange/kit-daterange.component.d.ts +1 -1
- package/lib/components/kit-datetimepicker/kit-datetimepicker.component.d.ts +1 -1
- package/lib/components/kit-dropdown/kit-dropdown.component.d.ts +2 -1
- package/lib/components/kit-dropdown/kit-dropdown.module.d.ts +2 -1
- package/lib/components/kit-file-upload/kit-file-upload.component.d.ts +1 -1
- package/lib/components/kit-file-upload/kit-file-upload.model.d.ts +1 -1
- package/lib/components/kit-input-message/kit-input-message.component.d.ts +1 -1
- package/lib/components/kit-location-stepper/kit-location-stepper.component.d.ts +1 -1
- package/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.d.ts +2 -2
- package/lib/components/kit-notification/kit-notification.component.d.ts +1 -1
- package/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.d.ts +1 -1
- package/lib/components/kit-pill/kit-pill.component.d.ts +1 -1
- package/lib/components/kit-radio-button/kit-radio-button.component.d.ts +1 -1
- package/lib/components/kit-skeleton/kit-skeleton.component.d.ts +1 -1
- package/lib/components/kit-svg-icon/kit-svg-icon.component.d.ts +1 -1
- package/lib/components/kit-switch/kit-switch.component.d.ts +1 -1
- package/lib/components/kit-text-label/kit-text-label.component.d.ts +1 -1
- package/lib/components/kit-textarea/kit-textarea.component.d.ts +1 -1
- package/lib/components/kit-textbox/kit-textbox.component.d.ts +1 -1
- package/lib/components/kit-timepicker/kit-timepicker.component.d.ts +1 -1
- package/lib/components/kit-toastr/kit-toastr.service.d.ts +1 -1
- package/lib/components/kit-toggle/kit-toggle.component.d.ts +1 -1
- package/lib/components/kit-units-textbox/kit-units-textbox.component.d.ts +2 -1
- package/lib/components/kit-units-textbox/kit-units-textbox.module.d.ts +2 -1
- package/lib/directives/kit-permission/kit-permission.directive.d.ts +1 -1
- package/lib/directives/kit-tooltip/kit-tooltip.directive.d.ts +4 -4
- package/lib/services/kit-query-params.service.d.ts +1 -1
- package/package.json +32 -38
- package/esm2020/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +0 -183
- package/esm2020/lib/components/kit-checkbox/kit-checkbox.component.mjs +0 -108
- package/esm2020/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +0 -129
- package/esm2020/lib/components/kit-dropdown/kit-dropdown.component.mjs +0 -143
- package/esm2020/lib/components/kit-dropdown/kit-dropdown.module.mjs +0 -43
- package/esm2020/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +0 -108
- package/esm2020/lib/components/kit-radio-button/kit-radio-button.component.mjs +0 -85
- package/esm2020/lib/components/kit-textarea/kit-textarea.component.mjs +0 -142
- package/esm2020/lib/components/kit-textbox/kit-textbox.component.mjs +0 -104
- package/esm2020/lib/components/kit-timepicker/kit-timepicker.component.mjs +0 -91
- package/esm2020/lib/components/kit-toggle/kit-toggle.component.mjs +0 -111
- package/esm2020/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +0 -173
- package/esm2020/lib/components/kit-units-textbox/kit-units-textbox.module.mjs +0 -51
- package/esm2020/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +0 -49
- package/fesm2015/indigina-ui-kit.mjs +0 -3579
- package/fesm2015/indigina-ui-kit.mjs.map +0 -1
- package/fesm2020/indigina-ui-kit.mjs.map +0 -1
- /package/{esm2020 → esm2022}/indigina-ui-kit.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/kit-button/kit-button.const.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.model.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/kit-cta-panel-item/kit-cta-panel-item.model.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/kit-file-upload/kit-file-upload.model.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/kit-radio-button/kit-radio-button.model.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/kit-switch/kit-switch-item.model.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/random.util.mjs +0 -0
- /package/{esm2020 → esm2022}/public-api.mjs +0 -0
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@progress/kendo-angular-label";
|
|
6
|
-
import * as i3 from "../kit-input-message/kit-input-message.component";
|
|
7
|
-
import * as i4 from "./kit-textarea-autoresize.directive";
|
|
8
|
-
export var KitTextareaState;
|
|
9
|
-
(function (KitTextareaState) {
|
|
10
|
-
KitTextareaState["REGULAR"] = "regular";
|
|
11
|
-
KitTextareaState["DANGER"] = "danger";
|
|
12
|
-
})(KitTextareaState || (KitTextareaState = {}));
|
|
13
|
-
export class KitTextareaComponent {
|
|
14
|
-
constructor() {
|
|
15
|
-
/**
|
|
16
|
-
* Defines a value that is going to be applied as a default textarea value
|
|
17
|
-
*/
|
|
18
|
-
this.defaultValue = '';
|
|
19
|
-
/**
|
|
20
|
-
* Defines a state whether the textarea will be disabled or not
|
|
21
|
-
*/
|
|
22
|
-
this.disabled = false;
|
|
23
|
-
/**
|
|
24
|
-
* Defines a particular state for the component
|
|
25
|
-
*/
|
|
26
|
-
this.state = KitTextareaState.REGULAR;
|
|
27
|
-
/**
|
|
28
|
-
* Defines whether the textarea will be in the readonly mode
|
|
29
|
-
*/
|
|
30
|
-
this.readonly = false;
|
|
31
|
-
/**
|
|
32
|
-
* An action which is emitted when textarea field received focus
|
|
33
|
-
*/
|
|
34
|
-
this.focused = new EventEmitter();
|
|
35
|
-
/**
|
|
36
|
-
* An action which is emitted when textarea field lost focus
|
|
37
|
-
*/
|
|
38
|
-
this.blured = new EventEmitter();
|
|
39
|
-
/**
|
|
40
|
-
* An action which is emitted when textarea value changed
|
|
41
|
-
*/
|
|
42
|
-
this.changed = new EventEmitter();
|
|
43
|
-
/**
|
|
44
|
-
* Function that should be called every time the form control value changes
|
|
45
|
-
*/
|
|
46
|
-
this.onChange = (value) => {
|
|
47
|
-
};
|
|
48
|
-
/**
|
|
49
|
-
* Function that should be called when textarea lost focus and changed form control state to "touched"
|
|
50
|
-
*/
|
|
51
|
-
this.onTouched = () => {
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
ngOnChanges() {
|
|
55
|
-
this.calculateLineHeight();
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Function that should be called every time values of minLines and maxLines changes
|
|
59
|
-
*/
|
|
60
|
-
calculateLineHeight() {
|
|
61
|
-
const fontSize = 14, lineHeight = 1.2, padding = 16;
|
|
62
|
-
this.minHeight = this.minLines && this.minLines * fontSize * lineHeight + padding;
|
|
63
|
-
this.maxHeight = this.maxLines && this.maxLines * fontSize * lineHeight + padding;
|
|
64
|
-
}
|
|
65
|
-
writeValue(value) {
|
|
66
|
-
this.onChange(value);
|
|
67
|
-
this.defaultValue = value;
|
|
68
|
-
}
|
|
69
|
-
registerOnChange(fn) {
|
|
70
|
-
this.onChange = fn;
|
|
71
|
-
}
|
|
72
|
-
registerOnTouched(fn) {
|
|
73
|
-
this.onTouched = fn;
|
|
74
|
-
}
|
|
75
|
-
setDisabledState(disabled) {
|
|
76
|
-
this.disabled = disabled;
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Function that is called when textarea field received focus
|
|
80
|
-
*/
|
|
81
|
-
onTextareaFocus() {
|
|
82
|
-
this.focused.emit();
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* Function that is called when textarea field lost focus
|
|
86
|
-
*/
|
|
87
|
-
onTextareaBlur() {
|
|
88
|
-
this.onTouched();
|
|
89
|
-
this.blured.emit();
|
|
90
|
-
}
|
|
91
|
-
/**
|
|
92
|
-
* Function that is called when textarea value changed
|
|
93
|
-
*/
|
|
94
|
-
onTextareaChange(event) {
|
|
95
|
-
const target = event.target;
|
|
96
|
-
this.onChange(target.value);
|
|
97
|
-
this.changed.emit(target.value);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
KitTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
101
|
-
KitTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitTextareaComponent, selector: "kit-textarea", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", maxlength: "maxlength", minLines: "minLines", maxLines: "maxLines", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", state: "state", readonly: "readonly" }, outputs: { focused: "focused", blured: "blured", changed: "changed" }, providers: [{
|
|
102
|
-
provide: NG_VALUE_ACCESSOR,
|
|
103
|
-
useExisting: forwardRef(() => KitTextareaComponent),
|
|
104
|
-
multi: true,
|
|
105
|
-
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea {{ state }}\"\n [class.textarea-disabled]=\"disabled\"\n [class.textarea-readonly]=\"readonly\">\n <kendo-label *ngIf=\"label\" [text]=\"label\" [for]=\"textarea\"></kendo-label>\n <div class=\"textarea-wrapper\">\n <textarea autoresize #textarea class=\"k-input\"\n [attr.placeholder]=\"placeholder\"\n [style.min-height.px]=\"minHeight\"\n [style.max-height.px]=\"maxHeight\"\n [attr.maxlength]=\"maxlength\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [readonly]=\"readonly\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-textarea .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textarea .textarea-wrapper{border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textarea .textarea-wrapper:focus-within{border-color:#00b0ad}.kit-textarea .k-input{padding:8px;width:100%;min-height:32px;color:#002a3a;font-size:13px;border:none;border-radius:4px;box-sizing:border-box;line-height:1.26;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:#74777d}.kit-textarea .k-input:disabled{background:#f3f4f6}.kit-textarea .k-input:disabled::placeholder{color:#9a9fa6}.kit-textarea.textarea-disabled .k-label,.kit-textarea.textarea-readonly .k-label{color:#74777d}.kit-textarea.textarea-disabled .k-input,.kit-textarea.textarea-readonly .k-input{color:#9a9fa6;cursor:default;pointer-events:none}.kit-textarea.danger .textarea-wrapper{border-color:#ef3e42}.kit-textarea.danger .k-input{background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "directive", type: i4.KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitTextareaComponent, decorators: [{
|
|
107
|
-
type: Component,
|
|
108
|
-
args: [{ selector: 'kit-textarea', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
109
|
-
provide: NG_VALUE_ACCESSOR,
|
|
110
|
-
useExisting: forwardRef(() => KitTextareaComponent),
|
|
111
|
-
multi: true,
|
|
112
|
-
}], template: "<div class=\"kit-textarea {{ state }}\"\n [class.textarea-disabled]=\"disabled\"\n [class.textarea-readonly]=\"readonly\">\n <kendo-label *ngIf=\"label\" [text]=\"label\" [for]=\"textarea\"></kendo-label>\n <div class=\"textarea-wrapper\">\n <textarea autoresize #textarea class=\"k-input\"\n [attr.placeholder]=\"placeholder\"\n [style.min-height.px]=\"minHeight\"\n [style.max-height.px]=\"maxHeight\"\n [attr.maxlength]=\"maxlength\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [readonly]=\"readonly\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-textarea .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textarea .textarea-wrapper{border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textarea .textarea-wrapper:focus-within{border-color:#00b0ad}.kit-textarea .k-input{padding:8px;width:100%;min-height:32px;color:#002a3a;font-size:13px;border:none;border-radius:4px;box-sizing:border-box;line-height:1.26;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:#74777d}.kit-textarea .k-input:disabled{background:#f3f4f6}.kit-textarea .k-input:disabled::placeholder{color:#9a9fa6}.kit-textarea.textarea-disabled .k-label,.kit-textarea.textarea-readonly .k-label{color:#74777d}.kit-textarea.textarea-disabled .k-input,.kit-textarea.textarea-readonly .k-input{color:#9a9fa6;cursor:default;pointer-events:none}.kit-textarea.danger .textarea-wrapper{border-color:#ef3e42}.kit-textarea.danger .k-input{background:#f8e0e0}\n"] }]
|
|
113
|
-
}], propDecorators: { placeholder: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], label: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], defaultValue: [{
|
|
118
|
-
type: Input
|
|
119
|
-
}], maxlength: [{
|
|
120
|
-
type: Input
|
|
121
|
-
}], minLines: [{
|
|
122
|
-
type: Input
|
|
123
|
-
}], maxLines: [{
|
|
124
|
-
type: Input
|
|
125
|
-
}], disabled: [{
|
|
126
|
-
type: Input
|
|
127
|
-
}], messageIcon: [{
|
|
128
|
-
type: Input
|
|
129
|
-
}], messageText: [{
|
|
130
|
-
type: Input
|
|
131
|
-
}], state: [{
|
|
132
|
-
type: Input
|
|
133
|
-
}], readonly: [{
|
|
134
|
-
type: Input
|
|
135
|
-
}], focused: [{
|
|
136
|
-
type: Output
|
|
137
|
-
}], blured: [{
|
|
138
|
-
type: Output
|
|
139
|
-
}], changed: [{
|
|
140
|
-
type: Output
|
|
141
|
-
}] } });
|
|
142
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRleHRhcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXRleHRhcmVhL2tpdC10ZXh0YXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10ZXh0YXJlYS9raXQtdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUksT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFHekUsTUFBTSxDQUFOLElBQVksZ0JBR1g7QUFIRCxXQUFZLGdCQUFnQjtJQUMxQix1Q0FBbUIsQ0FBQTtJQUNuQixxQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUczQjtBQWNELE1BQU0sT0FBTyxvQkFBb0I7SUFaakM7UUF1QkU7O1dBRUc7UUFDTSxpQkFBWSxHQUFZLEVBQUUsQ0FBQztRQW1CcEM7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBWW5DOztXQUVHO1FBQ00sVUFBSyxHQUFxQixnQkFBZ0IsQ0FBQyxPQUFPLENBQUM7UUFFNUQ7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBWW5DOztXQUVHO1FBQ08sWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWpFOztXQUVHO1FBQ08sV0FBTSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWhFOztXQUVHO1FBQ08sWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBa0JyRTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEtBQWEsRUFBUSxFQUFFO1FBQ25DLENBQUMsQ0FBQztRQUVGOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEdBQVMsRUFBRTtRQUN2QixDQUFDLENBQUM7S0EwQ0g7SUFwRUMsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNILG1CQUFtQjtRQUNqQixNQUFNLFFBQVEsR0FBVyxFQUFFLEVBQ3pCLFVBQVUsR0FBVyxHQUFHLEVBQ3hCLE9BQU8sR0FBVyxFQUFFLENBQUM7UUFFdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxHQUFHLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDbEYsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxHQUFHLFVBQVUsR0FBRyxPQUFPLENBQUM7SUFDcEYsQ0FBQztJQWNELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQXVCO1FBQ3RDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxjQUFjO1FBQ1osSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZ0JBQWdCLENBQUMsS0FBWTtRQUMzQixNQUFNLE1BQU0sR0FBd0MsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUNqRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7aUhBdEpVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDRYQU5wQixDQUFDO1lBQ1YsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQ25ELEtBQUssRUFBRSxJQUFJO1NBQ1osQ0FBQywrQ0NuQkosaThCQXVCQTsyRkRGYSxvQkFBb0I7a0JBWmhDLFNBQVM7K0JBQ0UsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7OEJBTU8sV0FBVztzQkFBbkIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csWUFBWTtzQkFBcEIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQU1HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUcsUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFlSSxPQUFPO3NCQUFoQixNQUFNO2dCQUtHLE1BQU07c0JBQWYsTUFBTTtnQkFLRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBlbnVtIEtpdFRleHRhcmVhU3RhdGUge1xuICBSRUdVTEFSID0gJ3JlZ3VsYXInLFxuICBEQU5HRVIgPSAnZGFuZ2VyJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRleHRhcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC10ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC10ZXh0YXJlYS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEtpdFRleHRhcmVhQ29tcG9uZW50KSxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFRleHRhcmVhQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcyB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgdGV4dGFyZWEgcGxhY2Vob2xkZXJcbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgdGV4dGFyZWEgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgZGVmYXVsdCB0ZXh0YXJlYSB2YWx1ZVxuICAgKi9cbiAgQElucHV0KCkgZGVmYXVsdFZhbHVlPzogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IHdpbGwgZGV0ZXJtaW5lIHRoZSBtYXhpbXVtIG51bWJlciBvZiBjaGFyYWN0ZXJzIGluIHRoZSB0ZXh0YXJlYSBmaWVsZFxuICAgKi9cbiAgQElucHV0KCkgbWF4bGVuZ3RoPzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgbWluaW1hbCBudW1iZXIgb2YgdmlzaWJsZSB0ZXh0IGxpbmVzIGluXG4gICAqIHRoZSB0ZXh0YXJlYSBmaWVsZFxuICAgKi9cbiAgQElucHV0KCkgbWluTGluZXM/OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYSBtYXhpbWFsIG51bWJlciBvZiB2aXNpYmxlIHRleHQgbGluZXMgaW5cbiAgICogdGhlIHRleHRhcmVhIGZpZWxkXG4gICAqL1xuICBASW5wdXQoKSBtYXhMaW5lcz86IG51bWJlcjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHN0YXRlIHdoZXRoZXIgdGhlIHRleHRhcmVhIHdpbGwgYmUgZGlzYWJsZWQgb3Igbm90XG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGFuIGljb24gd2hpY2ggd2lsbCBiZSB1c2VkIHRvIHRoZSBsZWZ0IG9mIHRoZSBpbmZvIG1lc3NhZ2VcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VJY29uPzogS2l0U3ZnSWNvbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVGV4dD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHBhcnRpY3VsYXIgc3RhdGUgZm9yIHRoZSBjb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHN0YXRlOiBLaXRUZXh0YXJlYVN0YXRlID0gS2l0VGV4dGFyZWFTdGF0ZS5SRUdVTEFSO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHdoZXRoZXIgdGhlIHRleHRhcmVhIHdpbGwgYmUgaW4gdGhlIHJlYWRvbmx5IG1vZGVcbiAgICovXG4gIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYSBtaW5pbWFsIHRleHRhcmVhIGhlaWdodFxuICAgKi9cbiAgbWluSGVpZ2h0PzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgbWF4aW1hbCB0ZXh0YXJlYSBoZWlnaHRcbiAgICovXG4gIG1heEhlaWdodD86IG51bWJlcjtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCByZWNlaXZlZCBmb2N1c1xuICAgKi9cbiAgQE91dHB1dCgpIGZvY3VzZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCBsb3N0IGZvY3VzXG4gICAqL1xuICBAT3V0cHV0KCkgYmx1cmVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gdGV4dGFyZWEgdmFsdWUgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIGNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jYWxjdWxhdGVMaW5lSGVpZ2h0KCk7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIGV2ZXJ5IHRpbWUgdmFsdWVzIG9mIG1pbkxpbmVzIGFuZCBtYXhMaW5lcyBjaGFuZ2VzXG4gICAqL1xuICBjYWxjdWxhdGVMaW5lSGVpZ2h0KCk6IHZvaWQge1xuICAgIGNvbnN0IGZvbnRTaXplOiBudW1iZXIgPSAxNCxcbiAgICAgIGxpbmVIZWlnaHQ6IG51bWJlciA9IDEuMixcbiAgICAgIHBhZGRpbmc6IG51bWJlciA9IDE2O1xuXG4gICAgdGhpcy5taW5IZWlnaHQgPSB0aGlzLm1pbkxpbmVzICYmIHRoaXMubWluTGluZXMgKiBmb250U2l6ZSAqIGxpbmVIZWlnaHQgKyBwYWRkaW5nO1xuICAgIHRoaXMubWF4SGVpZ2h0ID0gdGhpcy5tYXhMaW5lcyAmJiB0aGlzLm1heExpbmVzICogZm9udFNpemUgKiBsaW5lSGVpZ2h0ICsgcGFkZGluZztcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gdGV4dGFyZWEgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IHN0cmluZykgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCByZWNlaXZlZCBmb2N1c1xuICAgKi9cbiAgb25UZXh0YXJlYUZvY3VzKCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZC5lbWl0KCk7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCBsb3N0IGZvY3VzXG4gICAqL1xuICBvblRleHRhcmVhQmx1cigpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIHRoaXMuYmx1cmVkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IGlzIGNhbGxlZCB3aGVuIHRleHRhcmVhIHZhbHVlIGNoYW5nZWRcbiAgICovXG4gIG9uVGV4dGFyZWFDaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0OiBIVE1MSW5wdXRFbGVtZW50ID0gPEhUTUxJbnB1dEVsZW1lbnQ+IGV2ZW50LnRhcmdldDtcbiAgICB0aGlzLm9uQ2hhbmdlKHRhcmdldC52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGFyZ2V0LnZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC10ZXh0YXJlYSB7eyBzdGF0ZSB9fVwiXG4gICAgIFtjbGFzcy50ZXh0YXJlYS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgIFtjbGFzcy50ZXh0YXJlYS1yZWFkb25seV09XCJyZWFkb25seVwiPlxuICA8a2VuZG8tbGFiZWwgKm5nSWY9XCJsYWJlbFwiIFt0ZXh0XT1cImxhYmVsXCIgW2Zvcl09XCJ0ZXh0YXJlYVwiPjwva2VuZG8tbGFiZWw+XG4gIDxkaXYgY2xhc3M9XCJ0ZXh0YXJlYS13cmFwcGVyXCI+XG4gICAgPHRleHRhcmVhIGF1dG9yZXNpemUgI3RleHRhcmVhIGNsYXNzPVwiay1pbnB1dFwiXG4gICAgICAgICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgW3N0eWxlLm1pbi1oZWlnaHQucHhdPVwibWluSGVpZ2h0XCJcbiAgICAgICAgICAgICAgW3N0eWxlLm1heC1oZWlnaHQucHhdPVwibWF4SGVpZ2h0XCJcbiAgICAgICAgICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heGxlbmd0aFwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgIFt2YWx1ZV09XCJkZWZhdWx0VmFsdWVcIlxuICAgICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICAgICAgICAoZm9jdXMpPVwib25UZXh0YXJlYUZvY3VzKClcIlxuICAgICAgICAgICAgICAoYmx1cik9XCJvblRleHRhcmVhQmx1cigpXCJcbiAgICAgICAgICAgICAgKGlucHV0KT1cIm9uVGV4dGFyZWFDaGFuZ2UoJGV2ZW50KVwiXG4gICAgPjwvdGV4dGFyZWE+XG4gIDwvZGl2PlxuICA8a2l0LWlucHV0LW1lc3NhZ2UgKm5nSWY9XCJtZXNzYWdlVGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJtZXNzYWdlSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICBbbWVzc2FnZV09XCJtZXNzYWdlVGV4dFwiXG4gID48L2tpdC1pbnB1dC1tZXNzYWdlPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@progress/kendo-angular-inputs";
|
|
7
|
-
import * as i3 from "@progress/kendo-angular-label";
|
|
8
|
-
import * as i4 from "../kit-input-message/kit-input-message.component";
|
|
9
|
-
export class KitTextboxComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
/**
|
|
12
|
-
* Defines a value that is going to be applied as a default input value
|
|
13
|
-
*/
|
|
14
|
-
this.defaultValue = '';
|
|
15
|
-
/**
|
|
16
|
-
* Defines a value which going to be an info message type
|
|
17
|
-
*/
|
|
18
|
-
this.messageType = KitInputMessageType.DEFAULT;
|
|
19
|
-
/**
|
|
20
|
-
* Defines a state whether the textbox will be disabled or not
|
|
21
|
-
*/
|
|
22
|
-
this.disabled = false;
|
|
23
|
-
/**
|
|
24
|
-
* An action which is emitted when input field lost focus
|
|
25
|
-
*/
|
|
26
|
-
this.blured = new EventEmitter();
|
|
27
|
-
/**
|
|
28
|
-
* An action which is emitted when input value changed
|
|
29
|
-
*/
|
|
30
|
-
this.changed = new EventEmitter();
|
|
31
|
-
/**
|
|
32
|
-
* Function that should be called every time the form control value changes
|
|
33
|
-
*/
|
|
34
|
-
this.onChange = (value) => {
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* Function that should be called when input lost focus and changed form control state to "touched"
|
|
38
|
-
*/
|
|
39
|
-
this.onTouched = () => {
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
writeValue(value) {
|
|
43
|
-
this.onChange(value);
|
|
44
|
-
this.defaultValue = value;
|
|
45
|
-
}
|
|
46
|
-
registerOnChange(fn) {
|
|
47
|
-
this.onChange = fn;
|
|
48
|
-
}
|
|
49
|
-
registerOnTouched(fn) {
|
|
50
|
-
this.onTouched = fn;
|
|
51
|
-
}
|
|
52
|
-
setDisabledState(disabled) {
|
|
53
|
-
this.disabled = disabled;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Function that is called when input field lost focus
|
|
57
|
-
*/
|
|
58
|
-
onInputBlur() {
|
|
59
|
-
this.onTouched();
|
|
60
|
-
this.blured.emit();
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Function that is called when input value changed
|
|
64
|
-
*/
|
|
65
|
-
onInputChange(value) {
|
|
66
|
-
this.onChange(value);
|
|
67
|
-
this.changed.emit(value);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
KitTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
-
KitTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitTextboxComponent, selector: "kit-textbox", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", disabled: "disabled", maxlength: "maxlength" }, outputs: { blured: "blured", changed: "changed" }, providers: [{
|
|
72
|
-
provide: NG_VALUE_ACCESSOR,
|
|
73
|
-
useExisting: forwardRef(() => KitTextboxComponent),
|
|
74
|
-
multi: true,
|
|
75
|
-
}], ngImport: i0, template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-textbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textbox .k-input:focus-within{border-color:#00b0ad}.kit-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:#74777d}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.textbox-disabled .label{color:#74777d}.kit-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitTextboxComponent, decorators: [{
|
|
77
|
-
type: Component,
|
|
78
|
-
args: [{ selector: 'kit-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
79
|
-
provide: NG_VALUE_ACCESSOR,
|
|
80
|
-
useExisting: forwardRef(() => KitTextboxComponent),
|
|
81
|
-
multi: true,
|
|
82
|
-
}], template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-textbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textbox .k-input:focus-within{border-color:#00b0ad}.kit-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:#74777d}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.textbox-disabled .label{color:#74777d}.kit-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
83
|
-
}], propDecorators: { placeholder: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], label: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], defaultValue: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], messageIcon: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], messageText: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], messageType: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], disabled: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], maxlength: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], blured: [{
|
|
100
|
-
type: Output
|
|
101
|
-
}], changed: [{
|
|
102
|
-
type: Output
|
|
103
|
-
}] } });
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRleHRib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGV4dGJveC9raXQtdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10ZXh0Ym94L2tpdC10ZXh0Ym94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7Ozs7QUFjdkYsTUFBTSxPQUFPLG1CQUFtQjtJQVpoQztRQXVCRTs7V0FFRztRQUNNLGlCQUFZLEdBQVksRUFBRSxDQUFDO1FBWXBDOztXQUVHO1FBQ00sZ0JBQVcsR0FBd0IsbUJBQW1CLENBQUMsT0FBTyxDQUFDO1FBRXhFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQU9uQzs7V0FFRztRQUNPLFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVoRTs7V0FFRztRQUNPLFlBQU8sR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVyRTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEtBQWEsRUFBUSxFQUFFO1FBQ25DLENBQUMsQ0FBQztRQUVGOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEdBQVMsRUFBRTtRQUN2QixDQUFDLENBQUM7S0FrQ0g7SUFoQ0MsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBdUI7UUFDdEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNILFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7O2dIQTlGVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixpVEFObkIsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztZQUNsRCxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsMEJDdkJKLG91QkFpQkE7MkZEUWEsbUJBQW1CO2tCQVovQixTQUFTOytCQUNFLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG9CQUFvQixDQUFDOzRCQUNsRCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzhCQU1PLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtJLE1BQU07c0JBQWYsTUFBTTtnQkFLRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBmb3J3YXJkUmVmLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRJbnB1dE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi4va2l0LWlucHV0LW1lc3NhZ2Uva2l0LWlucHV0LW1lc3NhZ2UuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRleHRib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXRleHRib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtdGV4dGJveC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEtpdFRleHRib3hDb21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGV4dGJveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYW4gaW5wdXQgcGxhY2Vob2xkZXJcbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGFuIGlucHV0IGxhYmVsXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHRoYXQgaXMgZ29pbmcgdG8gYmUgYXBwbGllZCBhcyBhIGRlZmF1bHQgaW5wdXQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRWYWx1ZT86IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGFuIGljb24gd2hpY2ggd2lsbCBiZSB1c2VkIHRvIHRoZSBsZWZ0IG9mIHRoZSBpbmZvIG1lc3NhZ2VcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VJY29uPzogS2l0U3ZnSWNvbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVGV4dD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0eXBlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVHlwZTogS2l0SW5wdXRNZXNzYWdlVHlwZSA9IEtpdElucHV0TWVzc2FnZVR5cGUuREVGQVVMVDtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHN0YXRlIHdoZXRoZXIgdGhlIHRleHRib3ggd2lsbCBiZSBkaXNhYmxlZCBvciBub3RcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIG1heGltdW0gbGVuZ3RoIG9mIHRoZSB0ZXh0Ym94IHZhbHVlXG4gICAqL1xuICBASW5wdXQoKSBtYXhsZW5ndGg/OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gaW5wdXQgZmllbGQgbG9zdCBmb2N1c1xuICAgKi9cbiAgQE91dHB1dCgpIGJsdXJlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIGlucHV0IHZhbHVlIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gaW5wdXQgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IHN0cmluZykgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiBpbnB1dCBmaWVsZCBsb3N0IGZvY3VzXG4gICAqL1xuICBvbklucHV0Qmx1cigpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIHRoaXMuYmx1cmVkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IGlzIGNhbGxlZCB3aGVuIGlucHV0IHZhbHVlIGNoYW5nZWRcbiAgICovXG4gIG9uSW5wdXRDaGFuZ2UodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC10ZXh0Ym94IHRleHRib3gte3sgbWVzc2FnZVR5cGUgfX1cIlxuICAgICBbY2xhc3MudGV4dGJveC1kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8a2VuZG8tbGFiZWwgKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwibGFiZWxcIiBbdGV4dF09XCJsYWJlbFwiIFtmb3JdPVwidGV4dGJveFwiPjwva2VuZG8tbGFiZWw+XG4gIDxrZW5kby10ZXh0Ym94ICN0ZXh0Ym94XG4gICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJkZWZhdWx0VmFsdWVcIlxuICAgICAgICAgICAgICAgICBbbWF4bGVuZ3RoXT1cIm1heGxlbmd0aFwiXG4gICAgICAgICAgICAgICAgIChibHVyKT1cIm9uSW5wdXRCbHVyKClcIlxuICAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcbiAgPjwva2VuZG8tdGV4dGJveD5cbiAgPGtpdC1pbnB1dC1tZXNzYWdlICpuZ0lmPVwibWVzc2FnZVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwibWVzc2FnZVR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwibWVzc2FnZUljb25cIlxuICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICA+PC9raXQtaW5wdXQtbWVzc2FnZT5cbjwvZGl2PlxuIl19
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
|
-
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@progress/kendo-angular-dateinputs";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
export class KitTimepickerComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.label = null;
|
|
10
|
-
this.placeholder = null;
|
|
11
|
-
this.defaultValue = null;
|
|
12
|
-
this.longFormatEnabled = true;
|
|
13
|
-
this.disabled = false;
|
|
14
|
-
this.readonly = false;
|
|
15
|
-
this.min = null;
|
|
16
|
-
this.max = null;
|
|
17
|
-
this.popupOpened = new EventEmitter();
|
|
18
|
-
this.popupClosed = new EventEmitter();
|
|
19
|
-
this.changed = new EventEmitter();
|
|
20
|
-
this.blured = new EventEmitter();
|
|
21
|
-
this.KitSvgIcon = KitSvgIcon;
|
|
22
|
-
this.longTimeFormat = 'HH:mm';
|
|
23
|
-
this.shortTimeFormat = 'hh:mm a';
|
|
24
|
-
this.datetimepickerPopupSettings = {
|
|
25
|
-
popupClass: 'kit-timepicker-popup',
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
onChange(value) {
|
|
29
|
-
}
|
|
30
|
-
onTouched() {
|
|
31
|
-
}
|
|
32
|
-
onInputBlur() {
|
|
33
|
-
this.onTouched();
|
|
34
|
-
this.blured.emit();
|
|
35
|
-
}
|
|
36
|
-
onInputChange(value) {
|
|
37
|
-
this.onChange(value);
|
|
38
|
-
this.changed.emit(value);
|
|
39
|
-
}
|
|
40
|
-
writeValue(value) {
|
|
41
|
-
this.onChange(value);
|
|
42
|
-
}
|
|
43
|
-
registerOnChange(fn) {
|
|
44
|
-
this.onChange = fn;
|
|
45
|
-
}
|
|
46
|
-
registerOnTouched(fn) {
|
|
47
|
-
this.onTouched = fn;
|
|
48
|
-
}
|
|
49
|
-
setDisabledState(disabled) {
|
|
50
|
-
this.disabled = disabled;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
KitTimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
-
KitTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitTimepickerComponent, selector: "kit-timepicker", inputs: { label: "label", placeholder: "placeholder", defaultValue: "defaultValue", longFormatEnabled: "longFormatEnabled", disabled: "disabled", readonly: "readonly", min: "min", max: "max" }, outputs: { popupOpened: "popupOpened", popupClosed: "popupClosed", changed: "changed", blured: "blured" }, providers: [{
|
|
55
|
-
provide: NG_VALUE_ACCESSOR,
|
|
56
|
-
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
57
|
-
multi: true,
|
|
58
|
-
}], ngImport: i0, template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px;line-height:1}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{margin-right:4px;color:#002a3a;background:none;border:none;padding:0;width:16px;display:block;line-height:1}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "component", type: i1.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitTimepickerComponent, decorators: [{
|
|
60
|
-
type: Component,
|
|
61
|
-
args: [{ selector: 'kit-timepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
62
|
-
provide: NG_VALUE_ACCESSOR,
|
|
63
|
-
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
64
|
-
multi: true,
|
|
65
|
-
}], template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px;line-height:1}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{margin-right:4px;color:#002a3a;background:none;border:none;padding:0;width:16px;display:block;line-height:1}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"] }]
|
|
66
|
-
}], propDecorators: { label: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], placeholder: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], defaultValue: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], longFormatEnabled: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], disabled: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], readonly: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], min: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], max: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], popupOpened: [{
|
|
83
|
-
type: Output
|
|
84
|
-
}], popupClosed: [{
|
|
85
|
-
type: Output
|
|
86
|
-
}], changed: [{
|
|
87
|
-
type: Output
|
|
88
|
-
}], blured: [{
|
|
89
|
-
type: Output
|
|
90
|
-
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRpbWVwaWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGltZXBpY2tlci9raXQtdGltZXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10aW1lcGlja2VyL2tpdC10aW1lcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFjekUsTUFBTSxPQUFPLHNCQUFzQjtJQVhuQztRQVlXLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBQzVCLGdCQUFXLEdBQWtCLElBQUksQ0FBQztRQUVsQyxpQkFBWSxHQUFnQixJQUFJLENBQUM7UUFDakMsc0JBQWlCLEdBQVksSUFBSSxDQUFDO1FBRWxDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUUxQixRQUFHLEdBQWdCLElBQUksQ0FBQztRQUN4QixRQUFHLEdBQWdCLElBQUksQ0FBQztRQUV2QixnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzNELGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFM0QsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3ZELFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV2RCxlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUUzQyxtQkFBYyxHQUFXLE9BQU8sQ0FBQztRQUNqQyxvQkFBZSxHQUFXLFNBQVMsQ0FBQztRQUVwQyxnQ0FBMkIsR0FBa0I7WUFDcEQsVUFBVSxFQUFFLHNCQUFzQjtTQUNuQyxDQUFDO0tBaUNIO0lBL0JDLFFBQVEsQ0FBQyxLQUFXO0lBQ3BCLENBQUM7SUFFRCxTQUFTO0lBQ1QsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVc7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVc7UUFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBcUI7UUFDcEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7O21IQTFEVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzVkFOdEIsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztZQUNyRCxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsMEJDZEosazZCQXFCQTsyRkRMYSxzQkFBc0I7a0JBWGxDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx1QkFBdUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQzs4QkFHTyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBRUcsT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFBvcHVwU2V0dGluZ3MgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1kcm9wZG93bnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtdGltZXBpY2tlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtdGltZXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC10aW1lcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gS2l0VGltZXBpY2tlckNvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRUaW1lcGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICBASW5wdXQoKSBkZWZhdWx0VmFsdWU6IERhdGUgfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgbG9uZ0Zvcm1hdEVuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgbWluOiBEYXRlIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIG1heDogRGF0ZSB8IG51bGwgPSBudWxsO1xuXG4gIEBPdXRwdXQoKSBwb3B1cE9wZW5lZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcG9wdXBDbG9zZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KCkgY2hhbmdlZDogRXZlbnRFbWl0dGVyPERhdGU+ID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRlPigpO1xuICBAT3V0cHV0KCkgYmx1cmVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuXG4gIHJlYWRvbmx5IGxvbmdUaW1lRm9ybWF0OiBzdHJpbmcgPSAnSEg6bW0nO1xuICByZWFkb25seSBzaG9ydFRpbWVGb3JtYXQ6IHN0cmluZyA9ICdoaDptbSBhJztcblxuICByZWFkb25seSBkYXRldGltZXBpY2tlclBvcHVwU2V0dGluZ3M6IFBvcHVwU2V0dGluZ3MgPSB7XG4gICAgcG9wdXBDbGFzczogJ2tpdC10aW1lcGlja2VyLXBvcHVwJyxcbiAgfTtcblxuICBvbkNoYW5nZSh2YWx1ZTogRGF0ZSk6IHZvaWQge1xuICB9XG5cbiAgb25Ub3VjaGVkKCk6IHZvaWQge1xuICB9XG5cbiAgb25JbnB1dEJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgICB0aGlzLmJsdXJlZC5lbWl0KCk7XG4gIH1cblxuICBvbklucHV0Q2hhbmdlKHZhbHVlOiBEYXRlKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodmFsdWUpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogRGF0ZSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IERhdGUpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LXRpbWVwaWNrZXJcIiBbY2xhc3Mua2l0LXRpbWVwaWNrZXItZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImtpdC10aW1lcGlja2VyLWxhYmVsIGRpc3BsYXktYmxvY2tcIj5cbiAgICB7eyBsYWJlbCB9fVxuICA8L2xhYmVsPlxuXG4gIDxrZW5kby10aW1lcGlja2VyIGNsYXNzPVwia2l0LXRpbWVwaWNrZXItaW5wdXRcIlxuICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICAgICAgICAgICAgICBbbWluXT1cIm1pblwiXG4gICAgICAgICAgICAgICAgICAgIFttYXhdPVwibWF4XCJcbiAgICAgICAgICAgICAgICAgICAgW2Zvcm1hdF09XCJsb25nRm9ybWF0RW5hYmxlZCAmJiBsb25nVGltZUZvcm1hdCB8fCBzaG9ydFRpbWVGb3JtYXRcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwiZGVmYXVsdFZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW3BvcHVwU2V0dGluZ3NdPVwiZGF0ZXRpbWVwaWNrZXJQb3B1cFNldHRpbmdzXCJcbiAgICAgICAgICAgICAgICAgICAgKG9wZW4pPVwicG9wdXBPcGVuZWQuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsb3NlKT1cInBvcHVwQ2xvc2VkLmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvbklucHV0Q2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAoYmx1cik9XCJvbklucHV0Qmx1cigpXCJcbiAgPjwva2VuZG8tdGltZXBpY2tlcj5cbjwvZGl2PlxuIl19
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@progress/kendo-angular-inputs";
|
|
7
|
-
import * as i3 from "@progress/kendo-angular-label";
|
|
8
|
-
import * as i4 from "../kit-input-message/kit-input-message.component";
|
|
9
|
-
export class KitToggleComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
/**
|
|
12
|
-
* Defines whether the component will be in disabled state
|
|
13
|
-
*/
|
|
14
|
-
this.disabled = false;
|
|
15
|
-
/**
|
|
16
|
-
* Defines whether the component will be in readonly state
|
|
17
|
-
*/
|
|
18
|
-
this.readonly = false;
|
|
19
|
-
/**
|
|
20
|
-
* Defines a default value
|
|
21
|
-
*/
|
|
22
|
-
this.defaultChecked = false;
|
|
23
|
-
/**
|
|
24
|
-
* Defines whether to display On/Off labels
|
|
25
|
-
*/
|
|
26
|
-
this.onOffLabel = true;
|
|
27
|
-
/**
|
|
28
|
-
* Defines On label of the toggle, default is "On"
|
|
29
|
-
*/
|
|
30
|
-
this.onLabel = '';
|
|
31
|
-
/**
|
|
32
|
-
* Defines Off label of the toggle, default is "Off"
|
|
33
|
-
*/
|
|
34
|
-
this.offLabel = '';
|
|
35
|
-
/**
|
|
36
|
-
* Defines a value which going to be an info message type
|
|
37
|
-
*/
|
|
38
|
-
this.messageType = KitInputMessageType.DEFAULT;
|
|
39
|
-
/**
|
|
40
|
-
* Occurs as soon as toggle state is changed
|
|
41
|
-
*/
|
|
42
|
-
this.changed = new EventEmitter();
|
|
43
|
-
/**
|
|
44
|
-
* Function that should be called every time the form control value changes
|
|
45
|
-
*/
|
|
46
|
-
this.onChange = (value) => {
|
|
47
|
-
};
|
|
48
|
-
/**
|
|
49
|
-
* Function that should be called when input lost focus and changed form control state to "touched"
|
|
50
|
-
*/
|
|
51
|
-
this.onTouched = () => {
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* Function that is called when toggle state changed
|
|
56
|
-
*/
|
|
57
|
-
onInputStateChange(checked) {
|
|
58
|
-
this.onChange(checked);
|
|
59
|
-
this.changed.emit(checked);
|
|
60
|
-
}
|
|
61
|
-
registerOnChange(fn) {
|
|
62
|
-
this.onChange = fn;
|
|
63
|
-
}
|
|
64
|
-
registerOnTouched(fn) {
|
|
65
|
-
this.onTouched = fn;
|
|
66
|
-
}
|
|
67
|
-
writeValue(value) {
|
|
68
|
-
this.onChange(value);
|
|
69
|
-
this.defaultChecked = value;
|
|
70
|
-
}
|
|
71
|
-
setDisabledState(disabled) {
|
|
72
|
-
this.disabled = disabled;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
KitToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
76
|
-
KitToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitToggleComponent, selector: "kit-toggle", inputs: { label: "label", disabled: "disabled", readonly: "readonly", defaultChecked: "defaultChecked", onOffLabel: "onOffLabel", onLabel: "onLabel", offLabel: "offLabel", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
77
|
-
provide: NG_VALUE_ACCESSOR,
|
|
78
|
-
useExisting: forwardRef(() => KitToggleComponent),
|
|
79
|
-
multi: true,
|
|
80
|
-
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [class.labels-visible]=\"onOffLabel\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [onLabel]=\"onLabel\"\n [offLabel]=\"offLabel\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:13px;font-weight:500;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{display:none;right:auto;left:auto;font-size:14px;padding-left:60px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-label-on{display:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch-on .k-switch-label-off{display:none}.kit-toggle .labels-visible .k-switch-label-on,.kit-toggle .labels-visible .k-switch-label-off{display:block}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
82
|
-
type: Component,
|
|
83
|
-
args: [{ selector: 'kit-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
84
|
-
provide: NG_VALUE_ACCESSOR,
|
|
85
|
-
useExisting: forwardRef(() => KitToggleComponent),
|
|
86
|
-
multi: true,
|
|
87
|
-
}], template: "<div class=\"kit-toggle\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [class.labels-visible]=\"onOffLabel\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [onLabel]=\"onLabel\"\n [offLabel]=\"offLabel\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:13px;font-weight:500;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{display:none;right:auto;left:auto;font-size:14px;padding-left:60px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-label-on{display:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch-on .k-switch-label-off{display:none}.kit-toggle .labels-visible .k-switch-label-on,.kit-toggle .labels-visible .k-switch-label-off{display:block}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"] }]
|
|
88
|
-
}], propDecorators: { label: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], disabled: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], readonly: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], defaultChecked: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], onOffLabel: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], onLabel: [{
|
|
99
|
-
type: Input
|
|
100
|
-
}], offLabel: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}], messageIcon: [{
|
|
103
|
-
type: Input
|
|
104
|
-
}], messageText: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}], messageType: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}], changed: [{
|
|
109
|
-
type: Output
|
|
110
|
-
}] } });
|
|
111
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2dnbGUva2l0LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2dnbGUva2l0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7OztBQWN2RixNQUFNLE9BQU8sa0JBQWtCO0lBWi9CO1FBa0JFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFbkM7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUV6Qzs7V0FFRztRQUNNLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBRTlCOztXQUVHO1FBQ00sYUFBUSxHQUFXLEVBQUUsQ0FBQztRQVkvQjs7V0FFRztRQUNNLGdCQUFXLEdBQXdCLG1CQUFtQixDQUFDLE9BQU8sQ0FBQztRQUV4RTs7V0FFRztRQUNPLFlBQU8sR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQVV2RTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEtBQWMsRUFBUSxFQUFFO1FBQ3BDLENBQUMsQ0FBQztRQUVGOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEdBQVMsRUFBRTtRQUN2QixDQUFDLENBQUM7S0FrQkg7SUFwQ0M7O09BRUc7SUFDSCxrQkFBa0IsQ0FBQyxPQUFnQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFjRCxnQkFBZ0IsQ0FBQyxFQUF3QjtRQUN2QyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQzs7K0dBM0ZVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdVQU5sQixDQUFDO1lBQ1YsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDO1lBQ2pELEtBQUssRUFBRSxJQUFJO1NBQ1osQ0FBQywwQkNmSiw4dEJBa0JBOzJGRERhLGtCQUFrQjtrQkFaOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQzs4QkFNTyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0SW5wdXRNZXNzYWdlVHlwZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXRUb2dnbGVDb21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAvKipcbiAgICogRGVmaW5lcyBhIGxhYmVsIHRleHQgd2hpY2ggd2lsbCBiZSBkaXNwbGF5ZWQgbmV4dCB0byB0aGUgdG9nZ2xlXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBiZSBpbiBkaXNhYmxlZCBzdGF0ZVxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBiZSBpbiByZWFkb25seSBzdGF0ZVxuICAgKi9cbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIGRlZmF1bHQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRDaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0byBkaXNwbGF5IE9uL09mZiBsYWJlbHNcbiAgICovXG4gIEBJbnB1dCgpIG9uT2ZmTGFiZWw6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIE9uIGxhYmVsIG9mIHRoZSB0b2dnbGUsIGRlZmF1bHQgaXMgXCJPblwiXG4gICAqL1xuICBASW5wdXQoKSBvbkxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogRGVmaW5lcyBPZmYgbGFiZWwgb2YgdGhlIHRvZ2dsZSwgZGVmYXVsdCBpcyBcIk9mZlwiXG4gICAqL1xuICBASW5wdXQoKSBvZmZMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUeXBlOiBLaXRJbnB1dE1lc3NhZ2VUeXBlID0gS2l0SW5wdXRNZXNzYWdlVHlwZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBPY2N1cnMgYXMgc29vbiBhcyB0b2dnbGUgc3RhdGUgaXMgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIGNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiB0b2dnbGUgc3RhdGUgY2hhbmdlZFxuICAgKi9cbiAgb25JbnB1dFN0YXRlQ2hhbmdlKGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKGNoZWNrZWQpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KGNoZWNrZWQpO1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCBldmVyeSB0aW1lIHRoZSBmb3JtIGNvbnRyb2wgdmFsdWUgY2hhbmdlc1xuICAgKi9cbiAgb25DaGFuZ2UgPSAodmFsdWU6IGJvb2xlYW4pOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gaW5wdXQgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRDaGVja2VkID0gdmFsdWU7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LXRvZ2dsZVwiPlxuICA8a2VuZG8tbGFiZWwgKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwibGFiZWxcIiBbdGV4dF09XCJsYWJlbFwiPjwva2VuZG8tbGFiZWw+XG4gIDxkaXYgY2xhc3M9XCJraXQtdG9nZ2xlLXdyYXBwZXJcIj5cbiAgICA8a2VuZG8tc3dpdGNoIFtjbGFzcy5sYWJlbHMtdmlzaWJsZV09XCJvbk9mZkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cImRlZmF1bHRDaGVja2VkXCJcbiAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICAgICAgICAgICAgW29uTGFiZWxdPVwib25MYWJlbFwiXG4gICAgICAgICAgICAgICAgICBbb2ZmTGFiZWxdPVwib2ZmTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uSW5wdXRTdGF0ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICA+PC9rZW5kby1zd2l0Y2g+XG4gIDwvZGl2PlxuICA8a2l0LWlucHV0LW1lc3NhZ2UgKm5nSWY9XCJtZXNzYWdlVGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCJtZXNzYWdlVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJtZXNzYWdlSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICBbbWVzc2FnZV09XCJtZXNzYWdlVGV4dFwiXG4gID48L2tpdC1pbnB1dC1tZXNzYWdlPlxuPC9kaXY+XG4iXX0=
|