@indigina/ui-kit 1.1.147 → 1.1.149
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/fesm2022/indigina-ui-kit.mjs +190 -157
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.d.ts +4 -3
- package/lib/components/kit-numeric-textbox/kit-numeric-textbox.const.d.ts +4 -0
- package/lib/widgets/kit-grid-management/kit-grid-export/kit-grid-export.component.d.ts +3 -2
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-checkbox/kit-filter-checkbox.component.d.ts +2 -2
- package/lib/widgets/kit-grid-management/kit-grid-filters/{kit-filter-text/kit-filter-text.component.d.ts → kit-filter-input/kit-filter-input.component.d.ts} +13 -6
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-input/kit-filter-input.const.d.ts +3 -0
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-grid-filters.model.d.ts +6 -11
- package/package.json +1 -1
- package/public-api.d.ts +1 -2
- package/lib/widgets/kit-grid-management/kit-grid-filters/kit-filter-text/kit-filter-text.const.d.ts +0 -2
|
@@ -859,6 +859,11 @@ var KitNumericTextboxState;
|
|
|
859
859
|
KitNumericTextboxState["ERROR"] = "error";
|
|
860
860
|
KitNumericTextboxState["SUCCESS"] = "success";
|
|
861
861
|
})(KitNumericTextboxState || (KitNumericTextboxState = {}));
|
|
862
|
+
var KitNumericTextboxSize;
|
|
863
|
+
(function (KitNumericTextboxSize) {
|
|
864
|
+
KitNumericTextboxSize["REGULAR"] = "regular";
|
|
865
|
+
KitNumericTextboxSize["SMALL"] = "small";
|
|
866
|
+
})(KitNumericTextboxSize || (KitNumericTextboxSize = {}));
|
|
862
867
|
|
|
863
868
|
class KitNumericTextboxComponent {
|
|
864
869
|
constructor() {
|
|
@@ -870,6 +875,7 @@ class KitNumericTextboxComponent {
|
|
|
870
875
|
* Defines the state of the textbox
|
|
871
876
|
*/
|
|
872
877
|
this.state = KitNumericTextboxState.DEFAULT;
|
|
878
|
+
this.size = input(KitNumericTextboxSize.REGULAR);
|
|
873
879
|
/**
|
|
874
880
|
* An action which is emitted when input field lost focus
|
|
875
881
|
*/
|
|
@@ -923,11 +929,11 @@ class KitNumericTextboxComponent {
|
|
|
923
929
|
this.changed.emit(value);
|
|
924
930
|
}
|
|
925
931
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNumericTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
926
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitNumericTextboxComponent, isStandalone: false, selector: "kit-numeric-textbox", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", messageIcon: "messageIcon", messageText: "messageText", disabled: "disabled", format: "format", state: "state", icon: "icon" }, outputs: { blured: "blured", changed: "changed" }, providers: [{
|
|
932
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitNumericTextboxComponent, isStandalone: false, selector: "kit-numeric-textbox", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: false, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: false, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blured: "blured", changed: "changed" }, providers: [{
|
|
927
933
|
provide: NG_VALUE_ACCESSOR,
|
|
928
934
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
929
935
|
multi: true,
|
|
930
|
-
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-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 <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-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-inner{padding:0;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.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: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$3.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: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
936
|
+
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"[state, size()]\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-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 <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-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-inner{padding:0;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.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: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$3.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: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
931
937
|
}
|
|
932
938
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
933
939
|
type: Component,
|
|
@@ -935,7 +941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
935
941
|
provide: NG_VALUE_ACCESSOR,
|
|
936
942
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
937
943
|
multi: true,
|
|
938
|
-
}], standalone: false, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-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 <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-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-inner{padding:0;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.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"] }]
|
|
944
|
+
}], standalone: false, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"[state, size()]\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-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 <kit-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-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-inner{padding:0;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.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"] }]
|
|
939
945
|
}], propDecorators: { placeholder: [{
|
|
940
946
|
type: Input
|
|
941
947
|
}], label: [{
|
|
@@ -6528,6 +6534,10 @@ const kitTranslations = {
|
|
|
6528
6534
|
startswith: 'Starts with',
|
|
6529
6535
|
endswith: 'Ends with',
|
|
6530
6536
|
doesnotcontain: 'Does not contain',
|
|
6537
|
+
gte: 'Is greater than or equal to',
|
|
6538
|
+
gt: 'Is greater than',
|
|
6539
|
+
lte: 'Is less than or equal to',
|
|
6540
|
+
lt: 'Is less than',
|
|
6531
6541
|
},
|
|
6532
6542
|
},
|
|
6533
6543
|
export: {
|
|
@@ -6971,9 +6981,10 @@ var KitFilterType;
|
|
|
6971
6981
|
KitFilterType["RADIO"] = "radio";
|
|
6972
6982
|
KitFilterType["DATE"] = "date";
|
|
6973
6983
|
KitFilterType["TEXT"] = "text";
|
|
6984
|
+
KitFilterType["NUMERIC"] = "numeric";
|
|
6974
6985
|
})(KitFilterType || (KitFilterType = {}));
|
|
6975
6986
|
|
|
6976
|
-
const
|
|
6987
|
+
const textFilterOperators = [
|
|
6977
6988
|
KitFilterOperator.CONTAINS,
|
|
6978
6989
|
KitFilterOperator.EQ,
|
|
6979
6990
|
KitFilterOperator.IS_NOT_NULL,
|
|
@@ -6983,7 +6994,17 @@ const filterOperators = [
|
|
|
6983
6994
|
KitFilterOperator.ENDS_WITH,
|
|
6984
6995
|
KitFilterOperator.DOES_NOT_CONTAIN,
|
|
6985
6996
|
];
|
|
6986
|
-
const
|
|
6997
|
+
const numericFilterOperators = [
|
|
6998
|
+
KitFilterOperator.EQ,
|
|
6999
|
+
KitFilterOperator.NEQ,
|
|
7000
|
+
KitFilterOperator.GTE,
|
|
7001
|
+
KitFilterOperator.GT,
|
|
7002
|
+
KitFilterOperator.LTE,
|
|
7003
|
+
KitFilterOperator.LT,
|
|
7004
|
+
KitFilterOperator.IS_NULL,
|
|
7005
|
+
KitFilterOperator.IS_NOT_NULL,
|
|
7006
|
+
];
|
|
7007
|
+
const noValueRequiredFilterOperators = [
|
|
6987
7008
|
KitFilterOperator.IS_NOT_NULL,
|
|
6988
7009
|
KitFilterOperator.IS_NULL,
|
|
6989
7010
|
];
|
|
@@ -7025,7 +7046,7 @@ const kitBuildFilterBooleanOptions = (trueLabelKey, falseLabelKey) => {
|
|
|
7025
7046
|
const removeFilterPrefix = (value) => value.split('$filter=')[1];
|
|
7026
7047
|
const filterEmptyValues = (filters) => ({
|
|
7027
7048
|
logic: filters?.logic ?? KitFilterLogic.AND,
|
|
7028
|
-
filters: filters?.filters.filter(item =>
|
|
7049
|
+
filters: filters?.filters.filter(item => noValueRequiredFilterOperators.includes(item.operator) || (item.value !== null && item.value !== undefined)) ?? [],
|
|
7029
7050
|
});
|
|
7030
7051
|
const kitBuildOdataFilter = (filter) => removeFilterPrefix(kitDataStateToODataString({
|
|
7031
7052
|
filter,
|
|
@@ -7515,7 +7536,7 @@ class KitFilterCheckboxComponent {
|
|
|
7515
7536
|
})));
|
|
7516
7537
|
}
|
|
7517
7538
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitFilterCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7518
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ buildTranslateKey(displayedValues[0]) | translate }}\n <span class=\"tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ? ((displayedValues[0]
|
|
7539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ buildTranslateKey(displayedValues[0]) | translate }}\n <span class=\"tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ? (buildTranslateKey(displayedValues[0]) | translate) : '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\">\n </kit-checkbox>\n\n @for (item of items(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange()\"\n ></kit-checkbox>\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox .tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox .tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$9.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: KitCheckboxModule }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText"], outputs: ["changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7519
7540
|
}
|
|
7520
7541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitFilterCheckboxComponent, decorators: [{
|
|
7521
7542
|
type: Component,
|
|
@@ -7527,7 +7548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
7527
7548
|
KitTooltipDirective,
|
|
7528
7549
|
FormsModule,
|
|
7529
7550
|
KitPopupComponent,
|
|
7530
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ buildTranslateKey(displayedValues[0]) | translate }}\n <span class=\"tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ? ((displayedValues[0]
|
|
7551
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"tooltip\"\n kitTooltip\n kitTooltipFilter=\".tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ buildTranslateKey(displayedValues[0]) | translate }}\n <span class=\"tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ? (buildTranslateKey(displayedValues[0]) | translate) : '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\">\n </kit-checkbox>\n\n @for (item of items(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange()\"\n ></kit-checkbox>\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox .tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox .tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"] }]
|
|
7531
7552
|
}], ctorParameters: () => [] });
|
|
7532
7553
|
|
|
7533
7554
|
class KitFilterDateComponent {
|
|
@@ -7643,10 +7664,132 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
7643
7664
|
args: ['document:click', ['$event']]
|
|
7644
7665
|
}] } });
|
|
7645
7666
|
|
|
7646
|
-
class
|
|
7667
|
+
class KitFilterRadioComponent {
|
|
7647
7668
|
constructor(translateService) {
|
|
7648
7669
|
this.translateService = translateService;
|
|
7649
7670
|
this.filter = input.required();
|
|
7671
|
+
this.translateKeyPrefix = input('');
|
|
7672
|
+
this.items = model([]);
|
|
7673
|
+
this.filterRemoved = output();
|
|
7674
|
+
this.filterChanged = output();
|
|
7675
|
+
this.anchor = viewChild.required('toggleButton', { read: ElementRef });
|
|
7676
|
+
this.popup = viewChild('popup', { read: KitPopupComponent });
|
|
7677
|
+
this.selectedValue = signal(null);
|
|
7678
|
+
this.radioButtonValue = signal(null);
|
|
7679
|
+
this.kitPillTheme = KitPillTheme;
|
|
7680
|
+
}
|
|
7681
|
+
ngOnInit() {
|
|
7682
|
+
this.initializeSelectedValue();
|
|
7683
|
+
this.updateItemsState();
|
|
7684
|
+
this.showPopupOnInit();
|
|
7685
|
+
}
|
|
7686
|
+
get selectedFilterValue() {
|
|
7687
|
+
return this.selectedValue()?.filters[0].value;
|
|
7688
|
+
}
|
|
7689
|
+
removeFilter() {
|
|
7690
|
+
this.popup()?.close();
|
|
7691
|
+
this.filterRemoved.emit();
|
|
7692
|
+
}
|
|
7693
|
+
applyButtonDisabled() {
|
|
7694
|
+
return !this.items().some(item => item.checked);
|
|
7695
|
+
}
|
|
7696
|
+
clearAllFilters() {
|
|
7697
|
+
this.items.update(items => items.map(item => ({
|
|
7698
|
+
...item,
|
|
7699
|
+
checked: false,
|
|
7700
|
+
})));
|
|
7701
|
+
}
|
|
7702
|
+
onPopupToggle() {
|
|
7703
|
+
this.popup()?.toggle();
|
|
7704
|
+
}
|
|
7705
|
+
close() {
|
|
7706
|
+
if (!this.filter().value && !this.selectedValue()) {
|
|
7707
|
+
this.removeFilter();
|
|
7708
|
+
}
|
|
7709
|
+
else {
|
|
7710
|
+
this.updateItemsState();
|
|
7711
|
+
}
|
|
7712
|
+
}
|
|
7713
|
+
applyFilter() {
|
|
7714
|
+
const filterValue = {
|
|
7715
|
+
logic: KitFilterLogic.AND,
|
|
7716
|
+
filters: [
|
|
7717
|
+
{
|
|
7718
|
+
field: this.filter().field,
|
|
7719
|
+
operator: KitFilterOperator.EQ,
|
|
7720
|
+
value: this.radioButtonValue(),
|
|
7721
|
+
},
|
|
7722
|
+
],
|
|
7723
|
+
};
|
|
7724
|
+
this.filterChanged.emit(filterValue);
|
|
7725
|
+
this.selectedValue.set(filterValue);
|
|
7726
|
+
}
|
|
7727
|
+
buildRadioButtonItems(items) {
|
|
7728
|
+
return items.map(item => ({
|
|
7729
|
+
label: this.translateService.instant(this.buildTranslateKey(item.title)),
|
|
7730
|
+
value: item.value,
|
|
7731
|
+
checked: item.checked,
|
|
7732
|
+
}));
|
|
7733
|
+
}
|
|
7734
|
+
onRadioButtonChange(item) {
|
|
7735
|
+
this.radioButtonValue.set(item.value);
|
|
7736
|
+
this.items.update(items => items.map(it => ({
|
|
7737
|
+
...it,
|
|
7738
|
+
checked: it.value === item.value,
|
|
7739
|
+
})));
|
|
7740
|
+
}
|
|
7741
|
+
buildTranslateKey(value) {
|
|
7742
|
+
return `${this.translateKeyPrefix()}${value}`;
|
|
7743
|
+
}
|
|
7744
|
+
getSelectedFilterText(value) {
|
|
7745
|
+
if (typeof value === 'boolean') {
|
|
7746
|
+
const labelIndex = value ? 0 : 1;
|
|
7747
|
+
return this.buildTranslateKey(this.items()[labelIndex].title);
|
|
7748
|
+
}
|
|
7749
|
+
if (typeof value === 'string') {
|
|
7750
|
+
return this.buildTranslateKey(value);
|
|
7751
|
+
}
|
|
7752
|
+
if (typeof value === 'number') {
|
|
7753
|
+
return value.toString();
|
|
7754
|
+
}
|
|
7755
|
+
return '';
|
|
7756
|
+
}
|
|
7757
|
+
hasSelectedFilters(value) {
|
|
7758
|
+
return value !== null && value !== undefined;
|
|
7759
|
+
}
|
|
7760
|
+
initializeSelectedValue() {
|
|
7761
|
+
this.selectedValue.set(this.filter().value);
|
|
7762
|
+
this.radioButtonValue.set(this.selectedFilterValue);
|
|
7763
|
+
}
|
|
7764
|
+
updateItemsState() {
|
|
7765
|
+
this.items.update(items => items.map(item => ({
|
|
7766
|
+
...item,
|
|
7767
|
+
checked: this.selectedFilterValue === item.value,
|
|
7768
|
+
})));
|
|
7769
|
+
}
|
|
7770
|
+
showPopupOnInit() {
|
|
7771
|
+
if (!this.selectedValue()) {
|
|
7772
|
+
requestAnimationFrame(() => this.onPopupToggle());
|
|
7773
|
+
}
|
|
7774
|
+
}
|
|
7775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitFilterRadioComponent, deps: [{ token: i1$9.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7776
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitFilterRadioComponent, isStandalone: true, selector: "kit-filter-radio", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-radio\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (hasSelectedFilters(selectedFilterValue)) {\n {{ getSelectedFilterText(selectedFilterValue) | translate }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-radio-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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"buildRadioButtonItems(items())\"\n (changed)=\"onRadioButtonChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-radio-popup .popup-content{width:172px}::ng-deep .kit-filter-radio-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: KitRadioButtonModule }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7777
|
+
}
|
|
7778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitFilterRadioComponent, decorators: [{
|
|
7779
|
+
type: Component,
|
|
7780
|
+
args: [{ selector: 'kit-filter-radio', imports: [
|
|
7781
|
+
KitPillComponent,
|
|
7782
|
+
TranslatePipe,
|
|
7783
|
+
KitPopupComponent,
|
|
7784
|
+
KitRadioButtonModule,
|
|
7785
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-filter-radio\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (hasSelectedFilters(selectedFilterValue)) {\n {{ getSelectedFilterText(selectedFilterValue) | translate }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-radio-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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"buildRadioButtonItems(items())\"\n (changed)=\"onRadioButtonChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-radio-popup .popup-content{width:172px}::ng-deep .kit-filter-radio-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"] }]
|
|
7786
|
+
}], ctorParameters: () => [{ type: i1$9.TranslateService }] });
|
|
7787
|
+
|
|
7788
|
+
class KitFilterInputComponent {
|
|
7789
|
+
constructor(translateService) {
|
|
7790
|
+
this.translateService = translateService;
|
|
7791
|
+
this.filter = input.required();
|
|
7792
|
+
this.filterInputType = input.required();
|
|
7650
7793
|
this.filterRemoved = output();
|
|
7651
7794
|
this.filterChanged = output();
|
|
7652
7795
|
this.anchor = viewChild.required('toggleButton', { read: ElementRef });
|
|
@@ -7657,16 +7800,16 @@ class KitFilterTextComponent {
|
|
|
7657
7800
|
text: this.translateService.instant(`kit.filters.logic.${item}`),
|
|
7658
7801
|
value: item,
|
|
7659
7802
|
}));
|
|
7660
|
-
this.
|
|
7661
|
-
|
|
7662
|
-
value: item,
|
|
7663
|
-
}));
|
|
7803
|
+
this.textFilterOperatorDropdownItems = this.buildFilterOperatorItems(textFilterOperators);
|
|
7804
|
+
this.numericFilterOperatorDropdownItems = this.buildFilterOperatorItems(numericFilterOperators);
|
|
7664
7805
|
this.filterItems = signal({
|
|
7665
7806
|
logic: KitFilterLogic.AND,
|
|
7666
7807
|
filters: [],
|
|
7667
7808
|
});
|
|
7668
7809
|
this.selectedValues = signal(null);
|
|
7669
7810
|
this.kitPillTheme = KitPillTheme;
|
|
7811
|
+
this.kitNumericTextboxSize = KitNumericTextboxSize;
|
|
7812
|
+
this.kitFilterType = KitFilterType;
|
|
7670
7813
|
}
|
|
7671
7814
|
ngOnInit() {
|
|
7672
7815
|
this.initializeSelectedValues();
|
|
@@ -7685,7 +7828,7 @@ class KitFilterTextComponent {
|
|
|
7685
7828
|
this.updateFilterItem(index, { operator: event });
|
|
7686
7829
|
}
|
|
7687
7830
|
onValueChange(event, index) {
|
|
7688
|
-
this.updateFilterItem(index, { value: event.trim() });
|
|
7831
|
+
this.updateFilterItem(index, { value: typeof event === 'string' && event.trim() || event });
|
|
7689
7832
|
}
|
|
7690
7833
|
removeFilter() {
|
|
7691
7834
|
this.popup()?.close();
|
|
@@ -7725,8 +7868,12 @@ class KitFilterTextComponent {
|
|
|
7725
7868
|
}
|
|
7726
7869
|
return null;
|
|
7727
7870
|
}
|
|
7871
|
+
getFilterOperatorDropdownItems() {
|
|
7872
|
+
return this.filterInputType() === KitFilterType.NUMERIC
|
|
7873
|
+
&& this.numericFilterOperatorDropdownItems || this.textFilterOperatorDropdownItems;
|
|
7874
|
+
}
|
|
7728
7875
|
hasNoValueRequiredOperator(operator) {
|
|
7729
|
-
return
|
|
7876
|
+
return noValueRequiredFilterOperators.includes(operator);
|
|
7730
7877
|
}
|
|
7731
7878
|
initializeSelectedValues() {
|
|
7732
7879
|
const filterValue = this.filter().value;
|
|
@@ -7756,8 +7903,8 @@ class KitFilterTextComponent {
|
|
|
7756
7903
|
createFilterItem(field) {
|
|
7757
7904
|
return {
|
|
7758
7905
|
field,
|
|
7759
|
-
value:
|
|
7760
|
-
operator: KitFilterOperator.CONTAINS,
|
|
7906
|
+
value: null,
|
|
7907
|
+
operator: this.filterInputType() === KitFilterType.TEXT && KitFilterOperator.CONTAINS || KitFilterOperator.EQ,
|
|
7761
7908
|
};
|
|
7762
7909
|
}
|
|
7763
7910
|
updateFilterItem(index, update) {
|
|
@@ -7772,140 +7919,25 @@ class KitFilterTextComponent {
|
|
|
7772
7919
|
hasSelectedFilter(filter) {
|
|
7773
7920
|
return this.hasNoValueRequiredOperator(filter.operator) || !!filter.value;
|
|
7774
7921
|
}
|
|
7775
|
-
|
|
7776
|
-
|
|
7777
|
-
}
|
|
7778
|
-
|
|
7779
|
-
type: Component,
|
|
7780
|
-
args: [{ selector: 'kit-filter-text', imports: [
|
|
7781
|
-
KitDropdownModule,
|
|
7782
|
-
KitTextboxModule,
|
|
7783
|
-
KitPillComponent,
|
|
7784
|
-
TranslateModule,
|
|
7785
|
-
ReactiveFormsModule,
|
|
7786
|
-
KitPopupComponent,
|
|
7787
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\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 @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\n }\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-text-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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"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]=\"filterOperatorDropdownItems\"\n [size]=\"kitDropdownSize.SMALL\"\n [selectedItem]=\"$any(item.operator)\"\n (selected)=\"onOperatorSelect($event.value, $index)\"\n ></kit-dropdown>\n <div class=\"filter-controls\">\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 ></kit-textbox>\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: ["::ng-deep .kit-filter-text-popup .popup-content{display:flex;flex-direction:column;gap:10px;width:296px;box-sizing:border-box}::ng-deep .kit-filter-text-popup .filter-item{display:flex;flex-direction:column;gap:10px}::ng-deep .kit-filter-text-popup .filter-item-value{flex:1}::ng-deep .kit-filter-text-popup .filter-controls{display:flex;gap:10px}::ng-deep .kit-filter-text-popup .logic-selector{flex-shrink:0;width:100px}\n"] }]
|
|
7788
|
-
}], ctorParameters: () => [{ type: i1$9.TranslateService }] });
|
|
7789
|
-
|
|
7790
|
-
class KitFilterRadioComponent {
|
|
7791
|
-
constructor(translateService) {
|
|
7792
|
-
this.translateService = translateService;
|
|
7793
|
-
this.filter = input.required();
|
|
7794
|
-
this.translateKeyPrefix = input('');
|
|
7795
|
-
this.items = model([]);
|
|
7796
|
-
this.filterRemoved = output();
|
|
7797
|
-
this.filterChanged = output();
|
|
7798
|
-
this.anchor = viewChild.required('toggleButton', { read: ElementRef });
|
|
7799
|
-
this.popup = viewChild('popup', { read: KitPopupComponent });
|
|
7800
|
-
this.selectedValue = signal(null);
|
|
7801
|
-
this.radioButtonValue = signal(null);
|
|
7802
|
-
this.kitPillTheme = KitPillTheme;
|
|
7803
|
-
}
|
|
7804
|
-
ngOnInit() {
|
|
7805
|
-
this.initializeSelectedValue();
|
|
7806
|
-
this.updateItemsState();
|
|
7807
|
-
this.showPopupOnInit();
|
|
7808
|
-
}
|
|
7809
|
-
get selectedFilterValue() {
|
|
7810
|
-
return this.selectedValue()?.filters[0].value;
|
|
7811
|
-
}
|
|
7812
|
-
removeFilter() {
|
|
7813
|
-
this.popup()?.close();
|
|
7814
|
-
this.filterRemoved.emit();
|
|
7815
|
-
}
|
|
7816
|
-
applyButtonDisabled() {
|
|
7817
|
-
return !this.items().some(item => item.checked);
|
|
7818
|
-
}
|
|
7819
|
-
clearAllFilters() {
|
|
7820
|
-
this.items.update(items => items.map(item => ({
|
|
7821
|
-
...item,
|
|
7822
|
-
checked: false,
|
|
7823
|
-
})));
|
|
7824
|
-
}
|
|
7825
|
-
onPopupToggle() {
|
|
7826
|
-
this.popup()?.toggle();
|
|
7827
|
-
}
|
|
7828
|
-
close() {
|
|
7829
|
-
if (!this.filter().value && !this.selectedValue()) {
|
|
7830
|
-
this.removeFilter();
|
|
7831
|
-
}
|
|
7832
|
-
else {
|
|
7833
|
-
this.updateItemsState();
|
|
7834
|
-
}
|
|
7835
|
-
}
|
|
7836
|
-
applyFilter() {
|
|
7837
|
-
const filterValue = {
|
|
7838
|
-
logic: KitFilterLogic.AND,
|
|
7839
|
-
filters: [
|
|
7840
|
-
{
|
|
7841
|
-
field: this.filter().field,
|
|
7842
|
-
operator: KitFilterOperator.EQ,
|
|
7843
|
-
value: this.radioButtonValue(),
|
|
7844
|
-
},
|
|
7845
|
-
],
|
|
7846
|
-
};
|
|
7847
|
-
this.filterChanged.emit(filterValue);
|
|
7848
|
-
this.selectedValue.set(filterValue);
|
|
7849
|
-
}
|
|
7850
|
-
buildRadioButtonItems(items) {
|
|
7851
|
-
return items.map(item => ({
|
|
7852
|
-
label: this.translateService.instant(this.buildTranslateKey(item.title)),
|
|
7853
|
-
value: item.value,
|
|
7854
|
-
checked: item.checked,
|
|
7922
|
+
buildFilterOperatorItems(operators) {
|
|
7923
|
+
return operators.map(item => ({
|
|
7924
|
+
text: this.translateService.instant(`kit.filters.operator.${item}`),
|
|
7925
|
+
value: item,
|
|
7855
7926
|
}));
|
|
7856
7927
|
}
|
|
7857
|
-
|
|
7858
|
-
|
|
7859
|
-
this.items.update(items => items.map(it => ({
|
|
7860
|
-
...it,
|
|
7861
|
-
checked: it.value === item.value,
|
|
7862
|
-
})));
|
|
7863
|
-
}
|
|
7864
|
-
buildTranslateKey(value) {
|
|
7865
|
-
return `${this.translateKeyPrefix()}${value}`;
|
|
7866
|
-
}
|
|
7867
|
-
getSelectedFilterText(value) {
|
|
7868
|
-
if (typeof value === 'boolean') {
|
|
7869
|
-
const labelIndex = value ? 0 : 1;
|
|
7870
|
-
return this.buildTranslateKey(this.items()[labelIndex].title);
|
|
7871
|
-
}
|
|
7872
|
-
if (typeof value === 'string') {
|
|
7873
|
-
return this.buildTranslateKey(value);
|
|
7874
|
-
}
|
|
7875
|
-
if (typeof value === 'number') {
|
|
7876
|
-
return value.toString();
|
|
7877
|
-
}
|
|
7878
|
-
return '';
|
|
7879
|
-
}
|
|
7880
|
-
hasSelectedFilters(value) {
|
|
7881
|
-
return value !== null && value !== undefined;
|
|
7882
|
-
}
|
|
7883
|
-
initializeSelectedValue() {
|
|
7884
|
-
this.selectedValue.set(this.filter().value);
|
|
7885
|
-
this.radioButtonValue.set(this.selectedFilterValue);
|
|
7886
|
-
}
|
|
7887
|
-
updateItemsState() {
|
|
7888
|
-
this.items.update(items => items.map(item => ({
|
|
7889
|
-
...item,
|
|
7890
|
-
checked: this.selectedFilterValue === item.value,
|
|
7891
|
-
})));
|
|
7892
|
-
}
|
|
7893
|
-
showPopupOnInit() {
|
|
7894
|
-
if (!this.selectedValue()) {
|
|
7895
|
-
requestAnimationFrame(() => this.onPopupToggle());
|
|
7896
|
-
}
|
|
7897
|
-
}
|
|
7898
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitFilterRadioComponent, deps: [{ token: i1$9.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7899
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitFilterRadioComponent, isStandalone: true, selector: "kit-filter-radio", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-radio\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (hasSelectedFilters(selectedFilterValue)) {\n {{ getSelectedFilterText(selectedFilterValue) | translate }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-radio-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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"buildRadioButtonItems(items())\"\n (changed)=\"onRadioButtonChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-radio-popup .popup-content{width:172px}::ng-deep .kit-filter-radio-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: KitRadioButtonModule }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7928
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitFilterInputComponent, deps: [{ token: i1$9.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7929
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.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: "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\"\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 @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"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 ></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 [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\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\n", styles: ["::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: "ngmodule", type: KitDropdownModule }, { kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "size"], outputs: ["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"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "defaultValue", "messageIcon", "messageText", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$9.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: KitNumericTextboxModule }, { kind: "component", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: ["placeholder", "label", "defaultValue", "decimals", "min", "max", "maxlength", "messageIcon", "messageText", "disabled", "format", "state", "icon", "size"], outputs: ["blured", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7900
7930
|
}
|
|
7901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type:
|
|
7931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitFilterInputComponent, decorators: [{
|
|
7902
7932
|
type: Component,
|
|
7903
|
-
args: [{ selector: 'kit-filter-
|
|
7933
|
+
args: [{ selector: 'kit-filter-input', imports: [
|
|
7934
|
+
KitDropdownModule,
|
|
7904
7935
|
KitPillComponent,
|
|
7905
|
-
TranslatePipe,
|
|
7906
7936
|
KitPopupComponent,
|
|
7907
|
-
|
|
7908
|
-
|
|
7937
|
+
KitTextboxModule,
|
|
7938
|
+
TranslateModule,
|
|
7939
|
+
KitNumericTextboxModule,
|
|
7940
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\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 @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\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 (onApply)=\"applyFilter()\"\n (onCancel)=\"clearAllFilters()\"\n (onClose)=\"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 ></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 [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\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\n", styles: ["::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"] }]
|
|
7909
7941
|
}], ctorParameters: () => [{ type: i1$9.TranslateService }] });
|
|
7910
7942
|
|
|
7911
7943
|
class KitGridFiltersComponent {
|
|
@@ -7957,7 +7989,7 @@ class KitGridFiltersComponent {
|
|
|
7957
7989
|
return filters.some(filter => filter.field === item.field);
|
|
7958
7990
|
}
|
|
7959
7991
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridFiltersComponent, deps: [{ token: i1$c.Store }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7960
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitGridFiltersComponent, isStandalone: true, selector: "kit-grid-filters", inputs: { excludedColumns: { classPropertyName: "excludedColumns", publicName: "excludedColumns", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, filterListConfig: { classPropertyName: "filterListConfig", publicName: "filterListConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterChanged: "filterChanged" }, ngImport: i0, template: "<div class=\"kit-grid-filters\">\n @for (item of filters(); track item) {\n @switch (item.type) {\n @case (kitFilterType.CHECKBOX) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.RADIO) {\n <kit-filter-radio [filter]=\"item\"\n [items]=\"filterListConfig()?.[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-radio>\n }\n @case (kitFilterType.DATE) {\n <kit-filter-date [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-date>\n }\n @case (kitFilterType.TEXT) {\n <kit-filter-
|
|
7992
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitGridFiltersComponent, isStandalone: true, selector: "kit-grid-filters", inputs: { excludedColumns: { classPropertyName: "excludedColumns", publicName: "excludedColumns", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, filterListConfig: { classPropertyName: "filterListConfig", publicName: "filterListConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterChanged: "filterChanged" }, ngImport: i0, template: "<div class=\"kit-grid-filters\">\n @for (item of filters(); track item) {\n @switch (item.type) {\n @case (kitFilterType.CHECKBOX) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.RADIO) {\n <kit-filter-radio [filter]=\"item\"\n [items]=\"filterListConfig()?.[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-radio>\n }\n @case (kitFilterType.DATE) {\n <kit-filter-date [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-date>\n }\n @case (kitFilterType.TEXT) {\n <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n }\n }\n\n <kit-filter-selector [items]=\"filterSelectorItems()\"\n (itemSelected)=\"addFilter($event)\"\n ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}\n"], dependencies: [{ kind: "component", type: KitFilterSelectorComponent, selector: "kit-filter-selector", inputs: ["items"], outputs: ["itemSelected"] }, { kind: "component", type: KitFilterCheckboxComponent, selector: "kit-filter-checkbox", inputs: ["filter", "translateKeyPrefix", "items", "showPopupOnInit"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterDateComponent, selector: "kit-filter-date", inputs: ["filter"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterRadioComponent, selector: "kit-filter-radio", inputs: ["filter", "translateKeyPrefix", "items"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterInputComponent, selector: "kit-filter-input", inputs: ["filter", "filterInputType"], outputs: ["filterRemoved", "filterChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7961
7993
|
}
|
|
7962
7994
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridFiltersComponent, decorators: [{
|
|
7963
7995
|
type: Component,
|
|
@@ -7965,9 +7997,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
7965
7997
|
KitFilterSelectorComponent,
|
|
7966
7998
|
KitFilterCheckboxComponent,
|
|
7967
7999
|
KitFilterDateComponent,
|
|
7968
|
-
KitFilterTextComponent,
|
|
7969
8000
|
KitFilterRadioComponent,
|
|
7970
|
-
|
|
8001
|
+
KitFilterInputComponent,
|
|
8002
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-filters\">\n @for (item of filters(); track item) {\n @switch (item.type) {\n @case (kitFilterType.CHECKBOX) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.RADIO) {\n <kit-filter-radio [filter]=\"item\"\n [items]=\"filterListConfig()?.[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-radio>\n }\n @case (kitFilterType.DATE) {\n <kit-filter-date [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-date>\n }\n @case (kitFilterType.TEXT) {\n <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n }\n }\n\n <kit-filter-selector [items]=\"filterSelectorItems()\"\n (itemSelected)=\"addFilter($event)\"\n ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}\n"] }]
|
|
7971
8003
|
}], ctorParameters: () => [{ type: i1$c.Store }] });
|
|
7972
8004
|
|
|
7973
8005
|
var GridExportOptions;
|
|
@@ -8048,9 +8080,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
8048
8080
|
}], ctorParameters: () => [{ type: i1$9.TranslateService }, { type: i1$1.DecimalPipe }, { type: i1$1.DatePipe }] });
|
|
8049
8081
|
|
|
8050
8082
|
class KitGridExportComponent {
|
|
8051
|
-
get visibleColumns() {
|
|
8052
|
-
return this.store.selectSnapshot(KIT_GRID_STATE_TOKEN).columns.filter(column => !column.hidden);
|
|
8053
|
-
}
|
|
8054
8083
|
constructor(translateService, notificationService, gridCellService, store) {
|
|
8055
8084
|
this.translateService = translateService;
|
|
8056
8085
|
this.notificationService = notificationService;
|
|
@@ -8061,6 +8090,7 @@ class KitGridExportComponent {
|
|
|
8061
8090
|
this.exportedFileName = input.required();
|
|
8062
8091
|
this.drawPdf = input.required();
|
|
8063
8092
|
this.gridHasData = input.required();
|
|
8093
|
+
this.visibleColumns = input();
|
|
8064
8094
|
this.popup = viewChild('popup', {
|
|
8065
8095
|
read: KitPopupComponent,
|
|
8066
8096
|
});
|
|
@@ -8074,6 +8104,9 @@ class KitGridExportComponent {
|
|
|
8074
8104
|
this.gridExportOptions = gridExportOptions;
|
|
8075
8105
|
this.isGridExporting = signal(false);
|
|
8076
8106
|
}
|
|
8107
|
+
get exportedColumns() {
|
|
8108
|
+
return this.visibleColumns() || this.store.selectSnapshot(KIT_GRID_STATE_TOKEN).columns.filter(column => !column.hidden);
|
|
8109
|
+
}
|
|
8077
8110
|
onPopupToggle() {
|
|
8078
8111
|
this.popup()?.toggle();
|
|
8079
8112
|
}
|
|
@@ -8118,14 +8151,14 @@ class KitGridExportComponent {
|
|
|
8118
8151
|
return new Promise((resolve, reject) => this.getExportedData()().subscribe({
|
|
8119
8152
|
next: ({ data }) => {
|
|
8120
8153
|
const workbook = { sheets: [{ rows: [], columns: [] }] };
|
|
8121
|
-
const columns = this.
|
|
8154
|
+
const columns = this.exportedColumns
|
|
8122
8155
|
.map(({ title, field }) => ({
|
|
8123
8156
|
value: this.translateService.instant(title || field),
|
|
8124
8157
|
background: '#7a7a7a',
|
|
8125
8158
|
color: '#fff',
|
|
8126
8159
|
width: 170,
|
|
8127
8160
|
}));
|
|
8128
|
-
workbook.sheets[0].rows = this.getExportedExcelRows(columns, data, this.
|
|
8161
|
+
workbook.sheets[0].rows = this.getExportedExcelRows(columns, data, this.exportedColumns);
|
|
8129
8162
|
workbook.sheets[0].columns = columns;
|
|
8130
8163
|
new Workbook(workbook).toDataURL()
|
|
8131
8164
|
.then((dataUrl) => saveAs(dataUrl, `${this.exportedFileName()}.xlsx`))
|
|
@@ -8149,7 +8182,7 @@ class KitGridExportComponent {
|
|
|
8149
8182
|
next: ({ data }) => {
|
|
8150
8183
|
const transformedData = data.map(row => {
|
|
8151
8184
|
const transformedRow = {};
|
|
8152
|
-
for (const col of this.
|
|
8185
|
+
for (const col of this.exportedColumns) {
|
|
8153
8186
|
const title = this.translateService.instant(col.title);
|
|
8154
8187
|
transformedRow[title] = this.gridCellService.createCellValue(col.type, col.field, row, this.translationMap());
|
|
8155
8188
|
}
|
|
@@ -8168,7 +8201,7 @@ class KitGridExportComponent {
|
|
|
8168
8201
|
onExportXML() {
|
|
8169
8202
|
return new Promise((resolve, reject) => this.getExportedData()().subscribe({
|
|
8170
8203
|
next: ({ data }) => {
|
|
8171
|
-
const xmlContent = this.convertToXML(data, this.
|
|
8204
|
+
const xmlContent = this.convertToXML(data, this.exportedColumns);
|
|
8172
8205
|
const blob = new Blob([xmlContent], { type: 'application/xml' });
|
|
8173
8206
|
saveAs(blob, `${this.exportedFileName()}.xml`);
|
|
8174
8207
|
resolve();
|
|
@@ -8210,7 +8243,7 @@ class KitGridExportComponent {
|
|
|
8210
8243
|
.replace(/'/g, ''');
|
|
8211
8244
|
}
|
|
8212
8245
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridExportComponent, deps: [{ token: i1$9.TranslateService }, { token: KitNotificationService }, { token: KitGridCellService }, { token: i1$c.Store }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8213
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n <kit-button #toggleButton\n [disabled]=\"!gridHasData() || isGridExporting()\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-grid-export-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <span class=\"label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n [items]=\"gridExportOptions\" \n (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup .label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$9.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: KitGridModule }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: KitRadioButtonModule }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8246
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n <kit-button #toggleButton\n [disabled]=\"!gridHasData() || isGridExporting()\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-grid-export-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <span class=\"label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n [items]=\"gridExportOptions\" \n (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup .label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$9.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: KitGridModule }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: KitRadioButtonModule }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8214
8247
|
}
|
|
8215
8248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridExportComponent, decorators: [{
|
|
8216
8249
|
type: Component,
|
|
@@ -8343,5 +8376,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
8343
8376
|
* Generated bundle index. Do not edit.
|
|
8344
8377
|
*/
|
|
8345
8378
|
|
|
8346
|
-
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, RemoveGridFilter, SetGridColumns, SetGridSkip, SetGridSort, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl
|
|
8379
|
+
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, RemoveGridFilter, SetGridColumns, SetGridSkip, SetGridSort, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl };
|
|
8347
8380
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|