@indigina/ui-kit 1.1.62 → 1.1.64
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 +9 -14
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.directive.mjs +3 -3
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.module.mjs +4 -4
- package/esm2022/lib/components/kit-avatar/kit-avatar.component.mjs +3 -3
- package/esm2022/lib/components/kit-avatar/kit-avatar.module.mjs +4 -4
- package/esm2022/lib/components/kit-breadcrumbs/kit-breadcrumbs.component.mjs +3 -3
- package/esm2022/lib/components/kit-breadcrumbs/kit-breadcrumbs.module.mjs +4 -4
- package/esm2022/lib/components/kit-button/kit-button.component.mjs +3 -3
- package/esm2022/lib/components/kit-button/kit-button.module.mjs +4 -4
- package/esm2022/lib/components/kit-card/kit-card.component.mjs +4 -4
- package/esm2022/lib/components/kit-card/kit-card.module.mjs +4 -4
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.component.mjs +4 -4
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.module.mjs +4 -4
- package/esm2022/lib/components/kit-copy-text/kit-copy-text.component.mjs +4 -4
- 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 +3 -3
- 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-datepicker/kit-datepicker.component.mjs +6 -6
- package/esm2022/lib/components/kit-datepicker/kit-datepicker.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 +6 -6
- 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 +4 -4
- 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 +9 -15
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.module.mjs +4 -4
- package/esm2022/lib/components/kit-file-upload/kit-file-upload.component.mjs +7 -6
- package/esm2022/lib/components/kit-file-upload/kit-file-upload.module.mjs +11 -19
- package/esm2022/lib/components/kit-grid/kit-grid-cell-template.directive.mjs +3 -3
- package/esm2022/lib/components/kit-grid/kit-grid-column/kit-grid-column.component.mjs +3 -3
- package/esm2022/lib/components/kit-grid/kit-grid-detail-template.directive.mjs +3 -3
- package/esm2022/lib/components/kit-grid/kit-grid.component.mjs +3 -3
- package/esm2022/lib/components/kit-grid/kit-grid.module.mjs +4 -4
- package/esm2022/lib/components/kit-input-label/kit-input-label.component.mjs +3 -3
- package/esm2022/lib/components/kit-input-label/kit-input-label.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 +3 -3
- package/esm2022/lib/components/kit-location-stepper/kit-location-stepper.module.mjs +4 -4
- package/esm2022/lib/components/kit-multiselect/kit-multiselect.component.mjs +5 -5
- package/esm2022/lib/components/kit-multiselect/kit-multiselect.module.mjs +4 -4
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu-submenu/kit-navigation-menu-submenu.component.mjs +4 -4
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu-submenu/kit-navigation-menu-submenu.module.mjs +4 -4
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.component.mjs +4 -4
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.module.mjs +4 -4
- package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.service.mjs +3 -3
- package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.mjs +4 -4
- 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-popup/kit-popup.component.mjs +4 -4
- package/esm2022/lib/components/kit-popup/kit-popup.directive.mjs +4 -4
- package/esm2022/lib/components/kit-popup/kit-popup.module.mjs +4 -4
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.component.mjs +3 -3
- package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.module.mjs +4 -4
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.component.mjs +4 -4
- 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-tabs/kit-tab/kit-tab.component.mjs +3 -3
- package/esm2022/lib/components/kit-tabs/kit-tabs.component.mjs +3 -3
- package/esm2022/lib/components/kit-tabs/kit-tabs.module.mjs +4 -4
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +3 -3
- 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 +4 -4
- 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 +5 -5
- 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 +5 -5
- package/esm2022/lib/components/kit-toggle/kit-toggle.component.mjs +3 -3
- package/esm2022/lib/components/kit-toggle/kit-toggle.module.mjs +4 -4
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +3 -3
- package/esm2022/lib/components/kit-units-textbox/kit-units-textbox.module.mjs +4 -4
- package/esm2022/lib/directives/kit-badge/kit-badge.directive.mjs +4 -4
- package/esm2022/lib/directives/kit-badge/kit-badge.module.mjs +4 -4
- package/esm2022/lib/directives/kit-permission/kit-permission.directive.mjs +4 -4
- package/esm2022/lib/directives/kit-permission/kit-permission.module.mjs +4 -4
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +4 -4
- package/esm2022/lib/directives/kit-tooltip/kit-tooltip.module.mjs +4 -4
- package/esm2022/lib/services/kit-query-params.service.mjs +4 -4
- package/esm2022/public-api.mjs +7 -5
- package/fesm2022/indigina-ui-kit.mjs +567 -584
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-autocomplete/kit-autocomplete.component.d.ts +3 -7
- package/lib/components/kit-dropdown/kit-dropdown.component.d.ts +3 -8
- package/lib/components/kit-file-upload/kit-file-upload.component.d.ts +2 -1
- package/lib/components/kit-file-upload/kit-file-upload.module.d.ts +2 -3
- package/lib/components/kit-navigation-menu/kit-navigation-menu.util.d.ts +1 -1
- package/package.json +28 -28
- package/public-api.d.ts +7 -5
|
@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { KitSvgSpriteComponent } from './kit-svg-sprite.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class KitSvgSpriteModule {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSvgSpriteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitSvgSpriteModule, declarations: [KitSvgSpriteComponent], exports: [KitSvgSpriteComponent] }); }
|
|
7
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSvgSpriteModule }); }
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSvgSpriteModule, decorators: [{
|
|
10
10
|
type: NgModule,
|
|
11
11
|
args: [{
|
|
12
12
|
declarations: [
|
|
@@ -68,10 +68,10 @@ export class KitSwitchComponent {
|
|
|
68
68
|
isSingleMode() {
|
|
69
69
|
return this.mode === KitSwitchMode.SINGLE;
|
|
70
70
|
}
|
|
71
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
72
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
71
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitSwitchComponent, selector: "kit-switch", inputs: { items: "items", mode: "mode", label: "label", disabled: "disabled", selection: "selection", messageIcon: "messageIcon", messageText: "messageText", state: "state" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #3678c3;--ui-kit-color-focus: #56a2f733;--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-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-grey-15: #f0f0f0;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.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}div[kendowatermarkoverlay]{display:none}.kit-switch .label{display:block;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--ui-kit-color-cobalt);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSwitchComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
76
|
args: [{ selector: 'kit-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #3678c3;--ui-kit-color-focus: #56a2f733;--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-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-grey-15: #f0f0f0;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.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}div[kendowatermarkoverlay]{display:none}.kit-switch .label{display:block;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--ui-kit-color-cobalt);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
77
77
|
}], propDecorators: { items: [{
|
|
@@ -93,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
93
93
|
}], selected: [{
|
|
94
94
|
type: Output
|
|
95
95
|
}] } });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1zd2l0Y2gva2l0LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1zd2l0Y2gva2l0LXN3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBSW5ILE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDdkIsa0NBQWlCLENBQUE7SUFDakIsbUNBQWtCLENBQUE7QUFDcEIsQ0FBQyxFQUhXLGFBQWEsS0FBYixhQUFhLFFBR3hCO0FBUUQsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixtQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsY0FBYyxLQUFkLGNBQWMsUUFHekI7QUFTRCxNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBUUU7OztXQUdHO1FBQ00sVUFBSyxHQUFvQixFQUFFLENBQUM7UUFFckM7O1dBRUc7UUFDTSxTQUFJLEdBQWtCLGFBQWEsQ0FBQyxNQUFNLENBQUM7UUE2QnBEOztXQUVHO1FBQ00sVUFBSyxHQUFtQixjQUFjLENBQUMsT0FBTyxDQUFDO1FBRXhEOztXQUVHO1FBQ08sYUFBUSxHQUF5QyxJQUFJLFlBQVksRUFBMEIsQ0FBQztLQXNDdkc7SUFwQ0M7Ozs7O09BS0c7SUFDSCxZQUFZLENBQUMsUUFBaUIsRUFBRSxJQUFtQjtRQUNqRCwwRkFBMEY7UUFDMUYsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNyQyxPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ2pCLElBQUk7WUFDSixRQUFRO1lBQ1IsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1NBQ2hCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsY0FBYyxDQUFDLElBQW1CO1FBQ2hDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pFLENBQUM7SUFFRDs7OztPQUlHO0lBQ0ssWUFBWTtRQUNsQixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssYUFBYSxDQUFDLE1BQU0sQ0FBQztJQUM1QyxDQUFDOzhHQXBGVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixxUUMzQi9CLGdyQ0FpQ0E7OzJGRE5hLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBTzVCLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFNRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTd2l0Y2hJdGVtIH0gZnJvbSAnLi9raXQtc3dpdGNoLWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuXG5leHBvcnQgZW51bSBLaXRTd2l0Y2hNb2RlIHtcbiAgU0lOR0xFID0gJ3NpbmdsZScsXG4gIE1VTFRJID0gJ211bHRpcGxlJyxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRTd2l0Y2hJdGVtU2VsZWN0aW9uIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGl0ZW06IEtpdFN3aXRjaEl0ZW07XG4gIG1vZGU6IEtpdFN3aXRjaE1vZGU7XG59XG5cbmV4cG9ydCBlbnVtIEtpdFN3aXRjaFN0YXRlIHtcbiAgUkVHVUxBUiA9ICdyZWd1bGFyJyxcbiAgREFOR0VSID0gJ2RhbmdlcicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1zd2l0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXN3aXRjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1zd2l0Y2guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEtpdFN3aXRjaENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBpdGVtcyBsaXN0IHdoaWNoIGlzIGdvaW5nIHRvIGJlIHJlbmRlcmVkIGFzIHN3aXRjaCBidXR0b25zXG4gICAqIGVhY2ggb2YgdGhlbSBzaG91bGQgaGF2ZSB1bmlxIHZhbHVlIGJ1dCBub3QgdW5pcSB0aXRsZVxuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IEtpdFN3aXRjaEl0ZW1bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBkZWZpbmVzIHdoZXRoZXIgaXQgd2lsbCBiZSBwb3NzaWJsZSB0byBjaG9vc2Ugc2V2ZXJhbCBvcHRpb25zIGF0IHRpbWVcbiAgICovXG4gIEBJbnB1dCgpIG1vZGU6IEtpdFN3aXRjaE1vZGUgPSBLaXRTd2l0Y2hNb2RlLlNJTkdMRTtcblxuICAvKipcbiAgICogYSBsYWJlbCB3aGljaCB3aWxsIGJlIHNob3duIGFib3ZlIHRoZSBzd2l0Y2ggZ3JvdXBcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBkZWZpbmVzIHdoZXRoZXIgdGhlIGVudGlyZSBncm91cCB3aWxsIGJlIGRpc2FibGVkIGFuZCB3aWxsIG5vIGhhdmUgYW4gYWJpbGl0eSB0byBiZSBjaGFuZ2VkXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIGRlZmluZXMgd2hhdCB2YWx1ZXMgaGF2ZSB0byBiZSBzZWxlY3RlZFxuICAgKiBpbiBjYXNlIG9mIFwic2luZ2xlXCIgbW9kZSBpdCBzaG91bGQgYmUgb25seSBvbmUgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdGlvbj86IHN0cmluZ1tdO1xuXG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcGFydGljdWxhciBzdGF0ZSBmb3IgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3RhdGU6IEtpdFN3aXRjaFN0YXRlID0gS2l0U3dpdGNoU3RhdGUuUkVHVUxBUjtcblxuICAvKipcbiAgICogZW1pdHMgd2hlbiBhbiBpdGVtcyBoYXMgYmVlbiBzZWxlY3RlZFxuICAgKi9cbiAgQE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8S2l0U3dpdGNoSXRlbVNlbGVjdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdFN3aXRjaEl0ZW1TZWxlY3Rpb24+KCk7XG5cbiAgLyoqXG4gICAqIG9jY3VycyB3aGVuIGFuIGl0ZW0gaGFzIGJlZW4gc2VsZWN0ZWRcbiAgICpcbiAgICogQHBhcmFtIHNlbGVjdGVkIGZhbHNlIGlmIGEgcHJldmlvdXMgdmFsdWUgY29tZXNcbiAgICogQHBhcmFtIGl0ZW0gYW4gaXRlbSB3aGljaCBpcyBzZWxlY3RlZCBjdXJyZW50bHkgb3IgYSBwcmV2aW91cyBvbmVcbiAgICovXG4gIG9uSXRlbVNlbGVjdChzZWxlY3RlZDogYm9vbGVhbiwgaXRlbTogS2l0U3dpdGNoSXRlbSk6IHZvaWQge1xuICAgIC8vIHdlIGRvbid0IG5lZWQgdG8gZW1pdCBhbiBldmVudCBpbiBjYXNlIGl0J3MgYW4gb2xkIHZhbHVlIGFuZCBcInNpbmdsZVwiIG1vZGUgaXMgdHVybmVkIG9uXG4gICAgaWYgKHRoaXMuaXNTaW5nbGVNb2RlKCkgJiYgIXNlbGVjdGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KHtcbiAgICAgIGl0ZW0sXG4gICAgICBzZWxlY3RlZCxcbiAgICAgIG1vZGU6IHRoaXMubW9kZSxcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiByZXR1cm5zIHRydWUgaWYgXCJzZWxlY3Rpb25cIiBpbnB1dCBjb250YWlucyBhIHZhbHVlIGZvciBhbiBpdGVtXG4gICAqXG4gICAqIEBwYXJhbSBpdGVtIGFuIGl0ZW0gZm9yIHdoaWNoIG5lZWQgdG8gY2hlY2sgd2hldGhlciBpdCBuZWVkcyB0byBiZSBzZWxlY3RlZFxuICAgKi9cbiAgaXNJdGVtU2VsZWN0ZWQoaXRlbTogS2l0U3dpdGNoSXRlbSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuc2VsZWN0aW9uICYmIHRoaXMuc2VsZWN0aW9uLmluY2x1ZGVzKGl0ZW0udmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIHJldHVybnMgXCJ0cnVlXCIgaW4gY2FzZSB0aGUgbW9kZSBpcyBzZXQgdG8gXCJzaW5nbGVcIlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBpc1NpbmdsZU1vZGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMubW9kZSA9PT0gS2l0U3dpdGNoTW9kZS5TSU5HTEU7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtc3dpdGNoIHt7IHN0YXRlIH19XCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtcy5sZW5ndGhcIj5cbiAgICBAaWYgKGxhYmVsKSB7XG4gICAgICA8a2l0LWlucHV0LWxhYmVsIGNsYXNzPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICBbdGV4dF09XCJsYWJlbFwiXG4gICAgICA+PC9raXQtaW5wdXQtbGFiZWw+XG4gICAgfVxuXG4gICAgPGtlbmRvLWJ1dHRvbmdyb3VwIGxvb2s9XCJvdXRsaW5lXCIgY2xhc3M9XCJidXR0b24tZ3JvdXBcIlxuICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0aW9uXT1cIm1vZGVcIlxuICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgIDxidXR0b24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBjbGFzcz1cImJ1dHRvblwiIGtlbmRvQnV0dG9uXG4gICAgICAgICAgICAgIFtzZWxlY3RlZF09XCJpc0l0ZW1TZWxlY3RlZChpdGVtKVwiXG4gICAgICAgICAgICAgIFt0b2dnbGFibGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkICYmIGl0ZW0uZGlzYWJsZWQoaXRlbSlcIlxuICAgICAgICAgICAgICAoc2VsZWN0ZWRDaGFuZ2UpPVwib25JdGVtU2VsZWN0KCRldmVudCwgaXRlbSlcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0udGl0bGU7IGVsc2UgaWNvblwiPlxuICAgICAgICAgIHt7IGl0ZW0udGl0bGUgfX1cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNpY29uPlxuICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJpY29uLXdyYXBwZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2tlbmRvLWJ1dHRvbmdyb3VwPlxuICAgIDxraXQtaW5wdXQtbWVzc2FnZSAqbmdJZj1cIm1lc3NhZ2VUZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwibWVzc2FnZUljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICBbbWVzc2FnZV09XCJtZXNzYWdlVGV4dFwiXG4gICAgPjwva2l0LWlucHV0LW1lc3NhZ2U+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -7,21 +7,21 @@ import { KitInputMessageModule } from '../kit-input-message/kit-input-message.mo
|
|
|
7
7
|
import { KitInputLabelModule } from '../kit-input-label/kit-input-label.module';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class KitSwitchModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitSwitchModule, declarations: [KitSwitchComponent], imports: [ButtonGroupModule,
|
|
12
12
|
ButtonModule,
|
|
13
13
|
CommonModule,
|
|
14
14
|
KitSvgIconModule,
|
|
15
15
|
KitInputMessageModule,
|
|
16
16
|
KitInputLabelModule], exports: [KitSwitchComponent] }); }
|
|
17
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
17
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSwitchModule, imports: [ButtonGroupModule,
|
|
18
18
|
ButtonModule,
|
|
19
19
|
CommonModule,
|
|
20
20
|
KitSvgIconModule,
|
|
21
21
|
KitInputMessageModule,
|
|
22
22
|
KitInputLabelModule] }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSwitchModule, decorators: [{
|
|
25
25
|
type: NgModule,
|
|
26
26
|
args: [{
|
|
27
27
|
declarations: [
|
|
@@ -24,10 +24,10 @@ export class KitTabComponent {
|
|
|
24
24
|
*/
|
|
25
25
|
this.kitTabContent = null;
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KitTabComponent, selector: "kit-tab", inputs: { title: "title", icon: "icon", iconType: "iconType", selected: "selected", disabled: "disabled" }, queries: [{ propertyName: "kitTabContent", first: true, predicate: ["kitTabContent"], descendants: true }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTabComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}\n"] }]
|
|
33
33
|
}], propDecorators: { title: [{
|
|
@@ -30,10 +30,10 @@ export class KitTabsComponent {
|
|
|
30
30
|
title: event.title,
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTabsComponent, selector: "kit-tabs", inputs: { type: "type", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent }], ngImport: i0, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"type\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled\">\n @if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTabsComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"type\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs; track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled\">\n @if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n" }]
|
|
39
39
|
}], propDecorators: { type: [{
|
|
@@ -6,17 +6,17 @@ import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
|
6
6
|
import { KitTabComponent } from './kit-tab/kit-tab.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class KitTabsModule {
|
|
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: "18.2.6", ngImport: i0, type: KitTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitTabsModule, declarations: [KitTabsComponent,
|
|
11
11
|
KitTabComponent], imports: [CommonModule,
|
|
12
12
|
LayoutModule,
|
|
13
13
|
KitSvgIconModule], exports: [KitTabsComponent,
|
|
14
14
|
KitTabComponent] }); }
|
|
15
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
15
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTabsModule, imports: [CommonModule,
|
|
16
16
|
LayoutModule,
|
|
17
17
|
KitSvgIconModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTabsModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [
|
|
@@ -27,10 +27,10 @@ export class KitTextLabelComponent {
|
|
|
27
27
|
*/
|
|
28
28
|
this.state = KitTextLabelState.REGULAR;
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTextLabelComponent, selector: "kit-text-label", inputs: { label: "label", value: "value", htmlMode: "htmlMode", noValueMessage: "noValueMessage", messageText: "messageText", state: "state" }, ngImport: i0, template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n @if (value) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n\n @if (!value) {\n <kit-input-label class=\"label\"\n [text]=\"noValueMessage || label\"\n ></kit-input-label>\n }\n\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 [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}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #3678c3;--ui-kit-color-focus: #56a2f733;--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-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-grey-15: #f0f0f0;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.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 .label{display:block;margin-bottom:4px}.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.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i3.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextLabelComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
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 @if (value) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n\n @if (!value) {\n <kit-input-label class=\"label\"\n [text]=\"noValueMessage || label\"\n ></kit-input-label>\n }\n\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 [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}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #3678c3;--ui-kit-color-focus: #56a2f733;--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-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-grey-15: #f0f0f0;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.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 .label{display:block;margin-bottom:4px}.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"] }]
|
|
36
36
|
}], propDecorators: { label: [{
|
|
@@ -5,15 +5,15 @@ import { KitInputMessageModule } from './../kit-input-message/kit-input-message.
|
|
|
5
5
|
import { KitInputLabelModule } from '../kit-input-label/kit-input-label.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: "18.2.6", ngImport: i0, type: KitTextLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitTextLabelModule, declarations: [KitTextLabelComponent], imports: [CommonModule,
|
|
10
10
|
KitInputMessageModule,
|
|
11
11
|
KitInputLabelModule], exports: [KitTextLabelComponent] }); }
|
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextLabelModule, imports: [CommonModule,
|
|
13
13
|
KitInputMessageModule,
|
|
14
14
|
KitInputLabelModule] }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextLabelModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
declarations: [
|
|
@@ -17,10 +17,10 @@ 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: "18.2.6", ngImport: i0, type: KitTextareaAutoresizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", 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: "18.2.6", ngImport: i0, type: KitTextareaAutoresizeDirective, decorators: [{
|
|
24
24
|
type: Directive,
|
|
25
25
|
args: [{
|
|
26
26
|
selector: '[autoresize]',
|
|
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
29
29
|
type: HostListener,
|
|
30
30
|
args: [':input']
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRleHRhcmVhLWF1dG9yZXNpemUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGV4dGFyZWEva2l0LXRleHRhcmVhLWF1dG9yZXNpemUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUtwRSxNQUFNLE9BQU8sOEJBQThCO0lBRXpDLFlBQ1UsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUVoQyxDQUFDO0lBR0QsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDL0MsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2hCLENBQUM7SUFDSCxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDO1FBQ2pELE1BQU0sWUFBWSxHQUFXLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztRQUN4RSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEdBQUcsWUFBWSxJQUFJLENBQUM7SUFDbkUsQ0FBQzs4R0F0QlUsOEJBQThCO2tHQUE5Qiw4QkFBOEI7OzJGQUE5Qiw4QkFBOEI7a0JBSDFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7aUJBQ3pCOytFQVNDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F1dG9yZXNpemVdJyxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGV4dGFyZWFBdXRvcmVzaXplRGlyZWN0aXZlIHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICkge1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignOmlucHV0JylcbiAgb25JbnB1dCgpOiB2b2lkIHtcbiAgICB0aGlzLnJlc2l6ZSgpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnNjcm9sbEhlaWdodCkge1xuICAgICAgdGhpcy5yZXNpemUoKTtcbiAgICB9XG4gIH1cblxuICByZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gJzAnO1xuICAgIGNvbnN0IHNjcm9sbEhlaWdodDogc3RyaW5nID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0O1xuICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnN0eWxlLmhlaWdodCA9IGAke3Njcm9sbEhlaWdodH1weGA7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -100,20 +100,20 @@ export class KitTextareaComponent {
|
|
|
100
100
|
this.onChange(target.value);
|
|
101
101
|
this.changed.emit(target.value);
|
|
102
102
|
}
|
|
103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
104
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", 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", icon: "icon", readonly: "readonly" }, outputs: { focused: "focused", blured: "blured", changed: "changed" }, providers: [{
|
|
105
105
|
provide: NG_VALUE_ACCESSOR,
|
|
106
106
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
107
107
|
multi: true,
|
|
108
|
-
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-
|
|
108
|
+
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: i5.KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
109
109
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextareaComponent, decorators: [{
|
|
111
111
|
type: Component,
|
|
112
112
|
args: [{ selector: 'kit-textarea', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
113
113
|
provide: NG_VALUE_ACCESSOR,
|
|
114
114
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
115
115
|
multi: true,
|
|
116
|
-
}], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-
|
|
116
|
+
}], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
|
|
117
117
|
}], propDecorators: { placeholder: [{
|
|
118
118
|
type: Input
|
|
119
119
|
}], label: [{
|
|
@@ -7,19 +7,19 @@ import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
|
7
7
|
import { KitInputLabelModule } from '../kit-input-label/kit-input-label.module';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class KitTextareaModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitTextareaModule, declarations: [KitTextareaComponent,
|
|
12
12
|
KitTextareaAutoresizeDirective], imports: [CommonModule,
|
|
13
13
|
KitInputMessageModule,
|
|
14
14
|
KitSvgIconModule,
|
|
15
15
|
KitInputLabelModule], exports: [KitTextareaComponent,
|
|
16
16
|
KitTextareaAutoresizeDirective] }); }
|
|
17
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
17
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextareaModule, imports: [CommonModule,
|
|
18
18
|
KitInputMessageModule,
|
|
19
19
|
KitSvgIconModule,
|
|
20
20
|
KitInputLabelModule] }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextareaModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
24
24
|
args: [{
|
|
25
25
|
declarations: [
|
|
@@ -74,20 +74,20 @@ export class KitTextboxComponent {
|
|
|
74
74
|
this.onChange(value);
|
|
75
75
|
this.changed.emit(value);
|
|
76
76
|
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitTextboxComponent, selector: "kit-textbox", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", messageIcon: "messageIcon", messageText: "messageText", disabled: "disabled", maxlength: "maxlength", state: "state", icon: "icon" }, outputs: { blured: "blured", changed: "changed" }, providers: [{
|
|
79
79
|
provide: NG_VALUE_ACCESSOR,
|
|
80
80
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
81
81
|
multi: true,
|
|
82
|
-
}], ngImport: i0, template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-
|
|
82
|
+
}], ngImport: i0, template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextboxComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'kit-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
87
87
|
provide: NG_VALUE_ACCESSOR,
|
|
88
88
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
89
89
|
multi: true,
|
|
90
|
-
}], template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-
|
|
90
|
+
}], template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"] }]
|
|
91
91
|
}], propDecorators: { placeholder: [{
|
|
92
92
|
type: Input
|
|
93
93
|
}], label: [{
|
|
@@ -7,19 +7,19 @@ import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
|
7
7
|
import { KitInputLabelModule } from '../kit-input-label/kit-input-label.module';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class KitTextboxModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitTextboxModule, declarations: [KitTextboxComponent], imports: [CommonModule,
|
|
12
12
|
TextBoxModule,
|
|
13
13
|
KitInputLabelModule,
|
|
14
14
|
KitInputMessageModule,
|
|
15
15
|
KitSvgIconModule], exports: [KitTextboxComponent] }); }
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextboxModule, imports: [CommonModule,
|
|
17
17
|
TextBoxModule,
|
|
18
18
|
KitInputLabelModule,
|
|
19
19
|
KitInputMessageModule,
|
|
20
20
|
KitSvgIconModule] }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitTextboxModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
24
24
|
args: [{
|
|
25
25
|
declarations: [
|