@indigina/ui-kit 1.1.11 → 1.1.13
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 +7 -7
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.directive.mjs +5 -5
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.module.mjs +4 -4
- package/esm2022/lib/components/kit-button/kit-button.component.mjs +4 -4
- package/esm2022/lib/components/kit-button/kit-button.module.mjs +4 -4
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.component.mjs +3 -3
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.module.mjs +4 -4
- package/esm2022/lib/components/kit-copy-text/kit-copy-text.component.mjs +6 -6
- package/esm2022/lib/components/kit-copy-text/kit-copy-text.module.mjs +4 -4
- package/esm2022/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.mjs +3 -3
- package/esm2022/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.module.mjs +4 -4
- package/esm2022/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.mjs +3 -3
- package/esm2022/lib/components/kit-cta-panel-action/kit-cta-panel-action.module.mjs +4 -4
- package/esm2022/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.mjs +3 -3
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +5 -5
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.module.mjs +4 -4
- package/esm2022/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.mjs +4 -4
- package/esm2022/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.mjs +4 -4
- package/esm2022/lib/components/kit-daterange/kit-daterange.component.mjs +4 -4
- package/esm2022/lib/components/kit-daterange/kit-daterange.module.mjs +4 -4
- package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +7 -7
- package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.module.mjs +4 -4
- package/esm2022/lib/components/kit-dialog/kit-dialog.component.mjs +3 -3
- package/esm2022/lib/components/kit-dialog/kit-dialog.module.mjs +4 -4
- package/esm2022/lib/components/kit-dialog/kit-dialog.service.mjs +5 -5
- package/esm2022/lib/components/kit-dialog-actions/kit-dialog-actions.component.mjs +3 -3
- package/esm2022/lib/components/kit-dialog-actions/kit-dialog-actions.module.mjs +4 -4
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.component.mjs +7 -7
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.module.mjs +4 -4
- package/esm2022/lib/components/kit-file-upload/kit-file-upload.component.mjs +4 -4
- package/esm2022/lib/components/kit-file-upload/kit-file-upload.module.mjs +4 -4
- package/esm2022/lib/components/kit-input-message/kit-input-message.component.mjs +3 -3
- package/esm2022/lib/components/kit-input-message/kit-input-message.module.mjs +4 -4
- package/esm2022/lib/components/kit-loader/kit-loader.component.mjs +3 -3
- package/esm2022/lib/components/kit-loader/kit-loader.module.mjs +4 -4
- package/esm2022/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +4 -4
- package/esm2022/lib/components/kit-location-stepper/kit-location-stepper.module.mjs +4 -4
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.mjs +3 -3
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.module.mjs +4 -4
- package/esm2022/lib/components/kit-note/kit-note.component.mjs +3 -3
- package/esm2022/lib/components/kit-note/kit-note.module.mjs +4 -4
- package/esm2022/lib/components/kit-notification/kit-notification.component.mjs +3 -3
- package/esm2022/lib/components/kit-notification/kit-notification.module.mjs +4 -4
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +5 -5
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs +4 -4
- package/esm2022/lib/components/kit-pill/kit-pill.component.mjs +4 -4
- package/esm2022/lib/components/kit-pill/kit-pill.module.mjs +4 -4
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.component.mjs +3 -3
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.module.mjs +4 -4
- package/esm2022/lib/components/kit-skeleton/kit-skeleton.component.mjs +3 -3
- package/esm2022/lib/components/kit-skeleton/kit-skeleton.module.mjs +4 -4
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.component.mjs +3 -3
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.module.mjs +4 -4
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.module.mjs +4 -4
- package/esm2022/lib/components/kit-switch/kit-switch.component.mjs +4 -4
- package/esm2022/lib/components/kit-switch/kit-switch.module.mjs +4 -4
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +4 -4
- package/esm2022/lib/components/kit-text-label/kit-text-label.module.mjs +4 -4
- package/esm2022/lib/components/kit-textarea/kit-textarea-autoresize.directive.mjs +5 -5
- package/esm2022/lib/components/kit-textarea/kit-textarea.component.mjs +5 -5
- package/esm2022/lib/components/kit-textarea/kit-textarea.module.mjs +4 -4
- package/esm2022/lib/components/kit-textbox/kit-textbox.component.mjs +5 -5
- package/esm2022/lib/components/kit-textbox/kit-textbox.module.mjs +4 -4
- package/esm2022/lib/components/kit-timepicker/kit-timepicker.component.mjs +4 -4
- package/esm2022/lib/components/kit-timepicker/kit-timepicker.module.mjs +4 -4
- package/esm2022/lib/components/kit-toastr/kit-toastr.module.mjs +4 -4
- package/esm2022/lib/components/kit-toastr/kit-toastr.service.mjs +7 -6
- package/esm2022/lib/components/kit-toggle/kit-toggle.component.mjs +5 -5
- package/esm2022/lib/components/kit-toggle/kit-toggle.module.mjs +4 -4
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +4 -4
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.module.mjs +4 -4
- package/esm2022/lib/directives/kit-permission/kit-permission.directive.mjs +5 -5
- package/esm2022/lib/directives/kit-permission/kit-permission.module.mjs +4 -4
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +3 -3
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.module.mjs +4 -4
- package/esm2022/lib/services/kit-query-params.service.mjs +4 -4
- package/fesm2022/indigina-ui-kit.mjs +306 -305
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-toastr/kit-toastr.service.d.ts +1 -0
- package/package.json +26 -26
- package/styles/theming.scss +2 -54
|
@@ -32,12 +32,12 @@ export class KitTextLabelComponent {
|
|
|
32
32
|
*/
|
|
33
33
|
this.state = KitTextLabelState.REGULAR;
|
|
34
34
|
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitTextLabelComponent, selector: "kit-text-label", inputs: { label: "label", value: "value", htmlMode: "htmlMode", noValueMessage: "noValueMessage", messageText: "messageText", messageType: "messageType", state: "state" }, ngImport: i0, template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\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}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#fff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;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", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextLabelComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'kit-text-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\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}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #002a3a}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#
|
|
40
|
+
args: [{ selector: 'kit-text-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\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}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#fff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
41
41
|
}], propDecorators: { label: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], value: [{
|
|
@@ -5,15 +5,15 @@ import { LabelModule } from '@progress/kendo-angular-label';
|
|
|
5
5
|
import { KitInputMessageModule } from './../kit-input-message/kit-input-message.module';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class KitTextLabelModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTextLabelModule, declarations: [KitTextLabelComponent], imports: [CommonModule,
|
|
10
10
|
LabelModule,
|
|
11
11
|
KitInputMessageModule], exports: [KitTextLabelComponent] }); }
|
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextLabelModule, imports: [CommonModule,
|
|
13
13
|
LabelModule,
|
|
14
14
|
KitInputMessageModule] }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextLabelModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
declarations: [
|
|
@@ -17,16 +17,16 @@ export class KitTextareaAutoresizeDirective {
|
|
|
17
17
|
const scrollHeight = this.elementRef.nativeElement.scrollHeight;
|
|
18
18
|
this.elementRef.nativeElement.style.height = `${scrollHeight}px`;
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaAutoresizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: KitTextareaAutoresizeDirective, selector: "[autoresize]", host: { listeners: { ":input": "onInput()" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaAutoresizeDirective, decorators: [{
|
|
24
24
|
type: Directive,
|
|
25
25
|
args: [{
|
|
26
26
|
selector: '[autoresize]',
|
|
27
27
|
}]
|
|
28
|
-
}], ctorParameters:
|
|
28
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onInput: [{
|
|
29
29
|
type: HostListener,
|
|
30
30
|
args: [':input']
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRleHRhcmVhLWF1dG9yZXNpemUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGV4dGFyZWEva2l0LXRleHRhcmVhLWF1dG9yZXNpemUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUtwRSxNQUFNLE9BQU8sOEJBQThCO0lBRXpDLFlBQ1UsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUVoQyxDQUFDO0lBR0QsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFO1lBQzlDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztTQUNmO0lBQ0gsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztRQUNqRCxNQUFNLFlBQVksR0FBVyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDeEUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLFlBQVksSUFBSSxDQUFDO0lBQ25FLENBQUM7OEdBdEJVLDhCQUE4QjtrR0FBOUIsOEJBQThCOzsyRkFBOUIsOEJBQThCO2tCQUgxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO2lCQUN6QjsrRUFTQyxPQUFPO3NCQUROLFlBQVk7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thdXRvcmVzaXplXScsXG59KVxuZXhwb3J0IGNsYXNzIEtpdFRleHRhcmVhQXV0b3Jlc2l6ZURpcmVjdGl2ZSB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICApIHtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJzppbnB1dCcpXG4gIG9uSW5wdXQoKTogdm9pZCB7XG4gICAgdGhpcy5yZXNpemUoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zY3JvbGxIZWlnaHQpIHtcbiAgICAgIHRoaXMucmVzaXplKCk7XG4gICAgfVxuICB9XG5cbiAgcmVzaXplKCk6IHZvaWQge1xuICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnN0eWxlLmhlaWdodCA9ICcwJztcbiAgICBjb25zdCBzY3JvbGxIZWlnaHQ6IHN0cmluZyA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnNjcm9sbEhlaWdodDtcbiAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zdHlsZS5oZWlnaHQgPSBgJHtzY3JvbGxIZWlnaHR9cHhgO1xuICB9XG59XG4iXX0=
|
|
@@ -96,20 +96,20 @@ export class KitTextareaComponent {
|
|
|
96
96
|
this.onChange(target.value);
|
|
97
97
|
this.changed.emit(target.value);
|
|
98
98
|
}
|
|
99
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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: [{
|
|
101
101
|
provide: NG_VALUE_ACCESSOR,
|
|
102
102
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
103
103
|
multi: true,
|
|
104
|
-
}], 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:#
|
|
104
|
+
}], 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:#fff}.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", "labelCssStyle", "labelCssClass"], 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 }); }
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaComponent, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{ selector: 'kit-textarea', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
109
109
|
provide: NG_VALUE_ACCESSOR,
|
|
110
110
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
111
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:#
|
|
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:#fff}.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
113
|
}], propDecorators: { placeholder: [{
|
|
114
114
|
type: Input
|
|
115
115
|
}], label: [{
|
|
@@ -6,17 +6,17 @@ import { KitTextareaAutoresizeDirective } from './kit-textarea-autoresize.direct
|
|
|
6
6
|
import { KitInputMessageModule } from './../kit-input-message/kit-input-message.module';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class KitTextareaModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaModule, declarations: [KitTextareaComponent,
|
|
11
11
|
KitTextareaAutoresizeDirective], imports: [CommonModule,
|
|
12
12
|
LabelModule,
|
|
13
13
|
KitInputMessageModule], exports: [KitTextareaComponent,
|
|
14
14
|
KitTextareaAutoresizeDirective] }); }
|
|
15
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
15
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaModule, imports: [CommonModule,
|
|
16
16
|
LabelModule,
|
|
17
17
|
KitInputMessageModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [
|
|
@@ -66,20 +66,20 @@ export class KitTextboxComponent {
|
|
|
66
66
|
this.onChange(value);
|
|
67
67
|
this.changed.emit(value);
|
|
68
68
|
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
70
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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: [{
|
|
71
71
|
provide: NG_VALUE_ACCESSOR,
|
|
72
72
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
73
73
|
multi: true,
|
|
74
|
-
}], 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:#
|
|
74
|
+
}], 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:#fff}.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", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "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", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextboxComponent, decorators: [{
|
|
77
77
|
type: Component,
|
|
78
78
|
args: [{ selector: 'kit-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
79
79
|
provide: NG_VALUE_ACCESSOR,
|
|
80
80
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
81
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:#
|
|
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:#fff}.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
83
|
}], propDecorators: { placeholder: [{
|
|
84
84
|
type: Input
|
|
85
85
|
}], label: [{
|
|
@@ -6,17 +6,17 @@ import { LabelModule } from '@progress/kendo-angular-label';
|
|
|
6
6
|
import { KitInputMessageModule } from '../kit-input-message/kit-input-message.module';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class KitTextboxModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTextboxModule, declarations: [KitTextboxComponent], imports: [CommonModule,
|
|
11
11
|
TextBoxModule,
|
|
12
12
|
LabelModule,
|
|
13
13
|
KitInputMessageModule], exports: [KitTextboxComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextboxModule, imports: [CommonModule,
|
|
15
15
|
TextBoxModule,
|
|
16
16
|
LabelModule,
|
|
17
17
|
KitInputMessageModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextboxModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [
|
|
@@ -49,14 +49,14 @@ export class KitTimepickerComponent {
|
|
|
49
49
|
setDisabledState(disabled) {
|
|
50
50
|
this.disabled = disabled;
|
|
51
51
|
}
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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: [{
|
|
54
54
|
provide: NG_VALUE_ACCESSOR,
|
|
55
55
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
56
56
|
multi: true,
|
|
57
|
-
}], 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 }); }
|
|
57
|
+
}], 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", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "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 }); }
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTimepickerComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{ selector: 'kit-timepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
62
62
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -5,15 +5,15 @@ import { CommonModule } from '@angular/common';
|
|
|
5
5
|
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class KitTimepickerModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTimepickerModule, declarations: [KitTimepickerComponent], imports: [TimePickerModule,
|
|
10
10
|
CommonModule,
|
|
11
11
|
KitSvgIconModule], exports: [KitTimepickerComponent] }); }
|
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTimepickerModule, imports: [TimePickerModule,
|
|
13
13
|
CommonModule,
|
|
14
14
|
KitSvgIconModule] }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTimepickerModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
declarations: [
|
|
@@ -16,11 +16,11 @@ export class KitToastrModule {
|
|
|
16
16
|
],
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
21
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
20
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitToastrModule }); }
|
|
21
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToastrModule }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToastrModule, decorators: [{
|
|
24
24
|
type: NgModule
|
|
25
25
|
}] });
|
|
26
26
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvYXN0ci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2FzdHIva2l0LXRvYXN0ci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF1QixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsTUFBTSxZQUFZLENBQUM7O0FBUTdFLE1BQU0sT0FBTyxlQUFlO0lBQzFCLE1BQU0sQ0FBQyxPQUFPLENBQUMsU0FBeUMsRUFBRTtRQUN4RCxPQUFPO1lBQ0wsUUFBUSxFQUFFLFlBQVk7WUFDdEIsU0FBUyxFQUFFO2dCQUNUO29CQUNFLE9BQU8sRUFBRSxZQUFZO29CQUNyQixRQUFRLEVBQUU7d0JBQ1IsT0FBTyxFQUFFLG1CQUFtQjt3QkFDNUIsTUFBTTtxQkFDUDtpQkFDRjthQUNGO1NBQ0YsQ0FBQztJQUNKLENBQUM7OEdBZFUsZUFBZTsrR0FBZixlQUFlOytHQUFmLGVBQWU7OzJGQUFmLGVBQWU7a0JBRDNCLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGVmYXVsdEdsb2JhbENvbmZpZywgVE9BU1RfQ09ORklHLCBUb2FzdHJNb2R1bGUgfSBmcm9tICduZ3gtdG9hc3RyJztcblxuZXhwb3J0IGludGVyZmFjZSBLaXRUb2FzdHJNb2R1bGVDb25maWcge1xuICBwcmV2ZW50RHVwbGljYXRlczogYm9vbGVhbjtcbiAgY291bnREdXBsaWNhdGVzOiBib29sZWFuO1xufVxuXG5ATmdNb2R1bGUoKVxuZXhwb3J0IGNsYXNzIEtpdFRvYXN0ck1vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KGNvbmZpZzogUGFydGlhbDxLaXRUb2FzdHJNb2R1bGVDb25maWc+ID0ge30pOiBNb2R1bGVXaXRoUHJvdmlkZXJzPFRvYXN0ck1vZHVsZT4ge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogVG9hc3RyTW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICBwcm92aWRlOiBUT0FTVF9DT05GSUcsXG4gICAgICAgICAgdXNlVmFsdWU6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IERlZmF1bHRHbG9iYWxDb25maWcsXG4gICAgICAgICAgICBjb25maWcsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfTtcbiAgfVxufVxuIl19
|
|
@@ -44,6 +44,7 @@ export class KitToastrService {
|
|
|
44
44
|
}
|
|
45
45
|
getConfig(baseConfig) {
|
|
46
46
|
const tapToDismissClass = baseConfig.dismissible && 'kit-toastr-dismissible' || '';
|
|
47
|
+
const toastClass = baseConfig.toastClass ?? '';
|
|
47
48
|
const defaultPosition = KitToastrPosition.TOP_CENTER;
|
|
48
49
|
const defaultTimeout = 3000;
|
|
49
50
|
return {
|
|
@@ -53,7 +54,7 @@ export class KitToastrService {
|
|
|
53
54
|
closeButton: baseConfig.closeButton ?? false,
|
|
54
55
|
progressBar: baseConfig.progressbar ?? false,
|
|
55
56
|
tapToDismiss: baseConfig.dismissible ?? false,
|
|
56
|
-
toastClass: `${DEFAULT_TOASTR_CLASS} ${baseConfig.type} ${tapToDismissClass}`,
|
|
57
|
+
toastClass: `${DEFAULT_TOASTR_CLASS} ${baseConfig.type} ${tapToDismissClass} ${toastClass}`,
|
|
57
58
|
};
|
|
58
59
|
}
|
|
59
60
|
removeOverlayContainerClassIfToastsEmpty(toastr) {
|
|
@@ -74,10 +75,10 @@ export class KitToastrService {
|
|
|
74
75
|
getOverlayContainer() {
|
|
75
76
|
return this.renderer2.selectRootElement('.overlay-container', true);
|
|
76
77
|
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
78
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToastrService, deps: [{ token: i1.ToastrService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
79
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToastrService }); }
|
|
79
80
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToastrService, decorators: [{
|
|
81
82
|
type: Injectable
|
|
82
|
-
}], ctorParameters:
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
}], ctorParameters: () => [{ type: i1.ToastrService }, { type: i0.RendererFactory2 }] });
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvYXN0ci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdG9hc3RyL2tpdC10b2FzdHIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUErQixNQUFNLGVBQWUsQ0FBQzs7O0FBSXhFLE1BQU0sb0JBQW9CLEdBQVcscUNBQXFDLENBQUM7QUFDM0UsTUFBTSxvQkFBb0IsR0FBVyx1QkFBdUIsQ0FBQztBQUU3RCxNQUFNLENBQU4sSUFBWSxhQUtYO0FBTEQsV0FBWSxhQUFhO0lBQ3ZCLHNDQUFxQixDQUFBO0lBQ3JCLG9DQUFtQixDQUFBO0lBQ25CLDBDQUF5QixDQUFBO0lBQ3pCLDBDQUF5QixDQUFBO0FBQzNCLENBQUMsRUFMVyxhQUFhLEtBQWIsYUFBYSxRQUt4QjtBQUVELE1BQU0sQ0FBTixJQUFZLGlCQVNYO0FBVEQsV0FBWSxpQkFBaUI7SUFDM0Isb0RBQStCLENBQUE7SUFDL0IsZ0RBQTJCLENBQUE7SUFDM0Isa0RBQTZCLENBQUE7SUFDN0IsMERBQXFDLENBQUE7SUFDckMsc0RBQWlDLENBQUE7SUFDakMsd0RBQW1DLENBQUE7SUFDbkMsNERBQXVDLENBQUE7SUFDdkMsa0VBQTZDLENBQUE7QUFDL0MsQ0FBQyxFQVRXLGlCQUFpQixLQUFqQixpQkFBaUIsUUFTNUI7QUFtQkQsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixZQUNVLGFBQTRCLEVBQzVCLGdCQUFrQztRQURsQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUM1QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBSnBDLGNBQVMsR0FBYyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztJQU1oRixDQUFDO0lBRUQsSUFBSSxDQUFDLE1BQXVCO1FBQzFCLE1BQU0sTUFBTSxHQUFjLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7UUFDeEcsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQ2xCLE1BQU0sQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDLENBQUM7WUFDcEUsSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUM7U0FDakM7UUFFRCxxREFBcUQ7UUFDckQseURBQXlEO1FBQ3pELElBQUksTUFBTSxDQUFDLFdBQVcsRUFBRTtZQUN0Qix5RUFBeUU7WUFDekUseUVBQXlFO1lBQ3pFLE1BQU0sQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyx3Q0FBd0MsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO1NBQ3JGO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVPLFNBQVMsQ0FBQyxVQUEyQjtRQUMzQyxNQUFNLGlCQUFpQixHQUFXLFVBQVUsQ0FBQyxXQUFXLElBQUksd0JBQXdCLElBQUksRUFBRSxDQUFDO1FBQzNGLE1BQU0sVUFBVSxHQUFXLFVBQVUsQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDO1FBQ3ZELE1BQU0sZUFBZSxHQUFXLGlCQUFpQixDQUFDLFVBQVUsQ0FBQztRQUM3RCxNQUFNLGNBQWMsR0FBVyxJQUFLLENBQUM7UUFDckMsT0FBTztZQUNMLGFBQWEsRUFBRSxVQUFVLENBQUMsUUFBUSxJQUFJLGVBQWU7WUFDckQsY0FBYyxFQUFFLFVBQVUsQ0FBQyxjQUFjO1lBQ3pDLE9BQU8sRUFBRSxVQUFVLENBQUMsT0FBTyxJQUFJLGNBQWM7WUFDN0MsV0FBVyxFQUFFLFVBQVUsQ0FBQyxXQUFXLElBQUksS0FBSztZQUM1QyxXQUFXLEVBQUUsVUFBVSxDQUFDLFdBQVcsSUFBSSxLQUFLO1lBQzVDLFlBQVksRUFBRSxVQUFVLENBQUMsV0FBVyxJQUFJLEtBQUs7WUFDN0MsVUFBVSxFQUFFLEdBQUcsb0JBQW9CLElBQUksVUFBVSxDQUFDLElBQUksSUFBSSxpQkFBaUIsSUFBSSxVQUFVLEVBQUU7U0FDNUYsQ0FBQztJQUNKLENBQUM7SUFFTyx3Q0FBd0MsQ0FBQyxNQUFpQjtRQUNoRSx5RUFBeUU7UUFDekUsbURBQW1EO1FBQ25ELElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMxQyxNQUFNLE1BQU0sR0FBZ0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUM7UUFFdEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUU7WUFDbEIsSUFBSSxDQUFDLDJCQUEyQixFQUFFLENBQUM7U0FDcEM7SUFDSCxDQUFDO0lBRU8sd0JBQXdCO1FBQzlCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLG9CQUFvQixDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVPLDJCQUEyQjtRQUNqQyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDO0lBQy9FLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3RFLENBQUM7OEdBaEVVLGdCQUFnQjtrSEFBaEIsZ0JBQWdCOzsyRkFBaEIsZ0JBQWdCO2tCQUQ1QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgUmVuZGVyZXIyLCBSZW5kZXJlckZhY3RvcnkyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmVUb2FzdCwgVG9hc3RyU2VydmljZSB9IGZyb20gJ25neC10b2FzdHInO1xuaW1wb3J0IHsgSW5kaXZpZHVhbENvbmZpZyB9IGZyb20gJ25neC10b2FzdHIvdG9hc3RyL3RvYXN0ci1jb25maWcnO1xuXG5jb25zdCBERUZBVUxUX1RPQVNUUl9DTEFTUzogc3RyaW5nID0gJ25neC10b2FzdHIgZGlzcGxheS1ibG9jayBraXQtdG9hc3RyJztcbmNvbnN0IEFDVElWRV9PVkVSTEFZX0NMQVNTOiBzdHJpbmcgPSAna2l0LW92ZXJsYXktY29udGFpbmVyJztcblxuZXhwb3J0IGVudW0gS2l0VG9hc3RyVHlwZSB7XG4gIEVSUk9SID0gJ3RvYXN0LWVycm9yJyxcbiAgSU5GTyA9ICd0b2FzdC1pbmZvJyxcbiAgU1VDQ0VTUyA9ICd0b2FzdC1zdWNjZXNzJyxcbiAgV0FSTklORyA9ICd0b2FzdC13YXJuaW5nJyxcbn1cblxuZXhwb3J0IGVudW0gS2l0VG9hc3RyUG9zaXRpb24ge1xuICBUT1BfQ0VOVEVSID0gJ3RvYXN0LXRvcC1jZW50ZXInLFxuICBUT1BfTEVGVCA9ICd0b2FzdC10b3AtbGVmdCcsXG4gIFRPUF9SSUdIVCA9ICd0b2FzdC10b3AtcmlnaHQnLFxuICBCT1RUT01fQ0VOVEVSID0gJ3RvYXN0LWJvdHRvbS1jZW50ZXInLFxuICBCT1RUT01fTEVGVCA9ICd0b2FzdC1ib3R0b20tbGVmdCcsXG4gIEJPVFRPTV9SSUdIVCA9ICd0b2FzdC1ib3R0b20tcmlnaHQnLFxuICBUT1BfRlVMTF9XSURUSCA9ICd0b2FzdC10b3AtZnVsbC13aWR0aCcsXG4gIEJPVFRPTV9GVUxMX1dJRFRIID0gJ3RvYXN0LWJvdHRvbS1mdWxsLXdpZHRoJyxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRUb2FzdHJDb25maWcge1xuICB0eXBlOiBLaXRUb2FzdHJUeXBlO1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIGRpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHBvc2l0aW9uPzogS2l0VG9hc3RyUG9zaXRpb247XG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICB0aW1lb3V0PzogbnVtYmVyO1xuICBjbG9zZUJ1dHRvbj86IGJvb2xlYW47XG4gIHByb2dyZXNzYmFyPzogYm9vbGVhbjtcbiAgZGlzYWJsZVRpbWVvdXQ/OiBib29sZWFuO1xuICB0b2FzdENsYXNzPzogc3RyaW5nO1xufVxuXG5leHBvcnQgdHlwZSBLaXRUb2FzdHIgPSBBY3RpdmVUb2FzdDx2b2lkPjtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEtpdFRvYXN0clNlcnZpY2Uge1xuICBwcml2YXRlIHJlbmRlcmVyMjogUmVuZGVyZXIyID0gdGhpcy5yZW5kZXJlckZhY3RvcnkyLmNyZWF0ZVJlbmRlcmVyKG51bGwsIG51bGwpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdG9hc3RyU2VydmljZTogVG9hc3RyU2VydmljZSxcbiAgICBwcml2YXRlIHJlbmRlcmVyRmFjdG9yeTI6IFJlbmRlcmVyRmFjdG9yeTIsXG4gICkge1xuICB9XG5cbiAgc2hvdyhjb25maWc6IEtpdFRvYXN0ckNvbmZpZyk6IEtpdFRvYXN0ciB7XG4gICAgY29uc3QgdG9hc3RyOiBLaXRUb2FzdHIgPSB0aGlzLnRvYXN0clNlcnZpY2Uuc2hvdyhjb25maWcubWVzc2FnZSwgY29uZmlnLnRpdGxlLCB0aGlzLmdldENvbmZpZyhjb25maWcpKTtcbiAgICBpZiAoY29uZmlnLm92ZXJsYXkpIHtcbiAgICAgIHRvYXN0ci5vbkhpZGRlbi5zdWJzY3JpYmUoKCkgPT4gdGhpcy5yZW1vdmVPdmVybGF5Q29udGFpbmVyQ2xhc3MoKSk7XG4gICAgICB0aGlzLmFkZE92ZXJsYXlDb250YWluZXJDbGFzcygpO1xuICAgIH1cblxuICAgIC8vIFwib25UYXBcIiBvY2N1cnMgd2hlbmV2ZXIgdG9hc3RyIGhhcyBiZWVuIGNsaWNrZWQgdXBcbiAgICAvLyBzbyB3ZSBuZWVkIHRvIHJlbW92ZSB0aGVtIG9ubHkgaWYgXCJkaXNtaXNzaWJsZVwiIGlzIHNldFxuICAgIGlmIChjb25maWcuZGlzbWlzc2libGUpIHtcbiAgICAgIC8vIHdlIG5lZWQgdGhpcyBiZWNhdXNlIFwidG9hc3QtY29udGFpbmVyXCIgaGFzIHN0eWxlcyBmb3IgbW9kYWwgYXBwZWFyYW5jZVxuICAgICAgLy8gb3RoZXJ3aXNlLCB3ZSBoYXZlIGFuIGVtcHR5IGJsYWNrIGNvbnRhaW5lciB3aGljaCBwcmV2ZW50cyBhbnkgYWN0aW9uc1xuICAgICAgdG9hc3RyLm9uVGFwLnN1YnNjcmliZSgoKSA9PiB0aGlzLnJlbW92ZU92ZXJsYXlDb250YWluZXJDbGFzc0lmVG9hc3RzRW1wdHkodG9hc3RyKSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRvYXN0cjtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0Q29uZmlnKGJhc2VDb25maWc6IEtpdFRvYXN0ckNvbmZpZyk6IFBhcnRpYWw8SW5kaXZpZHVhbENvbmZpZz4ge1xuICAgIGNvbnN0IHRhcFRvRGlzbWlzc0NsYXNzOiBzdHJpbmcgPSBiYXNlQ29uZmlnLmRpc21pc3NpYmxlICYmICdraXQtdG9hc3RyLWRpc21pc3NpYmxlJyB8fCAnJztcbiAgICBjb25zdCB0b2FzdENsYXNzOiBzdHJpbmcgPSBiYXNlQ29uZmlnLnRvYXN0Q2xhc3MgPz8gJyc7XG4gICAgY29uc3QgZGVmYXVsdFBvc2l0aW9uOiBzdHJpbmcgPSBLaXRUb2FzdHJQb3NpdGlvbi5UT1BfQ0VOVEVSO1xuICAgIGNvbnN0IGRlZmF1bHRUaW1lb3V0OiBudW1iZXIgPSAzXzAwMDtcbiAgICByZXR1cm4ge1xuICAgICAgcG9zaXRpb25DbGFzczogYmFzZUNvbmZpZy5wb3NpdGlvbiA/PyBkZWZhdWx0UG9zaXRpb24sXG4gICAgICBkaXNhYmxlVGltZU91dDogYmFzZUNvbmZpZy5kaXNhYmxlVGltZW91dCxcbiAgICAgIHRpbWVPdXQ6IGJhc2VDb25maWcudGltZW91dCA/PyBkZWZhdWx0VGltZW91dCxcbiAgICAgIGNsb3NlQnV0dG9uOiBiYXNlQ29uZmlnLmNsb3NlQnV0dG9uID8/IGZhbHNlLFxuICAgICAgcHJvZ3Jlc3NCYXI6IGJhc2VDb25maWcucHJvZ3Jlc3NiYXIgPz8gZmFsc2UsXG4gICAgICB0YXBUb0Rpc21pc3M6IGJhc2VDb25maWcuZGlzbWlzc2libGUgPz8gZmFsc2UsXG4gICAgICB0b2FzdENsYXNzOiBgJHtERUZBVUxUX1RPQVNUUl9DTEFTU30gJHtiYXNlQ29uZmlnLnR5cGV9ICR7dGFwVG9EaXNtaXNzQ2xhc3N9ICR7dG9hc3RDbGFzc31gLFxuICAgIH07XG4gIH1cblxuICBwcml2YXRlIHJlbW92ZU92ZXJsYXlDb250YWluZXJDbGFzc0lmVG9hc3RzRW1wdHkodG9hc3RyOiBLaXRUb2FzdHIpOiB2b2lkIHtcbiAgICAvLyB0aGlzIHByZXZlbnRzIHJlbW92aW5nIFwidG9hc3QtY29udGFpbmVyXCIgaWYgdG9hc3QgYXJlIHN0aWxsIG9uIGRpc3BsYXlcbiAgICAvLyB0aGF0J3Mgd2h5IHdlIG5lZWQgdG8gXCJyZW1vdmVcIiB0b2FzdHMgb25lIGJ5IG9uZVxuICAgIHRoaXMudG9hc3RyU2VydmljZS5yZW1vdmUodG9hc3RyLnRvYXN0SWQpO1xuICAgIGNvbnN0IHRvYXN0czogS2l0VG9hc3RyW10gPSB0aGlzLnRvYXN0clNlcnZpY2UudG9hc3RzO1xuXG4gICAgaWYgKCF0b2FzdHMubGVuZ3RoKSB7XG4gICAgICB0aGlzLnJlbW92ZU92ZXJsYXlDb250YWluZXJDbGFzcygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgYWRkT3ZlcmxheUNvbnRhaW5lckNsYXNzKCk6IHZvaWQge1xuICAgIHRoaXMucmVuZGVyZXIyLmFkZENsYXNzKHRoaXMuZ2V0T3ZlcmxheUNvbnRhaW5lcigpLCBBQ1RJVkVfT1ZFUkxBWV9DTEFTUyk7XG4gIH1cblxuICBwcml2YXRlIHJlbW92ZU92ZXJsYXlDb250YWluZXJDbGFzcygpOiB2b2lkIHtcbiAgICB0aGlzLnJlbmRlcmVyMi5yZW1vdmVDbGFzcyh0aGlzLmdldE92ZXJsYXlDb250YWluZXIoKSwgQUNUSVZFX09WRVJMQVlfQ0xBU1MpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRPdmVybGF5Q29udGFpbmVyKCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5yZW5kZXJlcjIuc2VsZWN0Um9vdEVsZW1lbnQoJy5vdmVybGF5LWNvbnRhaW5lcicsIHRydWUpO1xuICB9XG59XG4iXX0=
|
|
@@ -71,20 +71,20 @@ export class KitToggleComponent {
|
|
|
71
71
|
setDisabledState(disabled) {
|
|
72
72
|
this.disabled = disabled;
|
|
73
73
|
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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: [{
|
|
76
76
|
provide: NG_VALUE_ACCESSOR,
|
|
77
77
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
78
78
|
multi: true,
|
|
79
|
-
}], 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:#
|
|
79
|
+
}], 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:#fff}.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", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
82
82
|
type: Component,
|
|
83
83
|
args: [{ selector: 'kit-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
84
84
|
provide: NG_VALUE_ACCESSOR,
|
|
85
85
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
86
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:#
|
|
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:#fff}.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
88
|
}], propDecorators: { label: [{
|
|
89
89
|
type: Input
|
|
90
90
|
}], disabled: [{
|
|
@@ -6,17 +6,17 @@ import { LabelModule } from '@progress/kendo-angular-label';
|
|
|
6
6
|
import { KitInputMessageModule } from '../kit-input-message/kit-input-message.module';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class KitToggleModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitToggleModule, declarations: [KitToggleComponent], imports: [CommonModule,
|
|
11
11
|
SwitchModule,
|
|
12
12
|
LabelModule,
|
|
13
13
|
KitInputMessageModule], exports: [KitToggleComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToggleModule, imports: [CommonModule,
|
|
15
15
|
SwitchModule,
|
|
16
16
|
LabelModule,
|
|
17
17
|
KitInputMessageModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitToggleModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [
|