@indigina/ui-kit 1.0.86 → 1.0.87
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/bundles/indigina-ui-kit.umd.js +3 -2
- package/bundles/indigina-ui-kit.umd.js.map +1 -1
- package/esm2015/lib/components/kit-textarea/kit-textarea.component.js +1 -1
- package/esm2015/lib/components/kit-textbox/kit-textbox.component.js +3 -2
- package/esm2015/lib/components/kit-units-textbox/kit-units-textbox.component.js +2 -2
- package/fesm2015/indigina-ui-kit.js +3 -2
- package/fesm2015/indigina-ui-kit.js.map +1 -1
- package/indigina-ui-kit.metadata.json +1 -1
- package/lib/components/kit-textbox/kit-textbox.component.d.ts +4 -0
- package/package.json +1 -1
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
KitTextboxComponent.decorators = [
|
|
473
473
|
{ type: core.Component, args: [{
|
|
474
474
|
selector: 'kit-textbox',
|
|
475
|
-
template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-textbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
475
|
+
template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-textbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
476
476
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
477
477
|
encapsulation: core.ViewEncapsulation.None,
|
|
478
478
|
providers: [{
|
|
@@ -491,6 +491,7 @@
|
|
|
491
491
|
messageText: [{ type: core.Input }],
|
|
492
492
|
messageType: [{ type: core.Input }],
|
|
493
493
|
disabled: [{ type: core.Input }],
|
|
494
|
+
maxlength: [{ type: core.Input }],
|
|
494
495
|
blured: [{ type: core.Output }],
|
|
495
496
|
changed: [{ type: core.Output }]
|
|
496
497
|
};
|
|
@@ -1254,7 +1255,7 @@
|
|
|
1254
1255
|
KitUnitsTextboxComponent.decorators = [
|
|
1255
1256
|
{ type: core.Component, args: [{
|
|
1256
1257
|
selector: 'kit-units-textbox',
|
|
1257
|
-
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 (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",
|
|
1258
|
+
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",
|
|
1258
1259
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
1259
1260
|
encapsulation: core.ViewEncapsulation.None,
|
|
1260
1261
|
styles: ["@charset \"UTF-8\";.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{flex-grow:1}.kit-units-textbox .k-textbox .k-input,.kit-units-textbox .k-numerictextbox .k-input{padding:0 8px;height:100%;color:#002a3a;font-size:13px}.kit-units-textbox .k-dropdown{width:auto}.kit-units-textbox .k-dropdown .k-input{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7}.kit-units-textbox .k-dropdown .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-dropdown-wrap{border:none;background:none}.kit-units-textbox .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-units-textbox .k-dropdown-wrap:hover{background:none}.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-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none!important;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right;line-height:1}.kit-units-textbox .kit-dropdown-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-item:hover,.kit-units-textbox .kit-dropdown-popup .k-item.k-state-focused:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-item.k-state-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-item.k-state-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{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdown{grid-column:1}.kit-units-textbox.units-left .k-dropdown .k-input{padding-left:10px;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-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-dropdown-wrap .k-input,.kit-units-textbox.dropdown-disabled .k-dropdown-wrap .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"]
|