@indigina/ui-kit 1.0.104 → 1.0.105
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.
|
@@ -114,10 +114,10 @@ export class KitUnitsTextboxComponent {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
KitUnitsTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
117
|
-
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-
|
|
117
|
+
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "size", "rounded", "fillMode", "tabIndex", "successIcon", "errorIcon", "clearButtonIcon", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { 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.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
118
118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, decorators: [{
|
|
119
119
|
type: Component,
|
|
120
|
-
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-
|
|
120
|
+
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
121
121
|
}], propDecorators: { placeholder: [{
|
|
122
122
|
type: Input
|
|
123
123
|
}], label: [{
|
|
@@ -1382,10 +1382,10 @@ class KitUnitsTextboxComponent {
|
|
|
1382
1382
|
}
|
|
1383
1383
|
}
|
|
1384
1384
|
KitUnitsTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1385
|
-
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-
|
|
1385
|
+
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "size", "rounded", "fillMode", "tabIndex", "successIcon", "errorIcon", "clearButtonIcon", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { 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: i2$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1386
1386
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, decorators: [{
|
|
1387
1387
|
type: Component,
|
|
1388
|
-
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-
|
|
1388
|
+
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
1389
1389
|
}], propDecorators: { placeholder: [{
|
|
1390
1390
|
type: Input
|
|
1391
1391
|
}], label: [{
|
|
@@ -1382,10 +1382,10 @@ class KitUnitsTextboxComponent {
|
|
|
1382
1382
|
}
|
|
1383
1383
|
}
|
|
1384
1384
|
KitUnitsTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1385
|
-
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-
|
|
1385
|
+
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "size", "rounded", "fillMode", "tabIndex", "successIcon", "errorIcon", "clearButtonIcon", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { 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: i2$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1386
1386
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, decorators: [{
|
|
1387
1387
|
type: Component,
|
|
1388
|
-
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-
|
|
1388
|
+
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\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 [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
1389
1389
|
}], propDecorators: { placeholder: [{
|
|
1390
1390
|
type: Input
|
|
1391
1391
|
}], label: [{
|