verben-authentication-ui 1.0.12 → 1.0.13

package/esm2022/lib/components/user-management/user-management-form/use-management-form.component.mjs

@@ -0,0 +1,73 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Status } from '../../../models/status';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "verben-ng-ui";
+export class UserManagementFormComponent {
+    fb;
+    // @Input() roles: Role[] = [];
+    // @Input() status: Status[] = [];
+    set currentData(value) {
+        if (value?.data) {
+            this.form.patchValue({
+                MailAddress: value.data.MailAddress || '',
+                FirstName: value.data.FirstName || '',
+                PhoneNumber: value.data.PhoneNumber || '',
+                // Address: value.data.Address || '',
+                RoleID: value.data.RoleID || '',
+                Tags: value.data.Tags || [],
+                Status: value.data.Status || Status.Active,
+            });
+        }
+        else {
+            this.form.reset();
+        }
+    }
+    roles = [];
+    tags = [];
+    switchView = new EventEmitter();
+    onFormSave = new EventEmitter();
+    form;
+    statusOptions = Object.values(Status);
+    constructor(fb) {
+        this.fb = fb;
+        this.form = this.fb.group({
+            MailAddress: ['', { readonly: true }],
+            FirstName: ['', { readonly: true }],
+            PhoneNumber: ['', { readonly: true }],
+            // Address: ['', { readonly: true }],
+            Status: ['', { readonly: true }],
+            RoleID: [''],
+            Tags: [[]],
+        });
+    }
+    ngOnInit() { }
+    onSave() {
+        if (this.form.valid) {
+            // Emit save event with form value
+            console.log('Form saved:', this.form.value);
+            this.onFormSave.emit(this.form.value);
+        }
+    }
+    onDelete() {
+        // Emit delete event
+        console.log('Delete requested');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserManagementFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserManagementFormComponent, selector: "lib-user-request-form", inputs: { currentData: "currentData", roles: "roles", tags: "tags" }, outputs: { switchView: "switchView", onFormSave: "onFormSave" }, ngImport: i0, template: "<form\n  [formGroup]=\"form\"\n  class=\"flex flex-col px-3 pb-3 rounded-xl h-full w-full relative space-y-4\"\n>\n  <verbena-input\n    label=\"Name:\"\n    name=\"FirstName\"\n    type=\"text\"\n    formControlName=\"FirstName\"\n  />\n  <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\n  />\n  <verbena-input\n    name=\"MailAddress\"\n    label=\"E-Mail Address:\"\n    [type]=\"'email'\"\n    formControlName=\"MailAddress\"\n  />\n  <!-- <verbena-input\n    label=\"Address\"\n    name=\"Address\"\n    type=\"text\"\n    formControlName=\"Address\"\n  /> -->\n\n  <div class=\"space-y-1\">\n    <label for=\"role\">Role</label>\n\n    <verben-drop-down\n      label=\"Role\"\n      styleClass=\"w-full\"\n      width=\"100%\"\n      [multiselect]=\"false\"\n      [filter]=\"true\"\n      [showClear]=\"true\"\n      placeholder=\"\"\n      [(options)]=\"roles\"\n      id=\"role\"\n      optionLabel=\"Name\"\n      optionValue=\"Code\"\n      formControlName=\"RoleID\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n\n  <div class=\"space-y-1\">\n    <label for=\"tags\">Tags</label>\n\n    <verben-drop-down\n      label=\"Tags\"\n      styleClass=\"w-full\"\n      width=\"100%\"\n      [multiselect]=\"true\"\n      [filter]=\"true\"\n      [showClear]=\"true\"\n      placeholder=\"\"\n      [(options)]=\"tags\"\n      id=\"tags\"\n      optionLabel=\"Name\"\n      optionValue=\"Code\"\n      formControlName=\"Tags\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n\n  <div class=\"space-y-1\">\n    <label for=\"status\">Status</label>\n\n    <verben-drop-down\n      styleClass=\"w-full\"\n      width=\"100%\"\n      [multiselect]=\"false\"\n      [filter]=\"false\"\n      [showClear]=\"false\"\n      placeholder=\"\"\n      [(options)]=\"statusOptions\"\n      id=\"status\"\n      formControlName=\"Status\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i2.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserManagementFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-user-request-form', template: "<form\n  [formGroup]=\"form\"\n  class=\"flex flex-col px-3 pb-3 rounded-xl h-full w-full relative space-y-4\"\n>\n  <verbena-input\n    label=\"Name:\"\n    name=\"FirstName\"\n    type=\"text\"\n    formControlName=\"FirstName\"\n  />\n  <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\n  />\n  <verbena-input\n    name=\"MailAddress\"\n    label=\"E-Mail Address:\"\n    [type]=\"'email'\"\n    formControlName=\"MailAddress\"\n  />\n  <!-- <verbena-input\n    label=\"Address\"\n    name=\"Address\"\n    type=\"text\"\n    formControlName=\"Address\"\n  /> -->\n\n  <div class=\"space-y-1\">\n    <label for=\"role\">Role</label>\n\n    <verben-drop-down\n      label=\"Role\"\n      styleClass=\"w-full\"\n      width=\"100%\"\n      [multiselect]=\"false\"\n      [filter]=\"true\"\n      [showClear]=\"true\"\n      placeholder=\"\"\n      [(options)]=\"roles\"\n      id=\"role\"\n      optionLabel=\"Name\"\n      optionValue=\"Code\"\n      formControlName=\"RoleID\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n\n  <div class=\"space-y-1\">\n    <label for=\"tags\">Tags</label>\n\n    <verben-drop-down\n      label=\"Tags\"\n      styleClass=\"w-full\"\n      width=\"100%\"\n      [multiselect]=\"true\"\n      [filter]=\"true\"\n      [showClear]=\"true\"\n      placeholder=\"\"\n      [(options)]=\"tags\"\n      id=\"tags\"\n      optionLabel=\"Name\"\n      optionValue=\"Code\"\n      formControlName=\"Tags\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n\n  <div class=\"space-y-1\">\n    <label for=\"status\">Status</label>\n\n    <verben-drop-down\n      styleClass=\"w-full\"\n      width=\"100%\"\n      [multiselect]=\"false\"\n      [filter]=\"false\"\n      [showClear]=\"false\"\n      placeholder=\"\"\n      [(options)]=\"statusOptions\"\n      id=\"status\"\n      formControlName=\"Status\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n</form>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { currentData: [{
+                type: Input
+            }], roles: [{
+                type: Input
+            }], tags: [{
+                type: Input
+            }], switchView: [{
+                type: Output
+            }], onFormSave: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLW1hbmFnZW1lbnQtZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tYXV0aGVudGljYXRpb24tdWkvc3JjL2xpYi9jb21wb25lbnRzL3VzZXItbWFuYWdlbWVudC91c2VyLW1hbmFnZW1lbnQtZm9ybS91c2UtbWFuYWdlbWVudC1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZlcmJlbi1hdXRoZW50aWNhdGlvbi11aS9zcmMvbGliL2NvbXBvbmVudHMvdXNlci1tYW5hZ2VtZW50L3VzZXItbWFuYWdlbWVudC1mb3JtL3VzZXItbWFuYWdlbWVudC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFLdkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBY2hELE1BQU0sT0FBTywyQkFBMkI7SUE0QmxCO0lBM0JwQiwrQkFBK0I7SUFDL0Isa0NBQWtDO0lBRWxDLElBQWEsV0FBVyxDQUFDLEtBQXNCO1FBQzdDLElBQUksS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2dCQUNuQixXQUFXLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksRUFBRTtnQkFDekMsU0FBUyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLEVBQUU7Z0JBQ3JDLFdBQVcsRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxFQUFFO2dCQUN6QyxxQ0FBcUM7Z0JBQ3JDLE1BQU0sRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFO2dCQUMvQixJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRTtnQkFDM0IsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNO2FBQzNDLENBQUMsQ0FBQztRQUNMLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUNRLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsSUFBSSxHQUFVLEVBQUUsQ0FBQztJQUVoQixVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztJQUMzQyxVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7SUFFekQsSUFBSSxDQUFZO0lBQ2hCLGFBQWEsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXRDLFlBQW9CLEVBQWU7UUFBZixPQUFFLEdBQUYsRUFBRSxDQUFhO1FBQ2pDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDeEIsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ3JDLFNBQVMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUNuQyxXQUFXLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDckMscUNBQXFDO1lBQ3JDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUNoQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDWixJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUM7U0FDWCxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsTUFBTTtRQUNKLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNwQixrQ0FBa0M7WUFDbEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM1QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLG9CQUFvQjtRQUNwQixPQUFPLENBQUMsR0FBRyxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDbEMsQ0FBQzt3R0FyRFUsMkJBQTJCOzRGQUEzQiwyQkFBMkIsb01DbkJ4Qyw0L0RBeUZBOzs0RkR0RWEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHVCQUF1QjtnRkFRcEIsV0FBVztzQkFBdkIsS0FBSztnQkFlRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ2FyZERhdGEgfSBmcm9tICd2ZXJiZW4tbmctdWknO1xuaW1wb3J0IHsgUm9sZSB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9Sb2xlJztcbmltcG9ydCB7IFRhZyB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9UYWcnO1xuaW1wb3J0IHsgU3RhdHVzIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL3N0YXR1cyc7XG5pbXBvcnQgeyBVc2VyIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL3VzZXInO1xuXG5pbnRlcmZhY2UgVXNlckZvcm1EYXRhIHtcbiAgTWFpbEFkZHJlc3M6IHN0cmluZztcbiAgRmlyc3ROYW1lOiBzdHJpbmc7XG4gIFBob25lTnVtYmVyOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi11c2VyLXJlcXVlc3QtZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLW1hbmFnZW1lbnQtZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi91c2VyLW1hbmFnZW1lbnQtZm9ybS5jb21wb25lbnQuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVXNlck1hbmFnZW1lbnRGb3JtQ29tcG9uZW50IHtcbiAgLy8gQElucHV0KCkgcm9sZXM6IFJvbGVbXSA9IFtdO1xuICAvLyBASW5wdXQoKSBzdGF0dXM6IFN0YXR1c1tdID0gW107XG5cbiAgQElucHV0KCkgc2V0IGN1cnJlbnREYXRhKHZhbHVlOiBDYXJkRGF0YSB8IG51bGwpIHtcbiAgICBpZiAodmFsdWU/LmRhdGEpIHtcbiAgICAgIHRoaXMuZm9ybS5wYXRjaFZhbHVlKHtcbiAgICAgICAgTWFpbEFkZHJlc3M6IHZhbHVlLmRhdGEuTWFpbEFkZHJlc3MgfHwgJycsXG4gICAgICAgIEZpcnN0TmFtZTogdmFsdWUuZGF0YS5GaXJzdE5hbWUgfHwgJycsXG4gICAgICAgIFBob25lTnVtYmVyOiB2YWx1ZS5kYXRhLlBob25lTnVtYmVyIHx8ICcnLFxuICAgICAgICAvLyBBZGRyZXNzOiB2YWx1ZS5kYXRhLkFkZHJlc3MgfHwgJycsXG4gICAgICAgIFJvbGVJRDogdmFsdWUuZGF0YS5Sb2xlSUQgfHwgJycsXG4gICAgICAgIFRhZ3M6IHZhbHVlLmRhdGEuVGFncyB8fCBbXSxcbiAgICAgICAgU3RhdHVzOiB2YWx1ZS5kYXRhLlN0YXR1cyB8fCBTdGF0dXMuQWN0aXZlLFxuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZm9ybS5yZXNldCgpO1xuICAgIH1cbiAgfVxuICBASW5wdXQoKSByb2xlczogUm9sZVtdID0gW107XG4gIEBJbnB1dCgpIHRhZ3M6IFRhZ1tdID0gW107XG5cbiAgQE91dHB1dCgpIHN3aXRjaFZpZXcgPSBuZXcgRXZlbnRFbWl0dGVyPHVuZGVmaW5lZD4oKTtcbiAgQE91dHB1dCgpIG9uRm9ybVNhdmUgPSBuZXcgRXZlbnRFbWl0dGVyPFBhcnRpYWw8VXNlcj4+KCk7XG5cbiAgZm9ybTogRm9ybUdyb3VwO1xuICBzdGF0dXNPcHRpb25zID0gT2JqZWN0LnZhbHVlcyhTdGF0dXMpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyKSB7XG4gICAgdGhpcy5mb3JtID0gdGhpcy5mYi5ncm91cCh7XG4gICAgICBNYWlsQWRkcmVzczogWycnLCB7IHJlYWRvbmx5OiB0cnVlIH1dLFxuICAgICAgRmlyc3ROYW1lOiBbJycsIHsgcmVhZG9ubHk6IHRydWUgfV0sXG4gICAgICBQaG9uZU51bWJlcjogWycnLCB7IHJlYWRvbmx5OiB0cnVlIH1dLFxuICAgICAgLy8gQWRkcmVzczogWycnLCB7IHJlYWRvbmx5OiB0cnVlIH1dLFxuICAgICAgU3RhdHVzOiBbJycsIHsgcmVhZG9ubHk6IHRydWUgfV0sXG4gICAgICBSb2xlSUQ6IFsnJ10sXG4gICAgICBUYWdzOiBbW11dLFxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIG9uU2F2ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5mb3JtLnZhbGlkKSB7XG4gICAgICAvLyBFbWl0IHNhdmUgZXZlbnQgd2l0aCBmb3JtIHZhbHVlXG4gICAgICBjb25zb2xlLmxvZygnRm9ybSBzYXZlZDonLCB0aGlzLmZvcm0udmFsdWUpO1xuICAgICAgdGhpcy5vbkZvcm1TYXZlLmVtaXQodGhpcy5mb3JtLnZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBvbkRlbGV0ZSgpOiB2b2lkIHtcbiAgICAvLyBFbWl0IGRlbGV0ZSBldmVudFxuICAgIGNvbnNvbGUubG9nKCdEZWxldGUgcmVxdWVzdGVkJyk7XG4gIH1cbn1cbiIsIjxmb3JtXG4gIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gIGNsYXNzPVwiZmxleCBmbGV4LWNvbCBweC0zIHBiLTMgcm91bmRlZC14bCBoLWZ1bGwgdy1mdWxsIHJlbGF0aXZlIHNwYWNlLXktNFwiXG4+XG4gIDx2ZXJiZW5hLWlucHV0XG4gICAgbGFiZWw9XCJOYW1lOlwiXG4gICAgbmFtZT1cIkZpcnN0TmFtZVwiXG4gICAgdHlwZT1cInRleHRcIlxuICAgIGZvcm1Db250cm9sTmFtZT1cIkZpcnN0TmFtZVwiXG4gIC8+XG4gIDx2ZXJiZW5hLWlucHV0XG4gICAgbGFiZWw9XCJQaG9uZSBOdW1iZXI6XCJcbiAgICBuYW1lPVwiUGhvbmVOdW1iZXJcIlxuICAgIHR5cGU9XCJ0ZWxcIlxuICAgIGZvcm1Db250cm9sTmFtZT1cIlBob25lTnVtYmVyXCJcbiAgLz5cbiAgPHZlcmJlbmEtaW5wdXRcbiAgICBuYW1lPVwiTWFpbEFkZHJlc3NcIlxuICAgIGxhYmVsPVwiRS1NYWlsIEFkZHJlc3M6XCJcbiAgICBbdHlwZV09XCInZW1haWwnXCJcbiAgICBmb3JtQ29udHJvbE5hbWU9XCJNYWlsQWRkcmVzc1wiXG4gIC8+XG4gIDwhLS0gPHZlcmJlbmEtaW5wdXRcbiAgICBsYWJlbD1cIkFkZHJlc3NcIlxuICAgIG5hbWU9XCJBZGRyZXNzXCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgZm9ybUNvbnRyb2xOYW1lPVwiQWRkcmVzc1wiXG4gIC8+IC0tPlxuXG4gIDxkaXYgY2xhc3M9XCJzcGFjZS15LTFcIj5cbiAgICA8bGFiZWwgZm9yPVwicm9sZVwiPlJvbGU8L2xhYmVsPlxuXG4gICAgPHZlcmJlbi1kcm9wLWRvd25cbiAgICAgIGxhYmVsPVwiUm9sZVwiXG4gICAgICBzdHlsZUNsYXNzPVwidy1mdWxsXCJcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBbbXVsdGlzZWxlY3RdPVwiZmFsc2VcIlxuICAgICAgW2ZpbHRlcl09XCJ0cnVlXCJcbiAgICAgIFtzaG93Q2xlYXJdPVwidHJ1ZVwiXG4gICAgICBwbGFjZWhvbGRlcj1cIlwiXG4gICAgICBbKG9wdGlvbnMpXT1cInJvbGVzXCJcbiAgICAgIGlkPVwicm9sZVwiXG4gICAgICBvcHRpb25MYWJlbD1cIk5hbWVcIlxuICAgICAgb3B0aW9uVmFsdWU9XCJDb2RlXCJcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cIlJvbGVJRFwiXG4gICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgPlxuICAgIDwvdmVyYmVuLWRyb3AtZG93bj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInNwYWNlLXktMVwiPlxuICAgIDxsYWJlbCBmb3I9XCJ0YWdzXCI+VGFnczwvbGFiZWw+XG5cbiAgICA8dmVyYmVuLWRyb3AtZG93blxuICAgICAgbGFiZWw9XCJUYWdzXCJcbiAgICAgIHN0eWxlQ2xhc3M9XCJ3LWZ1bGxcIlxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIFttdWx0aXNlbGVjdF09XCJ0cnVlXCJcbiAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXG4gICAgICBbc2hvd0NsZWFyXT1cInRydWVcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJcIlxuICAgICAgWyhvcHRpb25zKV09XCJ0YWdzXCJcbiAgICAgIGlkPVwidGFnc1wiXG4gICAgICBvcHRpb25MYWJlbD1cIk5hbWVcIlxuICAgICAgb3B0aW9uVmFsdWU9XCJDb2RlXCJcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cIlRhZ3NcIlxuICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgID5cbiAgICA8L3ZlcmJlbi1kcm9wLWRvd24+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzcGFjZS15LTFcIj5cbiAgICA8bGFiZWwgZm9yPVwic3RhdHVzXCI+U3RhdHVzPC9sYWJlbD5cblxuICAgIDx2ZXJiZW4tZHJvcC1kb3duXG4gICAgICBzdHlsZUNsYXNzPVwidy1mdWxsXCJcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBbbXVsdGlzZWxlY3RdPVwiZmFsc2VcIlxuICAgICAgW2ZpbHRlcl09XCJmYWxzZVwiXG4gICAgICBbc2hvd0NsZWFyXT1cImZhbHNlXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiXCJcbiAgICAgIFsob3B0aW9ucyldPVwic3RhdHVzT3B0aW9uc1wiXG4gICAgICBpZD1cInN0YXR1c1wiXG4gICAgICBmb3JtQ29udHJvbE5hbWU9XCJTdGF0dXNcIlxuICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgID5cbiAgICA8L3ZlcmJlbi1kcm9wLWRvd24+XG4gIDwvZGl2PlxuPC9mb3JtPlxuIl19

package/esm2022/lib/components/user-management/user-management.columns.mjs

@@ -0,0 +1,53 @@
+export const columns = [
+    {
+        id: 'select',
+        header: '',
+    },
+    {
+        id: 'createdAt',
+        header: 'CREATED',
+        accessorKey: 'CreatedAt',
+    },
+    {
+        id: 'user',
+        header: 'NAME',
+        accessorFn: (row) => `${row.FirstName} ${row.LastName}`,
+        formControlName: 'FirstName',
+    },
+    {
+        id: 'mail',
+        header: 'E-MAIL',
+        accessorKey: 'MailAddress',
+        formControlName: 'MailAddress',
+    },
+    // {
+    //   id: 'address',
+    //   header: 'ADDRESS',
+    //   accessorKey: 'Address',
+    //   formControlName: 'Address',
+    // },
+    {
+        id: 'phone',
+        header: 'PHONE NUMBER',
+        accessorKey: 'PhoneNumber',
+        formControlName: 'PhoneNumber',
+    },
+    {
+        id: 'role',
+        header: 'ROLE',
+        accessorKey: 'Role',
+        formControlName: 'RoleID',
+    },
+    {
+        id: 'status',
+        header: 'STATUS',
+        accessorKey: 'Status',
+        formControlName: 'Status',
+    },
+    {
+        id: 'actions',
+        header: 'ACTIONS',
+        accessorKey: 'MailAddress',
+    },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1tYW5hZ2VtZW50LmNvbHVtbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tYXV0aGVudGljYXRpb24tdWkvc3JjL2xpYi9jb21wb25lbnRzL3VzZXItbWFuYWdlbWVudC91c2VyLW1hbmFnZW1lbnQuY29sdW1ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTZCO0lBQy9DO1FBQ0UsRUFBRSxFQUFFLFFBQVE7UUFDWixNQUFNLEVBQUUsRUFBRTtLQUNYO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsV0FBVztRQUNmLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLFdBQVcsRUFBRSxXQUFXO0tBQ3pCO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsTUFBTTtRQUNWLE1BQU0sRUFBRSxNQUFNO1FBQ2QsVUFBVSxFQUFFLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxTQUFTLElBQUksR0FBRyxDQUFDLFFBQVEsRUFBRTtRQUN2RCxlQUFlLEVBQUUsV0FBVztLQUM3QjtJQUNEO1FBQ0UsRUFBRSxFQUFFLE1BQU07UUFDVixNQUFNLEVBQUUsUUFBUTtRQUNoQixXQUFXLEVBQUUsYUFBYTtRQUMxQixlQUFlLEVBQUUsYUFBYTtLQUMvQjtJQUVELElBQUk7SUFDSixtQkFBbUI7SUFDbkIsdUJBQXVCO0lBQ3ZCLDRCQUE0QjtJQUM1QixnQ0FBZ0M7SUFDaEMsS0FBSztJQUNMO1FBQ0UsRUFBRSxFQUFFLE9BQU87UUFDWCxNQUFNLEVBQUUsY0FBYztRQUN0QixXQUFXLEVBQUUsYUFBYTtRQUMxQixlQUFlLEVBQUUsYUFBYTtLQUMvQjtJQUNEO1FBQ0UsRUFBRSxFQUFFLE1BQU07UUFDVixNQUFNLEVBQUUsTUFBTTtRQUNkLFdBQVcsRUFBRSxNQUFNO1FBQ25CLGVBQWUsRUFBRSxRQUFRO0tBQzFCO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsUUFBUTtRQUNaLE1BQU0sRUFBRSxRQUFRO1FBQ2hCLFdBQVcsRUFBRSxRQUFRO1FBQ3JCLGVBQWUsRUFBRSxRQUFRO0tBQzFCO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsU0FBUztRQUNiLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLFdBQVcsRUFBRSxhQUFhO0tBQzNCO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbHVtbkRlZmluaXRpb24gfSBmcm9tICd2ZXJiZW4tbmctdWknO1xuaW1wb3J0IHsgVXNlciB9IGZyb20gJy4uLy4uL21vZGVscy91c2VyJztcblxuXG5leHBvcnQgY29uc3QgY29sdW1uczogQ29sdW1uRGVmaW5pdGlvbjxVc2VyPltdID0gW1xuICB7XG4gICAgaWQ6ICdzZWxlY3QnLFxuICAgIGhlYWRlcjogJycsXG4gIH0sXG4gIHtcbiAgICBpZDogJ2NyZWF0ZWRBdCcsXG4gICAgaGVhZGVyOiAnQ1JFQVRFRCcsXG4gICAgYWNjZXNzb3JLZXk6ICdDcmVhdGVkQXQnLFxuICB9LFxuICB7XG4gICAgaWQ6ICd1c2VyJyxcbiAgICBoZWFkZXI6ICdOQU1FJyxcbiAgICBhY2Nlc3NvckZuOiAocm93KSA9PiBgJHtyb3cuRmlyc3ROYW1lfSAke3Jvdy5MYXN0TmFtZX1gLFxuICAgIGZvcm1Db250cm9sTmFtZTogJ0ZpcnN0TmFtZScsXG4gIH0sXG4gIHtcbiAgICBpZDogJ21haWwnLFxuICAgIGhlYWRlcjogJ0UtTUFJTCcsXG4gICAgYWNjZXNzb3JLZXk6ICdNYWlsQWRkcmVzcycsXG4gICAgZm9ybUNvbnRyb2xOYW1lOiAnTWFpbEFkZHJlc3MnLFxuICB9LFxuXG4gIC8vIHtcbiAgLy8gICBpZDogJ2FkZHJlc3MnLFxuICAvLyAgIGhlYWRlcjogJ0FERFJFU1MnLFxuICAvLyAgIGFjY2Vzc29yS2V5OiAnQWRkcmVzcycsXG4gIC8vICAgZm9ybUNvbnRyb2xOYW1lOiAnQWRkcmVzcycsXG4gIC8vIH0sXG4gIHtcbiAgICBpZDogJ3Bob25lJyxcbiAgICBoZWFkZXI6ICdQSE9ORSBOVU1CRVInLFxuICAgIGFjY2Vzc29yS2V5OiAnUGhvbmVOdW1iZXInLFxuICAgIGZvcm1Db250cm9sTmFtZTogJ1Bob25lTnVtYmVyJyxcbiAgfSxcbiAge1xuICAgIGlkOiAncm9sZScsXG4gICAgaGVhZGVyOiAnUk9MRScsXG4gICAgYWNjZXNzb3JLZXk6ICdSb2xlJyxcbiAgICBmb3JtQ29udHJvbE5hbWU6ICdSb2xlSUQnLFxuICB9LFxuICB7XG4gICAgaWQ6ICdzdGF0dXMnLFxuICAgIGhlYWRlcjogJ1NUQVRVUycsXG4gICAgYWNjZXNzb3JLZXk6ICdTdGF0dXMnLFxuICAgIGZvcm1Db250cm9sTmFtZTogJ1N0YXR1cycsXG4gIH0sXG4gIHtcbiAgICBpZDogJ2FjdGlvbnMnLFxuICAgIGhlYWRlcjogJ0FDVElPTlMnLFxuICAgIGFjY2Vzc29yS2V5OiAnTWFpbEFkZHJlc3MnLFxuICB9LFxuXTtcbiJdfQ==