@indigina/ui-kit 1.1.459 → 1.1.460
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 +685 -47
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/package.json +1 -1
- package/types/indigina-ui-kit.d.ts +124 -26
|
@@ -4584,6 +4584,10 @@ class KitMultiselectComponent {
|
|
|
4584
4584
|
* An items list which is going to be rendered as multiselect items
|
|
4585
4585
|
*/
|
|
4586
4586
|
this.items = [];
|
|
4587
|
+
/**
|
|
4588
|
+
* Defines whether the component will be in disabled state
|
|
4589
|
+
*/
|
|
4590
|
+
this.disabled = model(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
4587
4591
|
/**
|
|
4588
4592
|
* Determines whether to close the popup of the multiSelect after the item selection, false by default
|
|
4589
4593
|
*/
|
|
@@ -4687,7 +4691,7 @@ class KitMultiselectComponent {
|
|
|
4687
4691
|
this.onTouched = fn;
|
|
4688
4692
|
}
|
|
4689
4693
|
setDisabledState(disabled) {
|
|
4690
|
-
this.disabled
|
|
4694
|
+
this.disabled.set(disabled);
|
|
4691
4695
|
}
|
|
4692
4696
|
buildPopupSettings() {
|
|
4693
4697
|
return {
|
|
@@ -4836,11 +4840,11 @@ class KitMultiselectComponent {
|
|
|
4836
4840
|
});
|
|
4837
4841
|
}
|
|
4838
4842
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4839
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitMultiselectComponent, isStandalone: true, selector: "kit-multiselect", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal:
|
|
4843
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitMultiselectComponent, isStandalone: true, selector: "kit-multiselect", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: false, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: false, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: false, isRequired: false, transformFunction: null }, shouldAddAllAsOption: { classPropertyName: "shouldAddAllAsOption", publicName: "shouldAddAllAsOption", isSignal: true, isRequired: false, transformFunction: null }, allOptionLabel: { classPropertyName: "allOptionLabel", publicName: "allOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, tagMapper: { classPropertyName: "tagMapper", publicName: "tagMapper", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, useCheckboxes: { classPropertyName: "useCheckboxes", publicName: "useCheckboxes", isSignal: true, isRequired: false, transformFunction: null }, popupClass: { classPropertyName: "popupClass", publicName: "popupClass", isSignal: true, isRequired: false, transformFunction: null }, listHeight: { classPropertyName: "listHeight", publicName: "listHeight", isSignal: true, isRequired: false, transformFunction: null }, allowCustom: { classPropertyName: "allowCustom", publicName: "allowCustom", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, itemsDirection: { classPropertyName: "itemsDirection", publicName: "itemsDirection", isSignal: true, isRequired: false, transformFunction: null }, autoSummaryTag: { classPropertyName: "autoSummaryTag", publicName: "autoSummaryTag", isSignal: true, isRequired: false, transformFunction: null }, autoSummaryTagContainerClass: { classPropertyName: "autoSummaryTagContainerClass", publicName: "autoSummaryTagContainerClass", isSignal: true, isRequired: false, transformFunction: null }, fallbackGroupChipWidth: { classPropertyName: "fallbackGroupChipWidth", publicName: "fallbackGroupChipWidth", isSignal: true, isRequired: false, transformFunction: null }, showCheckIcon: { classPropertyName: "showCheckIcon", publicName: "showCheckIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", changed: "changed" }, providers: [{
|
|
4840
4844
|
provide: NG_VALUE_ACCESSOR,
|
|
4841
4845
|
useExisting: forwardRef(() => KitMultiselectComponent),
|
|
4842
4846
|
multi: true,
|
|
4843
|
-
}], queries: [{ propertyName: "multiSelectGroupTagTemplate", first: true, predicate: KitMultiselectGroupTagTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "multiselectComponent", 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 [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\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 [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n @if (showCheckIcon()) {\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-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 .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.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-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.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.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.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;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-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.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$7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$5.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$5.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1$5.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$5.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "directive", type: i1$5.GroupTagTemplateDirective, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]" }, { kind: "directive", type: i1$5.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4847
|
+
}], queries: [{ propertyName: "multiSelectGroupTagTemplate", first: true, predicate: KitMultiselectGroupTagTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "multiselectComponent", 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 [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\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 [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n @if (showCheckIcon()) {\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-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 .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.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-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.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.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.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;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-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.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$7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$5.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$5.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1$5.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$5.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "directive", type: i1$5.GroupTagTemplateDirective, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]" }, { kind: "directive", type: i1$5.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4844
4848
|
}
|
|
4845
4849
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMultiselectComponent, decorators: [{
|
|
4846
4850
|
type: Component,
|
|
@@ -4857,16 +4861,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
4857
4861
|
KitFormLabelComponent,
|
|
4858
4862
|
NgClass,
|
|
4859
4863
|
KitTruncateTextComponent,
|
|
4860
|
-
], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\"\n [class.all-option-selected]=\"hasSelectedAllOption\"\n [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\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 [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n @if (showCheckIcon()) {\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-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 .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.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-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.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.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.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;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-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.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"] }]
|
|
4864
|
+
], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled()\"\n [class.all-option-selected]=\"hasSelectedAllOption\"\n [class.invalid]=\"invalid()\">\n @if (label) {\n <kit-form-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-form-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n kendoDropDownFilter\n [ngClass]=\"[size(), itemsDirection()]\"\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 [kendoMultiSelectSummaryTag]=\"autoSummaryTagValue()\"\n [checkboxes]=\"useCheckboxes()\"\n [listHeight]=\"listHeight()\"\n [allowCustom]=\"allowCustom()\"\n [filterable]=\"filterable()\"\n [(ngModel)]=\"selectedItems\">\n <ng-template kendoMultiSelectTagTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"chip-text\"\n [class.all-option]=\"dataItem.value === allOption().value\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate\n let-dataItem>\n <kit-truncate-text>\n <span class=\"option-text\"\n [ngClass]=\"dataItem?.optionClass\">\n {{ dataItem?.text }}\n </span>\n </kit-truncate-text>\n @if (showCheckIcon()) {\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>\n <ng-container *ngTemplateOutlet=\"multiSelectGroupTagTemplate(); context: { dataItems }\"/>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-form-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-form-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 .k-chip-list{display:flex}.kit-multiselect .k-input.ltr .k-chip-list{flex-direction:row}.kit-multiselect .k-input.rtl .k-chip-list{flex-direction:row-reverse}.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-chip:last-child:has(.k-chip-content .group-tag) .k-chip-actions{display:none}.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.invalid .k-multiselect{border-color:var(--ui-kit-color-red-1)}.kit-multiselect.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.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;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-popup{padding:4px}.kit-multiselect-popup .k-list-ul{gap:4px}.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"] }]
|
|
4861
4865
|
}], ctorParameters: () => [], propDecorators: { items: [{
|
|
4862
4866
|
type: Input
|
|
4863
4867
|
}], selectedItems: [{
|
|
4864
4868
|
type: Input
|
|
4865
4869
|
}], label: [{
|
|
4866
4870
|
type: Input
|
|
4867
|
-
}], disabled: [{
|
|
4868
|
-
type: Input
|
|
4869
|
-
}], placeholder: [{
|
|
4871
|
+
}], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], placeholder: [{
|
|
4870
4872
|
type: Input
|
|
4871
4873
|
}], autoClose: [{
|
|
4872
4874
|
type: Input
|
|
@@ -5955,7 +5957,7 @@ class KitCollapsedListComponent {
|
|
|
5955
5957
|
this.shouldShowDropdown.set(resizeParams.shouldShowDropdown);
|
|
5956
5958
|
}
|
|
5957
5959
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCollapsedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5958
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "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 }); }
|
|
5960
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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 [active]=\"item.value === _selectedItem().value\"\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", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "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 }); }
|
|
5959
5961
|
}
|
|
5960
5962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCollapsedListComponent, decorators: [{
|
|
5961
5963
|
type: Component,
|
|
@@ -5965,7 +5967,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
5965
5967
|
NgTemplateOutlet,
|
|
5966
5968
|
DropDownListModule,
|
|
5967
5969
|
NgClass,
|
|
5968
|
-
], 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"] }]
|
|
5970
|
+
], 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 [active]=\"item.value === _selectedItem().value\"\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"] }]
|
|
5969
5971
|
}], propDecorators: { itemList: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemList", required: true }] }], lineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineHeight", required: false }] }], dropdownDefaultValueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownDefaultValueText", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], disableActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableActions", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], dropdownFooterTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownFooterTemplate", required: false }] }], dropdownItemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownItemTemplate", required: false }] }], dropdownNoDataTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownNoDataTemplate", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], alwaysShowDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysShowDropdown", required: false }] }], dropdownAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownAlign", required: false }] }], selectItem: [{ type: i0.Output, args: ["selectItem"] }], wrapper: [{ type: i0.ViewChild, args: ['wrapper', { isSignal: true }] }], wrapperInner: [{ type: i0.ViewChild, args: ['wrapperInner', { isSignal: true }] }], measureItem: [{ type: i0.ViewChildren, args: ['measureItem', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: ['dropdown', { ...{
|
|
5970
5972
|
read: ElementRef,
|
|
5971
5973
|
}, isSignal: true }] }] } });
|
|
@@ -7820,17 +7822,6 @@ const kitShouldResetGridState = ({ stateColumns, availableColumns, }) => {
|
|
|
7820
7822
|
return !stateTitles.every(field => availableTitles.has(field));
|
|
7821
7823
|
};
|
|
7822
7824
|
|
|
7823
|
-
var KitUsersSettingsDetailsField;
|
|
7824
|
-
(function (KitUsersSettingsDetailsField) {
|
|
7825
|
-
KitUsersSettingsDetailsField["USER_NAME"] = "userName";
|
|
7826
|
-
KitUsersSettingsDetailsField["FIRST_NAME"] = "firstName";
|
|
7827
|
-
KitUsersSettingsDetailsField["LAST_NAME"] = "lastName";
|
|
7828
|
-
KitUsersSettingsDetailsField["EMAIL"] = "email";
|
|
7829
|
-
KitUsersSettingsDetailsField["PASSWORD"] = "password";
|
|
7830
|
-
KitUsersSettingsDetailsField["MFA"] = "mfaEnabled";
|
|
7831
|
-
KitUsersSettingsDetailsField["FORCE_PASSWORD"] = "forcePassword";
|
|
7832
|
-
})(KitUsersSettingsDetailsField || (KitUsersSettingsDetailsField = {}));
|
|
7833
|
-
|
|
7834
7825
|
var KitUsersSettingsServerErrorTitle;
|
|
7835
7826
|
(function (KitUsersSettingsServerErrorTitle) {
|
|
7836
7827
|
KitUsersSettingsServerErrorTitle["PASSWORD_TOO_WEAK"] = "Your password is too weak.";
|
|
@@ -7841,12 +7832,6 @@ const kitUsersSettingsErrorTranslationMap = {
|
|
|
7841
7832
|
[KitUsersSettingsServerErrorTitle.INVALID_USER_NAME]: 'kit.usersSettings.details.userNameInvalid',
|
|
7842
7833
|
};
|
|
7843
7834
|
|
|
7844
|
-
const kitApiResponseDefaultEntities = () => ({
|
|
7845
|
-
data: [],
|
|
7846
|
-
total: 0,
|
|
7847
|
-
loading: true,
|
|
7848
|
-
});
|
|
7849
|
-
|
|
7850
7835
|
class KitFetchUsersSettings extends KitAbstractPayloadAction {
|
|
7851
7836
|
static { this.type = '[KitUsersSettings] Fetch Users'; }
|
|
7852
7837
|
}
|
|
@@ -7923,6 +7908,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
7923
7908
|
type: Injectable
|
|
7924
7909
|
}] });
|
|
7925
7910
|
|
|
7911
|
+
const kitApiResponseDefaultEntities = () => ({
|
|
7912
|
+
data: [],
|
|
7913
|
+
total: 0,
|
|
7914
|
+
loading: true,
|
|
7915
|
+
});
|
|
7916
|
+
|
|
7926
7917
|
const KIT_USERS_SETTINGS_STATE_TOKEN = new StateToken('usersSettings');
|
|
7927
7918
|
let KitUsersSettingsState = class KitUsersSettingsState {
|
|
7928
7919
|
constructor() {
|
|
@@ -8061,6 +8052,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
8061
8052
|
type: Injectable
|
|
8062
8053
|
}], propDecorators: { fetchUsers: [], fetchUserDetails: [], updateUserDetails: [], createUser: [], deleteUser: [] } });
|
|
8063
8054
|
|
|
8055
|
+
var KitUsersSettingsDetailsField;
|
|
8056
|
+
(function (KitUsersSettingsDetailsField) {
|
|
8057
|
+
KitUsersSettingsDetailsField["USER_NAME"] = "userName";
|
|
8058
|
+
KitUsersSettingsDetailsField["FIRST_NAME"] = "firstName";
|
|
8059
|
+
KitUsersSettingsDetailsField["LAST_NAME"] = "lastName";
|
|
8060
|
+
KitUsersSettingsDetailsField["EMAIL"] = "email";
|
|
8061
|
+
KitUsersSettingsDetailsField["PASSWORD"] = "password";
|
|
8062
|
+
KitUsersSettingsDetailsField["MFA"] = "mfaEnabled";
|
|
8063
|
+
KitUsersSettingsDetailsField["FORCE_PASSWORD"] = "forcePassword";
|
|
8064
|
+
})(KitUsersSettingsDetailsField || (KitUsersSettingsDetailsField = {}));
|
|
8064
8065
|
const kitUsersSettingsDetailsFormServerErrorFieldMap = {
|
|
8065
8066
|
[KitUsersSettingsServerErrorTitle.PASSWORD_TOO_WEAK]: KitUsersSettingsDetailsField.PASSWORD,
|
|
8066
8067
|
[KitUsersSettingsServerErrorTitle.INVALID_USER_NAME]: KitUsersSettingsDetailsField.USER_NAME,
|
|
@@ -8215,6 +8216,464 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
8215
8216
|
], template: "@if (opened()) {\n <kit-dialog class=\"kit-user-settings-create-dialog\"\n [type]=\"kitDialogType.Declarative\">\n <kit-dialog-titlebar (closed)=\"opened.set(false)\">\n {{ \"kit.usersSettings.createDialog.title\" | translate }}\n </kit-dialog-titlebar>\n\n <div class=\"kit-user-settings-create-dialog-content\">\n <kit-users-settings-details-form [isCreatingNewUser]=\"true\" />\n </div>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.usersSettings.createDialog.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"opened.set(false)\" />\n <kit-button [label]=\"'kit.usersSettings.createDialog.confirm' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"isFormDisabled\"\n (clicked)=\"onConfirm()\" />\n </kit-dialog-actions>\n </kit-dialog>\n}\n", styles: [".kit-user-settings-create-dialog-content{padding:15px 20px;display:flex;flex-direction:column;gap:15px}\n"] }]
|
|
8216
8217
|
}], propDecorators: { detailsForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitUsersSettingsDetailsFormComponent), { isSignal: true }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }] } });
|
|
8217
8218
|
|
|
8219
|
+
var KitUsersSettingsEntitlementsField;
|
|
8220
|
+
(function (KitUsersSettingsEntitlementsField) {
|
|
8221
|
+
KitUsersSettingsEntitlementsField["IDENTITY_TYPE"] = "identityType";
|
|
8222
|
+
KitUsersSettingsEntitlementsField["PARTNERS"] = "partners";
|
|
8223
|
+
KitUsersSettingsEntitlementsField["ALIAS"] = "alias";
|
|
8224
|
+
KitUsersSettingsEntitlementsField["ROLES"] = "roles";
|
|
8225
|
+
})(KitUsersSettingsEntitlementsField || (KitUsersSettingsEntitlementsField = {}));
|
|
8226
|
+
;
|
|
8227
|
+
|
|
8228
|
+
var KitUsersSettingsEntitlementType;
|
|
8229
|
+
(function (KitUsersSettingsEntitlementType) {
|
|
8230
|
+
KitUsersSettingsEntitlementType["ADMIN"] = "Admin";
|
|
8231
|
+
KitUsersSettingsEntitlementType["USER"] = "User";
|
|
8232
|
+
})(KitUsersSettingsEntitlementType || (KitUsersSettingsEntitlementType = {}));
|
|
8233
|
+
|
|
8234
|
+
class KitUsersSettingsReferenceService {
|
|
8235
|
+
constructor() {
|
|
8236
|
+
this.httpClient = inject(HttpClient);
|
|
8237
|
+
this.baseUrl = `${trimTrailingSlash(inject(KIT_BASE_PATH))}/`;
|
|
8238
|
+
}
|
|
8239
|
+
getPartners() {
|
|
8240
|
+
const url = `${this.baseUrl}private/partners`;
|
|
8241
|
+
return this.httpClient.get(url, {
|
|
8242
|
+
params: kitBuildHttpParams({ $orderby: 'name' }),
|
|
8243
|
+
}).pipe(map((response) => response.data));
|
|
8244
|
+
}
|
|
8245
|
+
getRoles(filter) {
|
|
8246
|
+
const url = `${this.baseUrl}users/roles`;
|
|
8247
|
+
return this.httpClient.get(url, {
|
|
8248
|
+
params: kitBuildHttpParams({ $filter: filter }),
|
|
8249
|
+
}).pipe(map((response) => response.data));
|
|
8250
|
+
}
|
|
8251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsReferenceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8252
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsReferenceService }); }
|
|
8253
|
+
}
|
|
8254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsReferenceService, decorators: [{
|
|
8255
|
+
type: Injectable
|
|
8256
|
+
}] });
|
|
8257
|
+
|
|
8258
|
+
class KitFetchUsersSettingsEntitlements extends KitAbstractPayloadAction {
|
|
8259
|
+
static { this.type = '[KitUsersSettings] Fetch User Entitlements'; }
|
|
8260
|
+
}
|
|
8261
|
+
class KitFetchUsersSettingsEntitlementDetails extends KitAbstractPayloadAction {
|
|
8262
|
+
static { this.type = '[KitUsersSettings] Fetch User Entitlement Details'; }
|
|
8263
|
+
}
|
|
8264
|
+
class KitDeleteUsersSettingsEntitlement extends KitAbstractPayloadAction {
|
|
8265
|
+
static { this.type = '[KitUsersSettings] Delete User Entitlement'; }
|
|
8266
|
+
}
|
|
8267
|
+
class KitCreateUsersSettingsEntitlement extends KitAbstractPayloadAction {
|
|
8268
|
+
static { this.type = '[KitUsersSettings] Create User Entitlement'; }
|
|
8269
|
+
}
|
|
8270
|
+
class KitUpdateUsersSettingsEntitlement extends KitAbstractPayloadAction {
|
|
8271
|
+
static { this.type = '[KitUsersSettings] Update User Entitlement'; }
|
|
8272
|
+
}
|
|
8273
|
+
|
|
8274
|
+
class KitUsersSettingsEntitlementsService {
|
|
8275
|
+
constructor() {
|
|
8276
|
+
this.httpClient = inject(HttpClient);
|
|
8277
|
+
this.baseUrl = `${trimTrailingSlash(inject(KIT_BASE_PATH))}/`;
|
|
8278
|
+
}
|
|
8279
|
+
getUserEntitlements(id) {
|
|
8280
|
+
const url = `${this.baseUrl}users/${id}/identities`;
|
|
8281
|
+
return this.httpClient.get(url);
|
|
8282
|
+
}
|
|
8283
|
+
getEntitlementDetails(userId, entitlementId) {
|
|
8284
|
+
const url = `${this.baseUrl}users/${userId}/identities/${entitlementId}`;
|
|
8285
|
+
return this.httpClient.get(url);
|
|
8286
|
+
}
|
|
8287
|
+
createEntitlement(userId, payload) {
|
|
8288
|
+
const url = `${this.baseUrl}users/${userId}/identities`;
|
|
8289
|
+
return this.httpClient.post(url, payload);
|
|
8290
|
+
}
|
|
8291
|
+
updateEntitlement(userId, entitlementId, payload) {
|
|
8292
|
+
const url = `${this.baseUrl}users/${userId}/identities/${entitlementId}`;
|
|
8293
|
+
return this.httpClient.put(url, payload);
|
|
8294
|
+
}
|
|
8295
|
+
deleteEntitlement(userId, entitlementId) {
|
|
8296
|
+
const url = `${this.baseUrl}users/${userId}/identities/${entitlementId}`;
|
|
8297
|
+
return this.httpClient.delete(url);
|
|
8298
|
+
}
|
|
8299
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8300
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsService }); }
|
|
8301
|
+
}
|
|
8302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsService, decorators: [{
|
|
8303
|
+
type: Injectable
|
|
8304
|
+
}] });
|
|
8305
|
+
|
|
8306
|
+
const KIT_USERS_SETTINGS_ENTITLEMENTS_STATE_TOKEN = new StateToken('usersSettingsEntitlements');
|
|
8307
|
+
let KitUsersSettingsEntitlementsState = class KitUsersSettingsEntitlementsState {
|
|
8308
|
+
constructor() {
|
|
8309
|
+
this.kitUsersSettingsService = inject(KitUsersSettingsEntitlementsService);
|
|
8310
|
+
}
|
|
8311
|
+
fetchUserEntitlements(ctx, action) {
|
|
8312
|
+
const currentState = ctx.getState();
|
|
8313
|
+
ctx.patchState({
|
|
8314
|
+
userEntitlements: { ...currentState.userEntitlements, loading: true },
|
|
8315
|
+
});
|
|
8316
|
+
return this.kitUsersSettingsService.getUserEntitlements(action.payload).pipe(tap(data => {
|
|
8317
|
+
ctx.patchState({
|
|
8318
|
+
userEntitlements: {
|
|
8319
|
+
loading: false,
|
|
8320
|
+
data: data.data,
|
|
8321
|
+
},
|
|
8322
|
+
});
|
|
8323
|
+
}), catchError(err => {
|
|
8324
|
+
ctx.patchState({
|
|
8325
|
+
userEntitlements: { ...ctx.getState().userEntitlements, loading: false },
|
|
8326
|
+
});
|
|
8327
|
+
return throwError(() => err);
|
|
8328
|
+
}));
|
|
8329
|
+
}
|
|
8330
|
+
fetchUserEntitlementDetails(ctx, action) {
|
|
8331
|
+
ctx.patchState({
|
|
8332
|
+
userEntitlementDetails: { loading: true, data: null },
|
|
8333
|
+
});
|
|
8334
|
+
return this.kitUsersSettingsService.getEntitlementDetails(action.payload.userId, action.payload.entitlementId).pipe(tap(data => {
|
|
8335
|
+
ctx.patchState({
|
|
8336
|
+
userEntitlementDetails: { loading: false, data },
|
|
8337
|
+
});
|
|
8338
|
+
}), catchError(err => {
|
|
8339
|
+
ctx.patchState({
|
|
8340
|
+
userEntitlementDetails: { loading: false, data: null },
|
|
8341
|
+
});
|
|
8342
|
+
return throwError(() => err);
|
|
8343
|
+
}));
|
|
8344
|
+
}
|
|
8345
|
+
deleteEntitlement(ctx, action) {
|
|
8346
|
+
return this.kitUsersSettingsService.deleteEntitlement(action.payload.userId, action.payload.entitlementId).pipe(tap(() => {
|
|
8347
|
+
const currentState = ctx.getState();
|
|
8348
|
+
ctx.patchState({
|
|
8349
|
+
userEntitlements: {
|
|
8350
|
+
...currentState.userEntitlements,
|
|
8351
|
+
data: currentState.userEntitlements.data.filter(entitlement => entitlement.id !== action.payload.entitlementId),
|
|
8352
|
+
},
|
|
8353
|
+
userEntitlementDetails: { loading: false, data: null },
|
|
8354
|
+
});
|
|
8355
|
+
}));
|
|
8356
|
+
}
|
|
8357
|
+
createEntitlement(ctx, action) {
|
|
8358
|
+
return this.kitUsersSettingsService.createEntitlement(action.payload.userId, action.payload.payload).pipe(tap(data => {
|
|
8359
|
+
const currentState = ctx.getState();
|
|
8360
|
+
ctx.patchState({
|
|
8361
|
+
userEntitlements: {
|
|
8362
|
+
...currentState.userEntitlements,
|
|
8363
|
+
data: [
|
|
8364
|
+
...currentState.userEntitlements.data,
|
|
8365
|
+
{ ...data, isCurrent: false },
|
|
8366
|
+
],
|
|
8367
|
+
},
|
|
8368
|
+
});
|
|
8369
|
+
}), catchError(err => {
|
|
8370
|
+
ctx.patchState({
|
|
8371
|
+
userEntitlementDetails: { ...ctx.getState().userEntitlementDetails, loading: false },
|
|
8372
|
+
});
|
|
8373
|
+
return throwError(() => err);
|
|
8374
|
+
}));
|
|
8375
|
+
}
|
|
8376
|
+
updateEntitlement(ctx, action) {
|
|
8377
|
+
return this.kitUsersSettingsService.updateEntitlement(action.payload.userId, action.payload.entitlementId, action.payload.payload).pipe(tap(data => {
|
|
8378
|
+
ctx.patchState({
|
|
8379
|
+
userEntitlementDetails: { loading: false, data },
|
|
8380
|
+
});
|
|
8381
|
+
}), catchError(err => {
|
|
8382
|
+
ctx.patchState({
|
|
8383
|
+
userEntitlementDetails: { ...ctx.getState().userEntitlementDetails, loading: false },
|
|
8384
|
+
});
|
|
8385
|
+
return throwError(() => err);
|
|
8386
|
+
}));
|
|
8387
|
+
}
|
|
8388
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8389
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsState }); }
|
|
8390
|
+
};
|
|
8391
|
+
__decorate([
|
|
8392
|
+
Action(KitFetchUsersSettingsEntitlements)
|
|
8393
|
+
], KitUsersSettingsEntitlementsState.prototype, "fetchUserEntitlements", null);
|
|
8394
|
+
__decorate([
|
|
8395
|
+
Action(KitFetchUsersSettingsEntitlementDetails)
|
|
8396
|
+
], KitUsersSettingsEntitlementsState.prototype, "fetchUserEntitlementDetails", null);
|
|
8397
|
+
__decorate([
|
|
8398
|
+
Action(KitDeleteUsersSettingsEntitlement)
|
|
8399
|
+
], KitUsersSettingsEntitlementsState.prototype, "deleteEntitlement", null);
|
|
8400
|
+
__decorate([
|
|
8401
|
+
Action(KitCreateUsersSettingsEntitlement)
|
|
8402
|
+
], KitUsersSettingsEntitlementsState.prototype, "createEntitlement", null);
|
|
8403
|
+
__decorate([
|
|
8404
|
+
Action(KitUpdateUsersSettingsEntitlement)
|
|
8405
|
+
], KitUsersSettingsEntitlementsState.prototype, "updateEntitlement", null);
|
|
8406
|
+
KitUsersSettingsEntitlementsState = __decorate([
|
|
8407
|
+
State({
|
|
8408
|
+
name: KIT_USERS_SETTINGS_ENTITLEMENTS_STATE_TOKEN,
|
|
8409
|
+
defaults: {
|
|
8410
|
+
userEntitlements: kitApiResponseDefaultEntities(),
|
|
8411
|
+
userEntitlementDetails: {
|
|
8412
|
+
loading: false,
|
|
8413
|
+
data: null,
|
|
8414
|
+
},
|
|
8415
|
+
},
|
|
8416
|
+
})
|
|
8417
|
+
], KitUsersSettingsEntitlementsState);
|
|
8418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsState, decorators: [{
|
|
8419
|
+
type: Injectable
|
|
8420
|
+
}], propDecorators: { fetchUserEntitlements: [], fetchUserEntitlementDetails: [], deleteEntitlement: [], createEntitlement: [], updateEntitlement: [] } });
|
|
8421
|
+
|
|
8422
|
+
class KitUsersSettingsEntitlementsFormComponent {
|
|
8423
|
+
constructor() {
|
|
8424
|
+
this.formBuilder = inject(FormBuilder);
|
|
8425
|
+
this.store = inject(Store);
|
|
8426
|
+
this.translateService = inject(TranslateService);
|
|
8427
|
+
this.referenceService = inject(KitUsersSettingsReferenceService);
|
|
8428
|
+
this.isCreating = input(false, ...(ngDevMode ? [{ debugName: "isCreating" }] : /* istanbul ignore next */ []));
|
|
8429
|
+
this.showIdentityType = input.required(...(ngDevMode ? [{ debugName: "showIdentityType" }] : /* istanbul ignore next */ []));
|
|
8430
|
+
this.identityTypeItems = computed(() => [
|
|
8431
|
+
{
|
|
8432
|
+
text: this.translateService.instant('kit.common.selectValue'),
|
|
8433
|
+
value: null,
|
|
8434
|
+
},
|
|
8435
|
+
...Object.values(KitUsersSettingsEntitlementType).map((value) => ({ text: value, value })),
|
|
8436
|
+
], ...(ngDevMode ? [{ debugName: "identityTypeItems" }] : /* istanbul ignore next */ []));
|
|
8437
|
+
this.kitUsersSettingsEntitlementsField = KitUsersSettingsEntitlementsField;
|
|
8438
|
+
this.form = this.formBuilder.group({
|
|
8439
|
+
[KitUsersSettingsEntitlementsField.IDENTITY_TYPE]: this.formBuilder.control(null),
|
|
8440
|
+
[KitUsersSettingsEntitlementsField.PARTNERS]: this.formBuilder.control(null),
|
|
8441
|
+
[KitUsersSettingsEntitlementsField.ALIAS]: this.formBuilder.nonNullable.control('', Validators.required),
|
|
8442
|
+
[KitUsersSettingsEntitlementsField.ROLES]: this.formBuilder.control(null, Validators.required),
|
|
8443
|
+
});
|
|
8444
|
+
this.kitUsersSettingsEntitlementType = KitUsersSettingsEntitlementType;
|
|
8445
|
+
this.roleItems = computed(() => this.roles().map((role) => ({
|
|
8446
|
+
text: role.name,
|
|
8447
|
+
value: role.id.toString(),
|
|
8448
|
+
})), ...(ngDevMode ? [{ debugName: "roleItems" }] : /* istanbul ignore next */ []));
|
|
8449
|
+
this.partnerItems = computed(() => {
|
|
8450
|
+
const partnersItems = this.partners().map((partner) => ({
|
|
8451
|
+
text: partner.name,
|
|
8452
|
+
value: partner.id.toString(),
|
|
8453
|
+
}));
|
|
8454
|
+
return [
|
|
8455
|
+
{
|
|
8456
|
+
text: this.translateService.instant('kit.common.selectValue'),
|
|
8457
|
+
value: null,
|
|
8458
|
+
},
|
|
8459
|
+
...partnersItems,
|
|
8460
|
+
];
|
|
8461
|
+
}, ...(ngDevMode ? [{ debugName: "partnerItems" }] : /* istanbul ignore next */ []));
|
|
8462
|
+
this.userEntitlements = computed(() => this.store.selectSignal(KIT_USERS_SETTINGS_ENTITLEMENTS_STATE_TOKEN)().userEntitlements, ...(ngDevMode ? [{ debugName: "userEntitlements" }] : /* istanbul ignore next */ []));
|
|
8463
|
+
this.userEntitlementDetails = computed(() => (this.store.selectSignal(KIT_USERS_SETTINGS_ENTITLEMENTS_STATE_TOKEN)().userEntitlementDetails.data), ...(ngDevMode ? [{ debugName: "userEntitlementDetails" }] : /* istanbul ignore next */ []));
|
|
8464
|
+
this.userId = computed(() => (this.store.selectSignal(KIT_USERS_SETTINGS_STATE_TOKEN)().userDetails.data?.id ?? null), ...(ngDevMode ? [{ debugName: "userId" }] : /* istanbul ignore next */ []));
|
|
8465
|
+
this.partners = signal([], ...(ngDevMode ? [{ debugName: "partners" }] : /* istanbul ignore next */ []));
|
|
8466
|
+
this.roles = signal([], ...(ngDevMode ? [{ debugName: "roles" }] : /* istanbul ignore next */ []));
|
|
8467
|
+
effect(() => this.updateFormFields());
|
|
8468
|
+
effect(() => this.loadFormData());
|
|
8469
|
+
effect(() => this.updateDisabledState());
|
|
8470
|
+
}
|
|
8471
|
+
get showPartnersControl() {
|
|
8472
|
+
return this.form.get(KitUsersSettingsEntitlementsField.IDENTITY_TYPE)?.value === KitUsersSettingsEntitlementType.USER
|
|
8473
|
+
&& this.showIdentityType();
|
|
8474
|
+
}
|
|
8475
|
+
submit() {
|
|
8476
|
+
const userId = this.userId();
|
|
8477
|
+
if (!userId) {
|
|
8478
|
+
return;
|
|
8479
|
+
}
|
|
8480
|
+
if (this.isCreating()) {
|
|
8481
|
+
const payload = this.buildCreatePayload();
|
|
8482
|
+
this.dispatchAndMarkPristine(new KitCreateUsersSettingsEntitlement({
|
|
8483
|
+
userId,
|
|
8484
|
+
payload,
|
|
8485
|
+
}));
|
|
8486
|
+
return;
|
|
8487
|
+
}
|
|
8488
|
+
this.submitUpdate(userId);
|
|
8489
|
+
}
|
|
8490
|
+
submitUpdate(userId) {
|
|
8491
|
+
const formValue = this.form.getRawValue();
|
|
8492
|
+
const entitlementDetails = this.userEntitlementDetails();
|
|
8493
|
+
if (!entitlementDetails) {
|
|
8494
|
+
return;
|
|
8495
|
+
}
|
|
8496
|
+
const updatePayload = this.buildUpdatePayload(formValue, entitlementDetails, userId);
|
|
8497
|
+
this.dispatchAndMarkPristine(new KitUpdateUsersSettingsEntitlement({
|
|
8498
|
+
userId,
|
|
8499
|
+
entitlementId: entitlementDetails.id,
|
|
8500
|
+
payload: updatePayload,
|
|
8501
|
+
}));
|
|
8502
|
+
}
|
|
8503
|
+
buildCreatePayload() {
|
|
8504
|
+
const formValue = this.form.getRawValue();
|
|
8505
|
+
return {
|
|
8506
|
+
alias: formValue.alias,
|
|
8507
|
+
type: formValue.identityType ?? undefined,
|
|
8508
|
+
roles: (formValue.roles ?? []).map(Number),
|
|
8509
|
+
partnerId: this.resolvePartnerId(formValue.identityType, formValue.partners),
|
|
8510
|
+
};
|
|
8511
|
+
}
|
|
8512
|
+
buildUpdatePayload(formValue, entitlementDetails, userId) {
|
|
8513
|
+
return {
|
|
8514
|
+
id: entitlementDetails.id,
|
|
8515
|
+
userId,
|
|
8516
|
+
type: formValue.identityType ?? entitlementDetails.type,
|
|
8517
|
+
alias: formValue.alias,
|
|
8518
|
+
partnerId: this.resolvePartnerId(formValue.identityType, formValue.partners),
|
|
8519
|
+
roles: (formValue.roles ?? []).map(Number),
|
|
8520
|
+
scopes: entitlementDetails.scopes,
|
|
8521
|
+
};
|
|
8522
|
+
}
|
|
8523
|
+
resolvePartnerId(identityType, partnerId) {
|
|
8524
|
+
if (identityType === KitUsersSettingsEntitlementType.USER && partnerId) {
|
|
8525
|
+
return Number(partnerId);
|
|
8526
|
+
}
|
|
8527
|
+
return undefined;
|
|
8528
|
+
}
|
|
8529
|
+
dispatchAndMarkPristine(action) {
|
|
8530
|
+
this.store.dispatch(action).pipe(tap(() => this.form.markAsPristine())).subscribe();
|
|
8531
|
+
}
|
|
8532
|
+
updateDisabledState() {
|
|
8533
|
+
const disabled = (!this.userEntitlementDetails() || this.userEntitlements().loading) && !this.isCreating();
|
|
8534
|
+
if (disabled) {
|
|
8535
|
+
this.form.get(KitUsersSettingsEntitlementsField.ALIAS)?.disable();
|
|
8536
|
+
this.form.get(KitUsersSettingsEntitlementsField.ROLES)?.disable();
|
|
8537
|
+
}
|
|
8538
|
+
else {
|
|
8539
|
+
this.form.get(KitUsersSettingsEntitlementsField.ALIAS)?.enable();
|
|
8540
|
+
this.form.get(KitUsersSettingsEntitlementsField.ROLES)?.enable();
|
|
8541
|
+
}
|
|
8542
|
+
}
|
|
8543
|
+
updateFormFields() {
|
|
8544
|
+
const userEntitlementDetails = this.userEntitlementDetails();
|
|
8545
|
+
if (!this.isCreating() && userEntitlementDetails) {
|
|
8546
|
+
this.form.patchValue({
|
|
8547
|
+
[KitUsersSettingsEntitlementsField.IDENTITY_TYPE]: userEntitlementDetails.type,
|
|
8548
|
+
[KitUsersSettingsEntitlementsField.PARTNERS]: userEntitlementDetails.partnerId?.toString() ?? null,
|
|
8549
|
+
[KitUsersSettingsEntitlementsField.ALIAS]: userEntitlementDetails.alias,
|
|
8550
|
+
[KitUsersSettingsEntitlementsField.ROLES]: userEntitlementDetails.roles?.map(String) ?? null,
|
|
8551
|
+
});
|
|
8552
|
+
this.form.get(KitUsersSettingsEntitlementsField.IDENTITY_TYPE)?.disable();
|
|
8553
|
+
this.form.get(KitUsersSettingsEntitlementsField.PARTNERS)?.disable();
|
|
8554
|
+
this.form.markAsPristine();
|
|
8555
|
+
}
|
|
8556
|
+
}
|
|
8557
|
+
loadFormData() {
|
|
8558
|
+
const context = this.getFormDataContext();
|
|
8559
|
+
if (!context) {
|
|
8560
|
+
return;
|
|
8561
|
+
}
|
|
8562
|
+
const rolesFilter = this.buildRolesFilter(context.identityType, context.partnerId);
|
|
8563
|
+
this.loadPartners();
|
|
8564
|
+
this.loadRoles(rolesFilter);
|
|
8565
|
+
}
|
|
8566
|
+
getFormDataContext() {
|
|
8567
|
+
if (this.isCreating()) {
|
|
8568
|
+
const formPartnerId = Number(this.form.value[KitUsersSettingsEntitlementsField.PARTNERS]) || null;
|
|
8569
|
+
const formIdentityType = this.form.value[KitUsersSettingsEntitlementsField.IDENTITY_TYPE] ?? null;
|
|
8570
|
+
return {
|
|
8571
|
+
partnerId: formPartnerId,
|
|
8572
|
+
identityType: formIdentityType,
|
|
8573
|
+
};
|
|
8574
|
+
}
|
|
8575
|
+
const details = this.userEntitlementDetails();
|
|
8576
|
+
if (!details) {
|
|
8577
|
+
return null;
|
|
8578
|
+
}
|
|
8579
|
+
return {
|
|
8580
|
+
partnerId: details.partnerId ? Number(details.partnerId) : null,
|
|
8581
|
+
identityType: details.type ?? null,
|
|
8582
|
+
};
|
|
8583
|
+
}
|
|
8584
|
+
loadPartners() {
|
|
8585
|
+
if (this.showIdentityType()) {
|
|
8586
|
+
this.referenceService.getPartners().pipe(tap((partners) => {
|
|
8587
|
+
this.partners.set(partners);
|
|
8588
|
+
})).subscribe();
|
|
8589
|
+
}
|
|
8590
|
+
}
|
|
8591
|
+
loadRoles(rolesFilter) {
|
|
8592
|
+
this.referenceService.getRoles(rolesFilter).pipe(tap((roles) => {
|
|
8593
|
+
this.roles.set(roles);
|
|
8594
|
+
})).subscribe();
|
|
8595
|
+
}
|
|
8596
|
+
buildRolesFilter(identityType, partnerId) {
|
|
8597
|
+
const filters = [];
|
|
8598
|
+
if (!identityType || (identityType === KitUsersSettingsEntitlementType.USER && !partnerId || !this.showIdentityType())) {
|
|
8599
|
+
return undefined;
|
|
8600
|
+
}
|
|
8601
|
+
if (identityType === KitUsersSettingsEntitlementType.ADMIN) {
|
|
8602
|
+
const adminFilter = {
|
|
8603
|
+
field: 'type',
|
|
8604
|
+
operator: KitFilterOperator.EQ,
|
|
8605
|
+
value: 'Admin',
|
|
8606
|
+
};
|
|
8607
|
+
filters.push(adminFilter);
|
|
8608
|
+
}
|
|
8609
|
+
if (identityType === KitUsersSettingsEntitlementType.USER && partnerId) {
|
|
8610
|
+
const typeFilter = {
|
|
8611
|
+
field: 'type',
|
|
8612
|
+
operator: KitFilterOperator.EQ,
|
|
8613
|
+
value: 'User',
|
|
8614
|
+
};
|
|
8615
|
+
const partnerFilter = {
|
|
8616
|
+
field: 'partnerId',
|
|
8617
|
+
operator: KitFilterOperator.EQ,
|
|
8618
|
+
value: partnerId,
|
|
8619
|
+
};
|
|
8620
|
+
filters.push(typeFilter, partnerFilter);
|
|
8621
|
+
}
|
|
8622
|
+
return kitDataStateToODataString({
|
|
8623
|
+
filter: {
|
|
8624
|
+
logic: KitFilterLogic.AND,
|
|
8625
|
+
filters,
|
|
8626
|
+
},
|
|
8627
|
+
}).replace('$filter=', '');
|
|
8628
|
+
}
|
|
8629
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8630
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitUsersSettingsEntitlementsFormComponent, isStandalone: true, selector: "kit-users-settings-entitlements-form", inputs: { isCreating: { classPropertyName: "isCreating", publicName: "isCreating", isSignal: true, isRequired: false, transformFunction: null }, showIdentityType: { classPropertyName: "showIdentityType", publicName: "showIdentityType", isSignal: true, isRequired: true, transformFunction: null } }, providers: [KitFormErrors], ngImport: i0, template: "<form class=\"kit-user-settings-entitlements-form\"\n [formGroup]=\"form\">\n @if (showIdentityType()) {\n <kit-dropdown [formControlName]=\"kitUsersSettingsEntitlementsField.IDENTITY_TYPE\"\n [items]=\"identityTypeItems()\"\n [label]=\"'kit.usersSettings.entitlements.identityType' | translate\">\n </kit-dropdown>\n }\n @if (showPartnersControl) {\n <kit-dropdown [formControlName]=\"kitUsersSettingsEntitlementsField.PARTNERS\"\n [items]=\"partnerItems()\"\n [label]=\"'kit.usersSettings.entitlements.partners' | translate\">\n </kit-dropdown>\n }\n <kit-textbox [formControlName]=\"kitUsersSettingsEntitlementsField.ALIAS\"\n [label]=\"'kit.usersSettings.entitlements.alias' | translate\">\n </kit-textbox>\n <kit-multiselect [formControlName]=\"kitUsersSettingsEntitlementsField.ROLES\"\n [items]=\"roleItems()\"\n [label]=\"'kit.usersSettings.entitlements.roles' | translate\">\n </kit-multiselect>\n</form>\n", styles: [".kit-user-settings-entitlements-form{display:flex;flex-direction:column;gap:10px;width:100%}\n"], dependencies: [{ kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "selected"] }, { kind: "component", type: KitMultiselectComponent, selector: "kit-multiselect", inputs: ["items", "selectedItems", "label", "disabled", "placeholder", "autoClose", "messageIcon", "messageText", "shouldAddAllAsOption", "allOptionLabel", "tagMapper", "size", "useCheckboxes", "popupClass", "listHeight", "allowCustom", "invalid", "filterable", "itemsDirection", "autoSummaryTag", "autoSummaryTagContainerClass", "fallbackGroupChipWidth", "showCheckIcon"], outputs: ["disabledChange", "changed"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8631
|
+
}
|
|
8632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsFormComponent, decorators: [{
|
|
8633
|
+
type: Component,
|
|
8634
|
+
args: [{ selector: 'kit-users-settings-entitlements-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
8635
|
+
TranslatePipe,
|
|
8636
|
+
KitTextboxComponent,
|
|
8637
|
+
KitDropdownComponent,
|
|
8638
|
+
KitMultiselectComponent,
|
|
8639
|
+
ReactiveFormsModule,
|
|
8640
|
+
], providers: [KitFormErrors], template: "<form class=\"kit-user-settings-entitlements-form\"\n [formGroup]=\"form\">\n @if (showIdentityType()) {\n <kit-dropdown [formControlName]=\"kitUsersSettingsEntitlementsField.IDENTITY_TYPE\"\n [items]=\"identityTypeItems()\"\n [label]=\"'kit.usersSettings.entitlements.identityType' | translate\">\n </kit-dropdown>\n }\n @if (showPartnersControl) {\n <kit-dropdown [formControlName]=\"kitUsersSettingsEntitlementsField.PARTNERS\"\n [items]=\"partnerItems()\"\n [label]=\"'kit.usersSettings.entitlements.partners' | translate\">\n </kit-dropdown>\n }\n <kit-textbox [formControlName]=\"kitUsersSettingsEntitlementsField.ALIAS\"\n [label]=\"'kit.usersSettings.entitlements.alias' | translate\">\n </kit-textbox>\n <kit-multiselect [formControlName]=\"kitUsersSettingsEntitlementsField.ROLES\"\n [items]=\"roleItems()\"\n [label]=\"'kit.usersSettings.entitlements.roles' | translate\">\n </kit-multiselect>\n</form>\n", styles: [".kit-user-settings-entitlements-form{display:flex;flex-direction:column;gap:10px;width:100%}\n"] }]
|
|
8641
|
+
}], ctorParameters: () => [], propDecorators: { isCreating: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCreating", required: false }] }], showIdentityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIdentityType", required: true }] }] } });
|
|
8642
|
+
|
|
8643
|
+
class KitUsersSettingsCreateEntitlementDialogComponent {
|
|
8644
|
+
constructor() {
|
|
8645
|
+
this.entitlementsForm = viewChild.required(KitUsersSettingsEntitlementsFormComponent);
|
|
8646
|
+
this.showIdentityType = input.required(...(ngDevMode ? [{ debugName: "showIdentityType" }] : /* istanbul ignore next */ []));
|
|
8647
|
+
this.opened = model(false, ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
|
|
8648
|
+
this.kitDialogType = KitDialogType;
|
|
8649
|
+
this.kitButtonKind = KitButtonKind;
|
|
8650
|
+
this.kitButtonType = KitButtonType;
|
|
8651
|
+
}
|
|
8652
|
+
get isFormDisabled() {
|
|
8653
|
+
return this.entitlementsForm().form.pristine || this.entitlementsForm().form.invalid;
|
|
8654
|
+
}
|
|
8655
|
+
onConfirm() {
|
|
8656
|
+
this.entitlementsForm().submit();
|
|
8657
|
+
this.opened.set(false);
|
|
8658
|
+
}
|
|
8659
|
+
onClose() {
|
|
8660
|
+
this.opened.set(false);
|
|
8661
|
+
}
|
|
8662
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsCreateEntitlementDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8663
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitUsersSettingsCreateEntitlementDialogComponent, isStandalone: true, selector: "kit-users-settings-create-entitlement-dialog", inputs: { showIdentityType: { classPropertyName: "showIdentityType", publicName: "showIdentityType", isSignal: true, isRequired: true, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, viewQueries: [{ propertyName: "entitlementsForm", first: true, predicate: KitUsersSettingsEntitlementsFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (opened()) {\n <kit-dialog class=\"kit-user-settings-create-entitlement-dialog\"\n [type]=\"kitDialogType.Declarative\">\n <kit-dialog-titlebar (closed)=\"onClose()\">\n {{ \"kit.usersSettings.profile.createEntitlement\" | translate }}\n </kit-dialog-titlebar>\n\n <div class=\"kit-user-settings-create-entitlement-dialog-content\">\n <kit-users-settings-entitlements-form [showIdentityType]=\"showIdentityType()\"\n [isCreating]=\"true\" />\n </div>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.usersSettings.createDialog.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onClose()\" />\n <kit-button [label]=\"'kit.usersSettings.createDialog.confirm' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"isFormDisabled\"\n (clicked)=\"onConfirm()\" />\n </kit-dialog-actions>\n </kit-dialog>\n}\n", styles: [".kit-user-settings-create-entitlement-dialog-content{min-width:560px;padding:15px 20px}\n"], dependencies: [{ kind: "component", type: KitDialogComponent, selector: "kit-dialog", inputs: ["type", "backUrl"] }, { kind: "component", type: KitDialogTitlebarComponent, selector: "kit-dialog-titlebar", outputs: ["closed"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitUsersSettingsEntitlementsFormComponent, selector: "kit-users-settings-entitlements-form", inputs: ["isCreating", "showIdentityType"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8664
|
+
}
|
|
8665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsCreateEntitlementDialogComponent, decorators: [{
|
|
8666
|
+
type: Component,
|
|
8667
|
+
args: [{ selector: 'kit-users-settings-create-entitlement-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
8668
|
+
KitDialogComponent,
|
|
8669
|
+
KitDialogTitlebarComponent,
|
|
8670
|
+
KitDialogActionsComponent,
|
|
8671
|
+
KitButtonComponent,
|
|
8672
|
+
TranslatePipe,
|
|
8673
|
+
KitUsersSettingsEntitlementsFormComponent,
|
|
8674
|
+
], template: "@if (opened()) {\n <kit-dialog class=\"kit-user-settings-create-entitlement-dialog\"\n [type]=\"kitDialogType.Declarative\">\n <kit-dialog-titlebar (closed)=\"onClose()\">\n {{ \"kit.usersSettings.profile.createEntitlement\" | translate }}\n </kit-dialog-titlebar>\n\n <div class=\"kit-user-settings-create-entitlement-dialog-content\">\n <kit-users-settings-entitlements-form [showIdentityType]=\"showIdentityType()\"\n [isCreating]=\"true\" />\n </div>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.usersSettings.createDialog.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onClose()\" />\n <kit-button [label]=\"'kit.usersSettings.createDialog.confirm' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"isFormDisabled\"\n (clicked)=\"onConfirm()\" />\n </kit-dialog-actions>\n </kit-dialog>\n}\n", styles: [".kit-user-settings-create-entitlement-dialog-content{min-width:560px;padding:15px 20px}\n"] }]
|
|
8675
|
+
}], propDecorators: { entitlementsForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitUsersSettingsEntitlementsFormComponent), { isSignal: true }] }], showIdentityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIdentityType", required: true }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }] } });
|
|
8676
|
+
|
|
8218
8677
|
var KitUsersSettingsPasswordDialogField;
|
|
8219
8678
|
(function (KitUsersSettingsPasswordDialogField) {
|
|
8220
8679
|
KitUsersSettingsPasswordDialogField["PASSWORD"] = "password";
|
|
@@ -8315,37 +8774,170 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
8315
8774
|
], providers: [KitFormErrors], template: "@if (opened()) {\n <kit-dialog class=\"kit-users-settings-password-dialog\"\n [type]=\"kitDialogType.Declarative\">\n <kit-dialog-titlebar (closed)=\"opened.set(false)\">\n {{ \"kit.usersSettings.passwordDialog.title\" | translate }}\n </kit-dialog-titlebar>\n\n <form class=\"kit-users-settings-password-dialog-content\"\n [formGroup]=\"form\">\n <kit-textbox type=\"password\"\n class=\"kit-users-settings-password-dialog-textbox\"\n [formControlName]=\"kitUsersSettingsPasswordDialogField.PASSWORD\"\n [label]=\"'kit.usersSettings.passwordDialog.newPassword' | translate\"\n [state]=\"getTextboxState(kitUsersSettingsPasswordDialogField.PASSWORD)\"\n [messageText]=\"getTextboxMessageText(kitUsersSettingsPasswordDialogField.PASSWORD) | translate\"></kit-textbox>\n <kit-textbox type=\"password\"\n class=\"kit-users-settings-password-dialog-textbox\"\n [formControlName]=\"kitUsersSettingsPasswordDialogField.REPEAT_PASSWORD\"\n [label]=\"'kit.usersSettings.passwordDialog.repeatNewPassword' | translate\"\n [state]=\"getTextboxState(kitUsersSettingsPasswordDialogField.REPEAT_PASSWORD)\"\n [messageText]=\"getTextboxMessageText(kitUsersSettingsPasswordDialogField.REPEAT_PASSWORD) | translate\"></kit-textbox>\n <kit-toggle class=\"kit-users-settings-password-dialog-toggle\"\n [formControlName]=\"kitUsersSettingsPasswordDialogField.FORCE_PASSWORD\"\n [label]=\"'kit.usersSettings.passwordDialog.forcePassword' | translate\"></kit-toggle>\n </form>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.usersSettings.passwordDialog.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"opened.set(false)\" />\n <kit-button [label]=\"'kit.usersSettings.passwordDialog.confirm' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"isFormDisabled\"\n (clicked)=\"onConfirm()\" />\n </kit-dialog-actions>\n </kit-dialog>\n}", styles: [".kit-users-settings-password-dialog-content{width:400px;padding:15px 20px;display:flex;flex-direction:column;gap:15px}.kit-users-settings-password-dialog-toggle ::ng-deep .kit-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px}\n"] }]
|
|
8316
8775
|
}], propDecorators: { opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }] } });
|
|
8317
8776
|
|
|
8318
|
-
|
|
8777
|
+
var KitUsersSettingsProfileTab;
|
|
8778
|
+
(function (KitUsersSettingsProfileTab) {
|
|
8779
|
+
KitUsersSettingsProfileTab["DETAILS"] = "details";
|
|
8780
|
+
KitUsersSettingsProfileTab["ENTITLEMENTS"] = "entitlements";
|
|
8781
|
+
})(KitUsersSettingsProfileTab || (KitUsersSettingsProfileTab = {}));
|
|
8782
|
+
|
|
8783
|
+
class KitUsersSettingsEntitlementsComponent {
|
|
8319
8784
|
constructor() {
|
|
8320
8785
|
this.store = inject(Store);
|
|
8321
|
-
this.
|
|
8322
|
-
this.
|
|
8323
|
-
this.
|
|
8786
|
+
this.entitlementsForm = viewChild(KitUsersSettingsEntitlementsFormComponent, ...(ngDevMode ? [{ debugName: "entitlementsForm" }] : /* istanbul ignore next */ []));
|
|
8787
|
+
this.collapsedList = viewChild(KitCollapsedListComponent, ...(ngDevMode ? [{ debugName: "collapsedList" }] : /* istanbul ignore next */ []));
|
|
8788
|
+
this.showIdentityType = input.required(...(ngDevMode ? [{ debugName: "showIdentityType" }] : /* istanbul ignore next */ []));
|
|
8789
|
+
this.userEntitlements = computed(() => this.store.selectSignal(KIT_USERS_SETTINGS_ENTITLEMENTS_STATE_TOKEN)().userEntitlements, ...(ngDevMode ? [{ debugName: "userEntitlements" }] : /* istanbul ignore next */ []));
|
|
8790
|
+
this.userDetailsId = computed(() => (this.store.selectSignal(KIT_USERS_SETTINGS_STATE_TOKEN)().userDetails.data?.id), ...(ngDevMode ? [{ debugName: "userDetailsId" }] : /* istanbul ignore next */ []));
|
|
8791
|
+
this.entitlementItems = computed(() => (this.userEntitlements().data).map(entitlement => ({ text: entitlement.alias, value: String(entitlement.id) })), ...(ngDevMode ? [{ debugName: "entitlementItems" }] : /* istanbul ignore next */ []));
|
|
8792
|
+
this.selectedEntitlementId = signal(null, ...(ngDevMode ? [{ debugName: "selectedEntitlementId" }] : /* istanbul ignore next */ []));
|
|
8793
|
+
effect(() => this.fetchEntitlements());
|
|
8794
|
+
effect(() => this.fetchEntitlementDetails());
|
|
8795
|
+
effect(() => this.selectFirstItem());
|
|
8796
|
+
}
|
|
8797
|
+
get isFormDisabled() {
|
|
8798
|
+
const formComponent = this.entitlementsForm();
|
|
8799
|
+
return !formComponent || formComponent.form.pristine || formComponent.form.invalid;
|
|
8800
|
+
}
|
|
8801
|
+
selectItem(item) {
|
|
8802
|
+
const collapsedList = this.collapsedList();
|
|
8803
|
+
if (collapsedList) {
|
|
8804
|
+
collapsedList.setSelectedItem(item);
|
|
8805
|
+
this.selectedEntitlementId.set(+item.value);
|
|
8806
|
+
}
|
|
8807
|
+
;
|
|
8808
|
+
}
|
|
8809
|
+
submit() {
|
|
8810
|
+
this.entitlementsForm()?.submit();
|
|
8811
|
+
}
|
|
8812
|
+
fetchEntitlements() {
|
|
8813
|
+
const userId = this.userDetailsId();
|
|
8814
|
+
if (userId) {
|
|
8815
|
+
this.selectedEntitlementId.set(null);
|
|
8816
|
+
this.store.dispatch(new KitFetchUsersSettingsEntitlements(userId));
|
|
8817
|
+
}
|
|
8818
|
+
}
|
|
8819
|
+
selectFirstItem() {
|
|
8820
|
+
const firstItem = this.userEntitlements().data[0];
|
|
8821
|
+
if (firstItem) {
|
|
8822
|
+
this.selectItem({ text: firstItem.alias, value: String(firstItem.id) });
|
|
8823
|
+
}
|
|
8824
|
+
}
|
|
8825
|
+
fetchEntitlementDetails() {
|
|
8826
|
+
const entitlementId = this.selectedEntitlementId();
|
|
8827
|
+
const userId = this.userDetailsId();
|
|
8828
|
+
if (entitlementId && userId) {
|
|
8829
|
+
this.store.dispatch(new KitFetchUsersSettingsEntitlementDetails({
|
|
8830
|
+
userId,
|
|
8831
|
+
entitlementId,
|
|
8832
|
+
}));
|
|
8833
|
+
}
|
|
8834
|
+
}
|
|
8835
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8836
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitUsersSettingsEntitlementsComponent, isStandalone: true, selector: "kit-users-settings-entitlements", inputs: { showIdentityType: { classPropertyName: "showIdentityType", publicName: "showIdentityType", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "entitlementsForm", first: true, predicate: KitUsersSettingsEntitlementsFormComponent, descendants: true, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: KitCollapsedListComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-users-settings-entitlements\">\n @if (userEntitlements().loading) {\n <kit-skeleton [height]=\"24\" />\n } @else {\n <kit-collapsed-list [itemList]=\"entitlementItems()\"\n (selectItem)=\"selectItem($event)\" />\n }\n <kit-users-settings-entitlements-form [showIdentityType]=\"showIdentityType()\" />\n <ng-content />\n</div>\n", styles: [".kit-users-settings-entitlements{display:flex;flex-direction:column;gap:16px}\n"], dependencies: [{ kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitUsersSettingsEntitlementsFormComponent, selector: "kit-users-settings-entitlements-form", inputs: ["isCreating", "showIdentityType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8837
|
+
}
|
|
8838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsEntitlementsComponent, decorators: [{
|
|
8839
|
+
type: Component,
|
|
8840
|
+
args: [{ selector: 'kit-users-settings-entitlements', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
8841
|
+
KitCollapsedListComponent,
|
|
8842
|
+
KitSkeletonComponent,
|
|
8843
|
+
KitUsersSettingsEntitlementsFormComponent,
|
|
8844
|
+
], template: "<div class=\"kit-users-settings-entitlements\">\n @if (userEntitlements().loading) {\n <kit-skeleton [height]=\"24\" />\n } @else {\n <kit-collapsed-list [itemList]=\"entitlementItems()\"\n (selectItem)=\"selectItem($event)\" />\n }\n <kit-users-settings-entitlements-form [showIdentityType]=\"showIdentityType()\" />\n <ng-content />\n</div>\n", styles: [".kit-users-settings-entitlements{display:flex;flex-direction:column;gap:16px}\n"] }]
|
|
8845
|
+
}], ctorParameters: () => [], propDecorators: { entitlementsForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitUsersSettingsEntitlementsFormComponent), { isSignal: true }] }], collapsedList: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitCollapsedListComponent), { isSignal: true }] }], showIdentityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIdentityType", required: true }] }] } });
|
|
8846
|
+
|
|
8847
|
+
class KitUsersSettingsProfileComponent {
|
|
8848
|
+
constructor() {
|
|
8849
|
+
this.store = inject(Store);
|
|
8850
|
+
this.destroyRef = inject(DestroyRef);
|
|
8851
|
+
this.kitDialogService = inject(KitDialogService);
|
|
8852
|
+
this.translateService = inject(TranslateService);
|
|
8853
|
+
this.viewContainerRef = inject(ViewContainerRef);
|
|
8854
|
+
this.detailsForm = viewChild(KitUsersSettingsDetailsFormComponent, ...(ngDevMode ? [{ debugName: "detailsForm" }] : /* istanbul ignore next */ []));
|
|
8855
|
+
this.entitlementsForm = viewChild(KitUsersSettingsEntitlementsComponent, ...(ngDevMode ? [{ debugName: "entitlementsForm" }] : /* istanbul ignore next */ []));
|
|
8856
|
+
this.showIdentityType = input.required(...(ngDevMode ? [{ debugName: "showIdentityType" }] : /* istanbul ignore next */ []));
|
|
8857
|
+
this.saveClicked = output();
|
|
8858
|
+
this.userDetails = computed(() => this.store.selectSignal(KIT_USERS_SETTINGS_STATE_TOKEN)().userDetails, ...(ngDevMode ? [{ debugName: "userDetails" }] : /* istanbul ignore next */ []));
|
|
8859
|
+
this.userEntitlementsDetails = computed(() => this.store.selectSignal(KIT_USERS_SETTINGS_ENTITLEMENTS_STATE_TOKEN)().userEntitlementDetails, ...(ngDevMode ? [{ debugName: "userEntitlementsDetails" }] : /* istanbul ignore next */ []));
|
|
8860
|
+
this.currentTab = signal(KitUsersSettingsProfileTab.DETAILS, ...(ngDevMode ? [{ debugName: "currentTab" }] : /* istanbul ignore next */ []));
|
|
8324
8861
|
this.isPasswordDialogOpened = signal(false, ...(ngDevMode ? [{ debugName: "isPasswordDialogOpened" }] : /* istanbul ignore next */ []));
|
|
8862
|
+
this.isEntitlementDialogOpened = signal(false, ...(ngDevMode ? [{ debugName: "isEntitlementDialogOpened" }] : /* istanbul ignore next */ []));
|
|
8325
8863
|
this.kitButtonKind = KitButtonKind;
|
|
8326
8864
|
this.kitButtonType = KitButtonType;
|
|
8327
8865
|
this.kitSvgIcon = KitSvgIcon;
|
|
8866
|
+
this.kitSvgIconType = KitSvgIconType;
|
|
8328
8867
|
this.kitButtonIconPosition = KitButtonIconPosition;
|
|
8868
|
+
this.kitUsersSettingsProfileTab = KitUsersSettingsProfileTab;
|
|
8869
|
+
this.cancelDeleteEntitlementAction = {
|
|
8870
|
+
text: this.translateService.instant('kit.usersSettings.entitlements.deleteDialog.cancel'),
|
|
8871
|
+
cssClass: `${KitButtonType.GHOST} ${KitButtonState.DEFAULT} ${KitButtonKind.MEDIUM}`,
|
|
8872
|
+
};
|
|
8873
|
+
this.confirmDeleteEntitlementAction = {
|
|
8874
|
+
text: this.translateService.instant('kit.usersSettings.entitlements.deleteDialog.confirm'),
|
|
8875
|
+
cssClass: `${KitButtonType.PRIMARY} ${KitButtonState.DEFAULT} ${KitButtonKind.MEDIUM}`,
|
|
8876
|
+
};
|
|
8329
8877
|
}
|
|
8330
8878
|
get isFormDisabled() {
|
|
8331
|
-
|
|
8879
|
+
if (this.currentTab() === KitUsersSettingsProfileTab.DETAILS) {
|
|
8880
|
+
const detailsForm = this.detailsForm();
|
|
8881
|
+
return !detailsForm || detailsForm.form.pristine || detailsForm.form.invalid;
|
|
8882
|
+
}
|
|
8883
|
+
return this.entitlementsForm()?.isFormDisabled ?? true;
|
|
8884
|
+
}
|
|
8885
|
+
get isSaveLoading() {
|
|
8886
|
+
if (this.currentTab() === KitUsersSettingsProfileTab.DETAILS) {
|
|
8887
|
+
return this.userDetails().loading;
|
|
8888
|
+
}
|
|
8889
|
+
return this.userEntitlementsDetails().loading;
|
|
8332
8890
|
}
|
|
8333
8891
|
onSave() {
|
|
8334
|
-
this.
|
|
8892
|
+
if (this.currentTab() === KitUsersSettingsProfileTab.DETAILS) {
|
|
8893
|
+
this.detailsForm()?.submit();
|
|
8894
|
+
}
|
|
8895
|
+
else {
|
|
8896
|
+
this.entitlementsForm()?.submit();
|
|
8897
|
+
}
|
|
8898
|
+
this.saveClicked.emit();
|
|
8899
|
+
}
|
|
8900
|
+
onTabSelected(event) {
|
|
8901
|
+
const tabs = Object.values(KitUsersSettingsProfileTab);
|
|
8902
|
+
this.currentTab.set(tabs[event.index]);
|
|
8335
8903
|
}
|
|
8336
|
-
|
|
8337
|
-
|
|
8904
|
+
onDeleteEntitlement() {
|
|
8905
|
+
const entitlementsDetails = this.userEntitlementsDetails().data;
|
|
8906
|
+
if (!entitlementsDetails) {
|
|
8907
|
+
return;
|
|
8908
|
+
}
|
|
8909
|
+
this.kitDialogService.openDialog({
|
|
8910
|
+
title: this.translateService.instant('kit.usersSettings.entitlements.deleteDialog.title'),
|
|
8911
|
+
content: this.translateService.instant('kit.usersSettings.entitlements.deleteDialog.content'),
|
|
8912
|
+
appendTo: this.viewContainerRef,
|
|
8913
|
+
actions: [
|
|
8914
|
+
this.cancelDeleteEntitlementAction,
|
|
8915
|
+
this.confirmDeleteEntitlementAction,
|
|
8916
|
+
],
|
|
8917
|
+
});
|
|
8918
|
+
this.kitDialogService.dialogRef?.result.pipe(takeUntilDestroyed(this.destroyRef), filter(action => action === this.confirmDeleteEntitlementAction), switchMap(() => this.store.dispatch(new KitDeleteUsersSettingsEntitlement({
|
|
8919
|
+
userId: entitlementsDetails.userId,
|
|
8920
|
+
entitlementId: entitlementsDetails.id,
|
|
8921
|
+
})))).subscribe();
|
|
8922
|
+
}
|
|
8923
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8924
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitUsersSettingsProfileComponent, isStandalone: true, selector: "kit-users-settings-profile", inputs: { showIdentityType: { classPropertyName: "showIdentityType", publicName: "showIdentityType", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { saveClicked: "saveClicked" }, viewQueries: [{ propertyName: "detailsForm", first: true, predicate: KitUsersSettingsDetailsFormComponent, descendants: true, isSignal: true }, { propertyName: "entitlementsForm", first: true, predicate: KitUsersSettingsEntitlementsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-user-settings-profile\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"kit-user-settings-profile-header\">\n <kit-tabs class=\"kit-user-settings-profile-tabs\"\n (tabSelected)=\"onTabSelected($event)\">\n <kit-tab [title]=\"'kit.usersSettings.profile.tabs.details' | translate\"\n [selected]=\"true\" />\n <kit-tab [title]=\"'kit.usersSettings.profile.tabs.entitlements' | translate\" />\n </kit-tabs>\n <div class=\"kit-user-settings-profile-actions\">\n @if (currentTab() === kitUsersSettingsProfileTab.DETAILS) {\n <kit-button [label]=\"'kit.usersSettings.profile.changePassword' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"userDetails().loading\"\n (clicked)=\"isPasswordDialogOpened.set(true)\" />\n } @else {\n <kit-button [label]=\"'kit.usersSettings.profile.createEntitlement' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"userDetails().loading\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"isEntitlementDialogOpened.set(true)\" />\n <kit-button [label]=\"'kit.usersSettings.profile.delete' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"userEntitlementsDetails().loading || !userEntitlementsDetails().data\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDeleteEntitlement()\" />\n }\n <kit-button [label]=\"'kit.usersSettings.profile.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"isFormDisabled || isSaveLoading\"\n (clicked)=\"onSave()\" />\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n @if (currentTab() === kitUsersSettingsProfileTab.DETAILS) {\n <kit-users-settings-details-form />\n \n <kit-users-settings-password-dialog [(opened)]=\"isPasswordDialogOpened\" />\n } @else {\n <ng-template #entitlementsExtraContent>\n <ng-content />\n </ng-template>\n\n <kit-users-settings-create-entitlement-dialog [showIdentityType]=\"showIdentityType()\"\n [(opened)]=\"isEntitlementDialogOpened\">\n </kit-users-settings-create-entitlement-dialog>\n\n <kit-users-settings-entitlements [showIdentityType]=\"showIdentityType()\">\n <ng-container [ngTemplateOutlet]=\"entitlementsExtraContent\" />\n </kit-users-settings-entitlements>\n }\n</div>", styles: [".kit-user-settings-profile-header{display:flex;align-items:center;justify-content:space-between}.kit-user-settings-profile-actions{display:flex;gap:8px}.kit-user-settings-profile ::ng-deep .kit-entity-section-container{padding-bottom:0;gap:0;margin-bottom:15px}.kit-user-settings-profile ::ng-deep .kit-user-settings-profile-tabs .k-link{display:inline-block;height:100%}\n"], dependencies: [{ kind: "component", type: KitEntitySectionContainerComponent, selector: "kit-entity-section-container" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitUsersSettingsCreateEntitlementDialogComponent, selector: "kit-users-settings-create-entitlement-dialog", inputs: ["showIdentityType", "opened"], outputs: ["openedChange"] }, { kind: "component", type: KitUsersSettingsPasswordDialogComponent, selector: "kit-users-settings-password-dialog", inputs: ["opened"], outputs: ["openedChange"] }, { kind: "component", type: KitUsersSettingsDetailsFormComponent, selector: "kit-users-settings-details-form", inputs: ["isCreatingNewUser"] }, { kind: "component", type: KitUsersSettingsEntitlementsComponent, selector: "kit-users-settings-entitlements", inputs: ["showIdentityType"] }, { kind: "component", type: KitTabsComponent, selector: "kit-tabs", inputs: ["type", "size", "animate"], outputs: ["tabSelected"] }, { kind: "component", type: KitTabComponent, selector: "kit-tab", inputs: ["title", "icon", "iconType", "selected", "disabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8338
8925
|
}
|
|
8339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type:
|
|
8926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsProfileComponent, decorators: [{
|
|
8340
8927
|
type: Component,
|
|
8341
|
-
args: [{ selector: 'kit-users-settings-
|
|
8928
|
+
args: [{ selector: 'kit-users-settings-profile', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
8342
8929
|
KitEntitySectionContainerComponent,
|
|
8343
8930
|
KitButtonComponent,
|
|
8344
8931
|
TranslatePipe,
|
|
8932
|
+
KitUsersSettingsCreateEntitlementDialogComponent,
|
|
8345
8933
|
KitUsersSettingsPasswordDialogComponent,
|
|
8346
8934
|
KitUsersSettingsDetailsFormComponent,
|
|
8347
|
-
|
|
8348
|
-
|
|
8935
|
+
KitUsersSettingsEntitlementsComponent,
|
|
8936
|
+
KitTabsComponent,
|
|
8937
|
+
KitTabComponent,
|
|
8938
|
+
NgTemplateOutlet,
|
|
8939
|
+
], template: "<div class=\"kit-user-settings-profile\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"kit-user-settings-profile-header\">\n <kit-tabs class=\"kit-user-settings-profile-tabs\"\n (tabSelected)=\"onTabSelected($event)\">\n <kit-tab [title]=\"'kit.usersSettings.profile.tabs.details' | translate\"\n [selected]=\"true\" />\n <kit-tab [title]=\"'kit.usersSettings.profile.tabs.entitlements' | translate\" />\n </kit-tabs>\n <div class=\"kit-user-settings-profile-actions\">\n @if (currentTab() === kitUsersSettingsProfileTab.DETAILS) {\n <kit-button [label]=\"'kit.usersSettings.profile.changePassword' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"userDetails().loading\"\n (clicked)=\"isPasswordDialogOpened.set(true)\" />\n } @else {\n <kit-button [label]=\"'kit.usersSettings.profile.createEntitlement' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"userDetails().loading\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"isEntitlementDialogOpened.set(true)\" />\n <kit-button [label]=\"'kit.usersSettings.profile.delete' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"userEntitlementsDetails().loading || !userEntitlementsDetails().data\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDeleteEntitlement()\" />\n }\n <kit-button [label]=\"'kit.usersSettings.profile.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"isFormDisabled || isSaveLoading\"\n (clicked)=\"onSave()\" />\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n @if (currentTab() === kitUsersSettingsProfileTab.DETAILS) {\n <kit-users-settings-details-form />\n \n <kit-users-settings-password-dialog [(opened)]=\"isPasswordDialogOpened\" />\n } @else {\n <ng-template #entitlementsExtraContent>\n <ng-content />\n </ng-template>\n\n <kit-users-settings-create-entitlement-dialog [showIdentityType]=\"showIdentityType()\"\n [(opened)]=\"isEntitlementDialogOpened\">\n </kit-users-settings-create-entitlement-dialog>\n\n <kit-users-settings-entitlements [showIdentityType]=\"showIdentityType()\">\n <ng-container [ngTemplateOutlet]=\"entitlementsExtraContent\" />\n </kit-users-settings-entitlements>\n }\n</div>", styles: [".kit-user-settings-profile-header{display:flex;align-items:center;justify-content:space-between}.kit-user-settings-profile-actions{display:flex;gap:8px}.kit-user-settings-profile ::ng-deep .kit-entity-section-container{padding-bottom:0;gap:0;margin-bottom:15px}.kit-user-settings-profile ::ng-deep .kit-user-settings-profile-tabs .k-link{display:inline-block;height:100%}\n"] }]
|
|
8940
|
+
}], propDecorators: { detailsForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitUsersSettingsDetailsFormComponent), { isSignal: true }] }], entitlementsForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitUsersSettingsEntitlementsComponent), { isSignal: true }] }], showIdentityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIdentityType", required: true }] }], saveClicked: [{ type: i0.Output, args: ["saveClicked"] }] } });
|
|
8349
8941
|
|
|
8350
8942
|
class KitUsersSettingsComponent {
|
|
8351
8943
|
constructor() {
|
|
@@ -8357,6 +8949,8 @@ class KitUsersSettingsComponent {
|
|
|
8357
8949
|
this.cardDetailsComponent = viewChild.required(KitCardDetailsComponent);
|
|
8358
8950
|
this.deleteDialogActionsTemplate = viewChild.required('deleteDialogActions', { read: TemplateRef });
|
|
8359
8951
|
this.title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
8952
|
+
this.showIdentityType = input(true, ...(ngDevMode ? [{ debugName: "showIdentityType" }] : /* istanbul ignore next */ []));
|
|
8953
|
+
this.saveClicked = output();
|
|
8360
8954
|
this.currentUserId = this.store.selectSignal((state) => state.user?.data?.id?.toString() ?? null);
|
|
8361
8955
|
this.isCreatingNewUser = signal(false, ...(ngDevMode ? [{ debugName: "isCreatingNewUser" }] : /* istanbul ignore next */ []));
|
|
8362
8956
|
this.pendingDeleteUser = signal(null, ...(ngDevMode ? [{ debugName: "pendingDeleteUser" }] : /* istanbul ignore next */ []));
|
|
@@ -8426,19 +9020,19 @@ class KitUsersSettingsComponent {
|
|
|
8426
9020
|
};
|
|
8427
9021
|
}
|
|
8428
9022
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8429
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: KitUsersSettingsComponent, isStandalone: true, selector: "kit-users-settings", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "cardDetailsComponent", first: true, predicate: KitCardDetailsComponent, descendants: true, isSignal: true }, { propertyName: "deleteDialogActionsTemplate", first: true, predicate: ["deleteDialogActions"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-users-settings\">\n <kit-card-details [title]=\"title()\"\n [pageSize]=\"pageSize\"\n [cardData$]=\"cardData$\"\n (cardClicked)=\"onCardSelected($event)\"\n (dataStateChanged)=\"onDataStateChanged($event)\">\n <ng-template #headerActions>\n <kit-button [label]=\"'kit.usersSettings.details.createNewUser' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"isCreatingNewUser.set(true)\" />\n </ng-template>\n\n <ng-template #cardElement\n let-user>\n <div class=\"kit-users-settings-card-row\">\n <kit-truncate-text class=\"kit-users-settings-card\">{{ getUserDisplayName(user) }}</kit-truncate-text>\n <kit-button [icon]=\"kitSvgIcon.TRASH\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.TEXT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"isDeleteDisabled(user.id)\"\n (clicked)=\"onDeleteUser(user)\" />\n </div>\n </ng-template>\n\n <ng-template #details\n let-activeId>\n <kit-users-settings-
|
|
9023
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: KitUsersSettingsComponent, isStandalone: true, selector: "kit-users-settings", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, showIdentityType: { classPropertyName: "showIdentityType", publicName: "showIdentityType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveClicked: "saveClicked" }, viewQueries: [{ propertyName: "cardDetailsComponent", first: true, predicate: KitCardDetailsComponent, descendants: true, isSignal: true }, { propertyName: "deleteDialogActionsTemplate", first: true, predicate: ["deleteDialogActions"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-users-settings\">\n <kit-card-details [title]=\"title()\"\n [pageSize]=\"pageSize\"\n [cardData$]=\"cardData$\"\n (cardClicked)=\"onCardSelected($event)\"\n (dataStateChanged)=\"onDataStateChanged($event)\">\n <ng-template #headerActions>\n <kit-button [label]=\"'kit.usersSettings.details.createNewUser' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"isCreatingNewUser.set(true)\" />\n </ng-template>\n\n <ng-template #cardElement\n let-user>\n <div class=\"kit-users-settings-card-row\">\n <kit-truncate-text class=\"kit-users-settings-card\">{{ getUserDisplayName(user) }}</kit-truncate-text>\n <kit-button [icon]=\"kitSvgIcon.TRASH\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.TEXT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"isDeleteDisabled(user.id)\"\n (clicked)=\"onDeleteUser(user)\" />\n </div>\n </ng-template>\n\n <ng-template #details\n let-activeId>\n <kit-users-settings-profile [showIdentityType]=\"showIdentityType()\"\n (saveClicked)=\"saveClicked.emit()\">\n <ng-content select=\"[extended-entitlements]\" />\n </kit-users-settings-profile>\n </ng-template>\n </kit-card-details>\n\n <kit-users-settings-create-dialog [(opened)]=\"isCreatingNewUser\" />\n\n <ng-template #deleteDialogActions>\n <div class=\"kit-users-settings-delete-dialog-actions\">\n <kit-button [label]=\"'kit.usersSettings.deleteDialog.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"closeDeleteDialog()\" />\n <kit-button [label]=\"'kit.usersSettings.deleteDialog.confirm' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"confirmDeleteUser()\" />\n </div>\n </ng-template>\n</div>\n", styles: [".kit-users-settings-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.kit-users-settings-card{margin:10px 0;min-width:0}::ng-deep .kit-users-settings-delete-dialog-actions{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "component", type: KitCardDetailsComponent, selector: "kit-card-details", inputs: ["cardData$", "pageSize", "title", "cardSkeletonConfig"], outputs: ["dataStateChanged", "cardClicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "component", type: KitUsersSettingsProfileComponent, selector: "kit-users-settings-profile", inputs: ["showIdentityType"], outputs: ["saveClicked"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitUsersSettingsCreateDialogComponent, selector: "kit-users-settings-create-dialog", inputs: ["opened"], outputs: ["openedChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8430
9024
|
}
|
|
8431
9025
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUsersSettingsComponent, decorators: [{
|
|
8432
9026
|
type: Component,
|
|
8433
9027
|
args: [{ selector: 'kit-users-settings', imports: [
|
|
8434
9028
|
KitCardDetailsComponent,
|
|
8435
9029
|
KitTruncateTextComponent,
|
|
8436
|
-
|
|
9030
|
+
KitUsersSettingsProfileComponent,
|
|
8437
9031
|
KitButtonComponent,
|
|
8438
9032
|
TranslatePipe,
|
|
8439
9033
|
KitUsersSettingsCreateDialogComponent,
|
|
8440
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-users-settings\">\n <kit-card-details [title]=\"title()\"\n [pageSize]=\"pageSize\"\n [cardData$]=\"cardData$\"\n (cardClicked)=\"onCardSelected($event)\"\n (dataStateChanged)=\"onDataStateChanged($event)\">\n <ng-template #headerActions>\n <kit-button [label]=\"'kit.usersSettings.details.createNewUser' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"isCreatingNewUser.set(true)\" />\n </ng-template>\n\n <ng-template #cardElement\n let-user>\n <div class=\"kit-users-settings-card-row\">\n <kit-truncate-text class=\"kit-users-settings-card\">{{ getUserDisplayName(user) }}</kit-truncate-text>\n <kit-button [icon]=\"kitSvgIcon.TRASH\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.TEXT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"isDeleteDisabled(user.id)\"\n (clicked)=\"onDeleteUser(user)\" />\n </div>\n </ng-template>\n\n <ng-template #details\n let-activeId>\n <kit-users-settings-
|
|
8441
|
-
}], propDecorators: { cardDetailsComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitCardDetailsComponent), { isSignal: true }] }], deleteDialogActionsTemplate: [{ type: i0.ViewChild, args: ['deleteDialogActions', { ...{ read: TemplateRef }, isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }] } });
|
|
9034
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-users-settings\">\n <kit-card-details [title]=\"title()\"\n [pageSize]=\"pageSize\"\n [cardData$]=\"cardData$\"\n (cardClicked)=\"onCardSelected($event)\"\n (dataStateChanged)=\"onDataStateChanged($event)\">\n <ng-template #headerActions>\n <kit-button [label]=\"'kit.usersSettings.details.createNewUser' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"isCreatingNewUser.set(true)\" />\n </ng-template>\n\n <ng-template #cardElement\n let-user>\n <div class=\"kit-users-settings-card-row\">\n <kit-truncate-text class=\"kit-users-settings-card\">{{ getUserDisplayName(user) }}</kit-truncate-text>\n <kit-button [icon]=\"kitSvgIcon.TRASH\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.TEXT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [disabled]=\"isDeleteDisabled(user.id)\"\n (clicked)=\"onDeleteUser(user)\" />\n </div>\n </ng-template>\n\n <ng-template #details\n let-activeId>\n <kit-users-settings-profile [showIdentityType]=\"showIdentityType()\"\n (saveClicked)=\"saveClicked.emit()\">\n <ng-content select=\"[extended-entitlements]\" />\n </kit-users-settings-profile>\n </ng-template>\n </kit-card-details>\n\n <kit-users-settings-create-dialog [(opened)]=\"isCreatingNewUser\" />\n\n <ng-template #deleteDialogActions>\n <div class=\"kit-users-settings-delete-dialog-actions\">\n <kit-button [label]=\"'kit.usersSettings.deleteDialog.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"closeDeleteDialog()\" />\n <kit-button [label]=\"'kit.usersSettings.deleteDialog.confirm' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"confirmDeleteUser()\" />\n </div>\n </ng-template>\n</div>\n", styles: [".kit-users-settings-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.kit-users-settings-card{margin:10px 0;min-width:0}::ng-deep .kit-users-settings-delete-dialog-actions{display:flex;justify-content:space-between}\n"] }]
|
|
9035
|
+
}], propDecorators: { cardDetailsComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitCardDetailsComponent), { isSignal: true }] }], deleteDialogActionsTemplate: [{ type: i0.ViewChild, args: ['deleteDialogActions', { ...{ read: TemplateRef }, isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], showIdentityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIdentityType", required: false }] }], saveClicked: [{ type: i0.Output, args: ["saveClicked"] }] } });
|
|
8442
9036
|
|
|
8443
9037
|
var KitThemes;
|
|
8444
9038
|
(function (KitThemes) {
|
|
@@ -8613,9 +9207,7 @@ const kitTranslations = {
|
|
|
8613
9207
|
email: 'Email',
|
|
8614
9208
|
forcePassword: 'Force Password Reset',
|
|
8615
9209
|
mfa: 'Multi-Factor Authentication',
|
|
8616
|
-
save: 'Save',
|
|
8617
9210
|
createNewUser: 'Create New User',
|
|
8618
|
-
changePassword: 'Change Password',
|
|
8619
9211
|
password: 'Password',
|
|
8620
9212
|
passwordRequired: 'Password is required',
|
|
8621
9213
|
passwordTooWeak: 'Your password is too weak.',
|
|
@@ -8643,6 +9235,29 @@ const kitTranslations = {
|
|
|
8643
9235
|
confirm: 'Delete',
|
|
8644
9236
|
cancel: 'Cancel',
|
|
8645
9237
|
},
|
|
9238
|
+
profile: {
|
|
9239
|
+
createEntitlement: 'Create Entitlement',
|
|
9240
|
+
save: 'Save',
|
|
9241
|
+
changePassword: 'Change Password',
|
|
9242
|
+
delete: 'Delete',
|
|
9243
|
+
tabs: {
|
|
9244
|
+
details: 'User Details',
|
|
9245
|
+
entitlements: 'User Entitlements',
|
|
9246
|
+
},
|
|
9247
|
+
},
|
|
9248
|
+
entitlements: {
|
|
9249
|
+
identityType: 'Identity Type',
|
|
9250
|
+
partners: 'Partners',
|
|
9251
|
+
alias: 'Alias',
|
|
9252
|
+
roles: 'Roles',
|
|
9253
|
+
updateSuccess: 'Entitlement updated successfully',
|
|
9254
|
+
deleteDialog: {
|
|
9255
|
+
title: 'Delete Entitlement',
|
|
9256
|
+
content: 'Are you sure you want to permanently delete this entitlement?',
|
|
9257
|
+
confirm: 'Delete',
|
|
9258
|
+
cancel: 'Cancel',
|
|
9259
|
+
},
|
|
9260
|
+
},
|
|
8646
9261
|
},
|
|
8647
9262
|
globalSearch: {
|
|
8648
9263
|
placeholder: 'Global Search',
|
|
@@ -8682,6 +9297,7 @@ const kitTranslations = {
|
|
|
8682
9297
|
loading: 'Loading...',
|
|
8683
9298
|
error: 'An error occurred while loading data',
|
|
8684
9299
|
loadMore: 'Load More',
|
|
9300
|
+
selectValue: 'Select value',
|
|
8685
9301
|
},
|
|
8686
9302
|
notFound: {
|
|
8687
9303
|
title: '404',
|
|
@@ -8814,9 +9430,7 @@ const kitTranslations = {
|
|
|
8814
9430
|
email: 'Email',
|
|
8815
9431
|
forcePassword: 'Принудительно изменить пароль',
|
|
8816
9432
|
mfa: 'Многофакторная аутентификация',
|
|
8817
|
-
save: 'Сохранить',
|
|
8818
9433
|
createNewUser: 'Создать нового пользователя',
|
|
8819
|
-
changePassword: 'Изменить пароль',
|
|
8820
9434
|
password: 'Пароль',
|
|
8821
9435
|
passwordRequired: 'Пароль обязателен',
|
|
8822
9436
|
passwordTooWeak: 'Пароль слишком слабый.',
|
|
@@ -8844,6 +9458,29 @@ const kitTranslations = {
|
|
|
8844
9458
|
confirm: 'Удалить',
|
|
8845
9459
|
cancel: 'Отмена',
|
|
8846
9460
|
},
|
|
9461
|
+
profile: {
|
|
9462
|
+
createEntitlement: 'Создать право доступа',
|
|
9463
|
+
save: 'Сохранить',
|
|
9464
|
+
changePassword: 'Изменить пароль',
|
|
9465
|
+
delete: 'Удалить',
|
|
9466
|
+
tabs: {
|
|
9467
|
+
details: 'Детали пользователя',
|
|
9468
|
+
entitlements: 'Права доступа пользователя',
|
|
9469
|
+
},
|
|
9470
|
+
},
|
|
9471
|
+
entitlements: {
|
|
9472
|
+
identityType: 'Тип удостоверения',
|
|
9473
|
+
partners: 'Партнеры',
|
|
9474
|
+
alias: 'Псевдоним',
|
|
9475
|
+
roles: 'Роли',
|
|
9476
|
+
updateSuccess: 'Право доступа успешно обновлено',
|
|
9477
|
+
deleteDialog: {
|
|
9478
|
+
title: 'Удалить право доступа',
|
|
9479
|
+
content: 'Вы уверены, что хотите безвозвратно удалить это право доступа?',
|
|
9480
|
+
confirm: 'Удалить',
|
|
9481
|
+
cancel: 'Отмена',
|
|
9482
|
+
},
|
|
9483
|
+
},
|
|
8847
9484
|
},
|
|
8848
9485
|
globalSearch: {
|
|
8849
9486
|
placeholder: 'Глобальный поиск',
|
|
@@ -8883,6 +9520,7 @@ const kitTranslations = {
|
|
|
8883
9520
|
loading: 'Загрузка...',
|
|
8884
9521
|
error: 'Произошла ошибка при загрузке данных',
|
|
8885
9522
|
loadMore: 'Загрузить еще',
|
|
9523
|
+
selectValue: 'Выберите значение',
|
|
8886
9524
|
},
|
|
8887
9525
|
notFound: {
|
|
8888
9526
|
title: '404',
|
|
@@ -12990,5 +13628,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
12990
13628
|
* Generated bundle index. Do not edit.
|
|
12991
13629
|
*/
|
|
12992
13630
|
|
|
12993
|
-
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_DATE_FORMAT_SHORT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT,
|
|
13631
|
+
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_DATE_FORMAT_SHORT, 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, KitExcelExportService, KitExpansionPanelComponent, KitExpansionPanelHeaderTemplateDirective, KitExpansionPanelToggleMode, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitFormFieldComponent, KitFormLabelComponent, KitFormMessageComponent, KitGlobalSearchComponent, KitGridActionComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperIconTheme, KitLocationStepperTheme, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectGroupTagTemplateDirective, KitMultiselectItemsDirection, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitOptionToggleSize, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerToolbarTemplateDirective, 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, KitUsersSettingsComponent, KitUsersSettingsEntitlementsService, KitUsersSettingsEntitlementsState, KitUsersSettingsReferenceService, KitUsersSettingsService, KitUsersSettingsState, 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, kitDataStateToODataString, kitEncodeViewNameToUrl, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitNormalizeDateToUtc, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
|
|
12994
13632
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|