verben-authentication-ui 0.3.3 → 0.3.4

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

@@ -0,0 +1,57 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "verben-ng-ui";
+export class UserManagementFormComponent {
+    fb;
+    set currentData(value) {
+        if (value?.data) {
+            this.form.patchValue({
+                MailAddress: value.data.MailAddress || '',
+                Name: value.data.Name || '',
+                PhoneNumber: value.data.PhoneNumber || '',
+            });
+        }
+        else {
+            this.form.reset();
+        }
+    }
+    switchView = new EventEmitter();
+    form;
+    roles = [
+        { id: 'admin', name: 'Admin' },
+        { id: 'manager', name: 'Manager' },
+        { id: 'staff', name: 'Staff' },
+    ];
+    constructor(fb) {
+        this.fb = fb;
+        this.form = this.fb.group({
+            MailAddress: ['', { readonly: true }],
+            Name: ['', { readonly: true }],
+            PhoneNumber: ['', { readonly: true }],
+            RoleId: [''],
+        });
+    }
+    ngOnInit() { }
+    onSave() {
+        if (this.form.valid) {
+            // Emit save event with form value
+            console.log('Form saved:', 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" }, outputs: { switchView: "switchView" }, 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    name=\"MailAddress\"\n    label=\"Mail Address:\"\n    [type]=\"'email'\"\n    formControlName=\"MailAddress\"\n  />\n  <verbena-input label=\"Name:\" name=\"Name\" type=\"text\" formControlName=\"Name\" />\n  <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\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=\"id\"\n      formControlName=\"RoleId\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n\n  <!-- buttons -->\n  <div\n    class=\"flex justify-between bottom-8 left-0 right-0 px-3 pb-2 absolute\"\n    style=\"\n      display: flex;\n      justify-content: space-between;\n      position: absolute;\n      padding: 8px 12px;\n      right: 0;\n      left: 0;\n      bottom: 32;\n    \"\n  >\n    <!-- <verbena-button\n      text=\"Delete\"\n      class=\"bg-secondary-200 text-[black]\"\n      (click)=\"onDelete()\"\n    />\n    <verbena-button\n      text=\"Save\"\n      class=\"bg-primary text-[black]\"\n      (click)=\"onSave()\"\n    />\n\n    <verbena-button\n      text=\"Secondary Button\"\n      styleType=\"secondary\"\n    ></verbena-button> -->\n    <verbena-button\n      width=\"114px\"\n      height=\"39px\"\n      text=\"Reject\"\n      styleType=\"danger\"\n      borderRadius=\"10px\"\n    ></verbena-button>\n    <verbena-button\n      (click)=\"switchView.emit()\"\n      text=\"Switch To Table\"\n      styleType=\"ylw-outline\"\n    ></verbena-button>\n    <verbena-button\n      text=\"Approve\"\n      bgColor=\"#28a745\"\n      textColor=\"white\"\n      border=\"1px solid #28a745\"\n      borderRadius=\"10px\"\n      pd=\"10px 20px\"\n      width=\"114px\"\n      height=\"39px\"\n    ></verbena-button>\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", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "svgPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "styleType", "svg", "svgWidth", "svgHeight", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i2.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "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    name=\"MailAddress\"\n    label=\"Mail Address:\"\n    [type]=\"'email'\"\n    formControlName=\"MailAddress\"\n  />\n  <verbena-input label=\"Name:\" name=\"Name\" type=\"text\" formControlName=\"Name\" />\n  <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\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=\"id\"\n      formControlName=\"RoleId\"\n      class=\"form-control\"\n    >\n    </verben-drop-down>\n  </div>\n\n  <!-- buttons -->\n  <div\n    class=\"flex justify-between bottom-8 left-0 right-0 px-3 pb-2 absolute\"\n    style=\"\n      display: flex;\n      justify-content: space-between;\n      position: absolute;\n      padding: 8px 12px;\n      right: 0;\n      left: 0;\n      bottom: 32;\n    \"\n  >\n    <!-- <verbena-button\n      text=\"Delete\"\n      class=\"bg-secondary-200 text-[black]\"\n      (click)=\"onDelete()\"\n    />\n    <verbena-button\n      text=\"Save\"\n      class=\"bg-primary text-[black]\"\n      (click)=\"onSave()\"\n    />\n\n    <verbena-button\n      text=\"Secondary Button\"\n      styleType=\"secondary\"\n    ></verbena-button> -->\n    <verbena-button\n      width=\"114px\"\n      height=\"39px\"\n      text=\"Reject\"\n      styleType=\"danger\"\n      borderRadius=\"10px\"\n    ></verbena-button>\n    <verbena-button\n      (click)=\"switchView.emit()\"\n      text=\"Switch To Table\"\n      styleType=\"ylw-outline\"\n    ></verbena-button>\n    <verbena-button\n      text=\"Approve\"\n      bgColor=\"#28a745\"\n      textColor=\"white\"\n      border=\"1px solid #28a745\"\n      borderRadius=\"10px\"\n      pd=\"10px 20px\"\n      width=\"114px\"\n      height=\"39px\"\n    ></verbena-button>\n  </div>\n</form>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { currentData: [{
+                type: Input
+            }], switchView: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLW1hbmFnZW1lbnQtZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tYXV0aGVudGljYXRpb24tdWkvc3JjL2xpYi9jb21wb25lbnRzL3VzZXItbWFuYWdlbWVudC91c2VyLW1hbmFnZW1lbnQtZm9ybS91c2UtbWFuYWdlbWVudC1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZlcmJlbi1hdXRoZW50aWNhdGlvbi11aS9zcmMvbGliL2NvbXBvbmVudHMvdXNlci1tYW5hZ2VtZW50L3VzZXItbWFuYWdlbWVudC1mb3JtL3VzZXItbWFuYWdlbWVudC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFnQnZFLE1BQU0sT0FBTywyQkFBMkI7SUFzQmxCO0lBckJwQixJQUFhLFdBQVcsQ0FBQyxLQUFzQjtRQUM3QyxJQUFJLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDbkIsV0FBVyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEVBQUU7Z0JBQ3pDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFO2dCQUMzQixXQUFXLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksRUFBRTthQUMxQyxDQUFDLENBQUM7UUFDTCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEIsQ0FBQztJQUNILENBQUM7SUFDUyxVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztJQUVyRCxJQUFJLENBQVk7SUFFaEIsS0FBSyxHQUFtQztRQUN0QyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRTtRQUM5QixFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRTtRQUNsQyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRTtLQUMvQixDQUFDO0lBRUYsWUFBb0IsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFDakMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUN4QixXQUFXLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDckMsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQzlCLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUNyQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7U0FDYixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsTUFBTTtRQUNKLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNwQixrQ0FBa0M7WUFDbEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QyxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixvQkFBb0I7UUFDcEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7d0dBM0NVLDJCQUEyQjs0RkFBM0IsMkJBQTJCLDRJQ2hCeEMscXJFQTJGQTs7NEZEM0VhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSx1QkFBdUI7Z0ZBS3BCLFdBQVc7c0JBQXZCLEtBQUs7Z0JBV0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ2FyZERhdGEgfSBmcm9tICd2ZXJiZW4tbmctdWknO1xuLy8gaW1wb3J0IHsgcm9sZXMgfSBmcm9tICcuLi9oZWxwZXInO1xuXG5pbnRlcmZhY2UgVXNlckZvcm1EYXRhIHtcbiAgTWFpbEFkZHJlc3M6IHN0cmluZztcbiAgTmFtZTogc3RyaW5nO1xuICBQaG9uZU51bWJlcjogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdXNlci1yZXF1ZXN0LWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1tYW5hZ2VtZW50LWZvcm0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdXNlci1tYW5hZ2VtZW50LWZvcm0uY29tcG9uZW50LmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJNYW5hZ2VtZW50Rm9ybUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNldCBjdXJyZW50RGF0YSh2YWx1ZTogQ2FyZERhdGEgfCBudWxsKSB7XG4gICAgaWYgKHZhbHVlPy5kYXRhKSB7XG4gICAgICB0aGlzLmZvcm0ucGF0Y2hWYWx1ZSh7XG4gICAgICAgIE1haWxBZGRyZXNzOiB2YWx1ZS5kYXRhLk1haWxBZGRyZXNzIHx8ICcnLFxuICAgICAgICBOYW1lOiB2YWx1ZS5kYXRhLk5hbWUgfHwgJycsXG4gICAgICAgIFBob25lTnVtYmVyOiB2YWx1ZS5kYXRhLlBob25lTnVtYmVyIHx8ICcnLFxuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZm9ybS5yZXNldCgpO1xuICAgIH1cbiAgfVxuICBAT3V0cHV0KCkgc3dpdGNoVmlldyA9IG5ldyBFdmVudEVtaXR0ZXI8dW5kZWZpbmVkPigpO1xuXG4gIGZvcm06IEZvcm1Hcm91cDtcblxuICByb2xlczogeyBpZDogc3RyaW5nOyBuYW1lOiBzdHJpbmcgfVtdID0gW1xuICAgIHsgaWQ6ICdhZG1pbicsIG5hbWU6ICdBZG1pbicgfSxcbiAgICB7IGlkOiAnbWFuYWdlcicsIG5hbWU6ICdNYW5hZ2VyJyB9LFxuICAgIHsgaWQ6ICdzdGFmZicsIG5hbWU6ICdTdGFmZicgfSxcbiAgXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge1xuICAgIHRoaXMuZm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgTWFpbEFkZHJlc3M6IFsnJywgeyByZWFkb25seTogdHJ1ZSB9XSxcbiAgICAgIE5hbWU6IFsnJywgeyByZWFkb25seTogdHJ1ZSB9XSxcbiAgICAgIFBob25lTnVtYmVyOiBbJycsIHsgcmVhZG9ubHk6IHRydWUgfV0sXG4gICAgICBSb2xlSWQ6IFsnJ10sXG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgb25TYXZlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmZvcm0udmFsaWQpIHtcbiAgICAgIC8vIEVtaXQgc2F2ZSBldmVudCB3aXRoIGZvcm0gdmFsdWVcbiAgICAgIGNvbnNvbGUubG9nKCdGb3JtIHNhdmVkOicsIHRoaXMuZm9ybS52YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgb25EZWxldGUoKTogdm9pZCB7XG4gICAgLy8gRW1pdCBkZWxldGUgZXZlbnRcbiAgICBjb25zb2xlLmxvZygnRGVsZXRlIHJlcXVlc3RlZCcpO1xuICB9XG59XG4iLCI8Zm9ybVxuICBbZm9ybUdyb3VwXT1cImZvcm1cIlxuICBjbGFzcz1cImZsZXggZmxleC1jb2wgcHgtMyBwYi0zIHJvdW5kZWQteGwgaC1mdWxsIHctZnVsbCByZWxhdGl2ZSBzcGFjZS15LTRcIlxuPlxuICA8dmVyYmVuYS1pbnB1dFxuICAgIG5hbWU9XCJNYWlsQWRkcmVzc1wiXG4gICAgbGFiZWw9XCJNYWlsIEFkZHJlc3M6XCJcbiAgICBbdHlwZV09XCInZW1haWwnXCJcbiAgICBmb3JtQ29udHJvbE5hbWU9XCJNYWlsQWRkcmVzc1wiXG4gIC8+XG4gIDx2ZXJiZW5hLWlucHV0IGxhYmVsPVwiTmFtZTpcIiBuYW1lPVwiTmFtZVwiIHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwiTmFtZVwiIC8+XG4gIDx2ZXJiZW5hLWlucHV0XG4gICAgbGFiZWw9XCJQaG9uZSBOdW1iZXI6XCJcbiAgICBuYW1lPVwiUGhvbmVOdW1iZXJcIlxuICAgIHR5cGU9XCJ0ZWxcIlxuICAgIGZvcm1Db250cm9sTmFtZT1cIlBob25lTnVtYmVyXCJcbiAgLz5cblxuICA8ZGl2IGNsYXNzPVwic3BhY2UteS0xXCI+XG4gICAgPGxhYmVsIGZvcj1cInJvbGVcIj5Sb2xlPC9sYWJlbD5cblxuICAgIDx2ZXJiZW4tZHJvcC1kb3duXG4gICAgICBsYWJlbD1cIlJvbGVcIlxuICAgICAgc3R5bGVDbGFzcz1cInctZnVsbFwiXG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgW211bHRpc2VsZWN0XT1cImZhbHNlXCJcbiAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXG4gICAgICBbc2hvd0NsZWFyXT1cInRydWVcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJcIlxuICAgICAgWyhvcHRpb25zKV09XCJyb2xlc1wiXG4gICAgICBpZD1cInJvbGVcIlxuICAgICAgb3B0aW9uTGFiZWw9XCJuYW1lXCJcbiAgICAgIG9wdGlvblZhbHVlPVwiaWRcIlxuICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiUm9sZUlkXCJcbiAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCJcbiAgICA+XG4gICAgPC92ZXJiZW4tZHJvcC1kb3duPlxuICA8L2Rpdj5cblxuICA8IS0tIGJ1dHRvbnMgLS0+XG4gIDxkaXZcbiAgICBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIGJvdHRvbS04IGxlZnQtMCByaWdodC0wIHB4LTMgcGItMiBhYnNvbHV0ZVwiXG4gICAgc3R5bGU9XCJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBwYWRkaW5nOiA4cHggMTJweDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGJvdHRvbTogMzI7XG4gICAgXCJcbiAgPlxuICAgIDwhLS0gPHZlcmJlbmEtYnV0dG9uXG4gICAgICB0ZXh0PVwiRGVsZXRlXCJcbiAgICAgIGNsYXNzPVwiYmctc2Vjb25kYXJ5LTIwMCB0ZXh0LVtibGFja11cIlxuICAgICAgKGNsaWNrKT1cIm9uRGVsZXRlKClcIlxuICAgIC8+XG4gICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICB0ZXh0PVwiU2F2ZVwiXG4gICAgICBjbGFzcz1cImJnLXByaW1hcnkgdGV4dC1bYmxhY2tdXCJcbiAgICAgIChjbGljayk9XCJvblNhdmUoKVwiXG4gICAgLz5cblxuICAgIDx2ZXJiZW5hLWJ1dHRvblxuICAgICAgdGV4dD1cIlNlY29uZGFyeSBCdXR0b25cIlxuICAgICAgc3R5bGVUeXBlPVwic2Vjb25kYXJ5XCJcbiAgICA+PC92ZXJiZW5hLWJ1dHRvbj4gLS0+XG4gICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICB3aWR0aD1cIjExNHB4XCJcbiAgICAgIGhlaWdodD1cIjM5cHhcIlxuICAgICAgdGV4dD1cIlJlamVjdFwiXG4gICAgICBzdHlsZVR5cGU9XCJkYW5nZXJcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwiMTBweFwiXG4gICAgPjwvdmVyYmVuYS1idXR0b24+XG4gICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICAoY2xpY2spPVwic3dpdGNoVmlldy5lbWl0KClcIlxuICAgICAgdGV4dD1cIlN3aXRjaCBUbyBUYWJsZVwiXG4gICAgICBzdHlsZVR5cGU9XCJ5bHctb3V0bGluZVwiXG4gICAgPjwvdmVyYmVuYS1idXR0b24+XG4gICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICB0ZXh0PVwiQXBwcm92ZVwiXG4gICAgICBiZ0NvbG9yPVwiIzI4YTc0NVwiXG4gICAgICB0ZXh0Q29sb3I9XCJ3aGl0ZVwiXG4gICAgICBib3JkZXI9XCIxcHggc29saWQgIzI4YTc0NVwiXG4gICAgICBib3JkZXJSYWRpdXM9XCIxMHB4XCJcbiAgICAgIHBkPVwiMTBweCAyMHB4XCJcbiAgICAgIHdpZHRoPVwiMTE0cHhcIlxuICAgICAgaGVpZ2h0PVwiMzlweFwiXG4gICAgPjwvdmVyYmVuYS1idXR0b24+XG4gIDwvZGl2PlxuPC9mb3JtPlxuIl19

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

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