@indigina/ui-kit 1.1.286 → 1.1.288
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/indigina-ui-kit.mjs +150 -8
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/index.d.ts +39 -3
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i1$5 from '@angular/common';
|
|
2
2
|
import { NgClass, NgTemplateOutlet, CommonModule, AsyncPipe, DatePipe, TitleCasePipe, DecimalPipe } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Input, ChangeDetectionStrategy, Component, input, EventEmitter, Output, ViewEncapsulation, effect, inject, ElementRef, NgZone, Renderer2, Directive, ChangeDetectorRef, viewChild, forwardRef, ViewChild,
|
|
4
|
+
import { Input, ChangeDetectionStrategy, Component, input, EventEmitter, Output, ViewEncapsulation, effect, inject, ElementRef, NgZone, Renderer2, Directive, ChangeDetectorRef, viewChild, forwardRef, ViewChild, Injector, output, signal, runInInjectionContext, HostListener, TemplateRef, ContentChild, Injectable, computed, NgModule, RendererFactory2, DOCUMENT, ViewContainerRef, DestroyRef, model, contentChildren, ContentChildren, viewChildren, Pipe, InjectionToken, contentChild } from '@angular/core';
|
|
5
5
|
import * as i1 from '@progress/kendo-angular-buttons';
|
|
6
6
|
import { ButtonModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
|
|
7
7
|
import * as i1$1 from '@progress/kendo-angular-label';
|
|
@@ -9,9 +9,11 @@ import { LabelModule } from '@progress/kendo-angular-label';
|
|
|
9
9
|
import { TooltipDirective, TooltipSettings } from '@progress/kendo-angular-tooltip';
|
|
10
10
|
import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
|
|
11
11
|
import * as i2 from '@angular/forms';
|
|
12
|
-
import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, UntypedFormControl, UntypedFormBuilder, Validators } from '@angular/forms';
|
|
12
|
+
import { NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule, FormsModule, UntypedFormControl, UntypedFormBuilder, Validators } from '@angular/forms';
|
|
13
13
|
import * as i1$2 from '@progress/kendo-angular-inputs';
|
|
14
14
|
import { TextBoxComponent, TextBoxModule, NumericTextBoxModule, InputsModule, CheckBoxModule, SwitchModule, RadioButtonModule, KENDO_INPUTS } from '@progress/kendo-angular-inputs';
|
|
15
|
+
import * as i1$c from '@ngx-translate/core';
|
|
16
|
+
import { TranslateService, TranslateModule, TranslatePipe } from '@ngx-translate/core';
|
|
15
17
|
import * as i1$3 from '@progress/kendo-angular-dropdowns';
|
|
16
18
|
import { DropDownListModule, DropDownsModule, MultiSelectComponent, MultiSelectModule } from '@progress/kendo-angular-dropdowns';
|
|
17
19
|
import * as i1$4 from '@progress/kendo-angular-dateinputs';
|
|
@@ -31,8 +33,6 @@ import * as i1$9 from '@progress/kendo-angular-upload';
|
|
|
31
33
|
import { UploadModule } from '@progress/kendo-angular-upload';
|
|
32
34
|
import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
|
|
33
35
|
import initials from 'initials';
|
|
34
|
-
import * as i1$c from '@ngx-translate/core';
|
|
35
|
-
import { TranslateService, TranslateModule, TranslatePipe } from '@ngx-translate/core';
|
|
36
36
|
import * as i1$a from '@progress/kendo-angular-layout';
|
|
37
37
|
import { KENDO_LAYOUT, TileLayoutModule } from '@progress/kendo-angular-layout';
|
|
38
38
|
import * as i1$b from '@progress/kendo-angular-grid';
|
|
@@ -720,6 +720,137 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
|
720
720
|
type: Output
|
|
721
721
|
}] } });
|
|
722
722
|
|
|
723
|
+
const kitGetFormControlErrors = (formControl) => {
|
|
724
|
+
const translateService = inject(TranslateService);
|
|
725
|
+
const errors = [];
|
|
726
|
+
if (formControl?.errors && formControl.touched) {
|
|
727
|
+
if (formControl.errors['required']) {
|
|
728
|
+
errors.push(translateService.instant('kit.formControlError.required'));
|
|
729
|
+
}
|
|
730
|
+
if (formControl.errors['email']) {
|
|
731
|
+
errors.push(translateService.instant('kit.formControlError.invalidEmailFormat'));
|
|
732
|
+
}
|
|
733
|
+
if (formControl.errors['maxlength']) {
|
|
734
|
+
errors.push(translateService.instant('kit.formControlError.invalidLength', { requiredLength: formControl.errors['maxlength'].requiredLength }));
|
|
735
|
+
}
|
|
736
|
+
}
|
|
737
|
+
return errors;
|
|
738
|
+
};
|
|
739
|
+
|
|
740
|
+
class KitTextboxActionsComponent {
|
|
741
|
+
constructor() {
|
|
742
|
+
this.elementRef = inject(ElementRef);
|
|
743
|
+
this.injector = inject(Injector);
|
|
744
|
+
this.defaultValue = input('', ...(ngDevMode ? [{ debugName: "defaultValue" }] : []));
|
|
745
|
+
this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
746
|
+
this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
747
|
+
this.validators = input([], ...(ngDevMode ? [{ debugName: "validators" }] : []));
|
|
748
|
+
this.showActions = input(true, ...(ngDevMode ? [{ debugName: "showActions" }] : []));
|
|
749
|
+
this.saved = output();
|
|
750
|
+
this.canceled = output();
|
|
751
|
+
this.kitTextboxComponent = viewChild.required(KitTextboxComponent);
|
|
752
|
+
this.kitSvgIcon = KitSvgIcon;
|
|
753
|
+
this.kitSvgIconType = KitSvgIconType;
|
|
754
|
+
this.kitButtonType = KitButtonType;
|
|
755
|
+
this.kitTextboxState = KitTextboxState;
|
|
756
|
+
this.isTextboxFocused = signal(false, ...(ngDevMode ? [{ debugName: "isTextboxFocused" }] : []));
|
|
757
|
+
this.formControl = new FormControl('');
|
|
758
|
+
this.validationErrors = signal([], ...(ngDevMode ? [{ debugName: "validationErrors" }] : []));
|
|
759
|
+
this.documentClickListener = null;
|
|
760
|
+
effect(() => {
|
|
761
|
+
const validators = this.validators();
|
|
762
|
+
this.formControl.setValidators(validators);
|
|
763
|
+
this.formControl.updateValueAndValidity();
|
|
764
|
+
});
|
|
765
|
+
effect(() => {
|
|
766
|
+
const defaultValue = this.defaultValue();
|
|
767
|
+
this.formControl.setValue(defaultValue, { emitEvent: false });
|
|
768
|
+
});
|
|
769
|
+
effect(() => {
|
|
770
|
+
const showActions = this.showActions();
|
|
771
|
+
if (showActions) {
|
|
772
|
+
this.addDocumentClickListener();
|
|
773
|
+
}
|
|
774
|
+
else {
|
|
775
|
+
this.removeDocumentClickListener();
|
|
776
|
+
}
|
|
777
|
+
});
|
|
778
|
+
this.formControl.valueChanges.subscribe(() => {
|
|
779
|
+
this.updateValidationErrors();
|
|
780
|
+
});
|
|
781
|
+
}
|
|
782
|
+
ngOnInit() {
|
|
783
|
+
this.formControl.setValue(this.defaultValue(), { emitEvent: false });
|
|
784
|
+
}
|
|
785
|
+
ngOnDestroy() {
|
|
786
|
+
this.removeDocumentClickListener();
|
|
787
|
+
}
|
|
788
|
+
updateValidationErrors() {
|
|
789
|
+
runInInjectionContext(this.injector, () => {
|
|
790
|
+
this.validationErrors.set(kitGetFormControlErrors(this.formControl));
|
|
791
|
+
});
|
|
792
|
+
}
|
|
793
|
+
onTextboxChange(value) {
|
|
794
|
+
this.formControl.setValue(value.trim());
|
|
795
|
+
this.formControl.markAsTouched();
|
|
796
|
+
this.updateValidationErrors();
|
|
797
|
+
}
|
|
798
|
+
revertChanges() {
|
|
799
|
+
this.kitTextboxComponent().updateValue(this.defaultValue());
|
|
800
|
+
this.kitTextboxComponent().textboxComponent().valueChange.emit(this.defaultValue());
|
|
801
|
+
this.formControl.setValue(this.defaultValue(), { emitEvent: false });
|
|
802
|
+
this.formControl.markAsUntouched();
|
|
803
|
+
this.isTextboxFocused.set(false);
|
|
804
|
+
this.validationErrors.set([]);
|
|
805
|
+
this.canceled.emit();
|
|
806
|
+
}
|
|
807
|
+
save() {
|
|
808
|
+
this.formControl.markAsTouched();
|
|
809
|
+
this.updateValidationErrors();
|
|
810
|
+
if (this.formControl.valid && this.formControl.value !== this.defaultValue()) {
|
|
811
|
+
this.saved.emit(this.formControl.value);
|
|
812
|
+
this.isTextboxFocused.set(false);
|
|
813
|
+
}
|
|
814
|
+
}
|
|
815
|
+
addDocumentClickListener() {
|
|
816
|
+
if (this.documentClickListener) {
|
|
817
|
+
return;
|
|
818
|
+
}
|
|
819
|
+
this.documentClickListener = (event) => this.documentClick(event);
|
|
820
|
+
document.addEventListener('click', this.documentClickListener);
|
|
821
|
+
}
|
|
822
|
+
removeDocumentClickListener() {
|
|
823
|
+
if (this.documentClickListener) {
|
|
824
|
+
document.removeEventListener('click', this.documentClickListener);
|
|
825
|
+
this.documentClickListener = null;
|
|
826
|
+
}
|
|
827
|
+
}
|
|
828
|
+
documentClick(event) {
|
|
829
|
+
const target = event.target;
|
|
830
|
+
const textbox = this.elementRef.nativeElement.querySelector('.textbox');
|
|
831
|
+
const actions = this.elementRef.nativeElement.querySelector('.kit-textbox-actions');
|
|
832
|
+
if (textbox?.contains(target) || actions?.contains(target)) {
|
|
833
|
+
this.isTextboxFocused.set(true);
|
|
834
|
+
this.formControl.markAsTouched();
|
|
835
|
+
}
|
|
836
|
+
else {
|
|
837
|
+
this.revertChanges();
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextboxActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
841
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTextboxActionsComponent, isStandalone: true, selector: "kit-textbox-actions", inputs: { defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", canceled: "canceled" }, viewQueries: [{ propertyName: "kitTextboxComponent", first: true, predicate: KitTextboxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(textbox)\"/>\n}\n<div class=\"kit-textbox-wrapper\">\n <kit-textbox #textbox\n class=\"textbox\"\n maxLength=\"250\"\n [defaultValue]=\"defaultValue()\"\n [placeholder]=\"placeholder()\"\n [showStateIcon]=\"false\"\n [state]=\"validationErrors().length ? kitTextboxState.ERROR : kitTextboxState.DEFAULT\"\n [messageText]=\"validationErrors().join('. ')\"\n (changed)=\"onTextboxChange($event)\" />\n @if (isTextboxFocused() && showActions()) {\n <div class=\"kit-textbox-actions\">\n <kit-button [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [type]=\"kitButtonType.TEXT\"\n (clicked)=\"save()\"/>\n <kit-button [icon]=\"kitSvgIcon.CROSS\"\n [type]=\"kitButtonType.TEXT\"\n (clicked)=\"revertChanges()\"/>\n </div>\n }\n</div>\n", styles: [".label{display:block;margin-bottom:4px}.label ::ng-deep .k-label{font-weight:700}.kit-textbox-wrapper{width:100%;display:flex;padding-bottom:10px}.kit-textbox-wrapper .textbox{width:100%}.kit-textbox-actions{display:flex;align-items:start}\n"], dependencies: [{ kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon"], outputs: ["blured", "focused", "changed"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
842
|
+
}
|
|
843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextboxActionsComponent, decorators: [{
|
|
844
|
+
type: Component,
|
|
845
|
+
args: [{ selector: 'kit-textbox-actions', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
846
|
+
KitTextboxComponent,
|
|
847
|
+
KitButtonComponent,
|
|
848
|
+
TranslateModule,
|
|
849
|
+
ReactiveFormsModule,
|
|
850
|
+
KitInputLabelComponent,
|
|
851
|
+
], template: "@if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(textbox)\"/>\n}\n<div class=\"kit-textbox-wrapper\">\n <kit-textbox #textbox\n class=\"textbox\"\n maxLength=\"250\"\n [defaultValue]=\"defaultValue()\"\n [placeholder]=\"placeholder()\"\n [showStateIcon]=\"false\"\n [state]=\"validationErrors().length ? kitTextboxState.ERROR : kitTextboxState.DEFAULT\"\n [messageText]=\"validationErrors().join('. ')\"\n (changed)=\"onTextboxChange($event)\" />\n @if (isTextboxFocused() && showActions()) {\n <div class=\"kit-textbox-actions\">\n <kit-button [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [type]=\"kitButtonType.TEXT\"\n (clicked)=\"save()\"/>\n <kit-button [icon]=\"kitSvgIcon.CROSS\"\n [type]=\"kitButtonType.TEXT\"\n (clicked)=\"revertChanges()\"/>\n </div>\n }\n</div>\n", styles: [".label{display:block;margin-bottom:4px}.label ::ng-deep .k-label{font-weight:700}.kit-textbox-wrapper{width:100%;display:flex;padding-bottom:10px}.kit-textbox-wrapper .textbox{width:100%}.kit-textbox-actions{display:flex;align-items:start}\n"] }]
|
|
852
|
+
}], ctorParameters: () => [] });
|
|
853
|
+
|
|
723
854
|
var KitNumericTextboxState;
|
|
724
855
|
(function (KitNumericTextboxState) {
|
|
725
856
|
KitNumericTextboxState["DEFAULT"] = "default";
|
|
@@ -4914,6 +5045,7 @@ class KitCollapsedListComponent {
|
|
|
4914
5045
|
this.dropdownAlign = input(KitCollapsedListDropdownAlign.INLINE, ...(ngDevMode ? [{ debugName: "dropdownAlign" }] : []));
|
|
4915
5046
|
this.selectItem = output();
|
|
4916
5047
|
this.wrapper = viewChild.required('wrapper');
|
|
5048
|
+
this.wrapperInner = viewChild.required('wrapperInner');
|
|
4917
5049
|
this.measureItem = viewChildren('measureItem', ...(ngDevMode ? [{ debugName: "measureItem" }] : []));
|
|
4918
5050
|
this.dropdown = viewChild('dropdown', ...(ngDevMode ? [{ debugName: "dropdown", read: ElementRef }] : [{
|
|
4919
5051
|
read: ElementRef,
|
|
@@ -4971,7 +5103,7 @@ class KitCollapsedListComponent {
|
|
|
4971
5103
|
}
|
|
4972
5104
|
initResizeObserver() {
|
|
4973
5105
|
this.resizeObserver = new ResizeObserver(() => this.resize());
|
|
4974
|
-
this.resizeObserver.observe(this.
|
|
5106
|
+
this.resizeObserver.observe(this.wrapperInner().nativeElement);
|
|
4975
5107
|
}
|
|
4976
5108
|
resize() {
|
|
4977
5109
|
const resizeParams = this.calculateResizeParams();
|
|
@@ -5013,7 +5145,7 @@ class KitCollapsedListComponent {
|
|
|
5013
5145
|
this.shouldShowDropdown.set(resizeParams.shouldShowDropdown);
|
|
5014
5146
|
}
|
|
5015
5147
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCollapsedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5016
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitCollapsedListComponent, isStandalone: true, selector: "kit-collapsed-list", inputs: { itemList: { classPropertyName: "itemList", publicName: "itemList", isSignal: true, isRequired: true, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, dropdownDefaultValueText: { classPropertyName: "dropdownDefaultValueText", publicName: "dropdownDefaultValueText", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, disableActions: { classPropertyName: "disableActions", publicName: "disableActions", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownFooterTemplate: { classPropertyName: "dropdownFooterTemplate", publicName: "dropdownFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownItemTemplate: { classPropertyName: "dropdownItemTemplate", publicName: "dropdownItemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownNoDataTemplate: { classPropertyName: "dropdownNoDataTemplate", publicName: "dropdownNoDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowDropdown: { classPropertyName: "alwaysShowDropdown", publicName: "alwaysShowDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownAlign: { classPropertyName: "dropdownAlign", publicName: "dropdownAlign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectItem: "selectItem" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }, { propertyName: "measureItem", predicate: ["measureItem"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, read: ElementRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div #wrapper\n class=\"kit-collapsed-list\"\n [ngClass]=\"dropdownAlign()\"\n [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n [style.--kit-collapsed-list-gap.px]=\"gap()\">\n <div class=\"wrapper-inner\">\n @if (visibleItems().length) {\n <div class=\"element-container\">\n @for (item of visibleItems(); track $index) {\n <div class=\"item-wrapper\"\n (click)=\"selectionChange(item)\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n </div>\n }\n </div>\n }\n @if (shouldShowDropdown()) {\n <kit-dropdown #dropdown\n class=\"collapsed-list-dropdown\"\n [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n [items]=\"dropdownItems()\"\n [selectedItem]=\"dropdownSelectedItem()\"\n [disabled]=\"disableActions()\"\n [size]=\"kitDropdownSize.SMALL\"\n [popupSettings]=\"popupSettings\"\n [isValuePrimitive]=\"false\"\n [footerTemplate]=\"dropdownFooterTemplate()\"\n [noDataTemplate]=\"dropdownNoDataTemplate()\"\n (selected)=\"selectionChange($event)\">\n @if (dropdownItemTemplate()) {\n <ng-template kitDropdownItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n </ng-template>\n }\n </kit-dropdown>\n }\n </div>\n\n <div class=\"wrapper-inner measure-container\">\n <div class=\"element-container\">\n @for (item of itemList(); track $index) {\n <div #measureItem\n class=\"item-wrapper\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n </div>\n }\n </div>\n </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n <kit-button class=\"item\"\n [class.active]=\"item.value === _selectedItem().value\"\n [label]=\"item.text\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "size"], outputs: ["selected"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5148
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitCollapsedListComponent, isStandalone: true, selector: "kit-collapsed-list", inputs: { itemList: { classPropertyName: "itemList", publicName: "itemList", isSignal: true, isRequired: true, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, dropdownDefaultValueText: { classPropertyName: "dropdownDefaultValueText", publicName: "dropdownDefaultValueText", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, disableActions: { classPropertyName: "disableActions", publicName: "disableActions", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownFooterTemplate: { classPropertyName: "dropdownFooterTemplate", publicName: "dropdownFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownItemTemplate: { classPropertyName: "dropdownItemTemplate", publicName: "dropdownItemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownNoDataTemplate: { classPropertyName: "dropdownNoDataTemplate", publicName: "dropdownNoDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowDropdown: { classPropertyName: "alwaysShowDropdown", publicName: "alwaysShowDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownAlign: { classPropertyName: "dropdownAlign", publicName: "dropdownAlign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectItem: "selectItem" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }, { propertyName: "wrapperInner", first: true, predicate: ["wrapperInner"], descendants: true, isSignal: true }, { propertyName: "measureItem", predicate: ["measureItem"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, read: ElementRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div #wrapper\n class=\"kit-collapsed-list\"\n [ngClass]=\"dropdownAlign()\"\n [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n [style.--kit-collapsed-list-gap.px]=\"gap()\">\n <div #wrapperInner \n class=\"wrapper-inner\">\n @if (visibleItems().length) {\n <div class=\"element-container\">\n @for (item of visibleItems(); track $index) {\n <div class=\"item-wrapper\"\n (click)=\"selectionChange(item)\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n </div>\n }\n </div>\n }\n @if (shouldShowDropdown()) {\n <kit-dropdown #dropdown\n class=\"collapsed-list-dropdown\"\n [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n [items]=\"dropdownItems()\"\n [selectedItem]=\"dropdownSelectedItem()\"\n [disabled]=\"disableActions()\"\n [size]=\"kitDropdownSize.SMALL\"\n [popupSettings]=\"popupSettings\"\n [isValuePrimitive]=\"false\"\n [footerTemplate]=\"dropdownFooterTemplate()\"\n [noDataTemplate]=\"dropdownNoDataTemplate()\"\n (selected)=\"selectionChange($event)\">\n @if (dropdownItemTemplate()) {\n <ng-template kitDropdownItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n </ng-template>\n }\n </kit-dropdown>\n }\n </div>\n\n <div class=\"wrapper-inner measure-container\">\n <div class=\"element-container\">\n @for (item of itemList(); track $index) {\n <div #measureItem\n class=\"item-wrapper\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n </div>\n }\n </div>\n </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n <kit-button class=\"item\"\n [class.active]=\"item.value === _selectedItem().value\"\n [label]=\"item.text\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;min-width:max-content;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "size"], outputs: ["selected"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5017
5149
|
}
|
|
5018
5150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCollapsedListComponent, decorators: [{
|
|
5019
5151
|
type: Component,
|
|
@@ -5023,7 +5155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
|
5023
5155
|
NgTemplateOutlet,
|
|
5024
5156
|
DropDownListModule,
|
|
5025
5157
|
NgClass,
|
|
5026
|
-
], template: "<div #wrapper\n class=\"kit-collapsed-list\"\n [ngClass]=\"dropdownAlign()\"\n [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n [style.--kit-collapsed-list-gap.px]=\"gap()\">\n <div class=\"wrapper-inner\">\n @if (visibleItems().length) {\n <div class=\"element-container\">\n @for (item of visibleItems(); track $index) {\n <div class=\"item-wrapper\"\n (click)=\"selectionChange(item)\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n </div>\n }\n </div>\n }\n @if (shouldShowDropdown()) {\n <kit-dropdown #dropdown\n class=\"collapsed-list-dropdown\"\n [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n [items]=\"dropdownItems()\"\n [selectedItem]=\"dropdownSelectedItem()\"\n [disabled]=\"disableActions()\"\n [size]=\"kitDropdownSize.SMALL\"\n [popupSettings]=\"popupSettings\"\n [isValuePrimitive]=\"false\"\n [footerTemplate]=\"dropdownFooterTemplate()\"\n [noDataTemplate]=\"dropdownNoDataTemplate()\"\n (selected)=\"selectionChange($event)\">\n @if (dropdownItemTemplate()) {\n <ng-template kitDropdownItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n </ng-template>\n }\n </kit-dropdown>\n }\n </div>\n\n <div class=\"wrapper-inner measure-container\">\n <div class=\"element-container\">\n @for (item of itemList(); track $index) {\n <div #measureItem\n class=\"item-wrapper\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n </div>\n }\n </div>\n </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n <kit-button class=\"item\"\n [class.active]=\"item.value === _selectedItem().value\"\n [label]=\"item.text\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}\n"] }]
|
|
5158
|
+
], template: "<div #wrapper\n class=\"kit-collapsed-list\"\n [ngClass]=\"dropdownAlign()\"\n [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n [style.--kit-collapsed-list-gap.px]=\"gap()\">\n <div #wrapperInner \n class=\"wrapper-inner\">\n @if (visibleItems().length) {\n <div class=\"element-container\">\n @for (item of visibleItems(); track $index) {\n <div class=\"item-wrapper\"\n (click)=\"selectionChange(item)\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n </div>\n }\n </div>\n }\n @if (shouldShowDropdown()) {\n <kit-dropdown #dropdown\n class=\"collapsed-list-dropdown\"\n [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n [items]=\"dropdownItems()\"\n [selectedItem]=\"dropdownSelectedItem()\"\n [disabled]=\"disableActions()\"\n [size]=\"kitDropdownSize.SMALL\"\n [popupSettings]=\"popupSettings\"\n [isValuePrimitive]=\"false\"\n [footerTemplate]=\"dropdownFooterTemplate()\"\n [noDataTemplate]=\"dropdownNoDataTemplate()\"\n (selected)=\"selectionChange($event)\">\n @if (dropdownItemTemplate()) {\n <ng-template kitDropdownItemTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n </ng-template>\n }\n </kit-dropdown>\n }\n </div>\n\n <div class=\"wrapper-inner measure-container\">\n <div class=\"element-container\">\n @for (item of itemList(); track $index) {\n <div #measureItem\n class=\"item-wrapper\">\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n </div>\n }\n </div>\n </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n <kit-button class=\"item\"\n [class.active]=\"item.value === _selectedItem().value\"\n [label]=\"item.text\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;min-width:max-content;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}\n"] }]
|
|
5027
5159
|
}] });
|
|
5028
5160
|
|
|
5029
5161
|
class KitScrollNavigationSectionComponent {
|
|
@@ -6303,6 +6435,11 @@ const kitTranslations = {
|
|
|
6303
6435
|
'Please try logging in as a different user, or contact your Support/Administrator for assistance.',
|
|
6304
6436
|
logout: 'Logout',
|
|
6305
6437
|
},
|
|
6438
|
+
formControlError: {
|
|
6439
|
+
required: 'Required',
|
|
6440
|
+
invalidLength: 'The value should be less than {{ requiredLength }} characters',
|
|
6441
|
+
invalidEmailFormat: 'Invalid email',
|
|
6442
|
+
},
|
|
6306
6443
|
},
|
|
6307
6444
|
},
|
|
6308
6445
|
ru: {
|
|
@@ -6408,6 +6545,11 @@ const kitTranslations = {
|
|
|
6408
6545
|
'Попробуйте войти под другим пользователем или обратитесь в службу поддержки/к администратору за помощью.',
|
|
6409
6546
|
logout: 'Выйти',
|
|
6410
6547
|
},
|
|
6548
|
+
formControlError: {
|
|
6549
|
+
required: 'Обязательно для заполнения',
|
|
6550
|
+
invalidLength: 'Значение должно быть меньше, чем {{ requiredLength }} символов',
|
|
6551
|
+
invalidEmailFormat: 'Невалидный имэйл',
|
|
6552
|
+
},
|
|
6411
6553
|
},
|
|
6412
6554
|
},
|
|
6413
6555
|
};
|
|
@@ -9748,5 +9890,5 @@ const KIT_GRID_PAGE_SIZE = 10;
|
|
|
9748
9890
|
* Generated bundle index. Do not edit.
|
|
9749
9891
|
*/
|
|
9750
9892
|
|
|
9751
|
-
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, 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_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, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitGlobalSearchComponent, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, 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, KitSchedulerComponent, KitSchedulerMonthEventTemplateDirective, 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, 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, kitApiResponseDefaultEntities, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
|
|
9893
|
+
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, 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_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, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitGlobalSearchComponent, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, 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, KitSchedulerComponent, KitSchedulerMonthEventTemplateDirective, 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, kitApiResponseDefaultEntities, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFormatStringForSearch, kitGetFormControlErrors, kitGetPermissionTypesByCategory, kitHasPermission, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
|
|
9752
9894
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|