@indigina/ui-kit 1.1.541 → 1.1.542
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.
|
@@ -1340,6 +1340,7 @@ class KitNumericTextboxComponent {
|
|
|
1340
1340
|
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
1341
1341
|
this.size = input(KitNumericTextboxSize.REGULAR, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
1342
1342
|
this.showStateIcon = input(true, ...(ngDevMode ? [{ debugName: "showStateIcon" }] : /* istanbul ignore next */ []));
|
|
1343
|
+
this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
1343
1344
|
/**
|
|
1344
1345
|
* An action which is emitted when input field lost focus
|
|
1345
1346
|
*/
|
|
@@ -1398,11 +1399,11 @@ class KitNumericTextboxComponent {
|
|
|
1398
1399
|
this.numericTextboxComponent().focus();
|
|
1399
1400
|
}
|
|
1400
1401
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitNumericTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1401
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitNumericTextboxComponent, isStandalone: true, selector: "kit-numeric-textbox", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showStateIcon: { classPropertyName: "showStateIcon", publicName: "showStateIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { defaultValue: "defaultValueChange", disabled: "disabledChange", blured: "blured", changed: "changed" }, providers: [{
|
|
1402
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitNumericTextboxComponent, isStandalone: true, selector: "kit-numeric-textbox", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showStateIcon: { classPropertyName: "showStateIcon", publicName: "showStateIcon", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { defaultValue: "defaultValueChange", disabled: "disabledChange", blured: "blured", changed: "changed" }, providers: [{
|
|
1402
1403
|
provide: NG_VALUE_ACCESSOR,
|
|
1403
1404
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
1404
1405
|
multi: true,
|
|
1405
|
-
}], viewQueries: [{ propertyName: "numericTextboxComponent", first: true, predicate: NumericTextBoxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\">\n @if (label()) {\n <kit-form-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textbox\"\n ></kit-form-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\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 @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-numeric-textbox.regular .kit-numeric-textbox-input{padding:0 12px;border-radius:8px}.kit-numeric-textbox.regular .k-input{height:38px}.kit-numeric-textbox.small .kit-numeric-textbox-input{padding:0 8px;border-radius:4px}.kit-numeric-textbox.small .k-input{height:30px}.kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-numeric-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-numeric-textbox .k-input:focus-within{box-shadow:none}.kit-numeric-textbox .k-input .k-input-inner{padding:0}.kit-numeric-textbox .k-input-inner{width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.error .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.success .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-numeric-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled .kit-numeric-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "ngmodule", type: NumericTextBoxModule }, { kind: "component", type: i1$4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1406
|
+
}], viewQueries: [{ propertyName: "numericTextboxComponent", first: true, predicate: NumericTextBoxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-form-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textbox\"\n ></kit-form-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\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 [readonly]=\"readonly()\"\n [format]=\"format()\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-numeric-textbox.regular .kit-numeric-textbox-input{padding:0 12px;border-radius:8px}.kit-numeric-textbox.regular .k-input{height:38px}.kit-numeric-textbox.small .kit-numeric-textbox-input{padding:0 8px;border-radius:4px}.kit-numeric-textbox.small .k-input{height:30px}.kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-numeric-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-numeric-textbox .k-input:focus-within{box-shadow:none}.kit-numeric-textbox .k-input .k-input-inner{padding:0}.kit-numeric-textbox .k-input-inner{width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.error .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.success .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-numeric-textbox.disabled .k-input,.kit-numeric-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .kit-numeric-textbox-input,.kit-numeric-textbox.readonly .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .k-input-inner::placeholder,.kit-numeric-textbox.readonly .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled .kit-numeric-textbox-icon,.kit-numeric-textbox.readonly .kit-numeric-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled:hover .kit-numeric-textbox-input,.kit-numeric-textbox.readonly:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-numeric-textbox.readonly{background:none}.kit-numeric-textbox.readonly .k-input-inner{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: NumericTextBoxModule }, { kind: "component", type: i1$4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1406
1407
|
}
|
|
1407
1408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
1408
1409
|
type: Component,
|
|
@@ -1416,8 +1417,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
1416
1417
|
KitSvgIconComponent,
|
|
1417
1418
|
KitFormLabelComponent,
|
|
1418
1419
|
NgClass,
|
|
1419
|
-
], template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\">\n @if (label()) {\n <kit-form-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textbox\"\n ></kit-form-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\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 @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-numeric-textbox.regular .kit-numeric-textbox-input{padding:0 12px;border-radius:8px}.kit-numeric-textbox.regular .k-input{height:38px}.kit-numeric-textbox.small .kit-numeric-textbox-input{padding:0 8px;border-radius:4px}.kit-numeric-textbox.small .k-input{height:30px}.kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-numeric-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-numeric-textbox .k-input:focus-within{box-shadow:none}.kit-numeric-textbox .k-input .k-input-inner{padding:0}.kit-numeric-textbox .k-input-inner{width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.error .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.success .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-numeric-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled .kit-numeric-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"] }]
|
|
1420
|
-
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showStateIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStateIcon", required: false }] }], blured: [{ type: i0.Output, args: ["blured"] }], changed: [{ type: i0.Output, args: ["changed"] }], numericTextboxComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NumericTextBoxComponent), { isSignal: true }] }] } });
|
|
1420
|
+
], template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-form-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textbox\"\n ></kit-form-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\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 [readonly]=\"readonly()\"\n [format]=\"format()\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-numeric-textbox.regular .kit-numeric-textbox-input{padding:0 12px;border-radius:8px}.kit-numeric-textbox.regular .k-input{height:38px}.kit-numeric-textbox.small .kit-numeric-textbox-input{padding:0 8px;border-radius:4px}.kit-numeric-textbox.small .k-input{height:30px}.kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-numeric-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-numeric-textbox .k-input:focus-within{box-shadow:none}.kit-numeric-textbox .k-input .k-input-inner{padding:0}.kit-numeric-textbox .k-input-inner{width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.error .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.success .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-numeric-textbox.disabled .k-input,.kit-numeric-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .kit-numeric-textbox-input,.kit-numeric-textbox.readonly .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .k-input-inner::placeholder,.kit-numeric-textbox.readonly .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled .kit-numeric-textbox-icon,.kit-numeric-textbox.readonly .kit-numeric-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled:hover .kit-numeric-textbox-input,.kit-numeric-textbox.readonly:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-numeric-textbox.readonly{background:none}.kit-numeric-textbox.readonly .k-input-inner{cursor:default}\n"] }]
|
|
1421
|
+
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showStateIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStateIcon", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], blured: [{ type: i0.Output, args: ["blured"] }], changed: [{ type: i0.Output, args: ["changed"] }], numericTextboxComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NumericTextBoxComponent), { isSignal: true }] }] } });
|
|
1421
1422
|
|
|
1422
1423
|
class KitFormFieldComponent {
|
|
1423
1424
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -13323,7 +13324,7 @@ class KitFilterInputComponent {
|
|
|
13323
13324
|
this.focusRafId = null;
|
|
13324
13325
|
}
|
|
13325
13326
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFilterInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13326
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitFilterInputComponent, isStandalone: true, selector: "kit-filter-input", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, filterInputType: { classPropertyName: "filterInputType", publicName: "filterInputType", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "textboxComponents", predicate: KitTextboxComponent, descendants: true, isSignal: true }, { propertyName: "numericTextboxComponents", predicate: KitNumericTextboxComponent, descendants: true, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly && !!(filter().removable ?? true)\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (selectedValues()?.filters; as selectedFilters) {\n <kit-truncate-text class=\"kit-filter-input-selected-values\">\n @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\n </kit-truncate-text>\n }\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-input-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled\"\n [closePopupOnCancel]=\"false\"\n [extraInsideSelectors]=\"['.kit-dropdown-popup']\"\n (opened)=\"onPopupOpened()\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n @for (item of filterItems().filters; track $index) {\n <div class=\"filter-item\">\n <kit-dropdown [items]=\"getFilterOperatorDropdownItems()\"\n [size]=\"kitDropdownSize.SMALL\"\n [selectedItem]=\"$any(item.operator)\"\n (selected)=\"onOperatorSelect($event.value, $index)\"\n ></kit-dropdown>\n <div class=\"filter-controls\">\n @switch (filterInputType()) {\n @case (kitFilterType.TEXT) {\n <kit-textbox class=\"filter-item-value\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n (keydown.enter)=\"onEnterKey()\"\n ></kit-textbox>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-numeric-textbox class=\"filter-item-value\"\n format=\"#.###\"\n [size]=\"kitNumericTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [min]=\"0\"\n [max]=\"maxIntegerValue\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n (keydown.enter)=\"onEnterKey()\"\n ></kit-numeric-textbox>\n }\n }\n @if ($index === 0) {\n <kit-dropdown class=\"logic-selector\"\n [selectedItem]=\"filterItems().logic\"\n [items]=\"filterLogicDropdownItems\"\n [size]=\"kitDropdownSize.SMALL\"\n (selected)=\"onLogicChange($event.value)\"\n ></kit-dropdown>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".kit-filter-input-selected-values{max-width:180px}::ng-deep .kit-filter-input-popup .popup-content{display:flex;flex-direction:column;gap:10px;width:296px;box-sizing:border-box}::ng-deep .kit-filter-input-popup .filter-item{display:flex;flex-direction:column;gap:10px}::ng-deep .kit-filter-input-popup .filter-item-value{flex:1}::ng-deep .kit-filter-input-popup .filter-controls{display:flex;gap:10px}::ng-deep .kit-filter-input-popup .logic-selector{flex-shrink:0;width:100px}\n"], dependencies: [{ kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "selected"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: ["placeholder", "label", "defaultValue", "decimals", "min", "max", "maxlength", "messageIcon", "messageText", "disabled", "format", "state", "icon", "size", "showStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "changed"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13327
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitFilterInputComponent, isStandalone: true, selector: "kit-filter-input", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, filterInputType: { classPropertyName: "filterInputType", publicName: "filterInputType", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "textboxComponents", predicate: KitTextboxComponent, descendants: true, isSignal: true }, { propertyName: "numericTextboxComponents", predicate: KitNumericTextboxComponent, descendants: true, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly && !!(filter().removable ?? true)\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (selectedValues()?.filters; as selectedFilters) {\n <kit-truncate-text class=\"kit-filter-input-selected-values\">\n @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\n </kit-truncate-text>\n }\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-input-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled\"\n [closePopupOnCancel]=\"false\"\n [extraInsideSelectors]=\"['.kit-dropdown-popup']\"\n (opened)=\"onPopupOpened()\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n @for (item of filterItems().filters; track $index) {\n <div class=\"filter-item\">\n <kit-dropdown [items]=\"getFilterOperatorDropdownItems()\"\n [size]=\"kitDropdownSize.SMALL\"\n [selectedItem]=\"$any(item.operator)\"\n (selected)=\"onOperatorSelect($event.value, $index)\"\n ></kit-dropdown>\n <div class=\"filter-controls\">\n @switch (filterInputType()) {\n @case (kitFilterType.TEXT) {\n <kit-textbox class=\"filter-item-value\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n (keydown.enter)=\"onEnterKey()\"\n ></kit-textbox>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-numeric-textbox class=\"filter-item-value\"\n format=\"#.###\"\n [size]=\"kitNumericTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [min]=\"0\"\n [max]=\"maxIntegerValue\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n (keydown.enter)=\"onEnterKey()\"\n ></kit-numeric-textbox>\n }\n }\n @if ($index === 0) {\n <kit-dropdown class=\"logic-selector\"\n [selectedItem]=\"filterItems().logic\"\n [items]=\"filterLogicDropdownItems\"\n [size]=\"kitDropdownSize.SMALL\"\n (selected)=\"onLogicChange($event.value)\"\n ></kit-dropdown>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".kit-filter-input-selected-values{max-width:180px}::ng-deep .kit-filter-input-popup .popup-content{display:flex;flex-direction:column;gap:10px;width:296px;box-sizing:border-box}::ng-deep .kit-filter-input-popup .filter-item{display:flex;flex-direction:column;gap:10px}::ng-deep .kit-filter-input-popup .filter-item-value{flex:1}::ng-deep .kit-filter-input-popup .filter-controls{display:flex;gap:10px}::ng-deep .kit-filter-input-popup .logic-selector{flex-shrink:0;width:100px}\n"], dependencies: [{ kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "selected"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: ["placeholder", "label", "defaultValue", "decimals", "min", "max", "maxlength", "messageIcon", "messageText", "disabled", "format", "state", "icon", "size", "showStateIcon", "readonly"], outputs: ["defaultValueChange", "disabledChange", "blured", "changed"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13327
13328
|
}
|
|
13328
13329
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFilterInputComponent, decorators: [{
|
|
13329
13330
|
type: Component,
|