@indigina/ui-kit 1.0.162 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +3 -3
- package/esm2020/lib/components/kit-autocomplete/kit-autocomplete.directive.mjs +3 -3
- package/esm2020/lib/components/kit-autocomplete/kit-autocomplete.module.mjs +4 -4
- package/esm2020/lib/components/kit-button/kit-button.component.mjs +3 -3
- package/esm2020/lib/components/kit-button/kit-button.module.mjs +4 -4
- package/esm2020/lib/components/kit-checkbox/kit-checkbox.component.mjs +3 -3
- package/esm2020/lib/components/kit-checkbox/kit-checkbox.module.mjs +4 -4
- package/esm2020/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.mjs +3 -3
- package/esm2020/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.module.mjs +4 -4
- package/esm2020/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.mjs +3 -3
- package/esm2020/lib/components/kit-cta-panel-action/kit-cta-panel-action.module.mjs +4 -4
- package/esm2020/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.mjs +3 -3
- package/esm2020/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +3 -3
- package/esm2020/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.module.mjs +4 -4
- package/esm2020/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.mjs +3 -3
- package/esm2020/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.mjs +4 -4
- package/esm2020/lib/components/kit-daterange/kit-daterange.component.mjs +3 -3
- package/esm2020/lib/components/kit-daterange/kit-daterange.module.mjs +4 -4
- package/esm2020/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +3 -3
- package/esm2020/lib/components/kit-datetimepicker/kit-datetimepicker.module.mjs +4 -4
- package/esm2020/lib/components/kit-dialog/kit-dialog.component.mjs +3 -3
- package/esm2020/lib/components/kit-dialog/kit-dialog.module.mjs +4 -4
- package/esm2020/lib/components/kit-dialog/kit-dialog.service.mjs +3 -3
- package/esm2020/lib/components/kit-dialog-actions/kit-dialog-actions.component.mjs +3 -3
- package/esm2020/lib/components/kit-dialog-actions/kit-dialog-actions.module.mjs +4 -4
- package/esm2020/lib/components/kit-dropdown/kit-dropdown.component.mjs +3 -3
- package/esm2020/lib/components/kit-dropdown/kit-dropdown.module.mjs +4 -4
- package/esm2020/lib/components/kit-file-upload/kit-file-upload.component.mjs +3 -3
- package/esm2020/lib/components/kit-file-upload/kit-file-upload.module.mjs +4 -4
- package/esm2020/lib/components/kit-input-message/kit-input-message.component.mjs +3 -3
- package/esm2020/lib/components/kit-input-message/kit-input-message.module.mjs +4 -4
- package/esm2020/lib/components/kit-loader/kit-loader.component.mjs +3 -3
- package/esm2020/lib/components/kit-loader/kit-loader.module.mjs +4 -4
- package/esm2020/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +3 -3
- package/esm2020/lib/components/kit-location-stepper/kit-location-stepper.module.mjs +4 -4
- package/esm2020/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.mjs +3 -3
- package/esm2020/lib/components/kit-navigation-tabs/kit-navigation-tabs.module.mjs +4 -4
- package/esm2020/lib/components/kit-note/kit-note.component.mjs +3 -3
- package/esm2020/lib/components/kit-note/kit-note.module.mjs +4 -4
- package/esm2020/lib/components/kit-notification/kit-notification.component.mjs +3 -3
- package/esm2020/lib/components/kit-notification/kit-notification.module.mjs +4 -4
- package/esm2020/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +3 -3
- package/esm2020/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs +4 -4
- package/esm2020/lib/components/kit-pill/kit-pill.component.mjs +3 -3
- package/esm2020/lib/components/kit-pill/kit-pill.module.mjs +4 -4
- package/esm2020/lib/components/kit-radio-button/kit-radio-button.component.mjs +3 -3
- package/esm2020/lib/components/kit-radio-button/kit-radio-button.module.mjs +4 -4
- package/esm2020/lib/components/kit-skeleton/kit-skeleton.component.mjs +3 -3
- package/esm2020/lib/components/kit-skeleton/kit-skeleton.module.mjs +4 -4
- package/esm2020/lib/components/kit-svg-icon/kit-svg-icon.component.mjs +3 -3
- package/esm2020/lib/components/kit-svg-icon/kit-svg-icon.module.mjs +4 -4
- package/esm2020/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2020/lib/components/kit-svg-sprite/kit-svg-sprite.module.mjs +4 -4
- package/esm2020/lib/components/kit-switch/kit-switch.component.mjs +3 -3
- package/esm2020/lib/components/kit-switch/kit-switch.module.mjs +4 -4
- package/esm2020/lib/components/kit-text-label/kit-text-label.component.mjs +3 -3
- package/esm2020/lib/components/kit-text-label/kit-text-label.module.mjs +4 -4
- package/esm2020/lib/components/kit-textarea/kit-textarea-autoresize.directive.mjs +3 -3
- package/esm2020/lib/components/kit-textarea/kit-textarea.component.mjs +3 -3
- package/esm2020/lib/components/kit-textarea/kit-textarea.module.mjs +4 -4
- package/esm2020/lib/components/kit-textbox/kit-textbox.component.mjs +3 -3
- package/esm2020/lib/components/kit-textbox/kit-textbox.module.mjs +4 -4
- package/esm2020/lib/components/kit-timepicker/kit-timepicker.component.mjs +3 -3
- package/esm2020/lib/components/kit-timepicker/kit-timepicker.module.mjs +4 -4
- package/esm2020/lib/components/kit-toastr/kit-toastr.module.mjs +4 -4
- package/esm2020/lib/components/kit-toastr/kit-toastr.service.mjs +3 -3
- package/esm2020/lib/components/kit-toggle/kit-toggle.component.mjs +3 -3
- package/esm2020/lib/components/kit-toggle/kit-toggle.module.mjs +4 -4
- package/esm2020/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +3 -3
- package/esm2020/lib/components/kit-units-textbox/kit-units-textbox.module.mjs +4 -4
- package/esm2020/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +3 -3
- package/esm2020/lib/directives/kit-tooltip/kit-tooltip.module.mjs +4 -4
- package/esm2020/lib/services/kit-query-params.service.mjs +3 -3
- package/fesm2015/indigina-ui-kit.mjs +253 -253
- package/fesm2020/indigina-ui-kit.mjs +253 -253
- package/package.json +4 -4
|
@@ -16,9 +16,9 @@ export class KitNotificationComponent {
|
|
|
16
16
|
this.type = KitNotificationType.INFO;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
KitNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
20
|
-
KitNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
19
|
+
KitNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
KitNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitNotificationComponent, selector: "kit-notification", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"kit-notification notification-{{ type }}\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"type\"\n ></kit-svg-icon>\n <div class=\"notification-text\">\n <ng-content></ng-content>\n </div>\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-notification{display:flex;align-items:center;padding:12px}.kit-notification .notification-icon{margin-right:10px;width:20px;height:20px;fill:none;flex-shrink:0}.kit-notification .notification-text{color:#000;font-size:14px;font-weight:400;line-height:1.26;white-space:pre-wrap}.kit-notification.notification-info{background-color:#fff8e0}.kit-notification.notification-warning{background-color:#ffeee5}.kit-notification.notification-error{background-color:#f8e0e0}.kit-notification.notification-success{background-color:#e7f4ec}\n"], dependencies: [{ kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNotificationComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'kit-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-notification notification-{{ type }}\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"type\"\n ></kit-svg-icon>\n <div class=\"notification-text\">\n <ng-content></ng-content>\n </div>\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-notification{display:flex;align-items:center;padding:12px}.kit-notification .notification-icon{margin-right:10px;width:20px;height:20px;fill:none;flex-shrink:0}.kit-notification .notification-text{color:#000;font-size:14px;font-weight:400;line-height:1.26;white-space:pre-wrap}.kit-notification.notification-info{background-color:#fff8e0}.kit-notification.notification-warning{background-color:#ffeee5}.kit-notification.notification-error{background-color:#f8e0e0}.kit-notification.notification-success{background-color:#e7f4ec}\n"] }]
|
|
24
24
|
}], propDecorators: { type: [{
|
|
@@ -5,12 +5,12 @@ import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class KitNotificationModule {
|
|
7
7
|
}
|
|
8
|
-
KitNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
9
|
-
KitNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
8
|
+
KitNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
KitNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitNotificationModule, declarations: [KitNotificationComponent], imports: [CommonModule,
|
|
10
10
|
KitSvgIconModule], exports: [KitNotificationComponent] });
|
|
11
|
-
KitNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
11
|
+
KitNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNotificationModule, imports: [CommonModule,
|
|
12
12
|
KitSvgIconModule] });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNotificationModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
declarations: [
|
|
@@ -63,13 +63,13 @@ export class KitNumericTextboxComponent {
|
|
|
63
63
|
this.changed.emit(value);
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
KitNumericTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
67
|
-
KitNumericTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
66
|
+
KitNumericTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNumericTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
+
KitNumericTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", disabled: "disabled", format: "format" }, outputs: { blured: "blured", changed: "changed" }, providers: [{
|
|
68
68
|
provide: NG_VALUE_ACCESSOR,
|
|
69
69
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
70
70
|
multi: true,
|
|
71
71
|
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-numerictextbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\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-numeric-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-numeric-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-numeric-textbox .k-input:focus-within{border-color:#00b0ad}.kit-numeric-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-numeric-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:#74777d}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.textbox-disabled .label{color:#74777d}.kit-numeric-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.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { 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 });
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
74
74
|
args: [{ selector: 'kit-numeric-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
75
75
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -8,16 +8,16 @@ import '@progress/kendo-angular-intl/locales/en-GB/all';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class KitNumericTextboxModule {
|
|
10
10
|
}
|
|
11
|
-
KitNumericTextboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
12
|
-
KitNumericTextboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
11
|
+
KitNumericTextboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNumericTextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
KitNumericTextboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitNumericTextboxModule, declarations: [KitNumericTextboxComponent], imports: [CommonModule,
|
|
13
13
|
NumericTextBoxModule,
|
|
14
14
|
LabelModule,
|
|
15
15
|
KitInputMessageModule], exports: [KitNumericTextboxComponent] });
|
|
16
|
-
KitNumericTextboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
16
|
+
KitNumericTextboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNumericTextboxModule, imports: [CommonModule,
|
|
17
17
|
NumericTextBoxModule,
|
|
18
18
|
LabelModule,
|
|
19
19
|
KitInputMessageModule] });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitNumericTextboxModule, decorators: [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
|
23
23
|
declarations: [
|
|
@@ -19,9 +19,9 @@ export class KitPillComponent {
|
|
|
19
19
|
this.clicked.emit(!this.selected);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
KitPillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
23
|
-
KitPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
22
|
+
KitPillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
KitPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitPillComponent, selector: "kit-pill", inputs: { removable: "removable", selectable: "selectable", selected: "selected" }, outputs: { clicked: "clicked", removed: "removed" }, host: { listeners: { "click": "onComponentClick()" } }, ngImport: i0, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n [class.kit-pill-selectable]=\"selectable\"\n [class.kit-pill-selected]=\"selected\">\n <div class=\"kit-pill-content display-flex flex-align-items-center\">\n <ng-content\n ></ng-content>\n </div>\n <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n [icon]=\"closeIcon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"], dependencies: [{ kind: "component", type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitPillComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'kit-pill', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n [class.kit-pill-selectable]=\"selectable\"\n [class.kit-pill-selected]=\"selected\">\n <div class=\"kit-pill-content display-flex flex-align-items-center\">\n <ng-content\n ></ng-content>\n </div>\n <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n [icon]=\"closeIcon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"] }]
|
|
27
27
|
}], propDecorators: { removable: [{
|
|
@@ -5,12 +5,12 @@ import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class KitPillModule {
|
|
7
7
|
}
|
|
8
|
-
KitPillModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
9
|
-
KitPillModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
8
|
+
KitPillModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
KitPillModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitPillModule, declarations: [KitPillComponent], imports: [KitSvgIconModule,
|
|
10
10
|
CommonModule], exports: [KitPillComponent] });
|
|
11
|
-
KitPillModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
11
|
+
KitPillModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitPillModule, imports: [KitSvgIconModule,
|
|
12
12
|
CommonModule] });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitPillModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
declarations: [
|
|
@@ -56,13 +56,13 @@ export class KitRadioButtonComponent {
|
|
|
56
56
|
return !!item.readonly || !!item.disabled;
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
KitRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
60
|
-
KitRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
59
|
+
KitRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
KitRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: { items: "items", label: "label", name: "name", readonly: "readonly", disabled: "disabled" }, outputs: { changed: "changed" }, providers: [{
|
|
61
61
|
provide: NG_VALUE_ACCESSOR,
|
|
62
62
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
63
63
|
multi: true,
|
|
64
64
|
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
|
|
66
66
|
type: Component,
|
|
67
67
|
args: [{ selector: 'kit-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
68
68
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -6,14 +6,14 @@ import { RadioButtonModule } from '@progress/kendo-angular-inputs';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class KitRadioButtonModule {
|
|
8
8
|
}
|
|
9
|
-
KitRadioButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
10
|
-
KitRadioButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
9
|
+
KitRadioButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
KitRadioButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitRadioButtonModule, declarations: [KitRadioButtonComponent], imports: [CommonModule,
|
|
11
11
|
LabelModule,
|
|
12
12
|
RadioButtonModule], exports: [KitRadioButtonComponent] });
|
|
13
|
-
KitRadioButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
13
|
+
KitRadioButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitRadioButtonModule, imports: [CommonModule,
|
|
14
14
|
LabelModule,
|
|
15
15
|
RadioButtonModule] });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitRadioButtonModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
declarations: [
|
|
@@ -32,9 +32,9 @@ export class KitSkeletonComponent {
|
|
|
32
32
|
this.animation = KitSkeletonAnimation.WAVE;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
KitSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
36
|
-
KitSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
35
|
+
KitSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
KitSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: { width: "width", height: "height", shape: "shape", animation: "animation" }, ngImport: i0, template: "<kendo-skeleton class=\"kit-skeleton\"\n [width]=\"width\"\n [height]=\"height\"\n [shape]=\"shape\"\n [animation]=\"animation\"\n></kendo-skeleton>\n", dependencies: [{ kind: "component", type: i1.SkeletonComponent, selector: "kendo-skeleton", inputs: ["animation", "shape", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSkeletonComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
39
|
args: [{ selector: 'kit-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-skeleton class=\"kit-skeleton\"\n [width]=\"width\"\n [height]=\"height\"\n [shape]=\"shape\"\n [animation]=\"animation\"\n></kendo-skeleton>\n" }]
|
|
40
40
|
}], propDecorators: { width: [{
|
|
@@ -5,12 +5,12 @@ import { IndicatorsModule } from '@progress/kendo-angular-indicators';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class KitSkeletonModule {
|
|
7
7
|
}
|
|
8
|
-
KitSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
9
|
-
KitSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
8
|
+
KitSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
KitSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitSkeletonModule, declarations: [KitSkeletonComponent], imports: [CommonModule,
|
|
10
10
|
IndicatorsModule], exports: [KitSkeletonComponent] });
|
|
11
|
-
KitSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
11
|
+
KitSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSkeletonModule, imports: [CommonModule,
|
|
12
12
|
IndicatorsModule] });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSkeletonModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
declarations: [
|
|
@@ -12,9 +12,9 @@ export class KitSvgIconComponent {
|
|
|
12
12
|
this.iconClass = null;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
KitSvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
16
|
-
KitSvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
15
|
+
KitSvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
KitSvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: { icon: "icon", iconClass: "iconClass" }, ngImport: i0, template: "<div class=\"kit-svg-icon\">\n <svg attr.class=\"{{ iconClass }} {{ icon }}-icon icon\">\n <use attr.xlink:href=\"#{{ icon }}\"></use>\n </svg>\n</div>\n", styles: [".kit-svg-icon,.kit-svg-icon .icon{display:block;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSvgIconComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'kit-svg-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-svg-icon\">\n <svg attr.class=\"{{ iconClass }} {{ icon }}-icon icon\">\n <use attr.xlink:href=\"#{{ icon }}\"></use>\n </svg>\n</div>\n", styles: [".kit-svg-icon,.kit-svg-icon .icon{display:block;width:100%;height:100%}\n"] }]
|
|
20
20
|
}], propDecorators: { icon: [{
|
|
@@ -3,10 +3,10 @@ import { KitSvgIconComponent } from '../kit-svg-icon/kit-svg-icon.component';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class KitSvgIconModule {
|
|
5
5
|
}
|
|
6
|
-
KitSvgIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
7
|
-
KitSvgIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
8
|
-
KitSvgIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
6
|
+
KitSvgIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSvgIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
KitSvgIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: KitSvgIconModule, declarations: [KitSvgIconComponent], exports: [KitSvgIconComponent] });
|
|
8
|
+
KitSvgIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSvgIconModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: KitSvgIconModule, decorators: [{
|
|
10
10
|
type: NgModule,
|
|
11
11
|
args: [{
|
|
12
12
|
declarations: [
|