@indigina/ui-kit 1.1.407 → 1.1.409
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.
|
@@ -807,7 +807,7 @@ class KitTextboxComponent {
|
|
|
807
807
|
provide: NG_VALUE_ACCESSOR,
|
|
808
808
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
809
809
|
multi: true,
|
|
810
|
-
}], viewQueries: [{ propertyName: "textboxComponent", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [for]=\"$any(textbox)\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <kendo-textbox #textbox\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [value]=\"defaultValue()\"\n [maxlength]=\"maxlength()\"\n [clearButton]=\"clearButton()\"\n (blur)=\"onInputBlur()\"\n (focus)=\"focused.emit()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"customStateIcon() || textboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n @if (messageText() && !messageTemplate()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0
|
|
810
|
+
}], viewQueries: [{ propertyName: "textboxComponent", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [for]=\"$any(textbox)\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <kendo-textbox #textbox\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [value]=\"defaultValue()\"\n [maxlength]=\"maxlength()\"\n [clearButton]=\"clearButton()\"\n (blur)=\"onInputBlur()\"\n (focus)=\"focused.emit()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"customStateIcon() || textboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n @if (messageText() && !messageTemplate()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input:focus-within{box-shadow:none}.kit-textbox .k-input .k-input-inner{padding:0}.kit-textbox .k-input-inner{width:100%;color:inherit;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);outline:2px solid var(--ui-kit-color-focus);outline-offset:0}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-orange-1);outline-offset:0}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-red-2);outline-offset:0}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);outline:2px solid var(--ui-kit-color-green-2);outline-offset:0}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-textbox.readonly{background:none}.kit-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12)}.kit-textbox.readonly .k-input-inner{cursor:default}.kit-textbox.readonly:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);outline:none}.kit-textbox.readonly:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i1$2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
811
811
|
}
|
|
812
812
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTextboxComponent, decorators: [{
|
|
813
813
|
type: Component,
|
|
@@ -822,7 +822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
822
822
|
KitSvgIconComponent,
|
|
823
823
|
NgClass,
|
|
824
824
|
NgTemplateOutlet,
|
|
825
|
-
], template: "<div class=\"kit-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [for]=\"$any(textbox)\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <kendo-textbox #textbox\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [value]=\"defaultValue()\"\n [maxlength]=\"maxlength()\"\n [clearButton]=\"clearButton()\"\n (blur)=\"onInputBlur()\"\n (focus)=\"focused.emit()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"customStateIcon() || textboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n @if (messageText() && !messageTemplate()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0
|
|
825
|
+
], template: "<div class=\"kit-textbox\"\n [ngClass]=\"[state(), size()]\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [for]=\"$any(textbox)\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <kendo-textbox #textbox\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [value]=\"defaultValue()\"\n [maxlength]=\"maxlength()\"\n [clearButton]=\"clearButton()\"\n (blur)=\"onInputBlur()\"\n (focus)=\"focused.emit()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n @if (showStateIcon()) {\n <kit-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"customStateIcon() || textboxStateIcon[state()]\"\n ></kit-svg-icon>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n @if (messageText() && !messageTemplate()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input:focus-within{box-shadow:none}.kit-textbox .k-input .k-input-inner{padding:0}.kit-textbox .k-input-inner{width:100%;color:inherit;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);outline:2px solid var(--ui-kit-color-focus);outline-offset:0}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-orange-1);outline-offset:0}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-red-2);outline-offset:0}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);outline:2px solid var(--ui-kit-color-green-2);outline-offset:0}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-textbox.readonly{background:none}.kit-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12)}.kit-textbox.readonly .k-input-inner{cursor:default}.kit-textbox.readonly:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);outline:none}.kit-textbox.readonly:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"] }]
|
|
826
826
|
}], propDecorators: { textbox: [{
|
|
827
827
|
type: ViewChild,
|
|
828
828
|
args: ['textbox']
|
|
@@ -1144,7 +1144,7 @@ class KitNumericTextboxComponent {
|
|
|
1144
1144
|
provide: NG_VALUE_ACCESSOR,
|
|
1145
1145
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
1146
1146
|
multi: true,
|
|
1147
|
-
}], 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
|
|
1147
|
+
}], 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:focus-within{box-shadow:none}.kit-numeric-textbox .k-input .k-input-inner{padding:0}.kit-numeric-textbox .k-input-inner{width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.success .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-numeric-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled .kit-numeric-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "ngmodule", type: NumericTextBoxModule }, { kind: "component", type: i1$2.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"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1148
1148
|
}
|
|
1149
1149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
1150
1150
|
type: Component,
|
|
@@ -1158,7 +1158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1158
1158
|
KitSvgIconComponent,
|
|
1159
1159
|
KitInputLabelComponent,
|
|
1160
1160
|
NgClass,
|
|
1161
|
-
], 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
|
|
1161
|
+
], 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:focus-within{box-shadow:none}.kit-numeric-textbox .k-input .k-input-inner{padding:0}.kit-numeric-textbox .k-input-inner{width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.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"] }]
|
|
1162
1162
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], blured: [{ type: i0.Output, args: ["blured"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
1163
1163
|
|
|
1164
1164
|
class KitTruncateTextComponent {
|
|
@@ -1352,7 +1352,7 @@ class KitDropdownComponent {
|
|
|
1352
1352
|
provide: NG_VALUE_ACCESSOR,
|
|
1353
1353
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
1354
1354
|
multi: true,
|
|
1355
|
-
}], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: KitDropdownItemTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ size() }}\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(dropdown)\"\n ></kit-input-label>\n }\n <kendo-dropdownlist #dropdown\n valueField=\"value\"\n textField=\"text\"\n class=\"dropdown\"\n [ngClass]=\"getCssClasses()\"\n [data]=\"items()\"\n [valuePrimitive]=\"isValuePrimitive()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem()\"\n [listHeight]=\"listHeight()\"\n [value]=\"selectedItem()\"\n (open)=\"onOpen()\"\n (close)=\"onClose()\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate\n let-dataItem>\n @if (kitDropdownValueTemplate) {\n <div class=\"value-text\">\n <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </div>\n } @else {\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n }\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"toggleIcon()\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoDropDownListItemTemplate\n let-dataItem>\n @if (kitDropdownItemTemplate) {\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n } @else {\n <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n @if (footerTemplate()) {\n <ng-template kendoDropDownListFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n </ng-template>\n }\n @if (noDataTemplate()) {\n <ng-template kendoDropDownListNoDataTemplate>\n <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n </ng-template>\n }\n </kendo-dropdownlist>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: i1$3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1355
|
+
}], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: KitDropdownItemTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ size() }}\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(dropdown)\"\n ></kit-input-label>\n }\n <kendo-dropdownlist #dropdown\n valueField=\"value\"\n textField=\"text\"\n class=\"dropdown\"\n [ngClass]=\"getCssClasses()\"\n [data]=\"items()\"\n [valuePrimitive]=\"isValuePrimitive()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem()\"\n [listHeight]=\"listHeight()\"\n [value]=\"selectedItem()\"\n (open)=\"onOpen()\"\n (close)=\"onClose()\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate\n let-dataItem>\n @if (kitDropdownValueTemplate) {\n <div class=\"value-text\">\n <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </div>\n } @else {\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n }\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"toggleIcon()\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoDropDownListItemTemplate\n let-dataItem>\n @if (kitDropdownItemTemplate) {\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n } @else {\n <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n @if (footerTemplate()) {\n <ng-template kendoDropDownListFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n </ng-template>\n }\n @if (noDataTemplate()) {\n <ng-template kendoDropDownListNoDataTemplate>\n <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n </ng-template>\n }\n </kendo-dropdownlist>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown:focus-within{box-shadow:none}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: i1$3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1356
1356
|
}
|
|
1357
1357
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDropdownComponent, decorators: [{
|
|
1358
1358
|
type: Component,
|
|
@@ -1370,7 +1370,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1370
1370
|
KitTruncateTextComponent,
|
|
1371
1371
|
NgClass,
|
|
1372
1372
|
NgTemplateOutlet,
|
|
1373
|
-
], template: "<div class=\"kit-dropdown {{ size() }}\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(dropdown)\"\n ></kit-input-label>\n }\n <kendo-dropdownlist #dropdown\n valueField=\"value\"\n textField=\"text\"\n class=\"dropdown\"\n [ngClass]=\"getCssClasses()\"\n [data]=\"items()\"\n [valuePrimitive]=\"isValuePrimitive()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem()\"\n [listHeight]=\"listHeight()\"\n [value]=\"selectedItem()\"\n (open)=\"onOpen()\"\n (close)=\"onClose()\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate\n let-dataItem>\n @if (kitDropdownValueTemplate) {\n <div class=\"value-text\">\n <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </div>\n } @else {\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n }\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"toggleIcon()\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoDropDownListItemTemplate\n let-dataItem>\n @if (kitDropdownItemTemplate) {\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n } @else {\n <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n @if (footerTemplate()) {\n <ng-template kendoDropDownListFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n </ng-template>\n }\n @if (noDataTemplate()) {\n <ng-template kendoDropDownListNoDataTemplate>\n <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n </ng-template>\n }\n </kendo-dropdownlist>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"] }]
|
|
1373
|
+
], template: "<div class=\"kit-dropdown {{ size() }}\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(dropdown)\"\n ></kit-input-label>\n }\n <kendo-dropdownlist #dropdown\n valueField=\"value\"\n textField=\"text\"\n class=\"dropdown\"\n [ngClass]=\"getCssClasses()\"\n [data]=\"items()\"\n [valuePrimitive]=\"isValuePrimitive()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem()\"\n [listHeight]=\"listHeight()\"\n [value]=\"selectedItem()\"\n (open)=\"onOpen()\"\n (close)=\"onClose()\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate\n let-dataItem>\n @if (kitDropdownValueTemplate) {\n <div class=\"value-text\">\n <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </div>\n } @else {\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n }\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"toggleIcon()\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoDropDownListItemTemplate\n let-dataItem>\n @if (kitDropdownItemTemplate) {\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n } @else {\n <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n @if (footerTemplate()) {\n <ng-template kendoDropDownListFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n </ng-template>\n }\n @if (noDataTemplate()) {\n <ng-template kendoDropDownListNoDataTemplate>\n <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n </ng-template>\n }\n </kendo-dropdownlist>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown:focus-within{box-shadow:none}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"] }]
|
|
1374
1374
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }, { type: i0.Output, args: ["selectedItemChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], defaultItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultItem", required: false }] }], listHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "listHeight", required: false }] }], hideDefaultItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDefaultItem", required: false }] }], toggleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleIcon", required: false }] }], popupSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupSettings", required: false }] }], isValuePrimitive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValuePrimitive", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], noDataTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataTemplate", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], kitDropdownValueTemplate: [{
|
|
1375
1375
|
type: ContentChild,
|
|
1376
1376
|
args: ['kitDropdownValueTemplate', { read: TemplateRef }]
|
|
@@ -1563,7 +1563,7 @@ class KitTextareaComponent {
|
|
|
1563
1563
|
provide: NG_VALUE_ACCESSOR,
|
|
1564
1564
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
1565
1565
|
multi: true,
|
|
1566
|
-
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n class=\"k-input\"\n [attr.placeholder]=\"placeholder()\"\n [style.min-height.px]=\"minHeight()\"\n [style.max-height.px]=\"maxHeight()\"\n [attr.maxlength]=\"maxlength()\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [readonly]=\"readonly()\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-textarea-state-icon\"\n class=\"kit-textarea-state-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"tooltip() ?? ''\"\n [icon]=\"textareaStateIcon[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-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ 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"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1566
|
+
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n class=\"k-input\"\n [attr.placeholder]=\"placeholder()\"\n [style.min-height.px]=\"minHeight()\"\n [style.max-height.px]=\"maxHeight()\"\n [attr.maxlength]=\"maxlength()\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [readonly]=\"readonly()\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-textarea-state-icon\"\n class=\"kit-textarea-state-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"tooltip() ?? ''\"\n [icon]=\"textareaStateIcon[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-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input:focus-within{box-shadow:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ 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"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1567
1567
|
}
|
|
1568
1568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTextareaComponent, decorators: [{
|
|
1569
1569
|
type: Component,
|
|
@@ -1578,7 +1578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1578
1578
|
KitTooltipDirective,
|
|
1579
1579
|
NgClass,
|
|
1580
1580
|
KitTextareaAutoresizeDirective,
|
|
1581
|
-
], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n class=\"k-input\"\n [attr.placeholder]=\"placeholder()\"\n [style.min-height.px]=\"minHeight()\"\n [style.max-height.px]=\"maxHeight()\"\n [attr.maxlength]=\"maxlength()\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [readonly]=\"readonly()\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-textarea-state-icon\"\n class=\"kit-textarea-state-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"tooltip() ?? ''\"\n [icon]=\"textareaStateIcon[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-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
|
|
1581
|
+
], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon()) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon()\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n class=\"k-input\"\n [attr.placeholder]=\"placeholder()\"\n [style.min-height.px]=\"minHeight()\"\n [style.max-height.px]=\"maxHeight()\"\n [attr.maxlength]=\"maxlength()\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [readonly]=\"readonly()\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-textarea-state-icon\"\n class=\"kit-textarea-state-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"tooltip() ?? ''\"\n [icon]=\"textareaStateIcon[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-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input:focus-within{box-shadow:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
|
|
1582
1582
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], minLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLines", required: false }] }], maxLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLines", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], focused: [{ type: i0.Output, args: ["focused"] }], blured: [{ type: i0.Output, args: ["blured"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
1583
1583
|
|
|
1584
1584
|
var KitTextLabelState;
|
|
@@ -1732,7 +1732,7 @@ class KitUnitsTextboxComponent {
|
|
|
1732
1732
|
this.dropdownFormControl.markAsTouched();
|
|
1733
1733
|
}
|
|
1734
1734
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitUnitsTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1735
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitUnitsTextboxComponent, isStandalone: true, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", invalid: "invalid" }, outputs: { blured: "blured", selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox\"\n [class.invalid]=\"invalid\"\n [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"units-textbox-wrap\">\n @if (textboxType === KitUnitsTextboxType.TEXT) {\n <kendo-textbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n }\n\n @if (textboxType === KitUnitsTextboxType.NUMBER) {\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n }\n\n <kendo-dropdownlist valueField=\"value\"\n textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-dropdownlist>\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-units-textbox .label{display:block;margin-bottom:4px}.kit-units-textbox .units-textbox-wrap{display:flex;height:40px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-units-textbox .units-textbox-wrap:hover{border-color:var(--ui-kit-color-hover)}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;border-radius:8px 0 0 8px;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 12px;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:1}.kit-units-textbox .k-textbox .k-input-inner::placeholder,.kit-units-textbox .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;border-radius:0 8px 8px 0;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0 12px;height:100%;justify-content:flex-end;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-10);overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text:before{display:none}.kit-units-textbox .k-dropdownlist .k-input-button{display:none}.kit-units-textbox .k-dropdownlist .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-units-textbox .k-dropdownlist .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-units-textbox .kit-dropdown-popup{position:absolute;margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-units-textbox .kit-dropdown-popup .k-list-item{justify-content:flex-end;padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10);text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner::placeholder,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled.dropdown-disabled .units-textbox-wrap:hover{border-color:var(--ui-kit-color-grey-11)}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1;border-radius:0 8px 8px 0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1;border-radius:8px 0 0 8px}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{width:auto}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.invalid .units-textbox-wrap{border-color:var(--ui-kit-color-red-1)}\n"], dependencies: [{ kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i1$2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: NumericTextBoxModule }, { kind: "component", type: i1$2.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: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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 }); }
|
|
1735
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitUnitsTextboxComponent, isStandalone: true, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", invalid: "invalid" }, outputs: { blured: "blured", selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox\"\n [class.invalid]=\"invalid\"\n [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"units-textbox-wrap\">\n @if (textboxType === KitUnitsTextboxType.TEXT) {\n <kendo-textbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n }\n\n @if (textboxType === KitUnitsTextboxType.NUMBER) {\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n }\n\n <kendo-dropdownlist valueField=\"value\"\n textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-dropdownlist>\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-units-textbox .label{display:block;margin-bottom:4px}.kit-units-textbox .units-textbox-wrap{display:flex;height:40px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-units-textbox .units-textbox-wrap:hover{border-color:var(--ui-kit-color-hover)}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;border-radius:8px 0 0 8px;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 12px;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:1}.kit-units-textbox .k-textbox .k-input-inner::placeholder,.kit-units-textbox .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox .k-input:focus-within{box-shadow:none}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;border-radius:0 8px 8px 0;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0 12px;height:100%;justify-content:flex-end;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-10);overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text:before{display:none}.kit-units-textbox .k-dropdownlist .k-input-button{display:none}.kit-units-textbox .k-dropdownlist .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-units-textbox .k-dropdownlist .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-units-textbox .kit-dropdown-popup{position:absolute;margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-units-textbox .kit-dropdown-popup .k-list-item{justify-content:flex-end;padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10);text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner::placeholder,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled.dropdown-disabled .units-textbox-wrap:hover{border-color:var(--ui-kit-color-grey-11)}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1;border-radius:0 8px 8px 0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1;border-radius:8px 0 0 8px}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{width:auto}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.invalid .units-textbox-wrap{border-color:var(--ui-kit-color-red-1)}\n"], dependencies: [{ kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i1$2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: NumericTextBoxModule }, { kind: "component", type: i1$2.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: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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 }); }
|
|
1736
1736
|
}
|
|
1737
1737
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitUnitsTextboxComponent, decorators: [{
|
|
1738
1738
|
type: Component,
|
|
@@ -1745,7 +1745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1745
1745
|
ReactiveFormsModule,
|
|
1746
1746
|
KitSvgIconComponent,
|
|
1747
1747
|
KitInputLabelComponent,
|
|
1748
|
-
], template: "<div class=\"kit-units-textbox\"\n [class.invalid]=\"invalid\"\n [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"units-textbox-wrap\">\n @if (textboxType === KitUnitsTextboxType.TEXT) {\n <kendo-textbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n }\n\n @if (textboxType === KitUnitsTextboxType.NUMBER) {\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n }\n\n <kendo-dropdownlist valueField=\"value\"\n textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-dropdownlist>\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-units-textbox .label{display:block;margin-bottom:4px}.kit-units-textbox .units-textbox-wrap{display:flex;height:40px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-units-textbox .units-textbox-wrap:hover{border-color:var(--ui-kit-color-hover)}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;border-radius:8px 0 0 8px;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 12px;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:1}.kit-units-textbox .k-textbox .k-input-inner::placeholder,.kit-units-textbox .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;border-radius:0 8px 8px 0;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0 12px;height:100%;justify-content:flex-end;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-10);overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text:before{display:none}.kit-units-textbox .k-dropdownlist .k-input-button{display:none}.kit-units-textbox .k-dropdownlist .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-units-textbox .k-dropdownlist .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-units-textbox .kit-dropdown-popup{position:absolute;margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-units-textbox .kit-dropdown-popup .k-list-item{justify-content:flex-end;padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10);text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner::placeholder,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled.dropdown-disabled .units-textbox-wrap:hover{border-color:var(--ui-kit-color-grey-11)}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1;border-radius:0 8px 8px 0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1;border-radius:8px 0 0 8px}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{width:auto}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.invalid .units-textbox-wrap{border-color:var(--ui-kit-color-red-1)}\n"] }]
|
|
1748
|
+
], template: "<div class=\"kit-units-textbox\"\n [class.invalid]=\"invalid\"\n [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"units-textbox-wrap\">\n @if (textboxType === KitUnitsTextboxType.TEXT) {\n <kendo-textbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n }\n\n @if (textboxType === KitUnitsTextboxType.NUMBER) {\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n }\n\n <kendo-dropdownlist valueField=\"value\"\n textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\">\n <ng-template kendoDropDownListValueTemplate let-dataItem>\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-dropdownlist>\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-units-textbox .label{display:block;margin-bottom:4px}.kit-units-textbox .units-textbox-wrap{display:flex;height:40px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-units-textbox .units-textbox-wrap:hover{border-color:var(--ui-kit-color-hover)}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;border-radius:8px 0 0 8px;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 12px;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:1}.kit-units-textbox .k-textbox .k-input-inner::placeholder,.kit-units-textbox .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox .k-input:focus-within{box-shadow:none}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;border-radius:0 8px 8px 0;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0 12px;height:100%;justify-content:flex-end;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-10);overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text:before{display:none}.kit-units-textbox .k-dropdownlist .k-input-button{display:none}.kit-units-textbox .k-dropdownlist .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-units-textbox .k-dropdownlist .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-units-textbox .kit-dropdown-popup{position:absolute;margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-units-textbox .kit-dropdown-popup .k-list-item{justify-content:flex-end;padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10);text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner::placeholder,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-units-textbox.dropdown-disabled .k-dropdownlist .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-units-textbox.textbox-disabled.dropdown-disabled .units-textbox-wrap:hover{border-color:var(--ui-kit-color-grey-11)}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1;border-radius:0 8px 8px 0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1;border-radius:8px 0 0 8px}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{width:auto}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.invalid .units-textbox-wrap{border-color:var(--ui-kit-color-red-1)}\n"] }]
|
|
1749
1749
|
}], propDecorators: { placeholder: [{
|
|
1750
1750
|
type: Input
|
|
1751
1751
|
}], label: [{
|
|
@@ -1920,7 +1920,7 @@ class KitDatetimepickerComponent {
|
|
|
1920
1920
|
provide: NG_VALUE_ACCESSOR,
|
|
1921
1921
|
useExisting: forwardRef(() => KitDatetimepickerComponent),
|
|
1922
1922
|
multi: true,
|
|
1923
|
-
}], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datetimepicker)\"\n ></kit-input-label>\n }\n <div class=\"datetimepicker-wrap\">\n <kendo-datetimepicker #datetimepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [format]=\"format()\"\n [disabled]=\"disabled()\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [focusedDate]=\"defaultDate()\"\n (valueChange)=\"onValueChange($event)\"\n (blur)=\"onBlur()\">\n <kendo-datetimepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n [now]=\"nowButtonText\"\n ></kendo-datetimepicker-messages>\n </kendo-datetimepicker>\n <button class=\"toggle-btn\"\n [disabled]=\"disabled()\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0 36px 0 12px
|
|
1923
|
+
}], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datetimepicker)\"\n ></kit-input-label>\n }\n <div class=\"datetimepicker-wrap\">\n <kendo-datetimepicker #datetimepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [format]=\"format()\"\n [disabled]=\"disabled()\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [focusedDate]=\"defaultDate()\"\n (valueChange)=\"onValueChange($event)\"\n (blur)=\"onBlur()\">\n <kendo-datetimepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n [now]=\"nowButtonText\"\n ></kendo-datetimepicker-messages>\n </kendo-datetimepicker>\n <button class=\"toggle-btn\"\n [disabled]=\"disabled()\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input:focus-within{box-shadow:none}.kit-datetimepicker .k-input .k-input-inner{padding:0 36px 0 12px}.kit-datetimepicker .k-input-inner{color:var(--ui-kit-color-grey-10);line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datetimepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datetimepicker.disabled .k-datetimepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datetimepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datetimepicker.disabled .toggle-btn{cursor:default}.kit-datetimepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker.invalid .k-datetimepicker{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .toggle-btn{cursor:default}.kit-datetimepicker.invalid .toggle-btn .button-icon{fill:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{margin-bottom:10px;padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button-group{gap:10px;width:auto}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{padding:0 11px;height:46px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;border-bottom:2px solid transparent;border-radius:0;background:var(--ui-kit-color-white);transition:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-selected{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button:hover{color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:280px}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:280px}.kit-datetimepicker-popup.k-popup .k-timeselector{height:100%}.kit-datetimepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-time-header .k-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-datetimepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:flex-end;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400}.kit-datetimepicker-popup.k-popup .k-time-list .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-datetimepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-actions .k-button{flex:none;padding:0 19px;height:32px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i1$4.DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages" }, { kind: "component", type: i1$4.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1924
1924
|
}
|
|
1925
1925
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDatetimepickerComponent, decorators: [{
|
|
1926
1926
|
type: Component,
|
|
@@ -1933,7 +1933,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
1933
1933
|
KitSvgIconComponent,
|
|
1934
1934
|
KitInputMessageComponent,
|
|
1935
1935
|
KitInputLabelComponent,
|
|
1936
|
-
], template: "<div class=\"kit-datetimepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datetimepicker)\"\n ></kit-input-label>\n }\n <div class=\"datetimepicker-wrap\">\n <kendo-datetimepicker #datetimepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [format]=\"format()\"\n [disabled]=\"disabled()\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [focusedDate]=\"defaultDate()\"\n (valueChange)=\"onValueChange($event)\"\n (blur)=\"onBlur()\">\n <kendo-datetimepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n [now]=\"nowButtonText\"\n ></kendo-datetimepicker-messages>\n </kendo-datetimepicker>\n <button class=\"toggle-btn\"\n [disabled]=\"disabled()\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0 36px 0 12px
|
|
1936
|
+
], template: "<div class=\"kit-datetimepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datetimepicker)\"\n ></kit-input-label>\n }\n <div class=\"datetimepicker-wrap\">\n <kendo-datetimepicker #datetimepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [format]=\"format()\"\n [disabled]=\"disabled()\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [focusedDate]=\"defaultDate()\"\n (valueChange)=\"onValueChange($event)\"\n (blur)=\"onBlur()\">\n <kendo-datetimepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n [now]=\"nowButtonText\"\n ></kendo-datetimepicker-messages>\n </kendo-datetimepicker>\n <button class=\"toggle-btn\"\n [disabled]=\"disabled()\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input:focus-within{box-shadow:none}.kit-datetimepicker .k-input .k-input-inner{padding:0 36px 0 12px}.kit-datetimepicker .k-input-inner{color:var(--ui-kit-color-grey-10);line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datetimepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datetimepicker.disabled .k-datetimepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datetimepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datetimepicker.disabled .toggle-btn{cursor:default}.kit-datetimepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker.invalid .k-datetimepicker{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .toggle-btn{cursor:default}.kit-datetimepicker.invalid .toggle-btn .button-icon{fill:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{margin-bottom:10px;padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button-group{gap:10px;width:auto}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{padding:0 11px;height:46px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;border-bottom:2px solid transparent;border-radius:0;background:var(--ui-kit-color-white);transition:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-selected{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button:hover{color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:280px}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:280px}.kit-datetimepicker-popup.k-popup .k-timeselector{height:100%}.kit-datetimepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-time-header .k-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-datetimepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:flex-end;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400}.kit-datetimepicker-popup.k-popup .k-time-list .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-datetimepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-actions .k-button{flex:none;padding:0 19px;height:32px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}\n"] }]
|
|
1937
1937
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelTooltip", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], defaultDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultDate", required: false }] }, { type: i0.Output, args: ["defaultDateChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], applyButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyButtonText", required: false }] }], cancelButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButtonText", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], datetimepicker: [{
|
|
1938
1938
|
type: ViewChild,
|
|
1939
1939
|
args: ['datetimepicker']
|
|
@@ -2220,7 +2220,7 @@ class KitAutocompleteComponent {
|
|
|
2220
2220
|
provide: NG_VALUE_ACCESSOR,
|
|
2221
2221
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
2222
2222
|
multi: true,
|
|
2223
|
-
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete\"\n [class.empty]=\"!items() || !items().length\"\n [class.disabled]=\"disabled()\"\n [class.loading]=\"loaderVisible()\"\n [class.invalid]=\"invalid()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(combobox)\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items()\"\n [placeholder]=\"placeholder()\"\n [filterable]=\"true\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled()\"\n [clearButton]=\"false\"\n [value]=\"selectedValue()\"\n [allowCustom]=\"allowCustom()\"\n [popupSettings]=\"dropdownPopupSettings()\"\n [suggest]=\"suggest()\"\n [readonly]=\"readonly()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onSelectionChange($event)\"\n (valueChange)=\"onValueChange($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible()) {\n <div class=\"popup-loader\">\n <div class=\"popup-loader-dots\"></div>\n </div>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input-inner{padding:0 36px 0 12px
|
|
2223
|
+
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete\"\n [class.empty]=\"!items() || !items().length\"\n [class.disabled]=\"disabled()\"\n [class.loading]=\"loaderVisible()\"\n [class.invalid]=\"invalid()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(combobox)\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items()\"\n [placeholder]=\"placeholder()\"\n [filterable]=\"true\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled()\"\n [clearButton]=\"false\"\n [value]=\"selectedValue()\"\n [allowCustom]=\"allowCustom()\"\n [popupSettings]=\"dropdownPopupSettings()\"\n [suggest]=\"suggest()\"\n [readonly]=\"readonly()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onSelectionChange($event)\"\n (valueChange)=\"onValueChange($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible()) {\n <div class=\"popup-loader\">\n <div class=\"popup-loader-dots\"></div>\n </div>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input .k-input-inner{padding:0 36px 0 12px}.kit-autocomplete .k-input-inner{color:var(--ui-kit-color-grey-10);line-height:1}.kit-autocomplete .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-autocomplete .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-autocomplete .popup-loader{display:flex;justify-content:center;align-items:center;height:100%}.kit-autocomplete .popup-loader-dots{width:13px;aspect-ratio:1;border-radius:50%;animation:dots-animation 1s infinite linear alternate}.kit-autocomplete .input-icon{position:absolute;right:0;padding:0 12px 0 8px;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12);z-index:1}.kit-autocomplete.disabled .k-combobox{opacity:1;border-color:var(--ui-kit-color-grey-11)}.kit-autocomplete.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-autocomplete.disabled .input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.readonly .k-combobox{border-color:var(--ui-kit-color-grey-11)}.kit-autocomplete.readonly .k-combobox.k-focus{box-shadow:none}.kit-autocomplete.readonly .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.readonly .k-input-inner{color:var(--ui-kit-color-grey-12)}.kit-autocomplete.empty .kit-autocomplete-popup{display:none}.kit-autocomplete.loading .kit-autocomplete-popup{display:block;height:150px}.kit-autocomplete.loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.invalid .k-combobox{border-color:var(--ui-kit-color-red-1)}.kit-autocomplete.invalid .input-icon{stroke:var(--ui-kit-color-red-1)}.kit-autocomplete .kit-autocomplete-popup{margin-top:10px;padding:8px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:6px 12px;font-size:14px;font-weight:400;line-height:1.26;box-shadow:none;border-radius:4px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10)}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-autocomplete .kit-autocomplete-popup .k-no-data{padding:6px 12px}@keyframes dots-animation{0%{box-shadow:20px 0 var(--ui-kit-color-main),-20px 0 var(--ui-kit-color-grey-12);background:var(--ui-kit-color-main)}33%{box-shadow:20px 0 var(--ui-kit-color-main),-20px 0 var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-12)}66%{box-shadow:20px 0 var(--ui-kit-color-grey-12),-20px 0 var(--ui-kit-color-main);background:var(--ui-kit-color-grey-12)}to{box-shadow:20px 0 var(--ui-kit-color-grey-12),-20px 0 var(--ui-kit-color-main);background:var(--ui-kit-color-main)}}\n"], dependencies: [{ kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i1$3.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$3.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1$3.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputsModule }, { 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 }); }
|
|
2224
2224
|
}
|
|
2225
2225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
|
|
2226
2226
|
type: Component,
|
|
@@ -2236,7 +2236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
2236
2236
|
KitInputMessageComponent,
|
|
2237
2237
|
KitSvgIconComponent,
|
|
2238
2238
|
KitInputLabelComponent,
|
|
2239
|
-
], template: "<div class=\"kit-autocomplete\"\n [class.empty]=\"!items() || !items().length\"\n [class.disabled]=\"disabled()\"\n [class.loading]=\"loaderVisible()\"\n [class.invalid]=\"invalid()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(combobox)\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items()\"\n [placeholder]=\"placeholder()\"\n [filterable]=\"true\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled()\"\n [clearButton]=\"false\"\n [value]=\"selectedValue()\"\n [allowCustom]=\"allowCustom()\"\n [popupSettings]=\"dropdownPopupSettings()\"\n [suggest]=\"suggest()\"\n [readonly]=\"readonly()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onSelectionChange($event)\"\n (valueChange)=\"onValueChange($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible()) {\n <div class=\"popup-loader\">\n <div class=\"popup-loader-dots\"></div>\n </div>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input-inner{padding:0 36px 0 12px
|
|
2239
|
+
], template: "<div class=\"kit-autocomplete\"\n [class.empty]=\"!items() || !items().length\"\n [class.disabled]=\"disabled()\"\n [class.loading]=\"loaderVisible()\"\n [class.invalid]=\"invalid()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(combobox)\"\n ></kit-input-label>\n }\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox\n textField=\"text\"\n valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items()\"\n [placeholder]=\"placeholder()\"\n [filterable]=\"true\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled()\"\n [clearButton]=\"false\"\n [value]=\"selectedValue()\"\n [allowCustom]=\"allowCustom()\"\n [popupSettings]=\"dropdownPopupSettings()\"\n [suggest]=\"suggest()\"\n [readonly]=\"readonly()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onSelectionChange($event)\"\n (valueChange)=\"onValueChange($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n @if (loaderVisible()) {\n <div class=\"popup-loader\">\n <div class=\"popup-loader-dots\"></div>\n </div>\n }\n </ng-template>\n <ng-template kendoComboBoxItemTemplate\n let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\"\n icon=\"search\"\n ></kit-svg-icon>\n </div>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input .k-input-inner{padding:0 36px 0 12px}.kit-autocomplete .k-input-inner{color:var(--ui-kit-color-grey-10);line-height:1}.kit-autocomplete .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-autocomplete .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-autocomplete .popup-loader{display:flex;justify-content:center;align-items:center;height:100%}.kit-autocomplete .popup-loader-dots{width:13px;aspect-ratio:1;border-radius:50%;animation:dots-animation 1s infinite linear alternate}.kit-autocomplete .input-icon{position:absolute;right:0;padding:0 12px 0 8px;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12);z-index:1}.kit-autocomplete.disabled .k-combobox{opacity:1;border-color:var(--ui-kit-color-grey-11)}.kit-autocomplete.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-autocomplete.disabled .input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.readonly .k-combobox{border-color:var(--ui-kit-color-grey-11)}.kit-autocomplete.readonly .k-combobox.k-focus{box-shadow:none}.kit-autocomplete.readonly .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.readonly .k-input-inner{color:var(--ui-kit-color-grey-12)}.kit-autocomplete.empty .kit-autocomplete-popup{display:none}.kit-autocomplete.loading .kit-autocomplete-popup{display:block;height:150px}.kit-autocomplete.loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.invalid .k-combobox{border-color:var(--ui-kit-color-red-1)}.kit-autocomplete.invalid .input-icon{stroke:var(--ui-kit-color-red-1)}.kit-autocomplete .kit-autocomplete-popup{margin-top:10px;padding:8px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:6px 12px;font-size:14px;font-weight:400;line-height:1.26;box-shadow:none;border-radius:4px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10)}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-autocomplete .kit-autocomplete-popup .k-no-data{padding:6px 12px}@keyframes dots-animation{0%{box-shadow:20px 0 var(--ui-kit-color-main),-20px 0 var(--ui-kit-color-grey-12);background:var(--ui-kit-color-main)}33%{box-shadow:20px 0 var(--ui-kit-color-main),-20px 0 var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-12)}66%{box-shadow:20px 0 var(--ui-kit-color-grey-12),-20px 0 var(--ui-kit-color-main);background:var(--ui-kit-color-grey-12)}to{box-shadow:20px 0 var(--ui-kit-color-grey-12),-20px 0 var(--ui-kit-color-main);background:var(--ui-kit-color-main)}}\n"] }]
|
|
2240
2240
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValue", required: false }] }, { type: i0.Output, args: ["selectedValueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], loaderVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "loaderVisible", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], allowCustom: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCustom", required: false }] }], closePopupIfDataNotFound: [{ type: i0.Input, args: [{ isSignal: true, alias: "closePopupIfDataNotFound", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], suggest: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggest", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], filterChanged: [{ type: i0.Output, args: ["filterChanged"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }], selectionChanged: [{ type: i0.Output, args: ["selectionChanged"] }], blured: [{ type: i0.Output, args: ["blured"] }], focused: [{ type: i0.Output, args: ["focused"] }], combobox: [{
|
|
2241
2241
|
type: ViewChild,
|
|
2242
2242
|
args: ['combobox']
|
|
@@ -2452,7 +2452,7 @@ class KitToggleComponent {
|
|
|
2452
2452
|
provide: NG_VALUE_ACCESSOR,
|
|
2453
2453
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2454
2454
|
multi: true,
|
|
2455
|
-
}], ngImport: i0, template: "<div class=\"kit-toggle\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n ></kit-input-label>\n }\n\n <div class=\"kit-toggle-wrapper\">\n @if (leftLabel()) {\n <div class=\"toggle-label\">{{ leftLabel() }}</div>\n }\n <kendo-switch [checked]=\"defaultChecked()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n @if (rightLabel()) {\n <div class=\"toggle-label\">{{ rightLabel() }}</div>\n }\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-toggle.regular .kit-toggle-wrapper{padding:0 20px;height:40px;border-radius:8px}.kit-toggle.regular .k-switch{width:44px;height:22px}.kit-toggle.regular .k-switch-thumb{width:18px;height:18px}.kit-toggle.regular .k-switch-off .k-switch-thumb-wrap{left:11px}.kit-toggle.regular .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 11px)}.kit-toggle.small .kit-toggle-wrapper{padding:0 8px;height:32px;border-radius:4px}.kit-toggle.small .k-switch{width:38px;height:20px}.kit-toggle.small .k-switch-thumb{width:16px;height:16px}.kit-toggle.small .k-switch-off .k-switch-thumb-wrap{left:10px}.kit-toggle.small .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 10px)}.kit-toggle .label{display:block;margin-bottom:4px}.kit-toggle-wrapper{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-toggle .toggle-label{color:var(--ui-kit-color-grey-10);font-size:14px}.kit-toggle .k-switch-track{display:flex;align-items:center;
|
|
2455
|
+
}], ngImport: i0, template: "<div class=\"kit-toggle\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n ></kit-input-label>\n }\n\n <div class=\"kit-toggle-wrapper\">\n @if (leftLabel()) {\n <div class=\"toggle-label\">{{ leftLabel() }}</div>\n }\n <kendo-switch [checked]=\"defaultChecked()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n @if (rightLabel()) {\n <div class=\"toggle-label\">{{ rightLabel() }}</div>\n }\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-toggle.regular .kit-toggle-wrapper{padding:0 20px;height:40px;border-radius:8px}.kit-toggle.regular .k-switch{width:44px;height:22px}.kit-toggle.regular .k-switch-thumb{width:18px;height:18px}.kit-toggle.regular .k-switch-off .k-switch-thumb-wrap{left:11px}.kit-toggle.regular .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 11px)}.kit-toggle.small .kit-toggle-wrapper{padding:0 8px;height:32px;border-radius:4px}.kit-toggle.small .k-switch{width:38px;height:20px}.kit-toggle.small .k-switch-thumb{width:16px;height:16px}.kit-toggle.small .k-switch-off .k-switch-thumb-wrap{left:10px}.kit-toggle.small .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 10px)}.kit-toggle .label{display:block;margin-bottom:4px}.kit-toggle-wrapper{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-toggle .toggle-label{color:var(--ui-kit-color-grey-10);font-size:14px}.kit-toggle .k-switch .k-switch-track{width:100%;height:100%}.kit-toggle .k-switch-track{display:flex;align-items:center;box-shadow:none;border:none;border-radius:14px;background:var(--ui-kit-color-grey-12)}.kit-toggle .k-switch-track:hover{box-shadow:none}.kit-toggle .k-switch-thumb{border:none;border-radius:50%;background:var(--ui-kit-color-grey-13);box-shadow:0 2px 4px #00230b33}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{display:none}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-on .k-switch-track{background:var(--ui-kit-color-main)}.kit-toggle .k-disabled{opacity:1}.kit-toggle.disabled .toggle-label{color:var(--ui-kit-color-grey-12)}.kit-toggle.disabled .k-switch-track{background:var(--ui-kit-color-grey-13)}\n"], dependencies: [{ kind: "ngmodule", type: SwitchModule }, { kind: "component", type: i1$2.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2456
2456
|
}
|
|
2457
2457
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
2458
2458
|
type: Component,
|
|
@@ -2465,7 +2465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
2465
2465
|
provide: NG_VALUE_ACCESSOR,
|
|
2466
2466
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2467
2467
|
multi: true,
|
|
2468
|
-
}], template: "<div class=\"kit-toggle\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n ></kit-input-label>\n }\n\n <div class=\"kit-toggle-wrapper\">\n @if (leftLabel()) {\n <div class=\"toggle-label\">{{ leftLabel() }}</div>\n }\n <kendo-switch [checked]=\"defaultChecked()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n @if (rightLabel()) {\n <div class=\"toggle-label\">{{ rightLabel() }}</div>\n }\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-toggle.regular .kit-toggle-wrapper{padding:0 20px;height:40px;border-radius:8px}.kit-toggle.regular .k-switch{width:44px;height:22px}.kit-toggle.regular .k-switch-thumb{width:18px;height:18px}.kit-toggle.regular .k-switch-off .k-switch-thumb-wrap{left:11px}.kit-toggle.regular .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 11px)}.kit-toggle.small .kit-toggle-wrapper{padding:0 8px;height:32px;border-radius:4px}.kit-toggle.small .k-switch{width:38px;height:20px}.kit-toggle.small .k-switch-thumb{width:16px;height:16px}.kit-toggle.small .k-switch-off .k-switch-thumb-wrap{left:10px}.kit-toggle.small .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 10px)}.kit-toggle .label{display:block;margin-bottom:4px}.kit-toggle-wrapper{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-toggle .toggle-label{color:var(--ui-kit-color-grey-10);font-size:14px}.kit-toggle .k-switch-track{display:flex;align-items:center;
|
|
2468
|
+
}], template: "<div class=\"kit-toggle\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n ></kit-input-label>\n }\n\n <div class=\"kit-toggle-wrapper\">\n @if (leftLabel()) {\n <div class=\"toggle-label\">{{ leftLabel() }}</div>\n }\n <kendo-switch [checked]=\"defaultChecked()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n @if (rightLabel()) {\n <div class=\"toggle-label\">{{ rightLabel() }}</div>\n }\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-toggle.regular .kit-toggle-wrapper{padding:0 20px;height:40px;border-radius:8px}.kit-toggle.regular .k-switch{width:44px;height:22px}.kit-toggle.regular .k-switch-thumb{width:18px;height:18px}.kit-toggle.regular .k-switch-off .k-switch-thumb-wrap{left:11px}.kit-toggle.regular .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 11px)}.kit-toggle.small .kit-toggle-wrapper{padding:0 8px;height:32px;border-radius:4px}.kit-toggle.small .k-switch{width:38px;height:20px}.kit-toggle.small .k-switch-thumb{width:16px;height:16px}.kit-toggle.small .k-switch-off .k-switch-thumb-wrap{left:10px}.kit-toggle.small .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 10px)}.kit-toggle .label{display:block;margin-bottom:4px}.kit-toggle-wrapper{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-toggle .toggle-label{color:var(--ui-kit-color-grey-10);font-size:14px}.kit-toggle .k-switch .k-switch-track{width:100%;height:100%}.kit-toggle .k-switch-track{display:flex;align-items:center;box-shadow:none;border:none;border-radius:14px;background:var(--ui-kit-color-grey-12)}.kit-toggle .k-switch-track:hover{box-shadow:none}.kit-toggle .k-switch-thumb{border:none;border-radius:50%;background:var(--ui-kit-color-grey-13);box-shadow:0 2px 4px #00230b33}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{display:none}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-on .k-switch-track{background:var(--ui-kit-color-main)}.kit-toggle .k-disabled{opacity:1}.kit-toggle.disabled .toggle-label{color:var(--ui-kit-color-grey-12)}.kit-toggle.disabled .k-switch-track{background:var(--ui-kit-color-grey-13)}\n"] }]
|
|
2469
2469
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], defaultChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultChecked", required: false }] }, { type: i0.Output, args: ["defaultCheckedChange"] }], leftLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftLabel", required: false }] }], rightLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rightLabel", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
2470
2470
|
|
|
2471
2471
|
const buildRandomUUID = () => v4();
|
|
@@ -2852,7 +2852,7 @@ class KitDaterangeComponent {
|
|
|
2852
2852
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDaterangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2853
2853
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitDaterangeComponent, isStandalone: true, selector: "kit-daterange", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, startLabel: { classPropertyName: "startLabel", publicName: "startLabel", isSignal: true, isRequired: false, transformFunction: null }, endLabel: { classPropertyName: "endLabel", publicName: "endLabel", isSignal: true, isRequired: false, transformFunction: null }, startPlaceholder: { classPropertyName: "startPlaceholder", publicName: "startPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, endPlaceholder: { classPropertyName: "endPlaceholder", publicName: "endPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, defaultStartDate: { classPropertyName: "defaultStartDate", publicName: "defaultStartDate", isSignal: true, isRequired: false, transformFunction: null }, defaultEndDate: { classPropertyName: "defaultEndDate", publicName: "defaultEndDate", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: true, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: true, isRequired: false, transformFunction: null }, startDateControl: { classPropertyName: "startDateControl", publicName: "startDateControl", isSignal: true, isRequired: false, transformFunction: null }, endDateControl: { classPropertyName: "endDateControl", publicName: "endDateControl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { defaultStartDate: "defaultStartDateChange", defaultEndDate: "defaultEndDateChange", disabled: "disabledChange", startDateChanged: "startDateChanged", closed: "closed", endDateChanged: "endDateChanged" }, providers: [
|
|
2854
2854
|
DateRangeService,
|
|
2855
|
-
], viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: DateRangePopupComponent }], ngImport: i0, template: "<div class=\"kit-daterange\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\"\n [ngClass]=\"type()\">\n <button #anchor\n class=\"daterange-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <div class=\"button-text\">{{ label() }}</div>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-daterange class=\"daterange-wrapper\">\n <div class=\"daterange-input-wrapper\">\n @if (startLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"startLabel()\"\n [for]=\"$any(startInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #startInput\n kendoDateRangeStartInput\n [placeholder]=\"startPlaceholder()\"\n [format]=\"format()\"\n [value]=\"startDateControl().value || defaultStartDate()\"\n [min]=\"min()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onStartDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <div class=\"daterange-input-wrapper\">\n @if (endLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"endLabel()\"\n [for]=\"$any(endInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #endInput\n kendoDateRangeEndInput\n [placeholder]=\"endPlaceholder()\"\n [format]=\"format()\"\n [value]=\"endDateControl().value || defaultEndDate()\"\n [max]=\"max()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onEndDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n @if (type() === KitDaterangeType.DEFAULT) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n @if (type() === KitDaterangeType.BUTTON) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n [anchor]=\"$any(anchor)\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n </kendo-daterange>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-input-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.disabled .daterange-button{border-color:var(--ui-kit-color-grey-11);cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button:hover{border-color:var(--ui-kit-color-grey-11)}.kit-daterange.disabled .daterange-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-daterange.disabled .daterange-input-button,.kit-daterange.disabled .daterange-input-button:hover{cursor:default}.kit-daterange.disabled .daterange-input-button .button-icon,.kit-daterange.disabled .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button{display:none;align-items:center;gap:8px;padding:0 12px;width:100%;height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-white);cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:var(--ui-kit-color-grey-10);font-size:14px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .daterange-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-wrapper{display:flex;gap:10px}.kit-daterange .label{display:block;margin-bottom:4px}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-daterange .k-dateinput:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .k-dateinput.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-daterange .k-dateinput.k-focus+.daterange-input-button .button-icon{fill:var(--ui-kit-color-main)}.kit-daterange .k-input-inner{padding:0 36px 0 12px
|
|
2855
|
+
], viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: DateRangePopupComponent }], ngImport: i0, template: "<div class=\"kit-daterange\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\"\n [ngClass]=\"type()\">\n <button #anchor\n class=\"daterange-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <div class=\"button-text\">{{ label() }}</div>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-daterange class=\"daterange-wrapper\">\n <div class=\"daterange-input-wrapper\">\n @if (startLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"startLabel()\"\n [for]=\"$any(startInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #startInput\n kendoDateRangeStartInput\n [placeholder]=\"startPlaceholder()\"\n [format]=\"format()\"\n [value]=\"startDateControl().value || defaultStartDate()\"\n [min]=\"min()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onStartDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <div class=\"daterange-input-wrapper\">\n @if (endLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"endLabel()\"\n [for]=\"$any(endInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #endInput\n kendoDateRangeEndInput\n [placeholder]=\"endPlaceholder()\"\n [format]=\"format()\"\n [value]=\"endDateControl().value || defaultEndDate()\"\n [max]=\"max()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onEndDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n @if (type() === KitDaterangeType.DEFAULT) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n @if (type() === KitDaterangeType.BUTTON) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n [anchor]=\"$any(anchor)\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n </kendo-daterange>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-input-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.disabled .daterange-button{border-color:var(--ui-kit-color-grey-11);cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button:hover{border-color:var(--ui-kit-color-grey-11)}.kit-daterange.disabled .daterange-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-daterange.disabled .daterange-input-button,.kit-daterange.disabled .daterange-input-button:hover{cursor:default}.kit-daterange.disabled .daterange-input-button .button-icon,.kit-daterange.disabled .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button{display:none;align-items:center;gap:8px;padding:0 12px;width:100%;height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-white);cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:var(--ui-kit-color-grey-10);font-size:14px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .daterange-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-wrapper{display:flex;gap:10px}.kit-daterange .label{display:block;margin-bottom:4px}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-daterange .k-dateinput:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .k-dateinput.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-daterange .k-dateinput.k-focus+.daterange-input-button .button-icon{fill:var(--ui-kit-color-main)}.kit-daterange .k-input:focus-within{box-shadow:none}.kit-daterange .k-input .k-input-inner{padding:0 36px 0 12px}.kit-daterange .k-input-inner{width:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-10)}.kit-daterange .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-daterange .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i1$4.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i1$4.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i1$4.DateRangeComponent, selector: "kendo-daterange", inputs: ["size"] }, { kind: "component", type: i1$4.DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["showCalendarHeader", "focusedDate", "disabledDates", "activeView", "bottomView", "topView", "min", "max", "allowReverse", "animateNavigation", "disabled", "views", "weekNumber", "animate", "anchor", "anchorAlign", "showViewHeader", "showOtherMonthDays", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }, { kind: "directive", type: i1$4.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2856
2856
|
}
|
|
2857
2857
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDaterangeComponent, decorators: [{
|
|
2858
2858
|
type: Component,
|
|
@@ -2864,7 +2864,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
2864
2864
|
NgClass,
|
|
2865
2865
|
], providers: [
|
|
2866
2866
|
DateRangeService,
|
|
2867
|
-
], template: "<div class=\"kit-daterange\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\"\n [ngClass]=\"type()\">\n <button #anchor\n class=\"daterange-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <div class=\"button-text\">{{ label() }}</div>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-daterange class=\"daterange-wrapper\">\n <div class=\"daterange-input-wrapper\">\n @if (startLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"startLabel()\"\n [for]=\"$any(startInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #startInput\n kendoDateRangeStartInput\n [placeholder]=\"startPlaceholder()\"\n [format]=\"format()\"\n [value]=\"startDateControl().value || defaultStartDate()\"\n [min]=\"min()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onStartDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <div class=\"daterange-input-wrapper\">\n @if (endLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"endLabel()\"\n [for]=\"$any(endInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #endInput\n kendoDateRangeEndInput\n [placeholder]=\"endPlaceholder()\"\n [format]=\"format()\"\n [value]=\"endDateControl().value || defaultEndDate()\"\n [max]=\"max()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onEndDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n @if (type() === KitDaterangeType.DEFAULT) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n @if (type() === KitDaterangeType.BUTTON) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n [anchor]=\"$any(anchor)\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n </kendo-daterange>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-input-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.disabled .daterange-button{border-color:var(--ui-kit-color-grey-11);cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button:hover{border-color:var(--ui-kit-color-grey-11)}.kit-daterange.disabled .daterange-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-daterange.disabled .daterange-input-button,.kit-daterange.disabled .daterange-input-button:hover{cursor:default}.kit-daterange.disabled .daterange-input-button .button-icon,.kit-daterange.disabled .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button{display:none;align-items:center;gap:8px;padding:0 12px;width:100%;height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-white);cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:var(--ui-kit-color-grey-10);font-size:14px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .daterange-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-wrapper{display:flex;gap:10px}.kit-daterange .label{display:block;margin-bottom:4px}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-daterange .k-dateinput:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .k-dateinput.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-daterange .k-dateinput.k-focus+.daterange-input-button .button-icon{fill:var(--ui-kit-color-main)}.kit-daterange .k-input-inner{padding:0 36px 0 12px
|
|
2867
|
+
], template: "<div class=\"kit-daterange\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\"\n [ngClass]=\"type()\">\n <button #anchor\n class=\"daterange-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <div class=\"button-text\">{{ label() }}</div>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-daterange class=\"daterange-wrapper\">\n <div class=\"daterange-input-wrapper\">\n @if (startLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"startLabel()\"\n [for]=\"$any(startInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #startInput\n kendoDateRangeStartInput\n [placeholder]=\"startPlaceholder()\"\n [format]=\"format()\"\n [value]=\"startDateControl().value || defaultStartDate()\"\n [min]=\"min()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onStartDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <div class=\"daterange-input-wrapper\">\n @if (endLabel()) {\n <kit-input-label class=\"label\"\n [text]=\"endLabel()\"\n [for]=\"$any(endInput)\"\n ></kit-input-label>\n }\n <div class=\"daterange-input\">\n <kendo-dateinput #endInput\n kendoDateRangeEndInput\n [placeholder]=\"endPlaceholder()\"\n [format]=\"format()\"\n [value]=\"endDateControl().value || defaultEndDate()\"\n [max]=\"max()\"\n [disabled]=\"disabled()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onEndDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n [disabled]=\"disabled()\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n @if (type() === KitDaterangeType.DEFAULT) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n @if (type() === KitDaterangeType.BUTTON) {\n <kendo-daterange-popup #popup\n appendTo=\"component\"\n [anchor]=\"$any(anchor)\"\n (close)=\"onClose()\"\n ></kendo-daterange-popup>\n }\n </kendo-daterange>\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-daterange.invalid .daterange-input-button .button-icon{fill:var(--ui-kit-color-red-1)}.kit-daterange.disabled .daterange-button{border-color:var(--ui-kit-color-grey-11);cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .daterange-button:hover{border-color:var(--ui-kit-color-grey-11)}.kit-daterange.disabled .daterange-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-daterange.disabled .daterange-input-button,.kit-daterange.disabled .daterange-input-button:hover{cursor:default}.kit-daterange.disabled .daterange-input-button .button-icon,.kit-daterange.disabled .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button{display:none;align-items:center;gap:8px;padding:0 12px;width:100%;height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-white);cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:var(--ui-kit-color-grey-10);font-size:14px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .daterange-button:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .daterange-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-wrapper{display:flex;gap:10px}.kit-daterange .label{display:block;margin-bottom:4px}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-daterange .k-dateinput:hover{border-color:var(--ui-kit-color-hover)}.kit-daterange .k-dateinput.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-daterange .k-dateinput.k-focus+.daterange-input-button .button-icon{fill:var(--ui-kit-color-main)}.kit-daterange .k-input:focus-within{box-shadow:none}.kit-daterange .k-input .k-input-inner{padding:0 36px 0 12px}.kit-daterange .k-input-inner{width:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-10)}.kit-daterange .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-daterange .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"] }]
|
|
2868
2868
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], startLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "startLabel", required: false }] }], endLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "endLabel", required: false }] }], startPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "startPlaceholder", required: false }] }], endPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "endPlaceholder", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], defaultStartDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultStartDate", required: false }] }, { type: i0.Output, args: ["defaultStartDateChange"] }], defaultEndDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultEndDate", required: false }] }, { type: i0.Output, args: ["defaultEndDateChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], startDateControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "startDateControl", required: false }] }], endDateControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "endDateControl", required: false }] }], startDateChanged: [{ type: i0.Output, args: ["startDateChanged"] }], closed: [{ type: i0.Output, args: ["closed"] }], endDateChanged: [{ type: i0.Output, args: ["endDateChanged"] }], popup: [{
|
|
2869
2869
|
type: ViewChild,
|
|
2870
2870
|
args: ['popup', { read: DateRangePopupComponent }]
|
|
@@ -3718,7 +3718,7 @@ class KitTimepickerComponent {
|
|
|
3718
3718
|
provide: NG_VALUE_ACCESSOR,
|
|
3719
3719
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
3720
3720
|
multi: true,
|
|
3721
|
-
}], viewQueries: [{ propertyName: "kendoTimepicker", first: true, predicate: TimePickerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label()\"\n [placeholder]=\"placeholder()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [format]=\"longFormatEnabled() && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-
|
|
3721
|
+
}], viewQueries: [{ propertyName: "kendoTimepicker", first: true, predicate: TimePickerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label()\"\n [placeholder]=\"placeholder()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [format]=\"longFormatEnabled() && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-input{box-shadow:none}.kit-timepicker .k-input .k-input-inner{padding:0 0 0 12px}.kit-timepicker .k-input-inner{color:var(--ui-kit-color-grey-10);line-height:1}.kit-timepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-timepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker .k-input-button{padding:0 8px;width:auto;color:var(--ui-kit-color-grey-12);border:none;background:none;transition:none}.kit-timepicker .k-input-button .k-button-icon{width:20px;height:20px}.kit-timepicker .k-input-button:hover{color:var(--ui-kit-color-hover)}.kit-timepicker.disabled .k-timepicker{border-color:var(--ui-kit-color-grey-12)}.kit-timepicker.disabled .k-input-inner,.kit-timepicker.disabled .k-input-button{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-timepicker.invalid .k-timepicker{border-color:var(--ui-kit-color-red-1)}.kit-timepicker.invalid .k-input-button{color:var(--ui-kit-color-red-1)}.kit-timepicker-popup.k-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-timepicker-popup.k-popup .k-time-header .k-title,.kit-timepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-timepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-timepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-timepicker-popup.k-popup .k-time-list-wrapper:before,.kit-timepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-timepicker-popup.k-popup .k-time-list:before,.kit-timepicker-popup.k-popup .k-time-list:after{display:none}.kit-timepicker-popup.k-popup .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400;line-height:22px}.kit-timepicker-popup.k-popup .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-timepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-timepicker-popup.k-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-timepicker-popup.k-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}.kit-timepicker-popup.k-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;justify-content:flex-start;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button{padding:0 19px;height:32px;width:auto;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}\n"], dependencies: [{ kind: "ngmodule", type: TimePickerModule }, { kind: "component", type: i1$4.TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }, { kind: "component", type: i1$4.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3722
3722
|
}
|
|
3723
3723
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTimepickerComponent, decorators: [{
|
|
3724
3724
|
type: Component,
|
|
@@ -3731,7 +3731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
3731
3731
|
KitInputLabelComponent,
|
|
3732
3732
|
DateTimePickerModule,
|
|
3733
3733
|
KitInputMessageComponent,
|
|
3734
|
-
], template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label()\"\n [placeholder]=\"placeholder()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [format]=\"longFormatEnabled() && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-
|
|
3734
|
+
], template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label()\"\n [placeholder]=\"placeholder()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [format]=\"longFormatEnabled() && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-input{box-shadow:none}.kit-timepicker .k-input .k-input-inner{padding:0 0 0 12px}.kit-timepicker .k-input-inner{color:var(--ui-kit-color-grey-10);line-height:1}.kit-timepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-timepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker .k-input-button{padding:0 8px;width:auto;color:var(--ui-kit-color-grey-12);border:none;background:none;transition:none}.kit-timepicker .k-input-button .k-button-icon{width:20px;height:20px}.kit-timepicker .k-input-button:hover{color:var(--ui-kit-color-hover)}.kit-timepicker.disabled .k-timepicker{border-color:var(--ui-kit-color-grey-12)}.kit-timepicker.disabled .k-input-inner,.kit-timepicker.disabled .k-input-button{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-timepicker.invalid .k-timepicker{border-color:var(--ui-kit-color-red-1)}.kit-timepicker.invalid .k-input-button{color:var(--ui-kit-color-red-1)}.kit-timepicker-popup.k-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-timepicker-popup.k-popup .k-time-header .k-title,.kit-timepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-timepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-timepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-timepicker-popup.k-popup .k-time-list-wrapper:before,.kit-timepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-timepicker-popup.k-popup .k-time-list:before,.kit-timepicker-popup.k-popup .k-time-list:after{display:none}.kit-timepicker-popup.k-popup .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400;line-height:22px}.kit-timepicker-popup.k-popup .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-timepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-timepicker-popup.k-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-timepicker-popup.k-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}.kit-timepicker-popup.k-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;justify-content:flex-start;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button{padding:0 19px;height:32px;width:auto;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}\n"] }]
|
|
3735
3735
|
}], propDecorators: { kendoTimepicker: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TimePickerComponent), { isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], longFormatEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "longFormatEnabled", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], applyButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyButtonText", required: false }] }], cancelButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButtonText", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], popupOpened: [{ type: i0.Output, args: ["popupOpened"] }], popupClosed: [{ type: i0.Output, args: ["popupClosed"] }], changed: [{ type: i0.Output, args: ["changed"] }], blured: [{ type: i0.Output, args: ["blured"] }] } });
|
|
3736
3736
|
|
|
3737
3737
|
var KitSkeletonShape;
|
|
@@ -4392,7 +4392,7 @@ class KitMultiselectComponent {
|
|
|
4392
4392
|
provide: NG_VALUE_ACCESSOR,
|
|
4393
4393
|
useExisting: forwardRef(() => KitMultiselectComponent),
|
|
4394
4394
|
multi: true,
|
|
4395
|
-
}], viewQueries: [{ propertyName: "multiselect", first: true, predicate: MultiSelectComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [ngClass]=\"size()\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [autoClose]=\"autoClose\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{
|
|
4395
|
+
}], viewQueries: [{ propertyName: "multiselect", first: true, predicate: MultiSelectComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [ngClass]=\"size()\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [autoClose]=\"autoClose\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input .k-input-inner{padding:0}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:12px;height:12px;opacity:0}.kit-multiselect .k-chip-action{display:flex;padding:0;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:12px;height:12px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:12px;height:12px}.kit-multiselect .k-chip:has(.chip-text.all-option){display:flex}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect.all-option-selected .k-chip{display:none}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}.kit-multiselect-popup .k-checkbox{background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);margin-right:4px}.kit-multiselect-popup .k-checkbox:checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i1$3.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i1$3.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4396
4396
|
}
|
|
4397
4397
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitMultiselectComponent, decorators: [{
|
|
4398
4398
|
type: Component,
|
|
@@ -4409,7 +4409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
4409
4409
|
KitInputMessageComponent,
|
|
4410
4410
|
KitInputLabelComponent,
|
|
4411
4411
|
NgClass,
|
|
4412
|
-
], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [ngClass]=\"size()\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [autoClose]=\"autoClose\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{
|
|
4412
|
+
], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [ngClass]=\"size()\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"buildPopupSettings()\"\n [tagMapper]=\"tagMapper()\"\n [autoClose]=\"autoClose\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-multiselect.small{min-height:30px;border-radius:4px}.kit-multiselect .k-multiselect.small .k-input-values{padding:5px 7px}.kit-multiselect .k-multiselect.small .k-chip{height:20px;border-radius:4px}.kit-multiselect .k-multiselect.default{min-height:40px;border-radius:8px}.kit-multiselect .k-multiselect.default .k-input-values{padding:7px 12px}.kit-multiselect .k-multiselect.default .k-chip{height:24px;border-radius:8px}.kit-multiselect .k-input .k-input-inner{padding:0}.kit-multiselect .k-input-values{gap:8px}.kit-multiselect .k-input-inner{font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:12px;height:12px;opacity:0}.kit-multiselect .k-chip-action{display:flex;padding:0;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:12px;height:12px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:12px;height:12px}.kit-multiselect .k-chip:has(.chip-text.all-option){display:flex}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect.all-option-selected .k-chip{display:none}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}.kit-multiselect-popup .k-checkbox{background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);margin-right:4px}.kit-multiselect-popup .k-checkbox:checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}\n"] }]
|
|
4413
4413
|
}], propDecorators: { items: [{
|
|
4414
4414
|
type: Input
|
|
4415
4415
|
}], selectedItems: [{
|
|
@@ -4541,7 +4541,7 @@ class KitDatepickerComponent {
|
|
|
4541
4541
|
provide: NG_VALUE_ACCESSOR,
|
|
4542
4542
|
useExisting: forwardRef(() => KitDatepickerComponent),
|
|
4543
4543
|
multi: true,
|
|
4544
|
-
}], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datepicker\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datepicker)\"\n ></kit-input-label>\n }\n\n <div class=\"kit-datepicker-input\">\n <kendo-datepicker #datepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [format]=\"format()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [popupSettings]=\"datepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [focusedDate]=\"defaultDate()\"\n [readonly]=\"readonly()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onValueChange($event)\"\n ></kendo-datepicker>\n <button class=\"toggle-btn\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"calendarIcon\"\n ></kit-svg-icon>\n </button>\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-datepicker.regular .k-datepicker{height:40px;border-radius:8px}.kit-datepicker.regular .k-input-inner{padding:0 12px}.kit-datepicker.small .k-datepicker{height:32px;border-radius:4px}.kit-datepicker.small .k-input-inner{padding:0 8px}.kit-datepicker .label{display:block;margin-bottom:4px}.kit-datepicker-input{position:relative}.kit-datepicker .k-input-button{display:none}.kit-datepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-datepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datepicker:hover .k-datepicker{border-color:var(--ui-kit-color-hover)}.kit-datepicker .k-datepicker{height:40px;width:100%;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white);box-shadow:none}.kit-datepicker .k-datepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datepicker .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datepicker .k-input{width:100%}.kit-datepicker .k-input-inner{padding:0 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-datepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datepicker.disabled .k-datepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datepicker.disabled .toggle-btn{cursor:default}.kit-datepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly .k-datepicker.k-focus{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-datepicker.readonly .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly:hover .k-datepicker{border-color:var(--ui-kit-color-grey-11)}.kit-datepicker.readonly .toggle-btn{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i1$4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4544
|
+
}], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datepicker\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datepicker)\"\n ></kit-input-label>\n }\n\n <div class=\"kit-datepicker-input\">\n <kendo-datepicker #datepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [format]=\"format()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [popupSettings]=\"datepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [focusedDate]=\"defaultDate()\"\n [readonly]=\"readonly()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onValueChange($event)\"\n ></kendo-datepicker>\n <button class=\"toggle-btn\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"calendarIcon\"\n ></kit-svg-icon>\n </button>\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-datepicker.regular .k-datepicker{height:40px;border-radius:8px}.kit-datepicker.regular .k-input-inner{padding:0 12px}.kit-datepicker.small .k-datepicker{height:32px;border-radius:4px}.kit-datepicker.small .k-input-inner{padding:0 8px}.kit-datepicker .label{display:block;margin-bottom:4px}.kit-datepicker-input{position:relative}.kit-datepicker .k-input-button{display:none}.kit-datepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-datepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datepicker:hover .k-datepicker{border-color:var(--ui-kit-color-hover)}.kit-datepicker .k-datepicker{height:40px;width:100%;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white);box-shadow:none}.kit-datepicker .k-datepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datepicker .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datepicker .k-input{width:100%}.kit-datepicker .k-input:focus-within{box-shadow:none}.kit-datepicker .k-input-inner{padding:0 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-datepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datepicker.disabled .k-datepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datepicker.disabled .toggle-btn{cursor:default}.kit-datepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly .k-datepicker.k-focus{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-datepicker.readonly .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly:hover .k-datepicker{border-color:var(--ui-kit-color-grey-11)}.kit-datepicker.readonly .toggle-btn{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i1$4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4545
4545
|
}
|
|
4546
4546
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDatepickerComponent, decorators: [{
|
|
4547
4547
|
type: Component,
|
|
@@ -4555,7 +4555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
4555
4555
|
KitInputMessageComponent,
|
|
4556
4556
|
KitSvgIconComponent,
|
|
4557
4557
|
NgClass,
|
|
4558
|
-
], template: "<div class=\"kit-datepicker\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datepicker)\"\n ></kit-input-label>\n }\n\n <div class=\"kit-datepicker-input\">\n <kendo-datepicker #datepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [format]=\"format()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [popupSettings]=\"datepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [focusedDate]=\"defaultDate()\"\n [readonly]=\"readonly()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onValueChange($event)\"\n ></kendo-datepicker>\n <button class=\"toggle-btn\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"calendarIcon\"\n ></kit-svg-icon>\n </button>\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-datepicker.regular .k-datepicker{height:40px;border-radius:8px}.kit-datepicker.regular .k-input-inner{padding:0 12px}.kit-datepicker.small .k-datepicker{height:32px;border-radius:4px}.kit-datepicker.small .k-input-inner{padding:0 8px}.kit-datepicker .label{display:block;margin-bottom:4px}.kit-datepicker-input{position:relative}.kit-datepicker .k-input-button{display:none}.kit-datepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-datepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datepicker:hover .k-datepicker{border-color:var(--ui-kit-color-hover)}.kit-datepicker .k-datepicker{height:40px;width:100%;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white);box-shadow:none}.kit-datepicker .k-datepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datepicker .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datepicker .k-input{width:100%}.kit-datepicker .k-input-inner{padding:0 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-datepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datepicker.disabled .k-datepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datepicker.disabled .toggle-btn{cursor:default}.kit-datepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly .k-datepicker.k-focus{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-datepicker.readonly .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly:hover .k-datepicker{border-color:var(--ui-kit-color-grey-11)}.kit-datepicker.readonly .toggle-btn{pointer-events:none}\n"] }]
|
|
4558
|
+
], template: "<div class=\"kit-datepicker\"\n [ngClass]=\"size()\"\n [class.disabled]=\"disabled()\"\n [class.readonly]=\"readonly()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [tooltip]=\"labelTooltip()\"\n [for]=\"$any(datepicker)\"\n ></kit-input-label>\n }\n\n <div class=\"kit-datepicker-input\">\n <kendo-datepicker #datepicker\n calendarType=\"classic\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [format]=\"format()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [popupSettings]=\"datepickerPopupSettings\"\n [value]=\"defaultDate()\"\n [focusedDate]=\"defaultDate()\"\n [readonly]=\"readonly()\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onValueChange($event)\"\n ></kendo-datepicker>\n <button class=\"toggle-btn\"\n (click)=\"onPopupToggle()\">\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"calendarIcon\"\n ></kit-svg-icon>\n </button>\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-datepicker.regular .k-datepicker{height:40px;border-radius:8px}.kit-datepicker.regular .k-input-inner{padding:0 12px}.kit-datepicker.small .k-datepicker{height:32px;border-radius:4px}.kit-datepicker.small .k-input-inner{padding:0 8px}.kit-datepicker .label{display:block;margin-bottom:4px}.kit-datepicker-input{position:relative}.kit-datepicker .k-input-button{display:none}.kit-datepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-datepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datepicker:hover .k-datepicker{border-color:var(--ui-kit-color-hover)}.kit-datepicker .k-datepicker{height:40px;width:100%;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white);box-shadow:none}.kit-datepicker .k-datepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datepicker .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datepicker .k-input{width:100%}.kit-datepicker .k-input:focus-within{box-shadow:none}.kit-datepicker .k-input-inner{padding:0 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-datepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datepicker.disabled .k-datepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datepicker.disabled .toggle-btn{cursor:default}.kit-datepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly .k-datepicker.k-focus{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-datepicker.readonly .k-datepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datepicker.readonly:hover .k-datepicker{border-color:var(--ui-kit-color-grey-11)}.kit-datepicker.readonly .toggle-btn{pointer-events:none}\n"] }]
|
|
4559
4559
|
}], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelTooltip", required: false }] }], defaultDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultDate", required: false }] }, { type: i0.Output, args: ["defaultDateChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], datepicker: [{
|
|
4560
4560
|
type: ViewChild,
|
|
4561
4561
|
args: ['datepicker']
|
|
@@ -5707,6 +5707,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
5707
5707
|
}]
|
|
5708
5708
|
}] });
|
|
5709
5709
|
|
|
5710
|
+
class KitEntitySectionEditableActionsTemplateDirective {
|
|
5711
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionEditableActionsTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5712
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: KitEntitySectionEditableActionsTemplateDirective, isStandalone: true, selector: "[kitEntitySectionEditableActionsTemplate]", ngImport: i0 }); }
|
|
5713
|
+
}
|
|
5714
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionEditableActionsTemplateDirective, decorators: [{
|
|
5715
|
+
type: Directive,
|
|
5716
|
+
args: [{
|
|
5717
|
+
selector: '[kitEntitySectionEditableActionsTemplate]',
|
|
5718
|
+
}]
|
|
5719
|
+
}] });
|
|
5720
|
+
|
|
5710
5721
|
class KitEntitySectionEditableComponent {
|
|
5711
5722
|
constructor() {
|
|
5712
5723
|
this.mode = model(KitEntitySectionEditableMode.View, ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
@@ -5719,6 +5730,7 @@ class KitEntitySectionEditableComponent {
|
|
|
5719
5730
|
this.saveButtonClicked = output();
|
|
5720
5731
|
this.viewTemplate = contentChild(KitEntitySectionEditableViewTemplateDirective, { ...(ngDevMode ? { debugName: "viewTemplate" } : {}), read: TemplateRef });
|
|
5721
5732
|
this.editTemplate = contentChild(KitEntitySectionEditableEditTemplateDirective, { ...(ngDevMode ? { debugName: "editTemplate" } : {}), read: TemplateRef });
|
|
5733
|
+
this.actionsTemplate = contentChild(KitEntitySectionEditableActionsTemplateDirective, { ...(ngDevMode ? { debugName: "actionsTemplate" } : {}), read: TemplateRef });
|
|
5722
5734
|
this.isAddMode = computed(() => this.mode() === KitEntitySectionEditableMode.Add, ...(ngDevMode ? [{ debugName: "isAddMode" }] : []));
|
|
5723
5735
|
this.isViewMode = computed(() => this.mode() === KitEntitySectionEditableMode.View, ...(ngDevMode ? [{ debugName: "isViewMode" }] : []));
|
|
5724
5736
|
this.isEditMode = computed(() => this.mode() === KitEntitySectionEditableMode.Edit, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
|
|
@@ -5743,7 +5755,7 @@ class KitEntitySectionEditableComponent {
|
|
|
5743
5755
|
this.saveButtonClicked.emit();
|
|
5744
5756
|
}
|
|
5745
5757
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionEditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5746
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitEntitySectionEditableComponent, isStandalone: true, selector: "kit-entity-section-editable", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, editButtonDisabled: { classPropertyName: "editButtonDisabled", publicName: "editButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, saveButtonDisabled: { classPropertyName: "saveButtonDisabled", publicName: "saveButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, hasCancelButton: { classPropertyName: "hasCancelButton", publicName: "hasCancelButton", isSignal: true, isRequired: false, transformFunction: null }, changeModeOnSave: { classPropertyName: "changeModeOnSave", publicName: "changeModeOnSave", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", saveButtonClicked: "saveButtonClicked" }, queries: [{ propertyName: "viewTemplate", first: true, predicate: KitEntitySectionEditableViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "editTemplate", first: true, predicate: KitEntitySectionEditableEditTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"], dependencies: [{ kind: "component", type: KitEntitySectionComponent, selector: "kit-entity-section" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5758
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitEntitySectionEditableComponent, isStandalone: true, selector: "kit-entity-section-editable", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, editButtonDisabled: { classPropertyName: "editButtonDisabled", publicName: "editButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, saveButtonDisabled: { classPropertyName: "saveButtonDisabled", publicName: "saveButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, hasCancelButton: { classPropertyName: "hasCancelButton", publicName: "hasCancelButton", isSignal: true, isRequired: false, transformFunction: null }, changeModeOnSave: { classPropertyName: "changeModeOnSave", publicName: "changeModeOnSave", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", saveButtonClicked: "saveButtonClicked" }, queries: [{ propertyName: "viewTemplate", first: true, predicate: KitEntitySectionEditableViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "editTemplate", first: true, predicate: KitEntitySectionEditableEditTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: KitEntitySectionEditableActionsTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"], dependencies: [{ kind: "component", type: KitEntitySectionComponent, selector: "kit-entity-section" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5747
5759
|
}
|
|
5748
5760
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionEditableComponent, decorators: [{
|
|
5749
5761
|
type: Component,
|
|
@@ -5752,8 +5764,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
5752
5764
|
KitButtonComponent,
|
|
5753
5765
|
TranslatePipe,
|
|
5754
5766
|
NgTemplateOutlet,
|
|
5755
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"] }]
|
|
5756
|
-
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], editButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "editButtonDisabled", required: false }] }], saveButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveButtonDisabled", required: false }] }], hasCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCancelButton", required: false }] }], changeModeOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeModeOnSave", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], saveButtonClicked: [{ type: i0.Output, args: ["saveButtonClicked"] }], viewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], editTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableEditTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
5767
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"editButtonDisabled()\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"] }]
|
|
5768
|
+
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], editButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "editButtonDisabled", required: false }] }], saveButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveButtonDisabled", required: false }] }], hasCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCancelButton", required: false }] }], changeModeOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeModeOnSave", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], saveButtonClicked: [{ type: i0.Output, args: ["saveButtonClicked"] }], viewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], editTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableEditTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableActionsTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
5757
5769
|
|
|
5758
5770
|
class KitEntitySectionContainerComponent {
|
|
5759
5771
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -7474,10 +7486,13 @@ const kitFetchExportGridData = ({ fetchAction, fetchIndexAction, sort, filter, s
|
|
|
7474
7486
|
}
|
|
7475
7487
|
return fetchAction(0, total, kitBuildSortString(sort, columns), kitBuildOdataFilter(kitBuildFilters(filter)));
|
|
7476
7488
|
};
|
|
7477
|
-
const
|
|
7478
|
-
|
|
7479
|
-
|
|
7480
|
-
|
|
7489
|
+
const kitShouldResetGridState = ({ stateColumns, availableColumns, }) => {
|
|
7490
|
+
if (!stateColumns.length) {
|
|
7491
|
+
return true;
|
|
7492
|
+
}
|
|
7493
|
+
const stateTitles = stateColumns.filter(col => !col.hiddenInGrid).map(col => col.title);
|
|
7494
|
+
const availableTitles = new Set(availableColumns.filter(col => !col.hiddenInGrid).map(col => col.title));
|
|
7495
|
+
return !stateTitles.every(field => availableTitles.has(field));
|
|
7481
7496
|
};
|
|
7482
7497
|
|
|
7483
7498
|
var KitGridViewType;
|
|
@@ -9818,8 +9833,10 @@ class KitEntityGridComponent {
|
|
|
9818
9833
|
});
|
|
9819
9834
|
}
|
|
9820
9835
|
ngOnInit() {
|
|
9821
|
-
|
|
9822
|
-
|
|
9836
|
+
const stateColumns = this.gridState().columns;
|
|
9837
|
+
const availableColumns = this.gridColumns();
|
|
9838
|
+
if (kitShouldResetGridState({ stateColumns, availableColumns })) {
|
|
9839
|
+
this.store.dispatch(new StateReset(KitGridState, ...this.statesToReset()));
|
|
9823
9840
|
}
|
|
9824
9841
|
}
|
|
9825
9842
|
onPageSizeChanged(event) {
|
|
@@ -10682,6 +10699,10 @@ class KitCardDetailsComponent {
|
|
|
10682
10699
|
this.cardData$ = input.required(...(ngDevMode ? [{ debugName: "cardData$" }] : []));
|
|
10683
10700
|
this.pageSize = input.required(...(ngDevMode ? [{ debugName: "pageSize" }] : []));
|
|
10684
10701
|
this.title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
10702
|
+
this.kitCardSkeletonConfig = input({
|
|
10703
|
+
itemHeight: 200,
|
|
10704
|
+
itemsCount: 3,
|
|
10705
|
+
}, ...(ngDevMode ? [{ debugName: "kitCardSkeletonConfig" }] : []));
|
|
10685
10706
|
this.dataStateChanged = output();
|
|
10686
10707
|
this.cardClicked = output();
|
|
10687
10708
|
this.kitTextboxComponent = viewChild.required(KitTextboxComponent);
|
|
@@ -10910,7 +10931,7 @@ class KitCardDetailsComponent {
|
|
|
10910
10931
|
});
|
|
10911
10932
|
}
|
|
10912
10933
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitCardDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitCardDetailsComponent, isStandalone: true, selector: "kit-card-details", inputs: { cardData$: { classPropertyName: "cardData$", publicName: "cardData$", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dataStateChanged: "dataStateChanged", cardClicked: "cardClicked" }, queries: [{ propertyName: "cardElement", first: true, predicate: ["cardElement"], descendants: true, isSignal: true }, { propertyName: "headerActions", first: true, predicate: ["headerActions"], descendants: true, isSignal: true }, { propertyName: "details", first: true, predicate: ["details"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "kitTextboxComponent", first: true, predicate: KitTextboxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-card-details\">\n <div class=\"header\">\n <kit-entity-title class=\"title\">\n {{ title() }}\n </kit-entity-title>\n <ng-container *ngTemplateOutlet=\"headerActions()\" />\n </div>\n\n <div class=\"content\">\n <div class=\"left-panel\">\n <div class=\"textbox-wrapper\">\n <kit-textbox class=\"search-textbox\"\n [placeholder]=\"'kit.search.placeholder' | translate\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [clearButton]=\"true\"\n [showStateIcon]=\"false\" />\n </div>\n\n <div class=\"cards\">\n @if (cardData$() | async; as cards) {\n @if (cards.loading) {\n @for (_ of [
|
|
10934
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitCardDetailsComponent, isStandalone: true, selector: "kit-card-details", inputs: { cardData$: { classPropertyName: "cardData$", publicName: "cardData$", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, kitCardSkeletonConfig: { classPropertyName: "kitCardSkeletonConfig", publicName: "kitCardSkeletonConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataStateChanged: "dataStateChanged", cardClicked: "cardClicked" }, queries: [{ propertyName: "cardElement", first: true, predicate: ["cardElement"], descendants: true, isSignal: true }, { propertyName: "headerActions", first: true, predicate: ["headerActions"], descendants: true, isSignal: true }, { propertyName: "details", first: true, predicate: ["details"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "kitTextboxComponent", first: true, predicate: KitTextboxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-card-details\">\n <div class=\"header\">\n <kit-entity-title class=\"title\">\n {{ title() }}\n </kit-entity-title>\n <ng-container *ngTemplateOutlet=\"headerActions()\" />\n </div>\n\n <div class=\"content\">\n <div class=\"left-panel\">\n <div class=\"textbox-wrapper\">\n <kit-textbox class=\"search-textbox\"\n [placeholder]=\"'kit.search.placeholder' | translate\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [clearButton]=\"true\"\n [showStateIcon]=\"false\" />\n </div>\n\n <div class=\"cards\">\n @if (cardData$() | async; as cards) {\n @if (cards.loading) {\n @if (kitCardSkeletonConfig(); as config) {\n @for (_ of [].constructor(config.itemsCount); track $index) {\n <kit-skeleton [width]=\"'100%'\"\n [height]=\"config.itemHeight\" />\n }\n }\n } @else {\n @if (cardData().length === 0 && newCreatedCards().length === 0 && !isLoading()) {\n <kit-empty-section [text]=\"'kit.common.noData' | translate\" />\n } @else {\n @for (card of cardData(); track $index) {\n <div class=\"card\"\n [attr.data-card-id]=\"card.id\"\n [class.active]=\"dataState().activeId === (card.id).toString()\"\n (click)=\"onCardClick(card)\">\n <ng-container *ngTemplateOutlet=\"cardElement(); context: { $implicit: card }\" />\n </div>\n }\n\n @if (cardData().length && (total() > cardData().length)) {\n <kit-button class=\"load-more-btn\"\n [label]=\"'kit.common.loadMore' | translate\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"isLoading() ? kitSvgIcon.RELOAD : kitSvgIcon.CHEVRON_DOWN\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"isLoading()\"\n (clicked)=\"loadMoreData()\" />\n }\n }\n }\n }\n </div>\n </div>\n\n @if (showDetails) {\n <div class=\"details\">\n <ng-container *ngTemplateOutlet=\"details(); context: { $implicit: dataState().activeId }\" />\n </div>\n }\n </div>\n</div>\n", styles: [".kit-card-details{height:calc(100vh - var(--ui-kit-header-height) - 50px)}.kit-card-details .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.kit-card-details .content{display:flex;gap:10px;height:calc(100% - 50px)}.kit-card-details .left-panel{width:25%}.kit-card-details .left-panel .textbox-wrapper{margin-right:10px;margin-bottom:20px}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox .k-textbox{background-color:var(--ui-kit-color-white)}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox .k-svg-i-x.k-svg-icon{background-image:none}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox.disabled .k-input-inner{background-color:var(--ui-kit-color-grey-13)}.kit-card-details .left-panel .cards{overflow:hidden auto;padding-right:10px;display:flex;flex-direction:column;gap:10px;height:calc(100% - 60px)}.kit-card-details .left-panel .cards .card{background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-grey-11);border-radius:8px;padding:8px 10px;cursor:pointer}.kit-card-details .left-panel .cards .card.active{border-color:var(--ui-kit-color-main)}.kit-card-details .left-panel .cards .load-more-btn{margin:10px auto auto}.kit-card-details .details{overflow:hidden auto;flex:1;min-width:0;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;padding:20px;height:100%}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitEmptySectionComponent, selector: "kit-empty-section", inputs: ["text"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10914
10935
|
}
|
|
10915
10936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitCardDetailsComponent, decorators: [{
|
|
10916
10937
|
type: Component,
|
|
@@ -10923,8 +10944,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
10923
10944
|
KitTextboxComponent,
|
|
10924
10945
|
NgTemplateOutlet,
|
|
10925
10946
|
KitEntityTitleComponent,
|
|
10926
|
-
], template: "<div class=\"kit-card-details\">\n <div class=\"header\">\n <kit-entity-title class=\"title\">\n {{ title() }}\n </kit-entity-title>\n <ng-container *ngTemplateOutlet=\"headerActions()\" />\n </div>\n\n <div class=\"content\">\n <div class=\"left-panel\">\n <div class=\"textbox-wrapper\">\n <kit-textbox class=\"search-textbox\"\n [placeholder]=\"'kit.search.placeholder' | translate\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [clearButton]=\"true\"\n [showStateIcon]=\"false\" />\n </div>\n\n <div class=\"cards\">\n @if (cardData$() | async; as cards) {\n @if (cards.loading) {\n @for (_ of [
|
|
10927
|
-
}], propDecorators: { cardData$: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardData$", required: true }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], dataStateChanged: [{ type: i0.Output, args: ["dataStateChanged"] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }], kitTextboxComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitTextboxComponent), { isSignal: true }] }], cardElement: [{ type: i0.ContentChild, args: ['cardElement', { isSignal: true }] }], headerActions: [{ type: i0.ContentChild, args: ['headerActions', { isSignal: true }] }], details: [{ type: i0.ContentChild, args: ['details', { isSignal: true }] }] } });
|
|
10947
|
+
], template: "<div class=\"kit-card-details\">\n <div class=\"header\">\n <kit-entity-title class=\"title\">\n {{ title() }}\n </kit-entity-title>\n <ng-container *ngTemplateOutlet=\"headerActions()\" />\n </div>\n\n <div class=\"content\">\n <div class=\"left-panel\">\n <div class=\"textbox-wrapper\">\n <kit-textbox class=\"search-textbox\"\n [placeholder]=\"'kit.search.placeholder' | translate\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [clearButton]=\"true\"\n [showStateIcon]=\"false\" />\n </div>\n\n <div class=\"cards\">\n @if (cardData$() | async; as cards) {\n @if (cards.loading) {\n @if (kitCardSkeletonConfig(); as config) {\n @for (_ of [].constructor(config.itemsCount); track $index) {\n <kit-skeleton [width]=\"'100%'\"\n [height]=\"config.itemHeight\" />\n }\n }\n } @else {\n @if (cardData().length === 0 && newCreatedCards().length === 0 && !isLoading()) {\n <kit-empty-section [text]=\"'kit.common.noData' | translate\" />\n } @else {\n @for (card of cardData(); track $index) {\n <div class=\"card\"\n [attr.data-card-id]=\"card.id\"\n [class.active]=\"dataState().activeId === (card.id).toString()\"\n (click)=\"onCardClick(card)\">\n <ng-container *ngTemplateOutlet=\"cardElement(); context: { $implicit: card }\" />\n </div>\n }\n\n @if (cardData().length && (total() > cardData().length)) {\n <kit-button class=\"load-more-btn\"\n [label]=\"'kit.common.loadMore' | translate\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"isLoading() ? kitSvgIcon.RELOAD : kitSvgIcon.CHEVRON_DOWN\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"isLoading()\"\n (clicked)=\"loadMoreData()\" />\n }\n }\n }\n }\n </div>\n </div>\n\n @if (showDetails) {\n <div class=\"details\">\n <ng-container *ngTemplateOutlet=\"details(); context: { $implicit: dataState().activeId }\" />\n </div>\n }\n </div>\n</div>\n", styles: [".kit-card-details{height:calc(100vh - var(--ui-kit-header-height) - 50px)}.kit-card-details .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.kit-card-details .content{display:flex;gap:10px;height:calc(100% - 50px)}.kit-card-details .left-panel{width:25%}.kit-card-details .left-panel .textbox-wrapper{margin-right:10px;margin-bottom:20px}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox .k-textbox{background-color:var(--ui-kit-color-white)}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox .k-svg-i-x.k-svg-icon{background-image:none}.kit-card-details .left-panel .textbox-wrapper ::ng-deep .kit-textbox.disabled .k-input-inner{background-color:var(--ui-kit-color-grey-13)}.kit-card-details .left-panel .cards{overflow:hidden auto;padding-right:10px;display:flex;flex-direction:column;gap:10px;height:calc(100% - 60px)}.kit-card-details .left-panel .cards .card{background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-grey-11);border-radius:8px;padding:8px 10px;cursor:pointer}.kit-card-details .left-panel .cards .card.active{border-color:var(--ui-kit-color-main)}.kit-card-details .left-panel .cards .load-more-btn{margin:10px auto auto}.kit-card-details .details{overflow:hidden auto;flex:1;min-width:0;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;padding:20px;height:100%}\n"] }]
|
|
10948
|
+
}], propDecorators: { cardData$: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardData$", required: true }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], kitCardSkeletonConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "kitCardSkeletonConfig", required: false }] }], dataStateChanged: [{ type: i0.Output, args: ["dataStateChanged"] }], cardClicked: [{ type: i0.Output, args: ["cardClicked"] }], kitTextboxComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitTextboxComponent), { isSignal: true }] }], cardElement: [{ type: i0.ContentChild, args: ['cardElement', { isSignal: true }] }], headerActions: [{ type: i0.ContentChild, args: ['headerActions', { isSignal: true }] }], details: [{ type: i0.ContentChild, args: ['details', { isSignal: true }] }] } });
|
|
10928
10949
|
|
|
10929
10950
|
class KitListComponent {
|
|
10930
10951
|
constructor() {
|
|
@@ -11040,6 +11061,17 @@ class KitAbstractIdPayloadAction {
|
|
|
11040
11061
|
}
|
|
11041
11062
|
}
|
|
11042
11063
|
|
|
11064
|
+
class KitSkeletonSectionComponent {
|
|
11065
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSkeletonSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11066
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: KitSkeletonSectionComponent, isStandalone: true, selector: "kit-skeleton-section", ngImport: i0, template: "<div class=\"kit-skeleton-section\">\n <kit-skeleton [height]=\"24\"\n [width]=\"250\"\n ></kit-skeleton>\n\n <kit-skeleton [height]=\"500\"\n ></kit-skeleton>\n</div>\n", styles: [".kit-skeleton-section{display:flex;flex-direction:column;gap:30px}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11067
|
+
}
|
|
11068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSkeletonSectionComponent, decorators: [{
|
|
11069
|
+
type: Component,
|
|
11070
|
+
args: [{ selector: 'kit-skeleton-section', imports: [
|
|
11071
|
+
KitSkeletonComponent,
|
|
11072
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-skeleton-section\">\n <kit-skeleton [height]=\"24\"\n [width]=\"250\"\n ></kit-skeleton>\n\n <kit-skeleton [height]=\"500\"\n ></kit-skeleton>\n</div>\n", styles: [".kit-skeleton-section{display:flex;flex-direction:column;gap:30px}\n"] }]
|
|
11073
|
+
}] });
|
|
11074
|
+
|
|
11043
11075
|
const KIT_GRID_COLUMN_WIDTH = 170;
|
|
11044
11076
|
const KIT_GRID_PAGE_SIZE = 10;
|
|
11045
11077
|
|
|
@@ -11530,7 +11562,7 @@ class KitApiTokenMaintenanceListComponent {
|
|
|
11530
11562
|
KitGridCellService,
|
|
11531
11563
|
DecimalPipe,
|
|
11532
11564
|
DatePipe,
|
|
11533
|
-
], viewQueries: [{ propertyName: "kitCardDetailsComponent", first: true, predicate: (KitCardDetailsComponent), descendants: true, isSignal: true }], ngImport: i0, template: "<kit-card-details class=\"kit-api-token-maintenance-list\"\n [cardData$]=\"apiTokens$\"\n [pageSize]=\"10\"\n [title]=\"'kit.apiTokenMaintenance.title' | translate\"\n (dataStateChanged)=\"onDataStateChanged($event)\">>\n <ng-template #headerActions>\n <div class=\"header-actions\">\n <kit-button [label]=\"'kit.apiTokenMaintenance.export' | translate\"\n [icon]=\"kitSvgIcon.EXPORT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"exportExcel()\" />\n <kit-button [label]=\"'kit.apiTokenMaintenance.createNew' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"openCreateModal()\" />\n </div>\n </ng-template>\n\n <ng-template #cardElement\n let-card>\n <p class=\"card-name\">\n <kit-truncate-text>{{ card.name }}</kit-truncate-text>\n </p>\n </ng-template>\n <ng-template #details\n let-activeId>\n @if (activeId) {\n <kit-api-token-maintenance-details [id]=\"activeId\"\n [cardDetailsComponent]=\"kitCardDetailsComponent()\"\n ></kit-api-token-maintenance-details>\n }\n </ng-template>\n</kit-card-details>\n", styles: [".kit-api-token-maintenance-list .card-name{margin:10px 0}.kit-api-token-maintenance-list .header-actions{display:flex;gap:10px}\n"], dependencies: [{ kind: "component", type: KitCardDetailsComponent, selector: "kit-card-details", inputs: ["cardData$", "pageSize", "title"], outputs: ["dataStateChanged", "cardClicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitApiTokenMaintenanceDetailsComponent, selector: "kit-api-token-maintenance-details", inputs: ["id", "cardDetailsComponent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11565
|
+
], viewQueries: [{ propertyName: "kitCardDetailsComponent", first: true, predicate: (KitCardDetailsComponent), descendants: true, isSignal: true }], ngImport: i0, template: "<kit-card-details class=\"kit-api-token-maintenance-list\"\n [cardData$]=\"apiTokens$\"\n [pageSize]=\"10\"\n [title]=\"'kit.apiTokenMaintenance.title' | translate\"\n (dataStateChanged)=\"onDataStateChanged($event)\">>\n <ng-template #headerActions>\n <div class=\"header-actions\">\n <kit-button [label]=\"'kit.apiTokenMaintenance.export' | translate\"\n [icon]=\"kitSvgIcon.EXPORT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"exportExcel()\" />\n <kit-button [label]=\"'kit.apiTokenMaintenance.createNew' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"openCreateModal()\" />\n </div>\n </ng-template>\n\n <ng-template #cardElement\n let-card>\n <p class=\"card-name\">\n <kit-truncate-text>{{ card.name }}</kit-truncate-text>\n </p>\n </ng-template>\n <ng-template #details\n let-activeId>\n @if (activeId) {\n <kit-api-token-maintenance-details [id]=\"activeId\"\n [cardDetailsComponent]=\"kitCardDetailsComponent()\"\n ></kit-api-token-maintenance-details>\n }\n </ng-template>\n</kit-card-details>\n", styles: [".kit-api-token-maintenance-list .card-name{margin:10px 0}.kit-api-token-maintenance-list .header-actions{display:flex;gap:10px}\n"], dependencies: [{ kind: "component", type: KitCardDetailsComponent, selector: "kit-card-details", inputs: ["cardData$", "pageSize", "title", "kitCardSkeletonConfig"], outputs: ["dataStateChanged", "cardClicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitApiTokenMaintenanceDetailsComponent, selector: "kit-api-token-maintenance-details", inputs: ["id", "cardDetailsComponent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11534
11566
|
}
|
|
11535
11567
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitApiTokenMaintenanceListComponent, decorators: [{
|
|
11536
11568
|
type: Component,
|
|
@@ -11673,5 +11705,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
11673
11705
|
* Generated bundle index. Do not edit.
|
|
11674
11706
|
*/
|
|
11675
11707
|
|
|
11676
|
-
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString,
|
|
11708
|
+
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonSectionComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitConvertDateToUTC, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
|
|
11677
11709
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|