@indigina/ui-kit 1.0.96 → 1.0.100
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/{esm2015/indigina-ui-kit.js → esm2020/indigina-ui-kit.mjs} +0 -0
- package/esm2020/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +166 -0
- package/esm2020/lib/components/kit-autocomplete/kit-autocomplete.module.mjs +57 -0
- package/esm2020/lib/components/kit-button/kit-button.component.mjs +55 -0
- package/{esm2015/lib/components/kit-button/kit-button.const.js → esm2020/lib/components/kit-button/kit-button.const.mjs} +0 -0
- package/esm2020/lib/components/kit-button/kit-button.module.mjs +34 -0
- package/esm2020/lib/components/kit-checkbox/kit-checkbox.component.mjs +97 -0
- package/esm2020/lib/components/kit-checkbox/kit-checkbox.module.mjs +38 -0
- package/esm2020/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.mjs +33 -0
- package/esm2020/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.module.mjs +34 -0
- package/esm2020/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.mjs +34 -0
- package/esm2020/lib/components/kit-cta-panel-action/kit-cta-panel-action.module.mjs +30 -0
- package/esm2020/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.mjs +25 -0
- package/esm2020/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +43 -0
- package/esm2020/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.module.mjs +51 -0
- package/esm2020/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.mjs +28 -0
- package/esm2020/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.mjs +30 -0
- package/esm2020/lib/components/kit-daterange/kit-daterange.component.mjs +138 -0
- package/esm2020/lib/components/kit-daterange/kit-daterange.module.mjs +48 -0
- package/esm2020/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +129 -0
- package/esm2020/lib/components/kit-datetimepicker/kit-datetimepicker.module.mjs +43 -0
- package/esm2020/lib/components/kit-dropdown/kit-dropdown.component.mjs +114 -0
- package/esm2020/lib/components/kit-dropdown/kit-dropdown.module.mjs +45 -0
- package/esm2020/lib/components/kit-input-message/kit-input-message.component.mjs +36 -0
- package/esm2020/lib/components/kit-input-message/kit-input-message.module.mjs +30 -0
- package/esm2020/lib/components/kit-loader/kit-loader.component.mjs +19 -0
- package/esm2020/lib/components/kit-loader/kit-loader.module.mjs +26 -0
- package/esm2020/lib/components/kit-location-stepper/kit-location-stepper.component.mjs +28 -0
- package/esm2020/lib/components/kit-location-stepper/kit-location-stepper.module.mjs +34 -0
- package/esm2020/lib/components/kit-notification/kit-notification.component.mjs +27 -0
- package/esm2020/lib/components/kit-notification/kit-notification.module.mjs +30 -0
- package/esm2020/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +108 -0
- package/esm2020/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs +39 -0
- package/esm2020/lib/components/kit-pill/kit-pill.component.mjs +41 -0
- package/esm2020/lib/components/kit-pill/kit-pill.module.mjs +30 -0
- package/esm2020/lib/components/kit-svg-icon/kit-svg-icon.component.mjs +25 -0
- package/{esm2015/lib/components/kit-svg-icon/kit-svg-icon.const.js → esm2020/lib/components/kit-svg-icon/kit-svg-icon.const.mjs} +0 -0
- package/esm2020/lib/components/kit-svg-icon/kit-svg-icon.module.mjs +20 -0
- package/esm2020/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +14 -0
- package/esm2020/lib/components/kit-svg-sprite/kit-svg-sprite.module.mjs +20 -0
- package/{esm2015/lib/components/kit-switch/kit-switch-item.model.js → esm2020/lib/components/kit-switch/kit-switch-item.model.mjs} +0 -0
- package/esm2020/lib/components/kit-switch/kit-switch.component.mjs +102 -0
- package/esm2020/lib/components/kit-switch/kit-switch.module.mjs +41 -0
- package/esm2020/lib/components/kit-text-label/kit-text-label.component.mjs +56 -0
- package/esm2020/lib/components/kit-text-label/kit-text-label.module.mjs +34 -0
- package/esm2020/lib/components/kit-textarea/kit-textarea-autoresize.directive.mjs +32 -0
- package/esm2020/lib/components/kit-textarea/kit-textarea.component.mjs +136 -0
- package/esm2020/lib/components/kit-textarea/kit-textarea.module.mjs +39 -0
- package/esm2020/lib/components/kit-textbox/kit-textbox.component.mjs +104 -0
- package/esm2020/lib/components/kit-textbox/kit-textbox.module.mjs +38 -0
- package/esm2020/lib/components/kit-toastr/kit-toastr.module.mjs +20 -0
- package/esm2020/lib/components/kit-toastr/kit-toastr.service.mjs +64 -0
- package/esm2020/lib/components/kit-toggle/kit-toggle.component.mjs +87 -0
- package/esm2020/lib/components/kit-toggle/kit-toggle.module.mjs +38 -0
- package/esm2020/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +166 -0
- package/esm2020/lib/components/kit-units-textbox/kit-units-textbox.module.mjs +53 -0
- package/esm2020/lib/directives/kit-tooltip/kit-tooltip.directive.mjs +49 -0
- package/esm2020/lib/directives/kit-tooltip/kit-tooltip.module.mjs +23 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +5 -1
- package/fesm2015/indigina-ui-kit.mjs +2641 -0
- package/fesm2015/indigina-ui-kit.mjs.map +1 -0
- package/fesm2020/indigina-ui-kit.mjs +2640 -0
- package/fesm2020/indigina-ui-kit.mjs.map +1 -0
- package/indigina-ui-kit.d.ts +1 -0
- package/lib/components/kit-autocomplete/kit-autocomplete.component.d.ts +3 -0
- package/lib/components/kit-autocomplete/kit-autocomplete.module.d.ts +13 -0
- package/lib/components/kit-button/kit-button.component.d.ts +3 -0
- package/lib/components/kit-button/kit-button.module.d.ts +8 -0
- package/lib/components/kit-checkbox/kit-checkbox.component.d.ts +3 -0
- package/lib/components/kit-checkbox/kit-checkbox.module.d.ts +9 -0
- package/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.component.d.ts +14 -0
- package/lib/components/kit-cta-panel-abstract-confirmation/kit-cta-panel-abstract-confirmation.module.d.ts +10 -0
- package/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.d.ts +3 -0
- package/lib/components/kit-cta-panel-action/kit-cta-panel-action.module.d.ts +7 -0
- package/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.d.ts +3 -0
- package/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.d.ts +3 -0
- package/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.module.d.ts +10 -0
- package/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.d.ts +3 -0
- package/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.d.ts +7 -0
- package/lib/components/kit-daterange/kit-daterange.component.d.ts +3 -0
- package/lib/components/kit-daterange/kit-daterange.module.d.ts +10 -0
- package/lib/components/kit-datetimepicker/kit-datetimepicker.component.d.ts +3 -0
- package/lib/components/kit-datetimepicker/kit-datetimepicker.module.d.ts +10 -0
- package/lib/components/kit-dropdown/kit-dropdown.component.d.ts +3 -0
- package/lib/components/kit-dropdown/kit-dropdown.module.d.ts +10 -0
- package/lib/components/kit-input-message/kit-input-message.component.d.ts +3 -0
- package/lib/components/kit-input-message/kit-input-message.module.d.ts +7 -0
- package/lib/components/kit-loader/kit-loader.component.d.ts +3 -0
- package/lib/components/kit-loader/kit-loader.module.d.ts +6 -0
- package/lib/components/kit-location-stepper/kit-location-stepper.component.d.ts +3 -0
- package/lib/components/kit-location-stepper/kit-location-stepper.module.d.ts +8 -0
- package/lib/components/kit-notification/kit-notification.component.d.ts +3 -0
- package/lib/components/kit-notification/kit-notification.module.d.ts +7 -0
- package/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.d.ts +3 -0
- package/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.d.ts +9 -0
- package/lib/components/kit-pill/kit-pill.component.d.ts +3 -0
- package/lib/components/kit-pill/kit-pill.module.d.ts +7 -0
- package/lib/components/kit-svg-icon/kit-svg-icon.component.d.ts +3 -0
- package/lib/components/kit-svg-icon/kit-svg-icon.module.d.ts +5 -0
- package/lib/components/kit-svg-sprite/kit-svg-sprite.component.d.ts +3 -0
- package/lib/components/kit-svg-sprite/kit-svg-sprite.module.d.ts +5 -0
- package/lib/components/kit-switch/kit-switch.component.d.ts +3 -0
- package/lib/components/kit-switch/kit-switch.module.d.ts +9 -0
- package/lib/components/kit-text-label/kit-text-label.component.d.ts +3 -0
- package/lib/components/kit-text-label/kit-text-label.module.d.ts +8 -0
- package/lib/components/kit-textarea/kit-textarea-autoresize.directive.d.ts +3 -0
- package/lib/components/kit-textarea/kit-textarea.component.d.ts +3 -0
- package/lib/components/kit-textarea/kit-textarea.module.d.ts +9 -0
- package/lib/components/kit-textbox/kit-textbox.component.d.ts +3 -0
- package/lib/components/kit-textbox/kit-textbox.module.d.ts +9 -0
- package/lib/components/kit-toastr/kit-toastr.module.d.ts +5 -0
- package/lib/components/kit-toastr/kit-toastr.service.d.ts +3 -0
- package/lib/components/kit-toggle/kit-toggle.component.d.ts +3 -0
- package/lib/components/kit-toggle/kit-toggle.module.d.ts +9 -0
- package/lib/components/kit-units-textbox/kit-units-textbox.component.d.ts +3 -0
- package/lib/components/kit-units-textbox/kit-units-textbox.module.d.ts +11 -0
- package/lib/directives/kit-tooltip/kit-tooltip.directive.d.ts +3 -0
- package/lib/directives/kit-tooltip/kit-tooltip.module.d.ts +6 -0
- package/package.json +42 -30
- package/public-api.d.ts +2 -0
- package/styles/styles.scss +1 -1
- package/bundles/indigina-ui-kit.umd.js +0 -2669
- package/bundles/indigina-ui-kit.umd.js.map +0 -1
- package/esm2015/lib/components/kit-autocomplete/kit-autocomplete.component.js +0 -151
- package/esm2015/lib/components/kit-autocomplete/kit-autocomplete.module.js +0 -34
- package/esm2015/lib/components/kit-button/kit-button.component.js +0 -48
- package/esm2015/lib/components/kit-button/kit-button.module.js +0 -23
- package/esm2015/lib/components/kit-checkbox/kit-checkbox.component.js +0 -85
- package/esm2015/lib/components/kit-checkbox/kit-checkbox.module.js +0 -25
- package/esm2015/lib/components/kit-cta-panel-action/kit-cta-panel-action.component.js +0 -31
- package/esm2015/lib/components/kit-cta-panel-action/kit-cta-panel-action.module.js +0 -21
- package/esm2015/lib/components/kit-cta-panel-confirmation/abstract-kit-cta-panel-confirmation.component.js +0 -22
- package/esm2015/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.js +0 -39
- package/esm2015/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.module.js +0 -30
- package/esm2015/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.js +0 -29
- package/esm2015/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.js +0 -21
- package/esm2015/lib/components/kit-daterange/kit-daterange.component.js +0 -114
- package/esm2015/lib/components/kit-daterange/kit-daterange.module.js +0 -31
- package/esm2015/lib/components/kit-datetimepicker/kit-datetimepicker.component.js +0 -115
- package/esm2015/lib/components/kit-datetimepicker/kit-datetimepicker.module.js +0 -28
- package/esm2015/lib/components/kit-dropdown/kit-dropdown.component.js +0 -103
- package/esm2015/lib/components/kit-dropdown/kit-dropdown.module.js +0 -28
- package/esm2015/lib/components/kit-input-message/kit-input-message.component.js +0 -34
- package/esm2015/lib/components/kit-input-message/kit-input-message.module.js +0 -21
- package/esm2015/lib/components/kit-loader/kit-loader.component.js +0 -19
- package/esm2015/lib/components/kit-loader/kit-loader.module.js +0 -19
- package/esm2015/lib/components/kit-location-stepper/kit-location-stepper.component.js +0 -27
- package/esm2015/lib/components/kit-location-stepper/kit-location-stepper.module.js +0 -23
- package/esm2015/lib/components/kit-notification/kit-notification.component.js +0 -28
- package/esm2015/lib/components/kit-notification/kit-notification.module.js +0 -21
- package/esm2015/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.js +0 -91
- package/esm2015/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.js +0 -26
- package/esm2015/lib/components/kit-pill/kit-pill.component.js +0 -35
- package/esm2015/lib/components/kit-pill/kit-pill.module.js +0 -21
- package/esm2015/lib/components/kit-svg-icon/kit-svg-icon.component.js +0 -26
- package/esm2015/lib/components/kit-svg-icon/kit-svg-icon.module.js +0 -15
- package/esm2015/lib/components/kit-svg-sprite/kit-svg-sprite.component.js +0 -15
- package/esm2015/lib/components/kit-svg-sprite/kit-svg-sprite.module.js +0 -15
- package/esm2015/lib/components/kit-switch/kit-switch.component.js +0 -92
- package/esm2015/lib/components/kit-switch/kit-switch.module.js +0 -26
- package/esm2015/lib/components/kit-text-label/kit-text-label.component.js +0 -50
- package/esm2015/lib/components/kit-text-label/kit-text-label.module.js +0 -23
- package/esm2015/lib/components/kit-textarea/kit-textarea-autoresize.directive.js +0 -31
- package/esm2015/lib/components/kit-textarea/kit-textarea.component.js +0 -120
- package/esm2015/lib/components/kit-textarea/kit-textarea.module.js +0 -26
- package/esm2015/lib/components/kit-textbox/kit-textbox.component.js +0 -91
- package/esm2015/lib/components/kit-textbox/kit-textbox.module.js +0 -25
- package/esm2015/lib/components/kit-toastr/kit-toastr.module.js +0 -12
- package/esm2015/lib/components/kit-toastr/kit-toastr.service.js +0 -65
- package/esm2015/lib/components/kit-toggle/kit-toggle.component.js +0 -77
- package/esm2015/lib/components/kit-toggle/kit-toggle.module.js +0 -25
- package/esm2015/lib/components/kit-units-textbox/kit-units-textbox.component.js +0 -143
- package/esm2015/lib/components/kit-units-textbox/kit-units-textbox.module.js +0 -32
- package/esm2015/lib/directives/kit-tooltip/kit-tooltip.directive.js +0 -42
- package/esm2015/lib/directives/kit-tooltip/kit-tooltip.module.js +0 -17
- package/fesm2015/indigina-ui-kit.js +0 -2196
- package/fesm2015/indigina-ui-kit.js.map +0 -1
- package/indigina-ui-kit.metadata.json +0 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { KitTooltipPosition } from '../../directives/kit-tooltip/kit-tooltip.directive';
|
|
3
|
+
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "../kit-svg-icon/kit-svg-icon.component";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "../../directives/kit-tooltip/kit-tooltip.directive";
|
|
8
|
+
export class KitLocationStepperComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* An items list to be shown as steps
|
|
12
|
+
*/
|
|
13
|
+
this.items = [];
|
|
14
|
+
this.toolTipPosition = KitTooltipPosition.RIGHT;
|
|
15
|
+
this.KitSvgIcon = KitSvgIcon;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitLocationStepperComponent, selector: "kit-location-stepper", inputs: { items: "items", toolTipPosition: "toolTipPosition" }, ngImport: i0, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-item\" kitTooltip\n kitTooltipFilter=\"div.description-item\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\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-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{margin-left:10px;flex:1 0}.kit-location-stepper .description-item{display:inline-block}.kit-location-stepper .location-icon{width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'kit-location-stepper', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-item\" kitTooltip\n kitTooltipFilter=\"div.description-item\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\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-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{margin-left:10px;flex:1 0}.kit-location-stepper .description-item{display:inline-block}.kit-location-stepper .location-icon{width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"] }]
|
|
23
|
+
}], propDecorators: { items: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], toolTipPosition: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}] } });
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWxvY2F0aW9uLXN0ZXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtbG9jYXRpb24tc3RlcHBlci9raXQtbG9jYXRpb24tc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1sb2NhdGlvbi1zdGVwcGVyL2tpdC1sb2NhdGlvbi1zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7QUF3QmhFLE1BQU0sT0FBTywyQkFBMkI7SUFQeEM7UUFRRTs7V0FFRztRQUNNLFVBQUssR0FBNkIsRUFBRSxDQUFDO1FBQ3JDLG9CQUFlLEdBQXVCLGtCQUFrQixDQUFDLEtBQUssQ0FBQztRQUUvRCxlQUFVLEdBQXNCLFVBQVUsQ0FBQztLQUNyRDs7d0hBUlksMkJBQTJCOzRHQUEzQiwyQkFBMkIsNEhDMUJ4QywwakZBZ0VBOzJGRHRDYSwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0Usc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBTTVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRUb29sdGlwUG9zaXRpb24gfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2tpdC10b29sdGlwL2tpdC10b29sdGlwLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0TG9jYXRpb25TdGVwcGVySXRlbURhdGUge1xuICB2YWx1ZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRMb2NhdGlvblN0ZXBwZXJJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaWNvbjogS2l0U3ZnSWNvbjtcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRhdGVzPzogS2l0TG9jYXRpb25TdGVwcGVySXRlbURhdGVbXTtcbiAgY3NzQ2xhc3M/OiBzdHJpbmc7XG4gIHN1Ykl0ZW1zPzogS2l0TG9jYXRpb25TdGVwcGVySXRlbVtdO1xuICB0b29sVGlwVGV4dD86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWxvY2F0aW9uLXN0ZXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWxvY2F0aW9uLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtbG9jYXRpb24tc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0TG9jYXRpb25TdGVwcGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFuIGl0ZW1zIGxpc3QgdG8gYmUgc2hvd24gYXMgc3RlcHNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXRMb2NhdGlvblN0ZXBwZXJJdGVtW10gPSBbXTtcbiAgQElucHV0KCkgdG9vbFRpcFBvc2l0aW9uOiBLaXRUb29sdGlwUG9zaXRpb24gPSBLaXRUb29sdGlwUG9zaXRpb24uUklHSFQ7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xufVxuIiwiPG5nLXRlbXBsYXRlICNpY29uIGxldC1pdGVtPVwiaXRlbVwiPlxuICA8a2l0LXN2Zy1pY29uIFtpY29uXT1cIml0ZW0uaWNvblwiIGNsYXNzPVwiZGlzcGxheS1ibG9jayBsb2NhdGlvbi1pY29uXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwiaXRlbS50aXRsZVwiXG4gID48L2tpdC1zdmctaWNvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGVzY3JpcHRpb24gbGV0LWl0ZW09XCJpdGVtXCI+XG4gIDxuZy10ZW1wbGF0ZSAjdG9vbFRpcD5cbiAgICA8c3BhbiBjbGFzcz1cImxvY2F0aW9uLXRvb2x0aXBcIj57eyBpdGVtLnRvb2xUaXBUZXh0IH19PC9zcGFuPlxuICA8L25nLXRlbXBsYXRlPlxuICA8ZGl2ICpuZ0lmPVwiaXRlbS50b29sVGlwVGV4dFwiIGNsYXNzPVwiZGVzY3JpcHRpb24taXRlbVwiIGtpdFRvb2x0aXBcbiAgICAgICBraXRUb29sdGlwRmlsdGVyPVwiZGl2LmRlc2NyaXB0aW9uLWl0ZW1cIlxuICAgICAgIHRvb2x0aXBDbGFzcz1cImxvY2F0aW9uLXRvb2x0aXAtd3JhcHBlclwiXG4gICAgICAgW2tpdFRvb2x0aXBUZW1wbGF0ZVJlZl09XCJ0b29sVGlwXCJcbiAgICAgICBba2l0VG9vbHRpcFBvc2l0aW9uXT1cInRvb2xUaXBQb3NpdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7IGl0ZW0udGl0bGUgfX08L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5kZXNjcmlwdGlvblwiIGNsYXNzPVwiY2FwdGlvblwiPnt7IGl0ZW0uZGVzY3JpcHRpb24gfX08L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiAqbmdJZj1cIiFpdGVtLnRvb2xUaXBUZXh0XCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJpdGVtLmRlc2NyaXB0aW9uXCIgY2xhc3M9XCJjYXB0aW9uXCI+e3sgaXRlbS5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0ZXMgbGV0LWRhdGVzPVwiZGF0ZXNcIj5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgZGF0ZSBvZiBkYXRlc1wiIGNsYXNzPVwiZGF0ZSBkaXNwbGF5LWZsZXhcIj5cbiAgICA8c3BhbiBjbGFzcz1cImRhdGUtZGVzY3JpcHRpb25cIj57eyBkYXRlLmRlc2NyaXB0aW9uIH19PC9zcGFuPlxuICAgIDxzcGFuPnt7IGRhdGUudmFsdWUgfX08L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGRpdiBjbGFzcz1cImtpdC1sb2NhdGlvbi1zdGVwcGVyXCI+XG4gIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBmaXJzdCA9IGZpcnN0OyBsZXQgbGFzdCA9IGxhc3RcIiBjbGFzcz1cInN0ZXAge3sgaXRlbS5jc3NDbGFzcyB9fVwiXG4gICAgICAgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCJcbiAgICAgICBbY2xhc3MubGFzdF09XCJsYXN0XCJcbiAgICAgICBbY2xhc3MuaGFzLXN1Yi1pdGVtc109XCIhIWl0ZW0uc3ViSXRlbXNcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1pbm5lciBkaXNwbGF5LWZsZXhcIj5cbiAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLmRhdGVzPy5sZW5ndGhcIiBjbGFzcz1cImRhdGVzXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkYXRlczsgY29udGV4dDogeyBkYXRlczogaXRlbS5kYXRlcyB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb247IGNvbnRleHQ6IHsgaXRlbTogaXRlbSB9XCI+PC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGVzY3JpcHRpb247IGNvbnRleHQ6IHsgaXRlbTogaXRlbSB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5zdWJJdGVtcz8ubGVuZ3RoXCIgY2xhc3M9XCJzdWItaXRlbXNcIj5cbiAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHN1Ykl0ZW0gb2YgaXRlbS5zdWJJdGVtc1wiIGNsYXNzPVwic3ViLWl0ZW0gZGlzcGxheS1mbGV4IHt7IHN1Ykl0ZW0uY3NzQ2xhc3MgfX1cIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInN1Ykl0ZW0uZGF0ZXM/Lmxlbmd0aFwiIGNsYXNzPVwiZGF0ZXNcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGF0ZXM7IGNvbnRleHQ6IHsgZGF0ZXM6IHN1Ykl0ZW0uZGF0ZXMgfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbjsgY29udGV4dDogeyBpdGVtOiBzdWJJdGVtIH1cIj48L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGVzY3JpcHRpb247IGNvbnRleHQ6IHsgaXRlbTogc3ViSXRlbSB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtbGluZVwiPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { KitLocationStepperComponent } from './kit-location-stepper.component';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
5
|
+
import { KitTooltipModule } from '../../directives/kit-tooltip/kit-tooltip.module';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class KitLocationStepperModule {
|
|
8
|
+
}
|
|
9
|
+
KitLocationStepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
KitLocationStepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperModule, declarations: [KitLocationStepperComponent], imports: [CommonModule,
|
|
11
|
+
KitSvgIconModule,
|
|
12
|
+
KitTooltipModule], exports: [KitLocationStepperComponent] });
|
|
13
|
+
KitLocationStepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperModule, imports: [[
|
|
14
|
+
CommonModule,
|
|
15
|
+
KitSvgIconModule,
|
|
16
|
+
KitTooltipModule,
|
|
17
|
+
]] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperModule, decorators: [{
|
|
19
|
+
type: NgModule,
|
|
20
|
+
args: [{
|
|
21
|
+
imports: [
|
|
22
|
+
CommonModule,
|
|
23
|
+
KitSvgIconModule,
|
|
24
|
+
KitTooltipModule,
|
|
25
|
+
],
|
|
26
|
+
declarations: [
|
|
27
|
+
KitLocationStepperComponent,
|
|
28
|
+
],
|
|
29
|
+
exports: [
|
|
30
|
+
KitLocationStepperComponent,
|
|
31
|
+
],
|
|
32
|
+
}]
|
|
33
|
+
}] });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWxvY2F0aW9uLXN0ZXBwZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtbG9jYXRpb24tc3RlcHBlci9raXQtbG9jYXRpb24tc3RlcHBlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saURBQWlELENBQUM7O0FBZW5GLE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7c0hBQXhCLHdCQUF3QixpQkFOakMsMkJBQTJCLGFBTDNCLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsZ0JBQWdCLGFBTWhCLDJCQUEyQjtzSEFHbEIsd0JBQXdCLFlBWjFCO1lBQ1AsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixnQkFBZ0I7U0FDakI7MkZBUVUsd0JBQXdCO2tCQWJwQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osMkJBQTJCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMkJBQTJCO3FCQUM1QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRMb2NhdGlvblN0ZXBwZXJDb21wb25lbnQgfSBmcm9tICcuL2tpdC1sb2NhdGlvbi1zdGVwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEtpdFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2tpdC10b29sdGlwL2tpdC10b29sdGlwLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgS2l0U3ZnSWNvbk1vZHVsZSxcbiAgICBLaXRUb29sdGlwTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXRMb2NhdGlvblN0ZXBwZXJDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRMb2NhdGlvblN0ZXBwZXJDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdExvY2F0aW9uU3RlcHBlck1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../kit-svg-icon/kit-svg-icon.component";
|
|
4
|
+
export var KitNotificationType;
|
|
5
|
+
(function (KitNotificationType) {
|
|
6
|
+
KitNotificationType["INFO"] = "info";
|
|
7
|
+
KitNotificationType["WARNING"] = "warning";
|
|
8
|
+
KitNotificationType["ERROR"] = "error";
|
|
9
|
+
KitNotificationType["SUCCESS"] = "success";
|
|
10
|
+
})(KitNotificationType || (KitNotificationType = {}));
|
|
11
|
+
export class KitNotificationComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
/**
|
|
14
|
+
* Defines a value that is going to be applied as a notification type
|
|
15
|
+
*/
|
|
16
|
+
this.type = KitNotificationType.INFO;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
KitNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
KitNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNotificationComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
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
|
+
}], propDecorators: { type: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}] } });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1ub3RpZmljYXRpb24va2l0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1ub3RpZmljYXRpb24va2l0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRTFFLE1BQU0sQ0FBTixJQUFZLG1CQUtYO0FBTEQsV0FBWSxtQkFBbUI7SUFDN0Isb0NBQWEsQ0FBQTtJQUNiLDBDQUFtQixDQUFBO0lBQ25CLHNDQUFlLENBQUE7SUFDZiwwQ0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBTFcsbUJBQW1CLEtBQW5CLG1CQUFtQixRQUs5QjtBQVFELE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFPRTs7V0FFRztRQUNNLFNBQUksR0FBd0IsbUJBQW1CLENBQUMsSUFBSSxDQUFDO0tBQy9EOztxSEFMWSx3QkFBd0I7eUdBQXhCLHdCQUF3QixrRkNmckMsb1BBUUE7MkZET2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgZW51bSBLaXROb3RpZmljYXRpb25UeXBlIHtcbiAgSU5GTyA9ICdpbmZvJyxcbiAgV0FSTklORyA9ICd3YXJuaW5nJyxcbiAgRVJST1IgPSAnZXJyb3InLFxuICBTVUNDRVNTID0gJ3N1Y2Nlc3MnXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1ub3RpZmljYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgbm90aWZpY2F0aW9uIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IEtpdE5vdGlmaWNhdGlvblR5cGUgPSBLaXROb3RpZmljYXRpb25UeXBlLklORk87XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LW5vdGlmaWNhdGlvbiBub3RpZmljYXRpb24te3sgdHlwZSB9fVwiPlxuICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibm90aWZpY2F0aW9uLWljb25cIlxuICAgICAgICAgICAgICAgIFtpY29uXT1cInR5cGVcIlxuICA+PC9raXQtc3ZnLWljb24+XG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb24tdGV4dFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { KitNotificationComponent } from './kit-notification.component';
|
|
4
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class KitNotificationModule {
|
|
7
|
+
}
|
|
8
|
+
KitNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
KitNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNotificationModule, declarations: [KitNotificationComponent], imports: [CommonModule,
|
|
10
|
+
KitSvgIconModule], exports: [KitNotificationComponent] });
|
|
11
|
+
KitNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNotificationModule, imports: [[
|
|
12
|
+
CommonModule,
|
|
13
|
+
KitSvgIconModule,
|
|
14
|
+
]] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNotificationModule, decorators: [{
|
|
16
|
+
type: NgModule,
|
|
17
|
+
args: [{
|
|
18
|
+
declarations: [
|
|
19
|
+
KitNotificationComponent,
|
|
20
|
+
],
|
|
21
|
+
imports: [
|
|
22
|
+
CommonModule,
|
|
23
|
+
KitSvgIconModule,
|
|
24
|
+
],
|
|
25
|
+
exports: [
|
|
26
|
+
KitNotificationComponent,
|
|
27
|
+
],
|
|
28
|
+
}]
|
|
29
|
+
}] });
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5vdGlmaWNhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1ub3RpZmljYXRpb24va2l0LW5vdGlmaWNhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBY3ZFLE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFWOUIsd0JBQXdCLGFBR3hCLFlBQVk7UUFDWixnQkFBZ0IsYUFHaEIsd0JBQXdCO21IQUdmLHFCQUFxQixZQVJ2QjtZQUNQLFlBQVk7WUFDWixnQkFBZ0I7U0FDakI7MkZBS1UscUJBQXFCO2tCQVpqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3QjtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdE5vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4va2l0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0Tm90aWZpY2F0aW9uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXROb3RpZmljYXRpb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5vdGlmaWNhdGlvbk1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@progress/kendo-angular-label";
|
|
6
|
+
import * as i2 from "@progress/kendo-angular-inputs";
|
|
7
|
+
import * as i3 from "../kit-input-message/kit-input-message.component";
|
|
8
|
+
import * as i4 from "@angular/common";
|
|
9
|
+
export class KitNumericTextboxComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
/**
|
|
12
|
+
* Defines a value which going to be an info message type
|
|
13
|
+
*/
|
|
14
|
+
this.messageType = KitInputMessageType.DEFAULT;
|
|
15
|
+
/**
|
|
16
|
+
* Defines a state whether the textbox will be disabled or not
|
|
17
|
+
*/
|
|
18
|
+
this.disabled = false;
|
|
19
|
+
/**
|
|
20
|
+
* An action which is emitted when input field lost focus
|
|
21
|
+
*/
|
|
22
|
+
this.blured = new EventEmitter();
|
|
23
|
+
/**
|
|
24
|
+
* An action which is emitted when input value changed
|
|
25
|
+
*/
|
|
26
|
+
this.changed = new EventEmitter();
|
|
27
|
+
/**
|
|
28
|
+
* Function that should be called every time the form control value changes
|
|
29
|
+
*/
|
|
30
|
+
this.onChange = (value) => {
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Function that should be called when input lost focus and changed form control state to "touched"
|
|
34
|
+
*/
|
|
35
|
+
this.onTouched = () => {
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
writeValue(value) {
|
|
39
|
+
this.onChange(value);
|
|
40
|
+
this.defaultValue = value;
|
|
41
|
+
}
|
|
42
|
+
registerOnChange(fn) {
|
|
43
|
+
this.onChange = fn;
|
|
44
|
+
}
|
|
45
|
+
registerOnTouched(fn) {
|
|
46
|
+
this.onTouched = fn;
|
|
47
|
+
}
|
|
48
|
+
setDisabledState(disabled) {
|
|
49
|
+
this.disabled = disabled;
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Function that is called when input field lost focus
|
|
53
|
+
*/
|
|
54
|
+
onInputBlur() {
|
|
55
|
+
this.onTouched();
|
|
56
|
+
this.blured.emit();
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Function that is called when input value changed
|
|
60
|
+
*/
|
|
61
|
+
onInputChange(value) {
|
|
62
|
+
this.onChange(value);
|
|
63
|
+
this.changed.emit(value);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
KitNumericTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNumericTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
+
KitNumericTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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
|
+
provide: NG_VALUE_ACCESSOR,
|
|
69
|
+
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
70
|
+
multi: true,
|
|
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"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "decimals", "step", "spinners", "rangeValidation", "tabindex", "changeValueOnScroll", "selectOnFocus", "value", "format", "tabIndex", "size", "rounded", "fillMode", "max", "min", "placeholder", "maxlength"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
73
|
+
type: Component,
|
|
74
|
+
args: [{ selector: 'kit-numeric-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
75
|
+
provide: NG_VALUE_ACCESSOR,
|
|
76
|
+
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
77
|
+
multi: true,
|
|
78
|
+
}], 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"] }]
|
|
79
|
+
}], propDecorators: { placeholder: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], label: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], defaultValue: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], decimals: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], min: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], max: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], maxlength: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], messageIcon: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], messageText: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], messageType: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], disabled: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], format: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], blured: [{
|
|
104
|
+
type: Output
|
|
105
|
+
}], changed: [{
|
|
106
|
+
type: Output
|
|
107
|
+
}] } });
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW51bWVyaWMtdGV4dGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1udW1lcmljLXRleHRib3gva2l0LW51bWVyaWMtdGV4dGJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1udW1lcmljLXRleHRib3gva2l0LW51bWVyaWMtdGV4dGJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7OztBQWN2RixNQUFNLE9BQU8sMEJBQTBCO0lBWnZDO1FBMkRFOztXQUVHO1FBQ00sZ0JBQVcsR0FBd0IsbUJBQW1CLENBQUMsT0FBTyxDQUFDO1FBRXhFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQU9uQzs7V0FFRztRQUNPLFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVoRTs7V0FFRztRQUNPLFlBQU8sR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVyRTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEtBQWEsRUFBUSxFQUFFO1FBQ25DLENBQUMsQ0FBQztRQUVGOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEdBQVMsRUFBRTtRQUN2QixDQUFDLENBQUM7S0FrQ0g7SUFoQ0MsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBdUI7UUFDdEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNILFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7O3VIQW5IVSwwQkFBMEI7MkdBQTFCLDBCQUEwQix5WEFOMUIsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztZQUN6RCxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsMEJDZkosaW1DQXdCQTsyRkRQYSwwQkFBMEI7a0JBWnRDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzs0QkFDekQsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQzs4QkFNTyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQU1HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csR0FBRztzQkFBWCxLQUFLO2dCQUtHLEdBQUc7c0JBQVgsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtJLE1BQU07c0JBQWYsTUFBTTtnQkFLRyxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0SW5wdXRNZXNzYWdlVHlwZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1udW1lcmljLXRleHRib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW51bWVyaWMtdGV4dGJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1udW1lcmljLXRleHRib3guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXROdW1lcmljVGV4dGJveENvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBLaXROdW1lcmljVGV4dGJveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYW4gaW5wdXQgcGxhY2Vob2xkZXJcbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGFuIGlucHV0IGxhYmVsXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHRoYXQgaXMgZ29pbmcgdG8gYmUgYXBwbGllZCBhcyBhIGRlZmF1bHQgaW5wdXQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRWYWx1ZT86IG51bWJlcjtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBudW1iZXIgb2YgZGVjaW1hbHMgdGhhdCB0aGUgdXNlciBjYW4gZW50ZXIgd2hlbiB0aGUgaW5wdXQgaXMgZm9jdXNlZFxuICAgKi9cblxuICBASW5wdXQoKSBkZWNpbWFscz86IG51bWJlcjtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzbWFsbGVzdCB2YWx1ZSB0aGF0IGlzIHZhbGlkXG4gICAqL1xuICBASW5wdXQoKSBtaW4/OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgZ3JlYXRlc3QgdmFsdWUgdGhhdCBpcyB2YWxpZFxuICAgKi9cbiAgQElucHV0KCkgbWF4PzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG1heGltdW0gbnVtYmVyIG9mIGNoYXJhY3RlcnMgdGhlIGVuZCB1c2VyIGNhbiB0eXBlXG4gICAqL1xuICBASW5wdXQoKSBtYXhsZW5ndGg/OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUeXBlOiBLaXRJbnB1dE1lc3NhZ2VUeXBlID0gS2l0SW5wdXRNZXNzYWdlVHlwZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgc3RhdGUgd2hldGhlciB0aGUgdGV4dGJveCB3aWxsIGJlIGRpc2FibGVkIG9yIG5vdFxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBudW1iZXIgZm9ybWF0XG4gICAqL1xuICBASW5wdXQoKSBmb3JtYXQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gaW5wdXQgZmllbGQgbG9zdCBmb2N1c1xuICAgKi9cbiAgQE91dHB1dCgpIGJsdXJlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIGlucHV0IHZhbHVlIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gaW5wdXQgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IG51bWJlcikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiBpbnB1dCBmaWVsZCBsb3N0IGZvY3VzXG4gICAqL1xuICBvbklucHV0Qmx1cigpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIHRoaXMuYmx1cmVkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IGlzIGNhbGxlZCB3aGVuIGlucHV0IHZhbHVlIGNoYW5nZWRcbiAgICovXG4gIG9uSW5wdXRDaGFuZ2UodmFsdWU6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KHZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1udW1lcmljLXRleHRib3ggdGV4dGJveC17eyBtZXNzYWdlVHlwZSB9fVwiXG4gICAgIFtjbGFzcy50ZXh0Ym94LWRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIDxrZW5kby1sYWJlbCAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJsYWJlbFwiIFt0ZXh0XT1cImxhYmVsXCIgW2Zvcl09XCJ0ZXh0Ym94XCI+PC9rZW5kby1sYWJlbD5cbiAgPGtlbmRvLW51bWVyaWN0ZXh0Ym94ICN0ZXh0Ym94XG4gICAgICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJkZWZhdWx0VmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RlY2ltYWxzXT1cImRlY2ltYWxzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFttaW5dPVwibWluXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFttYXhdPVwibWF4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFttYXhsZW5ndGhdPVwibWF4bGVuZ3RoXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtYXRdPVwiZm9ybWF0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthdXRvQ29ycmVjdF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzcGlubmVyc109XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0T25Gb2N1c109XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoYmx1cik9XCJvbklucHV0Qmx1cigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvbklucHV0Q2hhbmdlKCRldmVudClcIlxuICA+PC9rZW5kby1udW1lcmljdGV4dGJveD5cbiAgPGtpdC1pbnB1dC1tZXNzYWdlICpuZ0lmPVwibWVzc2FnZVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwibWVzc2FnZVR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwibWVzc2FnZUljb25cIlxuICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICA+PC9raXQtaW5wdXQtbWVzc2FnZT5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { KitNumericTextboxComponent } from './kit-numeric-textbox.component';
|
|
4
|
+
import { NumericTextBoxModule } from '@progress/kendo-angular-inputs';
|
|
5
|
+
import { LabelModule } from '@progress/kendo-angular-label';
|
|
6
|
+
import { KitInputMessageModule } from '../kit-input-message/kit-input-message.module';
|
|
7
|
+
import '@progress/kendo-angular-intl/locales/en-GB/all';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class KitNumericTextboxModule {
|
|
10
|
+
}
|
|
11
|
+
KitNumericTextboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNumericTextboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
KitNumericTextboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNumericTextboxModule, declarations: [KitNumericTextboxComponent], imports: [CommonModule,
|
|
13
|
+
NumericTextBoxModule,
|
|
14
|
+
LabelModule,
|
|
15
|
+
KitInputMessageModule], exports: [KitNumericTextboxComponent] });
|
|
16
|
+
KitNumericTextboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNumericTextboxModule, imports: [[
|
|
17
|
+
CommonModule,
|
|
18
|
+
NumericTextBoxModule,
|
|
19
|
+
LabelModule,
|
|
20
|
+
KitInputMessageModule,
|
|
21
|
+
]] });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNumericTextboxModule, decorators: [{
|
|
23
|
+
type: NgModule,
|
|
24
|
+
args: [{
|
|
25
|
+
declarations: [
|
|
26
|
+
KitNumericTextboxComponent,
|
|
27
|
+
],
|
|
28
|
+
imports: [
|
|
29
|
+
CommonModule,
|
|
30
|
+
NumericTextBoxModule,
|
|
31
|
+
LabelModule,
|
|
32
|
+
KitInputMessageModule,
|
|
33
|
+
],
|
|
34
|
+
exports: [
|
|
35
|
+
KitNumericTextboxComponent,
|
|
36
|
+
],
|
|
37
|
+
}]
|
|
38
|
+
}] });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW51bWVyaWMtdGV4dGJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1udW1lcmljLXRleHRib3gva2l0LW51bWVyaWMtdGV4dGJveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3RGLE9BQU8sZ0RBQWdELENBQUM7O0FBZ0J4RCxNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsaUJBWmhDLDBCQUEwQixhQUcxQixZQUFZO1FBQ1osb0JBQW9CO1FBQ3BCLFdBQVc7UUFDWCxxQkFBcUIsYUFHckIsMEJBQTBCO3FIQUdqQix1QkFBdUIsWUFWekI7WUFDUCxZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFdBQVc7WUFDWCxxQkFBcUI7U0FDdEI7MkZBS1UsdUJBQXVCO2tCQWRuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWiwwQkFBMEI7cUJBQzNCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsV0FBVzt3QkFDWCxxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCwwQkFBMEI7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBLaXROdW1lcmljVGV4dGJveENvbXBvbmVudCB9IGZyb20gJy4va2l0LW51bWVyaWMtdGV4dGJveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTnVtZXJpY1RleHRCb3hNb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1pbnB1dHMnO1xuaW1wb3J0IHsgTGFiZWxNb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1sYWJlbCc7XG5pbXBvcnQgeyBLaXRJbnB1dE1lc3NhZ2VNb2R1bGUgfSBmcm9tICcuLi9raXQtaW5wdXQtbWVzc2FnZS9raXQtaW5wdXQtbWVzc2FnZS5tb2R1bGUnO1xuaW1wb3J0ICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1pbnRsL2xvY2FsZXMvZW4tR0IvYWxsJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0TnVtZXJpY1RleHRib3hDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTnVtZXJpY1RleHRCb3hNb2R1bGUsXG4gICAgTGFiZWxNb2R1bGUsXG4gICAgS2l0SW5wdXRNZXNzYWdlTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgS2l0TnVtZXJpY1RleHRib3hDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdE51bWVyaWNUZXh0Ym94TW9kdWxlIHtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
|
|
2
|
+
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../kit-svg-icon/kit-svg-icon.component";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
export class KitPillComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.removable = false;
|
|
9
|
+
this.selectable = false;
|
|
10
|
+
this.selected = false;
|
|
11
|
+
this.clicked = new EventEmitter();
|
|
12
|
+
this.removed = new EventEmitter();
|
|
13
|
+
this.closeIcon = KitSvgIcon.CROSS;
|
|
14
|
+
}
|
|
15
|
+
onComponentClick() {
|
|
16
|
+
if (!this.selectable) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
this.clicked.emit(!this.selected);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
KitPillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
KitPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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"], components: [{ type: i1.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
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
|
+
}], propDecorators: { removable: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], selectable: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], selected: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], clicked: [{
|
|
34
|
+
type: Output
|
|
35
|
+
}], removed: [{
|
|
36
|
+
type: Output
|
|
37
|
+
}], onComponentClick: [{
|
|
38
|
+
type: HostListener,
|
|
39
|
+
args: ['click']
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXBpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtcGlsbC9raXQtcGlsbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1waWxsL2tpdC1waWxsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7OztBQVFoRSxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBT1csY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFekIsWUFBTyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzdELFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQVV4RCxjQUFTLEdBQWUsVUFBVSxDQUFDLEtBQUssQ0FBQztLQUNuRDtJQVJDLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OzZHQWRVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLGlQQ1Q3QiwrZkFhQTsyRkRKYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBR1AsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1waWxsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1waWxsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LXBpbGwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdFBpbGxDb21wb25lbnQge1xuICBASW5wdXQoKSByZW1vdmFibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VsZWN0YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBjbGlja2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBPdXRwdXQoKSByZW1vdmVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBvbkNvbXBvbmVudENsaWNrKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5zZWxlY3RhYmxlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCF0aGlzLnNlbGVjdGVkKTtcbiAgfVxuXG4gIHJlYWRvbmx5IGNsb3NlSWNvbjogS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb24uQ1JPU1M7XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LXBpbGwgZGlzcGxheS1mbGV4IGZsZXgtYWxpZ24taXRlbXMtY2VudGVyXCJcbiAgICAgW2NsYXNzLmtpdC1waWxsLXNlbGVjdGFibGVdPVwic2VsZWN0YWJsZVwiXG4gICAgIFtjbGFzcy5raXQtcGlsbC1zZWxlY3RlZF09XCJzZWxlY3RlZFwiPlxuICA8ZGl2IGNsYXNzPVwia2l0LXBpbGwtY29udGVudCBkaXNwbGF5LWZsZXggZmxleC1hbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICA8bmctY29udGVudFxuICAgID48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8YnV0dG9uICpuZ0lmPVwicmVtb3ZhYmxlXCIgY2xhc3M9XCJraXQtcGlsbC1idXR0b25cIiAoY2xpY2spPVwicmVtb3ZlZC5uZXh0KClcIj5cbiAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwiZGlzcGxheS1ibG9jayBraXQtcGlsbC1idXR0b24taWNvblwiXG4gICAgICAgICAgICAgICAgICBbaWNvbl09XCJjbG9zZUljb25cIlxuICAgID48L2tpdC1zdmctaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { KitPillComponent } from './kit-pill.component';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class KitPillModule {
|
|
7
|
+
}
|
|
8
|
+
KitPillModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
KitPillModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillModule, declarations: [KitPillComponent], imports: [KitSvgIconModule,
|
|
10
|
+
CommonModule], exports: [KitPillComponent] });
|
|
11
|
+
KitPillModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillModule, imports: [[
|
|
12
|
+
KitSvgIconModule,
|
|
13
|
+
CommonModule,
|
|
14
|
+
]] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillModule, decorators: [{
|
|
16
|
+
type: NgModule,
|
|
17
|
+
args: [{
|
|
18
|
+
declarations: [
|
|
19
|
+
KitPillComponent,
|
|
20
|
+
],
|
|
21
|
+
exports: [
|
|
22
|
+
KitPillComponent,
|
|
23
|
+
],
|
|
24
|
+
imports: [
|
|
25
|
+
KitSvgIconModule,
|
|
26
|
+
CommonModule,
|
|
27
|
+
],
|
|
28
|
+
}]
|
|
29
|
+
}] });
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXBpbGwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtcGlsbC9raXQtcGlsbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBY3ZFLE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBVnRCLGdCQUFnQixhQU1oQixnQkFBZ0I7UUFDaEIsWUFBWSxhQUpaLGdCQUFnQjsyR0FPUCxhQUFhLFlBTGY7WUFDUCxnQkFBZ0I7WUFDaEIsWUFBWTtTQUNiOzJGQUVVLGFBQWE7a0JBWnpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsWUFBWTtxQkFDYjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRQaWxsQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtcGlsbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEtpdFBpbGxDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRQaWxsQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgS2l0U3ZnSWNvbk1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFBpbGxNb2R1bGUge1xufVxuIl19
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class KitSvgIconComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* Defines an icon which to be shown
|
|
7
|
+
*/
|
|
8
|
+
this.icon = null;
|
|
9
|
+
/**
|
|
10
|
+
* Defines a CSS class that will be applied to an icon
|
|
11
|
+
*/
|
|
12
|
+
this.iconClass = null;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
KitSvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitSvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
KitSvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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: "13.2.6", ngImport: i0, type: KitSvgIconComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
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
|
+
}], propDecorators: { icon: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], iconClass: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTFFLE1BQU0sT0FBTyxtQkFBbUI7SUFOaEM7UUFPRTs7V0FFRztRQUNNLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBRXBDOztXQUVHO1FBQ00sY0FBUyxHQUFrQixJQUFJLENBQUM7S0FDMUM7O2dIQVZZLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHNHQ1JoQyxnS0FLQTsyRkRHYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1zdmctaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtc3ZnLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtc3ZnLWljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdFN2Z0ljb25Db21wb25lbnQge1xuICAvKipcbiAgICogRGVmaW5lcyBhbiBpY29uIHdoaWNoIHRvIGJlIHNob3duXG4gICAqL1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIENTUyBjbGFzcyB0aGF0IHdpbGwgYmUgYXBwbGllZCB0byBhbiBpY29uXG4gICAqL1xuICBASW5wdXQoKSBpY29uQ2xhc3M6IHN0cmluZyB8IG51bGwgPSBudWxsO1xufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1zdmctaWNvblwiPlxuICA8c3ZnIGF0dHIuY2xhc3M9XCJ7eyBpY29uQ2xhc3MgfX0ge3sgaWNvbiB9fS1pY29uIGljb25cIj5cbiAgICA8dXNlIGF0dHIueGxpbms6aHJlZj1cIiN7eyBpY29uIH19XCI+PC91c2U+XG4gIDwvc3ZnPlxuPC9kaXY+XG4iXX0=
|
|
File without changes
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { KitSvgIconComponent } from '../kit-svg-icon/kit-svg-icon.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class KitSvgIconModule {
|
|
5
|
+
}
|
|
6
|
+
KitSvgIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitSvgIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
KitSvgIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitSvgIconModule, declarations: [KitSvgIconComponent], exports: [KitSvgIconComponent] });
|
|
8
|
+
KitSvgIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitSvgIconModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitSvgIconModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [
|
|
13
|
+
KitSvgIconComponent,
|
|
14
|
+
],
|
|
15
|
+
exports: [
|
|
16
|
+
KitSvgIconComponent,
|
|
17
|
+
],
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFVN0UsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQU56QixtQkFBbUIsYUFHbkIsbUJBQW1COzhHQUdWLGdCQUFnQjsyRkFBaEIsZ0JBQWdCO2tCQVI1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEtpdFN2Z0ljb25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRTdmdJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRTdmdJY29uTW9kdWxlIHtcbn1cbiJdfQ==
|