verben-authentication-ui 1.0.35 → 1.0.37

package/esm2022/src/lib/components/user-request-approval/user-request-form/user-request-form.component.mjs

@@ -3,10 +3,12 @@ import { Validators } from '@angular/forms';
 import { UserAccessRequestStatus } from 'verben-authentication-ui/src/lib/models';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-import * as i2 from "verben-ng-ui";
+import * as i2 from "@angular/common";
+import * as i3 from "verben-ng-ui";
 export class UserRequestFormComponent {
     fb;
     roles = [];
+    showDelete = false;
     get currentData() {
         return this._currentData;
     }
@@ -27,6 +29,7 @@ export class UserRequestFormComponent {
             this.form.reset();
         }
     }
+    showDialogue = false;
     _currentData = null;
     switchView = new EventEmitter();
     onApproval = new EventEmitter();
@@ -64,6 +67,7 @@ export class UserRequestFormComponent {
     onDelete() {
         // Emit delete event
         this.onDeleteRequest.emit({ email: this.form.get('MailAddress')?.value });
+        this.onModalClose('');
     }
     canDelete() {
         return (this.currentData?.data?.RequestStatus == UserAccessRequestStatus.Pending);
@@ -72,14 +76,23 @@ export class UserRequestFormComponent {
         return (this.currentData?.data?.RequestStatus !==
             UserAccessRequestStatus.Pending || !this.form.valid);
     }
+    toggleModal() {
+        this.showDialogue = !this.showDialogue;
+    }
+    onModalOpen(event) { }
+    onModalClose(event) {
+        this.showDialogue = false;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRequestFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserRequestFormComponent, selector: "lib-user-request-form", inputs: { roles: "roles", currentData: "currentData" }, outputs: { switchView: "switchView", onApproval: "onApproval", onDeleteRequest: "onDeleteRequest" }, 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    formControlName=\"MailAddress\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"First Name:\"\n    name=\"FirstName\"\n    type=\"text\"\n    formControlName=\"FirstName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"Last Name:\"\n    name=\"LastName\"\n    type=\"text\"\n    formControlName=\"LastName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"OtherName:\"\n    name=\"OtherName\"\n    type=\"text\"\n    formControlName=\"OtherName\"\n    [readOnly]=\"true\"\n  />\n  <!-- <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\n    [readOnly]=\"true\"\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  <!-- buttons -->\n  <div class=\"flex justify-between my-2 overflow-auto\">\n    <div class=\"flex gap-2\">\n      <verbena-button\n        (click)=\"switchView.emit()\"\n        text=\"Switch To Table\"\n        styleType=\"ylw-outline\"\n      ></verbena-button>\n\n      <verbena-button\n        width=\"114px\"\n        height=\"39px\"\n        (click)=\"onDelete()\"\n        text=\"Delete\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n        [disable]=\"!canDelete()\"\n      ></verbena-button>\n    </div>\n\n    <div class=\"flex gap-2\">\n      <verbena-button\n        width=\"114px\"\n        height=\"39px\"\n        text=\"Reject\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n\n      <verbena-button\n        (click)=\"\n          onApproval.emit({\n            email: form.get('MailAddress')?.value,\n            role: form.get('RoleID')?.value,\n          })\n        \"\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        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n    </div>\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.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "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", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserRequestFormComponent, selector: "lib-user-request-form", inputs: { roles: "roles", showDelete: "showDelete", currentData: "currentData" }, outputs: { switchView: "switchView", onApproval: "onApproval", onDeleteRequest: "onDeleteRequest" }, 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    formControlName=\"MailAddress\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"First Name:\"\n    name=\"FirstName\"\n    type=\"text\"\n    formControlName=\"FirstName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"Last Name:\"\n    name=\"LastName\"\n    type=\"text\"\n    formControlName=\"LastName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"OtherName:\"\n    name=\"OtherName\"\n    type=\"text\"\n    formControlName=\"OtherName\"\n    [readOnly]=\"true\"\n  />\n  <!-- <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\n    [readOnly]=\"true\"\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  <!-- buttons -->\n  <div class=\"flex justify-between my-2 overflow-auto\">\n    <div class=\"flex gap-2\">\n      <verbena-button\n        (click)=\"switchView.emit()\"\n        text=\"Switch To Table\"\n        styleType=\"ylw-outline\"\n      ></verbena-button>\n\n      <verbena-button\n        *ngIf=\"showDelete\"\n        width=\"114px\"\n        height=\"39px\"\n        (click)=\"toggleModal()\"\n        text=\"Delete\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n      ></verbena-button>\n    </div>\n\n    <div class=\"flex gap-2\">\n      <verbena-button\n        width=\"114px\"\n        height=\"39px\"\n        text=\"Reject\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n\n      <verbena-button\n        (click)=\"\n          onApproval.emit({\n            email: form.get('MailAddress')?.value,\n            role: form.get('RoleID')?.value,\n          })\n        \"\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        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n    </div>\n  </div>\n</form>\n\n<verben-dialogue\n  [showCloseIcon]=\"false\"\n  [dismissOutsideClick]=\"false\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'medium'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'show-revert-dialogue'\"\n  [disableFooter]=\"true\"\n  (openModal)=\"onModalOpen($event)\"\n  [isVisible]=\"showDialogue\"\n  [bodyTemplate]=\"bodyTemplate\"\n  (closeModal)=\"onModalClose($event)\"\n>\n  <ng-template #bodyTemplate>\n    <div class=\"dialog-body flex flex-col gap-4\">\n      <div class=\"header font-bold text-2xl\">Delete User Request</div>\n      <div class=\"form-container-dialogue flex flex-col gap-2\">\n        Are you sure you want to proceed ?\n      </div>\n      <div class=\"dialog-button-container flex gap-2\">\n        <div class=\"flex-1\">\n          <verbena-button\n            width=\"100%\"\n            [fontWeight]=\"'bold'\"\n            [bgColor]=\"'#ffffff'\"\n            [borderRadius]=\"'4px'\"\n            [textColor]=\"'#000'\"\n            [border]=\"'1px solid #000'\"\n            [text]=\"'Close'\"\n            (click)=\"onModalClose($event)\"\n          >\n          </verbena-button>\n        </div>\n        <div class=\"flex-1\">\n          <verbena-button\n            width=\"100%\"\n            class=\"verben-primary-button\"\n            [text]=\"'Proceed'\"\n            (click)=\"onDelete()\"\n          >\n          </verbena-button>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</verben-dialogue>\n", styles: [".form-container-dialogue{overflow:auto;max-height:60vh}.dialog-body{padding:15px;height:100%}.dialog-button-container{flex:1 1 0;align-items:end}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.VerbenDialogueComponent, selector: "verben-dialogue", inputs: ["dialogueWidth", "headerTemplate", "bodyTemplate", "footerTemplate", "showCloseIcon", "dismissOutsideClick", "closeOnEscape", "isVisible", "size", "backdropColor", "customClass", "disableFooter", "margin", "padding", "borderRadius", "dialogueBgColor", "width", "closeIconClass", "boxShadow", "enableTransition", "modalData", "mode", "position", "drawerWidth"], outputs: ["openModal", "closeModal"] }, { 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: i3.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "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: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["type", "text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i3.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRequestFormComponent, 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    formControlName=\"MailAddress\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"First Name:\"\n    name=\"FirstName\"\n    type=\"text\"\n    formControlName=\"FirstName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"Last Name:\"\n    name=\"LastName\"\n    type=\"text\"\n    formControlName=\"LastName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"OtherName:\"\n    name=\"OtherName\"\n    type=\"text\"\n    formControlName=\"OtherName\"\n    [readOnly]=\"true\"\n  />\n  <!-- <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\n    [readOnly]=\"true\"\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  <!-- buttons -->\n  <div class=\"flex justify-between my-2 overflow-auto\">\n    <div class=\"flex gap-2\">\n      <verbena-button\n        (click)=\"switchView.emit()\"\n        text=\"Switch To Table\"\n        styleType=\"ylw-outline\"\n      ></verbena-button>\n\n      <verbena-button\n        width=\"114px\"\n        height=\"39px\"\n        (click)=\"onDelete()\"\n        text=\"Delete\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n        [disable]=\"!canDelete()\"\n      ></verbena-button>\n    </div>\n\n    <div class=\"flex gap-2\">\n      <verbena-button\n        width=\"114px\"\n        height=\"39px\"\n        text=\"Reject\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n\n      <verbena-button\n        (click)=\"\n          onApproval.emit({\n            email: form.get('MailAddress')?.value,\n            role: form.get('RoleID')?.value,\n          })\n        \"\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        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n    </div>\n  </div>\n</form>\n" }]
+            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    formControlName=\"MailAddress\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"First Name:\"\n    name=\"FirstName\"\n    type=\"text\"\n    formControlName=\"FirstName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"Last Name:\"\n    name=\"LastName\"\n    type=\"text\"\n    formControlName=\"LastName\"\n    [readOnly]=\"true\"\n  />\n  <verbena-input\n    label=\"OtherName:\"\n    name=\"OtherName\"\n    type=\"text\"\n    formControlName=\"OtherName\"\n    [readOnly]=\"true\"\n  />\n  <!-- <verbena-input\n    label=\"Phone Number:\"\n    name=\"PhoneNumber\"\n    type=\"tel\"\n    formControlName=\"PhoneNumber\"\n    [readOnly]=\"true\"\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  <!-- buttons -->\n  <div class=\"flex justify-between my-2 overflow-auto\">\n    <div class=\"flex gap-2\">\n      <verbena-button\n        (click)=\"switchView.emit()\"\n        text=\"Switch To Table\"\n        styleType=\"ylw-outline\"\n      ></verbena-button>\n\n      <verbena-button\n        *ngIf=\"showDelete\"\n        width=\"114px\"\n        height=\"39px\"\n        (click)=\"toggleModal()\"\n        text=\"Delete\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n      ></verbena-button>\n    </div>\n\n    <div class=\"flex gap-2\">\n      <verbena-button\n        width=\"114px\"\n        height=\"39px\"\n        text=\"Reject\"\n        styleType=\"danger\"\n        borderRadius=\"10px\"\n        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n\n      <verbena-button\n        (click)=\"\n          onApproval.emit({\n            email: form.get('MailAddress')?.value,\n            role: form.get('RoleID')?.value,\n          })\n        \"\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        [disable]=\"disableProcessing()\"\n      ></verbena-button>\n    </div>\n  </div>\n</form>\n\n<verben-dialogue\n  [showCloseIcon]=\"false\"\n  [dismissOutsideClick]=\"false\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'medium'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'show-revert-dialogue'\"\n  [disableFooter]=\"true\"\n  (openModal)=\"onModalOpen($event)\"\n  [isVisible]=\"showDialogue\"\n  [bodyTemplate]=\"bodyTemplate\"\n  (closeModal)=\"onModalClose($event)\"\n>\n  <ng-template #bodyTemplate>\n    <div class=\"dialog-body flex flex-col gap-4\">\n      <div class=\"header font-bold text-2xl\">Delete User Request</div>\n      <div class=\"form-container-dialogue flex flex-col gap-2\">\n        Are you sure you want to proceed ?\n      </div>\n      <div class=\"dialog-button-container flex gap-2\">\n        <div class=\"flex-1\">\n          <verbena-button\n            width=\"100%\"\n            [fontWeight]=\"'bold'\"\n            [bgColor]=\"'#ffffff'\"\n            [borderRadius]=\"'4px'\"\n            [textColor]=\"'#000'\"\n            [border]=\"'1px solid #000'\"\n            [text]=\"'Close'\"\n            (click)=\"onModalClose($event)\"\n          >\n          </verbena-button>\n        </div>\n        <div class=\"flex-1\">\n          <verbena-button\n            width=\"100%\"\n            class=\"verben-primary-button\"\n            [text]=\"'Proceed'\"\n            (click)=\"onDelete()\"\n          >\n          </verbena-button>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</verben-dialogue>\n", styles: [".form-container-dialogue{overflow:auto;max-height:60vh}.dialog-body{padding:15px;height:100%}.dialog-button-container{flex:1 1 0;align-items:end}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { roles: [{
                 type: Input
+            }], showDelete: [{
+                type: Input
             }], currentData: [{
                 type: Input
             }], switchView: [{
@@ -89,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], onDeleteRequest: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLWF1dGhlbnRpY2F0aW9uLXVpL3NyYy9saWIvY29tcG9uZW50cy91c2VyLXJlcXVlc3QtYXBwcm92YWwvdXNlci1yZXF1ZXN0LWZvcm0vdXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLWF1dGhlbnRpY2F0aW9uLXVpL3NyYy9saWIvY29tcG9uZW50cy91c2VyLXJlcXVlc3QtYXBwcm92YWwvdXNlci1yZXF1ZXN0LWZvcm0vdXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQTBCLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR3BFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7O0FBYWxGLE1BQU0sT0FBTyx3QkFBd0I7SUFpQ2Y7SUFoQ1gsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUM1QixJQUNJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQXNCO1FBQ3BDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3pCLElBQUksS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2dCQUNuQixXQUFXLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FB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QkFBd0IsME5DeEJyQyx1b0ZBOEdBOzs0RkR0RmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHVCQUF1QjtnRkFLeEIsS0FBSztzQkFBYixLQUFLO2dCQUVGLFdBQVc7c0JBRGQsS0FBSztnQkF1QkksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgc2lnbmFsLFxuICBXcml0YWJsZVNpZ25hbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ2FyZERhdGEgfSBmcm9tICd2ZXJiZW4tbmctdWknO1xuaW1wb3J0IHsgUm9sZSB9IGZyb20gJ3ZlcmJlbi1hdXRoZW50aWNhdGlvbi11aS9zcmMvbGliL21vZGVscyc7XG5pbXBvcnQgeyBVc2VyQWNjZXNzUmVxdWVzdFN0YXR1cyB9IGZyb20gJ3ZlcmJlbi1hdXRoZW50aWNhdGlvbi11aS9zcmMvbGliL21vZGVscyc7XG5cbmludGVyZmFjZSBVc2VyRm9ybURhdGEge1xuICBNYWlsQWRkcmVzczogc3RyaW5nO1xuICBOYW1lOiBzdHJpbmc7XG4gIFBob25lTnVtYmVyOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi11c2VyLXJlcXVlc3QtZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLXJlcXVlc3QtZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi91c2VyLXJlcXVlc3QtZm9ybS5jb21wb25lbnQuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVXNlclJlcXVlc3RGb3JtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcm9sZXM6IFJvbGVbXSA9IFtdO1xuICBASW5wdXQoKVxuICBnZXQgY3VycmVudERhdGEoKTogQ2FyZERhdGEgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fY3VycmVudERhdGE7XG4gIH1cbiAgc2V0IGN1cnJlbnREYXRhKHZhbHVlOiBDYXJkRGF0YSB8IG51bGwpIHtcbiAgICB0aGlzLl9jdXJyZW50RGF0YSA9IHZhbHVlO1xuICAgIGNvbnNvbGUubG9nKHZhbHVlPy5kYXRhKTtcbiAgICBpZiAodmFsdWU/LmRhdGEpIHtcbiAgICAgIHRoaXMuZm9ybS5wYXRjaFZhbHVlKHtcbiAgICAgICAgTWFpbEFkZHJlc3M6IHZhbHVlLmRhdGEuTWFpbEFkZHJlc3MgfHwgJycsXG4gICAgICAgIEZpcnN0TmFtZTogdmFsdWUuZGF0YS5GaXJzdE5hbWUgfHwgJycsXG4gICAgICAgIExhc3ROYW1lOiB2YWx1ZS5kYXRhLkxhc3ROYW1lIHx8ICcnLFxuICAgICAgICBPdGhlck5hbWU6IHZhbHVlLmRhdGEuT3RoZXJOYW1lIHx8ICcnLFxuICAgICAgICBQaG9uZU51bWJlcjogdmFsdWUuZGF0YS5QaG9uZU51bWJlciB8fCAnJyxcbiAgICAgICAgUm9sZUlEOiB2YWx1ZS5kYXRhLlJvbGVJRCB8fCAnJyxcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmZvcm0ucmVzZXQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9jdXJyZW50RGF0YTogQ2FyZERhdGEgfCBudWxsID0gbnVsbDtcblxuICBAT3V0cHV0KCkgc3dpdGNoVmlldyA9IG5ldyBFdmVudEVtaXR0ZXI8dW5kZWZpbmVkPigpO1xuICBAT3V0cHV0KCkgb25BcHByb3ZhbCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBlbWFpbDogc3RyaW5nOyByb2xlOiBzdHJpbmcgfT4oKTtcbiAgQE91dHB1dCgpIG9uRGVsZXRlUmVxdWVzdCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBlbWFpbDogc3RyaW5nIH0+KCk7XG5cbiAgZm9ybTogRm9ybUdyb3VwO1xuXG4gIC8vIHJvbGVzOiBXcml0YWJsZVNpZ25hbDxSb2xlW10+ID0gc2lnbmFsKFtdKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge1xuICAgIHRoaXMuZm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgTWFpbEFkZHJlc3M6IFsnJywgeyByZWFkb25seTogdHJ1ZSB9XSxcbiAgICAgIEZpcnN0TmFtZTogWycnLCB7IHJlYWRvbmx5OiB0cnVlIH1dLFxuICAgICAgTGFzdE5hbWU6IFsnJywgeyByZWFkb25seTogdHJ1ZSB9XSxcbiAgICAgIE90aGVyTmFtZTogWycnLCB7IHJlYWRvbmx5OiB0cnVlIH1dLFxuICAgICAgUGhvbmVOdW1iZXI6IFsnJywgeyByZWFkb25seTogdHJ1ZSB9XSxcbiAgICAgIFJvbGVJRDogWycnLCB7IHZhbGlkYXRvcnM6IFtWYWxpZGF0b3JzLnJlcXVpcmVkXSB9XSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIHRoaXMudXNlckFjY2Vzc1JlcXVlc3RGYWNhZGUuZ2V0Um9sZXMkKCkuc3Vic2NyaWJlKChkYXRhKSA9PiB7XG4gICAgLy8gICB0aGlzLnJvbGVzLnNldChkYXRhKTtcbiAgICAvLyB9KTtcbiAgICAvLyB0cnkge1xuICAgIC8vICAgdGhpcy51c2VyQWNjZXNzUmVxdWVzdEZhY2FkZS5sb2FkUm9sZXMoKTtcbiAgICAvLyB9IGNhdGNoIChlcnJvcikge1xuICAgIC8vICAgLy8gSGFuZGxlIGVycm9yXG4gICAgLy8gfVxuICAgIGNvbnNvbGUubG9nKHRoaXMuY3VycmVudERhdGE/LmRhdGEpO1xuICB9XG5cbiAgb25TYXZlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmZvcm0udmFsaWQpIHtcbiAgICAgIC8vIEVtaXQgc2F2ZSBldmVudCB3aXRoIGZvcm0gdmFsdWVcbiAgICAgIGNvbnNvbGUubG9nKCdGb3JtIHNhdmVkOicsIHRoaXMuZm9ybS52YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgb25EZWxldGUoKTogdm9pZCB7XG4gICAgLy8gRW1pdCBkZWxldGUgZXZlbnRcbiAgICB0aGlzLm9uRGVsZXRlUmVxdWVzdC5lbWl0KHsgZW1haWw6IHRoaXMuZm9ybS5nZXQoJ01haWxBZGRyZXNzJyk/LnZhbHVlIH0pO1xuICB9XG5cbiAgY2FuRGVsZXRlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAoXG4gICAgICB0aGlzLmN1cnJlbnREYXRhPy5kYXRhPy5SZXF1ZXN0U3RhdHVzID09IFVzZXJBY2Nlc3NSZXF1ZXN0U3RhdHVzLlBlbmRpbmdcbiAgICApO1xuICB9XG5cbiAgZGlzYWJsZVByb2Nlc3NpbmcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIChcbiAgICAgIHRoaXMuY3VycmVudERhdGE/LmRhdGE/LlJlcXVlc3RTdGF0dXMgIT09XG4gICAgICAgIFVzZXJBY2Nlc3NSZXF1ZXN0U3RhdHVzLlBlbmRpbmcgfHwgIXRoaXMuZm9ybS52YWxpZFxuICAgICk7XG4gIH1cbn1cbiIsIjxmb3JtXG4gIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gIGNsYXNzPVwiZmxleCBmbGV4LWNvbCBweC0zIHBiLTMgcm91bmRlZC14bCBoLWZ1bGwgdy1mdWxsIHJlbGF0aXZlIHNwYWNlLXktNFwiXG4+XG4gIDx2ZXJiZW5hLWlucHV0XG4gICAgbmFtZT1cIk1haWxBZGRyZXNzXCJcbiAgICBsYWJlbD1cIk1haWwgQWRkcmVzczpcIlxuICAgIGZvcm1Db250cm9sTmFtZT1cIk1haWxBZGRyZXNzXCJcbiAgICBbcmVhZE9ubHldPVwidHJ1ZVwiXG4gIC8+XG4gIDx2ZXJiZW5hLWlucHV0XG4gICAgbGFiZWw9XCJGaXJzdCBOYW1lOlwiXG4gICAgbmFtZT1cIkZpcnN0TmFtZVwiXG4gICAgdHlwZT1cInRleHRcIlxuICAgIGZvcm1Db250cm9sTmFtZT1cIkZpcnN0TmFtZVwiXG4gICAgW3JlYWRPbmx5XT1cInRydWVcIlxuICAvPlxuICA8dmVyYmVuYS1pbnB1dFxuICAgIGxhYmVsPVwiTGFzdCBOYW1lOlwiXG4gICAgbmFtZT1cIkxhc3ROYW1lXCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgZm9ybUNvbnRyb2xOYW1lPVwiTGFzdE5hbWVcIlxuICAgIFtyZWFkT25seV09XCJ0cnVlXCJcbiAgLz5cbiAgPHZlcmJlbmEtaW5wdXRcbiAgICBsYWJlbD1cIk90aGVyTmFtZTpcIlxuICAgIG5hbWU9XCJPdGhlck5hbWVcIlxuICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICBmb3JtQ29udHJvbE5hbWU9XCJPdGhlck5hbWVcIlxuICAgIFtyZWFkT25seV09XCJ0cnVlXCJcbiAgLz5cbiAgPCEtLSA8dmVyYmVuYS1pbnB1dFxuICAgIGxhYmVsPVwiUGhvbmUgTnVtYmVyOlwiXG4gICAgbmFtZT1cIlBob25lTnVtYmVyXCJcbiAgICB0eXBlPVwidGVsXCJcbiAgICBmb3JtQ29udHJvbE5hbWU9XCJQaG9uZU51bWJlclwiXG4gICAgW3JlYWRPbmx5XT1cInRydWVcIlxuICAvPiAtLT5cblxuICA8ZGl2IGNsYXNzPVwic3BhY2UteS0xXCI+XG4gICAgPGxhYmVsIGZvcj1cInJvbGVcIj5Sb2xlPC9sYWJlbD5cblxuICAgIDx2ZXJiZW4tZHJvcC1kb3duXG4gICAgICBsYWJlbD1cIlJvbGVcIlxuICAgICAgc3R5bGVDbGFzcz1cInctZnVsbFwiXG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgW211bHRpc2VsZWN0XT1cImZhbHNlXCJcbiAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXG4gICAgICBbc2hvd0NsZWFyXT1cInRydWVcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJcIlxuICAgICAgWyhvcHRpb25zKV09XCJyb2xlc1wiXG4gICAgICBpZD1cInJvbGVcIlxuICAgICAgb3B0aW9uTGFiZWw9XCJOYW1lXCJcbiAgICAgIG9wdGlvblZhbHVlPVwiQ29kZVwiXG4gICAgICBmb3JtQ29udHJvbE5hbWU9XCJSb2xlSURcIlxuICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgID5cbiAgICA8L3ZlcmJlbi1kcm9wLWRvd24+XG4gIDwvZGl2PlxuXG4gIDwhLS0gYnV0dG9ucyAtLT5cbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIG15LTIgb3ZlcmZsb3ctYXV0b1wiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yXCI+XG4gICAgICA8dmVyYmVuYS1idXR0b25cbiAgICAgICAgKGNsaWNrKT1cInN3aXRjaFZpZXcuZW1pdCgpXCJcbiAgICAgICAgdGV4dD1cIlN3aXRjaCBUbyBUYWJsZVwiXG4gICAgICAgIHN0eWxlVHlwZT1cInlsdy1vdXRsaW5lXCJcbiAgICAgID48L3ZlcmJlbmEtYnV0dG9uPlxuXG4gICAgICA8dmVyYmVuYS1idXR0b25cbiAgICAgICAgd2lkdGg9XCIxMTRweFwiXG4gICAgICAgIGhlaWdodD1cIjM5cHhcIlxuICAgICAgICAoY2xpY2spPVwib25EZWxldGUoKVwiXG4gICAgICAgIHRleHQ9XCJEZWxldGVcIlxuICAgICAgICBzdHlsZVR5cGU9XCJkYW5nZXJcIlxuICAgICAgICBib3JkZXJSYWRpdXM9XCIxMHB4XCJcbiAgICAgICAgW2Rpc2FibGVdPVwiIWNhbkRlbGV0ZSgpXCJcbiAgICAgID48L3ZlcmJlbmEtYnV0dG9uPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTJcIj5cbiAgICAgIDx2ZXJiZW5hLWJ1dHRvblxuICAgICAgICB3aWR0aD1cIjExNHB4XCJcbiAgICAgICAgaGVpZ2h0PVwiMzlweFwiXG4gICAgICAgIHRleHQ9XCJSZWplY3RcIlxuICAgICAgICBzdHlsZVR5cGU9XCJkYW5nZXJcIlxuICAgICAgICBib3JkZXJSYWRpdXM9XCIxMHB4XCJcbiAgICAgICAgW2Rpc2FibGVdPVwiZGlzYWJsZVByb2Nlc3NpbmcoKVwiXG4gICAgICA+PC92ZXJiZW5hLWJ1dHRvbj5cblxuICAgICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICAgIChjbGljayk9XCJcbiAgICAgICAgICBvbkFwcHJvdmFsLmVtaXQoe1xuICAgICAgICAgICAgZW1haWw6IGZvcm0uZ2V0KCdNYWlsQWRkcmVzcycpPy52YWx1ZSxcbiAgICAgICAgICAgIHJvbGU6IGZvcm0uZ2V0KCdSb2xlSUQnKT8udmFsdWUsXG4gICAgICAgICAgfSlcbiAgICAgICAgXCJcbiAgICAgICAgdGV4dD1cIkFwcHJvdmVcIlxuICAgICAgICBiZ0NvbG9yPVwiIzI4YTc0NVwiXG4gICAgICAgIHRleHRDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgYm9yZGVyPVwiMXB4IHNvbGlkICMyOGE3NDVcIlxuICAgICAgICBib3JkZXJSYWRpdXM9XCIxMHB4XCJcbiAgICAgICAgcGQ9XCIxMHB4IDIwcHhcIlxuICAgICAgICB3aWR0aD1cIjExNHB4XCJcbiAgICAgICAgaGVpZ2h0PVwiMzlweFwiXG4gICAgICAgIFtkaXNhYmxlXT1cImRpc2FibGVQcm9jZXNzaW5nKClcIlxuICAgICAgPjwvdmVyYmVuYS1idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9mb3JtPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLWF1dGhlbnRpY2F0aW9uLXVpL3NyYy9saWIvY29tcG9uZW50cy91c2VyLXJlcXVlc3QtYXBwcm92YWwvdXNlci1yZXF1ZXN0LWZvcm0vdXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLWF1dGhlbnRpY2F0aW9uLXVpL3NyYy9saWIvY29tcG9uZW50cy91c2VyLXJlcXVlc3QtYXBwcm92YWwvdXNlci1yZXF1ZXN0LWZvcm0vdXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQTBCLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR3BFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7OztBQWFsRixNQUFNLE9BQU8sd0JBQXdCO0lBbUNmO0lBbENYLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDbkIsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUNyQyxJQUNJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQXNCO1FBQ3BDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3pCLElBQUksS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2dCQUNuQixX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QkFBdUIsQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FDdEQsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDekMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFVLElBQUcsQ0FBQztJQUUxQixZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO3dHQTVGVSx3QkFBd0I7NEZBQXhCLHdCQUF3QixvUEN4QnJDLHlqSUE2SkE7OzRGRHJJYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCO2dGQUt4QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRixXQUFXO3NCQURkLEtBQUs7Z0JBd0JJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIHNpZ25hbCxcbiAgV3JpdGFibGVTaWduYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENhcmREYXRhIH0gZnJvbSAndmVyYmVuLW5nLXVpJztcbmltcG9ydCB7IFJvbGUgfSBmcm9tICd2ZXJiZW4tYXV0aGVudGljYXRpb24tdWkvc3JjL2xpYi9tb2RlbHMnO1xuaW1wb3J0IHsgVXNlckFjY2Vzc1JlcXVlc3RTdGF0dXMgfSBmcm9tICd2ZXJiZW4tYXV0aGVudGljYXRpb24tdWkvc3JjL2xpYi9tb2RlbHMnO1xuXG5pbnRlcmZhY2UgVXNlckZvcm1EYXRhIHtcbiAgTWFpbEFkZHJlc3M6IHN0cmluZztcbiAgTmFtZTogc3RyaW5nO1xuICBQaG9uZU51bWJlcjogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdXNlci1yZXF1ZXN0LWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdXNlci1yZXF1ZXN0LWZvcm0uY29tcG9uZW50LmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJSZXF1ZXN0Rm9ybUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHJvbGVzOiBSb2xlW10gPSBbXTtcbiAgQElucHV0KCkgc2hvd0RlbGV0ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBnZXQgY3VycmVudERhdGEoKTogQ2FyZERhdGEgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fY3VycmVudERhdGE7XG4gIH1cbiAgc2V0IGN1cnJlbnREYXRhKHZhbHVlOiBDYXJkRGF0YSB8IG51bGwpIHtcbiAgICB0aGlzLl9jdXJyZW50RGF0YSA9IHZhbHVlO1xuICAgIGNvbnNvbGUubG9nKHZhbHVlPy5kYXRhKTtcbiAgICBpZiAodmFsdWU/LmRhdGEpIHtcbiAgICAgIHRoaXMuZm9ybS5wYXRjaFZhbHVlKHtcbiAgICAgICAgTWFpbEFkZHJlc3M6IHZhbHVlLmRhdGEuTWFpbEFkZHJlc3MgfHwgJycsXG4gICAgICAgIEZpcnN0TmFtZTogdmFsdWUuZGF0YS5GaXJzdE5hbWUgfHwgJycsXG4gICAgICAgIExhc3ROYW1lOiB2YWx1ZS5kYXRhLkxhc3ROYW1lIHx8ICcnLFxuICAgICAgICBPdGhlck5hbWU6IHZhbHVlLmRhdGEuT3RoZXJOYW1lIHx8ICcnLFxuICAgICAgICBQaG9uZU51bWJlcjogdmFsdWUuZGF0YS5QaG9uZU51bWJlciB8fCAnJyxcbiAgICAgICAgUm9sZUlEOiB2YWx1ZS5kYXRhLlJvbGVJRCB8fCAnJyxcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmZvcm0ucmVzZXQoKTtcbiAgICB9XG4gIH1cblxuICBzaG93RGlhbG9ndWU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHJpdmF0ZSBfY3VycmVudERhdGE6IENhcmREYXRhIHwgbnVsbCA9IG51bGw7XG5cbiAgQE91dHB1dCgpIHN3aXRjaFZpZXcgPSBuZXcgRXZlbnRFbWl0dGVyPHVuZGVmaW5lZD4oKTtcbiAgQE91dHB1dCgpIG9uQXBwcm92YWwgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZW1haWw6IHN0cmluZzsgcm9sZTogc3RyaW5nIH0+KCk7XG4gIEBPdXRwdXQoKSBvbkRlbGV0ZVJlcXVlc3QgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZW1haWw6IHN0cmluZyB9PigpO1xuXG4gIGZvcm06IEZvcm1Hcm91cDtcblxuICAvLyByb2xlczogV3JpdGFibGVTaWduYWw8Um9sZVtdPiA9IHNpZ25hbChbXSk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIpIHtcbiAgICB0aGlzLmZvcm0gPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIE1haWxBZGRyZXNzOiBbJycsIHsgcmVhZG9ubHk6IHRydWUgfV0sXG4gICAgICBGaXJzdE5hbWU6IFsnJywgeyByZWFkb25seTogdHJ1ZSB9XSxcbiAgICAgIExhc3ROYW1lOiBbJycsIHsgcmVhZG9ubHk6IHRydWUgfV0sXG4gICAgICBPdGhlck5hbWU6IFsnJywgeyByZWFkb25seTogdHJ1ZSB9XSxcbiAgICAgIFBob25lTnVtYmVyOiBbJycsIHsgcmVhZG9ubHk6IHRydWUgfV0sXG4gICAgICBSb2xlSUQ6IFsnJywgeyB2YWxpZGF0b3JzOiBbVmFsaWRhdG9ycy5yZXF1aXJlZF0gfV0sXG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyB0aGlzLnVzZXJBY2Nlc3NSZXF1ZXN0RmFjYWRlLmdldFJvbGVzJCgpLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xuICAgIC8vICAgdGhpcy5yb2xlcy5zZXQoZGF0YSk7XG4gICAgLy8gfSk7XG4gICAgLy8gdHJ5IHtcbiAgICAvLyAgIHRoaXMudXNlckFjY2Vzc1JlcXVlc3RGYWNhZGUubG9hZFJvbGVzKCk7XG4gICAgLy8gfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAvLyAgIC8vIEhhbmRsZSBlcnJvclxuICAgIC8vIH1cbiAgICBjb25zb2xlLmxvZyh0aGlzLmN1cnJlbnREYXRhPy5kYXRhKTtcbiAgfVxuXG4gIG9uU2F2ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5mb3JtLnZhbGlkKSB7XG4gICAgICAvLyBFbWl0IHNhdmUgZXZlbnQgd2l0aCBmb3JtIHZhbHVlXG4gICAgICBjb25zb2xlLmxvZygnRm9ybSBzYXZlZDonLCB0aGlzLmZvcm0udmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIG9uRGVsZXRlKCk6IHZvaWQge1xuICAgIC8vIEVtaXQgZGVsZXRlIGV2ZW50XG4gICAgdGhpcy5vbkRlbGV0ZVJlcXVlc3QuZW1pdCh7IGVtYWlsOiB0aGlzLmZvcm0uZ2V0KCdNYWlsQWRkcmVzcycpPy52YWx1ZSB9KTtcbiAgICB0aGlzLm9uTW9kYWxDbG9zZSgnJyk7XG4gIH1cblxuICBjYW5EZWxldGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIChcbiAgICAgIHRoaXMuY3VycmVudERhdGE/LmRhdGE/LlJlcXVlc3RTdGF0dXMgPT0gVXNlckFjY2Vzc1JlcXVlc3RTdGF0dXMuUGVuZGluZ1xuICAgICk7XG4gIH1cblxuICBkaXNhYmxlUHJvY2Vzc2luZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gKFxuICAgICAgdGhpcy5jdXJyZW50RGF0YT8uZGF0YT8uUmVxdWVzdFN0YXR1cyAhPT1cbiAgICAgICAgVXNlckFjY2Vzc1JlcXVlc3RTdGF0dXMuUGVuZGluZyB8fCAhdGhpcy5mb3JtLnZhbGlkXG4gICAgKTtcbiAgfVxuXG4gIHRvZ2dsZU1vZGFsKCkge1xuICAgIHRoaXMuc2hvd0RpYWxvZ3VlID0gIXRoaXMuc2hvd0RpYWxvZ3VlO1xuICB9XG5cbiAgb25Nb2RhbE9wZW4oZXZlbnQ6IGFueSkge31cblxuICBvbk1vZGFsQ2xvc2UoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuc2hvd0RpYWxvZ3VlID0gZmFsc2U7XG4gIH1cbn1cbiIsIjxmb3JtXG4gIFtmb3JtR3JvdXBdPVwiZm9ybVwiXG4gIGNsYXNzPVwiZmxleCBmbGV4LWNvbCBweC0zIHBiLTMgcm91bmRlZC14bCBoLWZ1bGwgdy1mdWxsIHJlbGF0aXZlIHNwYWNlLXktNFwiXG4+XG4gIDx2ZXJiZW5hLWlucHV0XG4gICAgbmFtZT1cIk1haWxBZGRyZXNzXCJcbiAgICBsYWJlbD1cIk1haWwgQWRkcmVzczpcIlxuICAgIGZvcm1Db250cm9sTmFtZT1cIk1haWxBZGRyZXNzXCJcbiAgICBbcmVhZE9ubHldPVwidHJ1ZVwiXG4gIC8+XG4gIDx2ZXJiZW5hLWlucHV0XG4gICAgbGFiZWw9XCJGaXJzdCBOYW1lOlwiXG4gICAgbmFtZT1cIkZpcnN0TmFtZVwiXG4gICAgdHlwZT1cInRleHRcIlxuICAgIGZvcm1Db250cm9sTmFtZT1cIkZpcnN0TmFtZVwiXG4gICAgW3JlYWRPbmx5XT1cInRydWVcIlxuICAvPlxuICA8dmVyYmVuYS1pbnB1dFxuICAgIGxhYmVsPVwiTGFzdCBOYW1lOlwiXG4gICAgbmFtZT1cIkxhc3ROYW1lXCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgZm9ybUNvbnRyb2xOYW1lPVwiTGFzdE5hbWVcIlxuICAgIFtyZWFkT25seV09XCJ0cnVlXCJcbiAgLz5cbiAgPHZlcmJlbmEtaW5wdXRcbiAgICBsYWJlbD1cIk90aGVyTmFtZTpcIlxuICAgIG5hbWU9XCJPdGhlck5hbWVcIlxuICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICBmb3JtQ29udHJvbE5hbWU9XCJPdGhlck5hbWVcIlxuICAgIFtyZWFkT25seV09XCJ0cnVlXCJcbiAgLz5cbiAgPCEtLSA8dmVyYmVuYS1pbnB1dFxuICAgIGxhYmVsPVwiUGhvbmUgTnVtYmVyOlwiXG4gICAgbmFtZT1cIlBob25lTnVtYmVyXCJcbiAgICB0eXBlPVwidGVsXCJcbiAgICBmb3JtQ29udHJvbE5hbWU9XCJQaG9uZU51bWJlclwiXG4gICAgW3JlYWRPbmx5XT1cInRydWVcIlxuICAvPiAtLT5cblxuICA8ZGl2IGNsYXNzPVwic3BhY2UteS0xXCI+XG4gICAgPGxhYmVsIGZvcj1cInJvbGVcIj5Sb2xlPC9sYWJlbD5cblxuICAgIDx2ZXJiZW4tZHJvcC1kb3duXG4gICAgICBsYWJlbD1cIlJvbGVcIlxuICAgICAgc3R5bGVDbGFzcz1cInctZnVsbFwiXG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgW211bHRpc2VsZWN0XT1cImZhbHNlXCJcbiAgICAgIFtmaWx0ZXJdPVwidHJ1ZVwiXG4gICAgICBbc2hvd0NsZWFyXT1cInRydWVcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJcIlxuICAgICAgWyhvcHRpb25zKV09XCJyb2xlc1wiXG4gICAgICBpZD1cInJvbGVcIlxuICAgICAgb3B0aW9uTGFiZWw9XCJOYW1lXCJcbiAgICAgIG9wdGlvblZhbHVlPVwiQ29kZVwiXG4gICAgICBmb3JtQ29udHJvbE5hbWU9XCJSb2xlSURcIlxuICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgID5cbiAgICA8L3ZlcmJlbi1kcm9wLWRvd24+XG4gIDwvZGl2PlxuXG4gIDwhLS0gYnV0dG9ucyAtLT5cbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIG15LTIgb3ZlcmZsb3ctYXV0b1wiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yXCI+XG4gICAgICA8dmVyYmVuYS1idXR0b25cbiAgICAgICAgKGNsaWNrKT1cInN3aXRjaFZpZXcuZW1pdCgpXCJcbiAgICAgICAgdGV4dD1cIlN3aXRjaCBUbyBUYWJsZVwiXG4gICAgICAgIHN0eWxlVHlwZT1cInlsdy1vdXRsaW5lXCJcbiAgICAgID48L3ZlcmJlbmEtYnV0dG9uPlxuXG4gICAgICA8dmVyYmVuYS1idXR0b25cbiAgICAgICAgKm5nSWY9XCJzaG93RGVsZXRlXCJcbiAgICAgICAgd2lkdGg9XCIxMTRweFwiXG4gICAgICAgIGhlaWdodD1cIjM5cHhcIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlTW9kYWwoKVwiXG4gICAgICAgIHRleHQ9XCJEZWxldGVcIlxuICAgICAgICBzdHlsZVR5cGU9XCJkYW5nZXJcIlxuICAgICAgICBib3JkZXJSYWRpdXM9XCIxMHB4XCJcbiAgICAgID48L3ZlcmJlbmEtYnV0dG9uPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTJcIj5cbiAgICAgIDx2ZXJiZW5hLWJ1dHRvblxuICAgICAgICB3aWR0aD1cIjExNHB4XCJcbiAgICAgICAgaGVpZ2h0PVwiMzlweFwiXG4gICAgICAgIHRleHQ9XCJSZWplY3RcIlxuICAgICAgICBzdHlsZVR5cGU9XCJkYW5nZXJcIlxuICAgICAgICBib3JkZXJSYWRpdXM9XCIxMHB4XCJcbiAgICAgICAgW2Rpc2FibGVdPVwiZGlzYWJsZVByb2Nlc3NpbmcoKVwiXG4gICAgICA+PC92ZXJiZW5hLWJ1dHRvbj5cblxuICAgICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICAgIChjbGljayk9XCJcbiAgICAgICAgICBvbkFwcHJvdmFsLmVtaXQoe1xuICAgICAgICAgICAgZW1haWw6IGZvcm0uZ2V0KCdNYWlsQWRkcmVzcycpPy52YWx1ZSxcbiAgICAgICAgICAgIHJvbGU6IGZvcm0uZ2V0KCdSb2xlSUQnKT8udmFsdWUsXG4gICAgICAgICAgfSlcbiAgICAgICAgXCJcbiAgICAgICAgdGV4dD1cIkFwcHJvdmVcIlxuICAgICAgICBiZ0NvbG9yPVwiIzI4YTc0NVwiXG4gICAgICAgIHRleHRDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgYm9yZGVyPVwiMXB4IHNvbGlkICMyOGE3NDVcIlxuICAgICAgICBib3JkZXJSYWRpdXM9XCIxMHB4XCJcbiAgICAgICAgcGQ9XCIxMHB4IDIwcHhcIlxuICAgICAgICB3aWR0aD1cIjExNHB4XCJcbiAgICAgICAgaGVpZ2h0PVwiMzlweFwiXG4gICAgICAgIFtkaXNhYmxlXT1cImRpc2FibGVQcm9jZXNzaW5nKClcIlxuICAgICAgPjwvdmVyYmVuYS1idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9mb3JtPlxuXG48dmVyYmVuLWRpYWxvZ3VlXG4gIFtzaG93Q2xvc2VJY29uXT1cImZhbHNlXCJcbiAgW2Rpc21pc3NPdXRzaWRlQ2xpY2tdPVwiZmFsc2VcIlxuICBbY2xvc2VPbkVzY2FwZV09XCJ0cnVlXCJcbiAgW3NpemVdPVwiJ21lZGl1bSdcIlxuICBbbW9kZV09XCInZGlhbG9ndWUnXCJcbiAgW2N1c3RvbUNsYXNzXT1cIidzaG93LXJldmVydC1kaWFsb2d1ZSdcIlxuICBbZGlzYWJsZUZvb3Rlcl09XCJ0cnVlXCJcbiAgKG9wZW5Nb2RhbCk9XCJvbk1vZGFsT3BlbigkZXZlbnQpXCJcbiAgW2lzVmlzaWJsZV09XCJzaG93RGlhbG9ndWVcIlxuICBbYm9keVRlbXBsYXRlXT1cImJvZHlUZW1wbGF0ZVwiXG4gIChjbG9zZU1vZGFsKT1cIm9uTW9kYWxDbG9zZSgkZXZlbnQpXCJcbj5cbiAgPG5nLXRlbXBsYXRlICNib2R5VGVtcGxhdGU+XG4gICAgPGRpdiBjbGFzcz1cImRpYWxvZy1ib2R5IGZsZXggZmxleC1jb2wgZ2FwLTRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXIgZm9udC1ib2xkIHRleHQtMnhsXCI+RGVsZXRlIFVzZXIgUmVxdWVzdDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY29udGFpbmVyLWRpYWxvZ3VlIGZsZXggZmxleC1jb2wgZ2FwLTJcIj5cbiAgICAgICAgQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIHByb2NlZWQgP1xuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWJ1dHRvbi1jb250YWluZXIgZmxleCBnYXAtMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC0xXCI+XG4gICAgICAgICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgW2ZvbnRXZWlnaHRdPVwiJ2JvbGQnXCJcbiAgICAgICAgICAgIFtiZ0NvbG9yXT1cIicjZmZmZmZmJ1wiXG4gICAgICAgICAgICBbYm9yZGVyUmFkaXVzXT1cIic0cHgnXCJcbiAgICAgICAgICAgIFt0ZXh0Q29sb3JdPVwiJyMwMDAnXCJcbiAgICAgICAgICAgIFtib3JkZXJdPVwiJzFweCBzb2xpZCAjMDAwJ1wiXG4gICAgICAgICAgICBbdGV4dF09XCInQ2xvc2UnXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbk1vZGFsQ2xvc2UoJGV2ZW50KVwiXG4gICAgICAgICAgPlxuICAgICAgICAgIDwvdmVyYmVuYS1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC0xXCI+XG4gICAgICAgICAgPHZlcmJlbmEtYnV0dG9uXG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgY2xhc3M9XCJ2ZXJiZW4tcHJpbWFyeS1idXR0b25cIlxuICAgICAgICAgICAgW3RleHRdPVwiJ1Byb2NlZWQnXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkRlbGV0ZSgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgPC92ZXJiZW5hLWJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvdmVyYmVuLWRpYWxvZ3VlPlxuIl19

package/fesm2022/verben-authentication-ui-src-lib-components-button.mjs

@@ -7,10 +7,11 @@ import { VerbenaButtonModule } from 'verben-ng-ui';
 import { FormsModule } from '@angular/forms';
 
 class ButtonComponent {
+    type;
     text = '';
     color = 'black';
     border = '1px solid #FFE681';
-    borderRadius = "40px";
+    borderRadius = '40px';
     bgColor = '#FFE681';
     width = '100%';
     pd = '10px 20px';
@@ -21,12 +22,14 @@ class ButtonComponent {
         this.buttonClick.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "lib-button", inputs: { text: "text", color: "color", border: "border", borderRadius: "borderRadius", bgColor: "bgColor", width: "width", pd: "pd", buttonClass: "buttonClass", disabled: "disabled" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<verbena-button\n[text]=\"text\"\n[bgColor]=\"bgColor\"\n[textColor]=\"color\"\n[border]=\"border\"\n[borderRadius]=\"borderRadius\"\n[pd]=\"pd\"\n[width]=\"width\"\n[disable]=\"disabled\"\n[ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer' }\"\nbuttonClass=\"font-medium text-[22px] leading-[33px] {{buttonClass}}\"\n(click)=\"handleClick()\"\n></verbena-button>\n", styles: [".disable-btn{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "lib-button", inputs: { type: "type", text: "text", color: "color", border: "border", borderRadius: "borderRadius", bgColor: "bgColor", width: "width", pd: "pd", buttonClass: "buttonClass", disabled: "disabled" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<verbena-button\n  [text]=\"text\"\n  [bgColor]=\"bgColor\"\n  [textColor]=\"color\"\n  [border]=\"border\"\n  [borderRadius]=\"borderRadius\"\n  [pd]=\"pd\"\n  [type]=\"type\"\n  [width]=\"width\"\n  [disable]=\"disabled\"\n  [ngStyle]=\"{ cursor: disabled ? 'not-allowed' : 'pointer' }\"\n  buttonClass=\"font-medium text-[22px] leading-[33px] {{ buttonClass }}\"\n  (click)=\"handleClick()\"\n></verbena-button>\n", styles: [".disable-btn{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.VerbenaButtonComponent, selector: "verbena-button", inputs: ["type", "text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-button', template: "<verbena-button\n[text]=\"text\"\n[bgColor]=\"bgColor\"\n[textColor]=\"color\"\n[border]=\"border\"\n[borderRadius]=\"borderRadius\"\n[pd]=\"pd\"\n[width]=\"width\"\n[disable]=\"disabled\"\n[ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer' }\"\nbuttonClass=\"font-medium text-[22px] leading-[33px] {{buttonClass}}\"\n(click)=\"handleClick()\"\n></verbena-button>\n", styles: [".disable-btn{cursor:not-allowed}\n"] }]
-        }], propDecorators: { text: [{
+            args: [{ selector: 'lib-button', template: "<verbena-button\n  [text]=\"text\"\n  [bgColor]=\"bgColor\"\n  [textColor]=\"color\"\n  [border]=\"border\"\n  [borderRadius]=\"borderRadius\"\n  [pd]=\"pd\"\n  [type]=\"type\"\n  [width]=\"width\"\n  [disable]=\"disabled\"\n  [ngStyle]=\"{ cursor: disabled ? 'not-allowed' : 'pointer' }\"\n  buttonClass=\"font-medium text-[22px] leading-[33px] {{ buttonClass }}\"\n  (click)=\"handleClick()\"\n></verbena-button>\n", styles: [".disable-btn{cursor:not-allowed}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], text: [{
                 type: Input
             }], color: [{
                 type: Input

package/fesm2022/verben-authentication-ui-src-lib-components-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"verben-authentication-ui-src-lib-components-button.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/button/button.component.ts","../../../projects/verben-authentication-ui/src/lib/components/button/button.component.html","../../../projects/verben-authentication-ui/src/lib/components/button/button.module.ts","../../../projects/verben-authentication-ui/src/lib/components/button/verben-authentication-ui-src-lib-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-button',\n  templateUrl: './button.component.html',\n  styleUrl: './button.component.css'\n})\nexport class ButtonComponent{\n  @Input() text: string = '';\n  @Input() color: string = 'black';\n  @Input() border: string = '1px solid #FFE681';\n  @Input() borderRadius:string = \"40px\"\n  @Input() bgColor: string = '#FFE681';\n  @Input() width: string = '100%';\n  @Input() pd: string = '10px 20px';\n  @Input() buttonClass: string = '';\n  @Input() disabled: boolean = false;\n\n  @Output() buttonClick = new EventEmitter<void>();\n\n  handleClick(){ \n    this.buttonClick.emit();\n  }\n}\n","<verbena-button\n[text]=\"text\"\n[bgColor]=\"bgColor\"\n[textColor]=\"color\"\n[border]=\"border\"\n[borderRadius]=\"borderRadius\"\n[pd]=\"pd\"\n[width]=\"width\"\n[disable]=\"disabled\"\n[ngStyle]=\"{'cursor': disabled ? 'not-allowed' : 'pointer' }\"\nbuttonClass=\"font-medium text-[22px] leading-[33px] {{buttonClass}}\"\n(click)=\"handleClick()\"\n></verbena-button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VerbenaButtonModule } from 'verben-ng-ui';\nimport { ButtonComponent } from './button.component';\nimport { FormsModule } from '@angular/forms';\n@NgModule({\n  declarations: [ButtonComponent],\n  imports: [CommonModule,VerbenaButtonModule,FormsModule],\n  exports: [ButtonComponent]\n})\nexport class ButtonModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"verben-authentication-ui-src-lib-components-button.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/button/button.component.ts","../../../projects/verben-authentication-ui/src/lib/components/button/button.component.html","../../../projects/verben-authentication-ui/src/lib/components/button/button.module.ts","../../../projects/verben-authentication-ui/src/lib/components/button/verben-authentication-ui-src-lib-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-button',\n  templateUrl: './button.component.html',\n  styleUrl: './button.component.css',\n})\nexport class ButtonComponent {\n  @Input() type: string | undefined;\n  @Input() text: string = '';\n  @Input() color: string = 'black';\n  @Input() border: string = '1px solid #FFE681';\n  @Input() borderRadius: string = '40px';\n  @Input() bgColor: string = '#FFE681';\n  @Input() width: string = '100%';\n  @Input() pd: string = '10px 20px';\n  @Input() buttonClass: string = '';\n  @Input() disabled: boolean = false;\n\n  @Output() buttonClick = new EventEmitter<void>();\n\n  handleClick() {\n    this.buttonClick.emit();\n  }\n}\n","<verbena-button\n  [text]=\"text\"\n  [bgColor]=\"bgColor\"\n  [textColor]=\"color\"\n  [border]=\"border\"\n  [borderRadius]=\"borderRadius\"\n  [pd]=\"pd\"\n  [type]=\"type\"\n  [width]=\"width\"\n  [disable]=\"disabled\"\n  [ngStyle]=\"{ cursor: disabled ? 'not-allowed' : 'pointer' }\"\n  buttonClass=\"font-medium text-[22px] leading-[33px] {{ buttonClass }}\"\n  (click)=\"handleClick()\"\n></verbena-button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VerbenaButtonModule } from 'verben-ng-ui';\nimport { ButtonComponent } from './button.component';\nimport { FormsModule } from '@angular/forms';\n@NgModule({\n  declarations: [ButtonComponent],\n  imports: [CommonModule,VerbenaButtonModule,FormsModule],\n  exports: [ButtonComponent]\n})\nexport class ButtonModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/verben-authentication-ui-src-lib-components-forgot-password.mjs

@@ -69,7 +69,7 @@ class ForgotPasswordComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.HttpWebRequestService }, { token: i2.UtilService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ForgotPasswordComponent, selector: "verben-forgot-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", tenant: "tenant" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div\n  *ngIf=\"!isSubmitted\"\n  [formGroup]=\"this.forgotPasswordForm\"\n  class=\"reset-password-container flex flex-col\"\n>\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{ title }}</div>\n    <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Email</div>\n    <verbena-input\n      bgColor=\"white\"\n      borderRadius=\"12px\"\n      formControlName=\"Email\"\n      type=\"email\"\n    ></verbena-input>\n  </div>\n  <verbena-button\n    fontWeight=\"700\"\n    (click)=\"submit()\"\n    [text]=\"buttonCaption\"\n    width=\"100%\"\n    [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\"\n    borderRadius=\"25px\"\n    [disable]=\"!this.checkForm()\"\n  ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-title resend-title\">\n    Follow the link sent to your e-mail to proceed\n  </div>\n  <div class=\"resend-text flex gap-1\">\n    <span class=\"resend-caption\">Didn't get a link?</span>\n    <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n  </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"], dependencies: [{ 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: i3.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: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ForgotPasswordComponent, selector: "verben-forgot-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", tenant: "tenant" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div\n  *ngIf=\"!isSubmitted\"\n  [formGroup]=\"this.forgotPasswordForm\"\n  class=\"reset-password-container flex flex-col\"\n>\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{ title }}</div>\n    <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Email</div>\n    <verbena-input\n      bgColor=\"white\"\n      borderRadius=\"12px\"\n      formControlName=\"Email\"\n      type=\"email\"\n    ></verbena-input>\n  </div>\n  <verbena-button\n    fontWeight=\"700\"\n    (click)=\"submit()\"\n    [text]=\"buttonCaption\"\n    width=\"100%\"\n    [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\"\n    borderRadius=\"25px\"\n    [disable]=\"!this.checkForm()\"\n  ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-title resend-title\">\n    Follow the link sent to your e-mail to proceed\n  </div>\n  <div class=\"resend-text flex gap-1\">\n    <span class=\"resend-caption\">Didn't get a link?</span>\n    <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n  </div>\n</div>\n", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}.resend-caption{font-size:13px}.resend-link{color:#00f;cursor:pointer}.resend-link:hover{text-decoration:underline}.resend-title{color:#666}.resend-text>span{font-size:16px}\n"], dependencies: [{ 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: i3.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "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: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["type", "text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,

package/fesm2022/verben-authentication-ui-src-lib-components-forgot-password.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"verben-authentication-ui-src-lib-components-forgot-password.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.component.ts","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.component.html","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.module.ts","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/verben-authentication-ui-src-lib-components-forgot-password.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport { ForgotPasswordData } from './ForgotPasswordData';\nimport { HttpWebRequestService } from 'verben-authentication-ui/src/lib/services';\nimport { ErrorResponse } from 'verben-authentication-ui/src/lib/models';\nimport { ResponseKeyValue } from 'verben-authentication-ui/src/lib/models';\nimport { UtilService } from 'verben-authentication-ui/src/lib/services';\nimport { EnvironmentService } from 'verben-authentication-ui/src/lib/services';\n\n@Component({\n  selector: 'verben-forgot-password',\n  templateUrl: './forgot-password.component.html',\n  styleUrl: './forgot-password.component.css',\n})\nexport class ForgotPasswordComponent {\n  @Input() title: string = 'Forgot Password';\n  @Input() subTitle: string = 'Enter the e-mail you used during registration';\n  @Input() buttonCaption: string = 'Submit';\n  @Input() buttonTextColor?: string;\n  @Input() buttonBackgroundColor?: string;\n  @Input() tenant: string = '';\n\n  @Output() onSubmit: EventEmitter<ForgotPasswordData> = new EventEmitter();\n  @Output() onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse> =\n    new EventEmitter();\n\n  forgotPasswordForm: FormGroup;\n  isSubmitted: boolean = false;\n\n  constructor(\n    private fb: FormBuilder,\n    private server: HttpWebRequestService,\n    private utilService: UtilService,\n  ) {\n    this.forgotPasswordForm = this.fb.group({\n      Email: new FormControl<string | null>(null, [\n        Validators.required,\n        this.emailValidator.bind(this),\n      ]),\n    });\n  }\n\n  isValidEmail(mail: string): boolean {\n    const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n    return emailPattern.test(mail);\n  }\n\n  emailValidator(control: AbstractControl): ValidationErrors | null {\n    const value = control.value;\n\n    if (this.isValidEmail(value) == false) {\n      return { customValidation: true };\n    }\n\n    return null;\n  }\n\n  checkForm(): boolean {\n    return this.forgotPasswordForm.valid;\n  }\n\n  async submit() {\n    if (!this.checkForm()) {\n      return;\n    }\n    var data: ForgotPasswordData = {\n      Email: this.forgotPasswordForm.controls['Email'].value,\n    };\n    this.onSubmit.emit(data);\n    this.utilService.sendBI(true);\n    const res = await this.server.get(\n      `PasswordChangeRequest/${data.Email}/${this.tenant}`,\n    );\n    this.utilService.sendBI(false);\n    if (res instanceof ErrorResponse) {\n      this.onSubmitEnd.emit(res);\n    } else {\n      var result = res as ResponseKeyValue;\n      this.onSubmitEnd.emit(result);\n      this.isSubmitted = true;\n    }\n  }\n}\n","<div\n  *ngIf=\"!isSubmitted\"\n  [formGroup]=\"this.forgotPasswordForm\"\n  class=\"reset-password-container flex flex-col\"\n>\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{ title }}</div>\n    <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Email</div>\n    <verbena-input\n      bgColor=\"white\"\n      borderRadius=\"12px\"\n      formControlName=\"Email\"\n      type=\"email\"\n    ></verbena-input>\n  </div>\n  <verbena-button\n    fontWeight=\"700\"\n    (click)=\"submit()\"\n    [text]=\"buttonCaption\"\n    width=\"100%\"\n    [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\"\n    borderRadius=\"25px\"\n    [disable]=\"!this.checkForm()\"\n  ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-title resend-title\">\n    Follow the link sent to your e-mail to proceed\n  </div>\n  <div class=\"resend-text flex gap-1\">\n    <span class=\"resend-caption\">Didn't get a link?</span>\n    <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { ForgotPasswordComponent } from './forgot-password.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [ForgotPasswordComponent],\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    VerbenaInputModule,\n    VerbenaButtonModule,\n    CommonModule,\n  ],\n  exports: [ForgotPasswordComponent],\n})\nexport class ForgotPasswordModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"verben-authentication-ui-src-lib-components-forgot-password.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.component.ts","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.component.html","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/forgot-password.module.ts","../../../projects/verben-authentication-ui/src/lib/components/forgot-password/verben-authentication-ui-src-lib-components-forgot-password.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport { ForgotPasswordData } from './ForgotPasswordData';\nimport { HttpWebRequestService } from 'verben-authentication-ui/src/lib/services';\nimport { ErrorResponse } from 'verben-authentication-ui/src/lib/models';\nimport { ResponseKeyValue } from 'verben-authentication-ui/src/lib/models';\nimport { UtilService } from 'verben-authentication-ui/src/lib/services';\nimport { EnvironmentService } from 'verben-authentication-ui/src/lib/services';\n\n@Component({\n  selector: 'verben-forgot-password',\n  templateUrl: './forgot-password.component.html',\n  styleUrl: './forgot-password.component.css',\n})\nexport class ForgotPasswordComponent {\n  @Input() title: string = 'Forgot Password';\n  @Input() subTitle: string = 'Enter the e-mail you used during registration';\n  @Input() buttonCaption: string = 'Submit';\n  @Input() buttonTextColor?: string;\n  @Input() buttonBackgroundColor?: string;\n  @Input() tenant: string = '';\n\n  @Output() onSubmit: EventEmitter<ForgotPasswordData> = new EventEmitter();\n  @Output() onSubmitEnd: EventEmitter<ResponseKeyValue | ErrorResponse> =\n    new EventEmitter();\n\n  forgotPasswordForm: FormGroup;\n  isSubmitted: boolean = false;\n\n  constructor(\n    private fb: FormBuilder,\n    private server: HttpWebRequestService,\n    private utilService: UtilService,\n  ) {\n    this.forgotPasswordForm = this.fb.group({\n      Email: new FormControl<string | null>(null, [\n        Validators.required,\n        this.emailValidator.bind(this),\n      ]),\n    });\n  }\n\n  isValidEmail(mail: string): boolean {\n    const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n    return emailPattern.test(mail);\n  }\n\n  emailValidator(control: AbstractControl): ValidationErrors | null {\n    const value = control.value;\n\n    if (this.isValidEmail(value) == false) {\n      return { customValidation: true };\n    }\n\n    return null;\n  }\n\n  checkForm(): boolean {\n    return this.forgotPasswordForm.valid;\n  }\n\n  async submit() {\n    if (!this.checkForm()) {\n      return;\n    }\n    var data: ForgotPasswordData = {\n      Email: this.forgotPasswordForm.controls['Email'].value,\n    };\n    this.onSubmit.emit(data);\n    this.utilService.sendBI(true);\n    const res = await this.server.get(\n      `PasswordChangeRequest/${data.Email}/${this.tenant}`,\n    );\n    this.utilService.sendBI(false);\n    if (res instanceof ErrorResponse) {\n      this.onSubmitEnd.emit(res);\n    } else {\n      var result = res as ResponseKeyValue;\n      this.onSubmitEnd.emit(result);\n      this.isSubmitted = true;\n    }\n  }\n}\n","<div\n  *ngIf=\"!isSubmitted\"\n  [formGroup]=\"this.forgotPasswordForm\"\n  class=\"reset-password-container flex flex-col\"\n>\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{ title }}</div>\n    <div class=\"reset-password-subtitle\">{{ subTitle }}</div>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Email</div>\n    <verbena-input\n      bgColor=\"white\"\n      borderRadius=\"12px\"\n      formControlName=\"Email\"\n      type=\"email\"\n    ></verbena-input>\n  </div>\n  <verbena-button\n    fontWeight=\"700\"\n    (click)=\"submit()\"\n    [text]=\"buttonCaption\"\n    width=\"100%\"\n    [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\"\n    borderRadius=\"25px\"\n    [disable]=\"!this.checkForm()\"\n  ></verbena-button>\n</div>\n<div *ngIf=\"isSubmitted\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-title resend-title\">\n    Follow the link sent to your e-mail to proceed\n  </div>\n  <div class=\"resend-text flex gap-1\">\n    <span class=\"resend-caption\">Didn't get a link?</span>\n    <span class=\"resend-caption resend-link\" (click)=\"submit()\">Resend</span>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { ForgotPasswordComponent } from './forgot-password.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [ForgotPasswordComponent],\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    VerbenaInputModule,\n    VerbenaButtonModule,\n    CommonModule,\n  ],\n  exports: [ForgotPasswordComponent],\n})\nexport class ForgotPasswordModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAqBa,uBAAuB,CAAA;AAgBxB,IAAA,EAAA,CAAA;AACA,IAAA,MAAA,CAAA;AACA,IAAA,WAAA,CAAA;IAjBD,KAAK,GAAW,iBAAiB,CAAC;IAClC,QAAQ,GAAW,+CAA+C,CAAC;IACnE,aAAa,GAAW,QAAQ,CAAC;AACjC,IAAA,eAAe,CAAU;AACzB,IAAA,qBAAqB,CAAU;IAC/B,MAAM,GAAW,EAAE,CAAC;AAEnB,IAAA,QAAQ,GAAqC,IAAI,YAAY,EAAE,CAAC;AAChE,IAAA,WAAW,GACnB,IAAI,YAAY,EAAE,CAAC;AAErB,IAAA,kBAAkB,CAAY;IAC9B,WAAW,GAAY,KAAK,CAAC;AAE7B,IAAA,WAAA,CACU,EAAe,EACf,MAA6B,EAC7B,WAAwB,EAAA;QAFxB,IAAE,CAAA,EAAA,GAAF,EAAE,CAAa;QACf,IAAM,CAAA,MAAA,GAAN,MAAM,CAAuB;QAC7B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAa;QAEhC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AACtC,YAAA,KAAK,EAAE,IAAI,WAAW,CAAgB,IAAI,EAAE;AAC1C,gBAAA,UAAU,CAAC,QAAQ;AACnB,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;aAC/B,CAAC;AACH,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,YAAY,CAAC,IAAY,EAAA;QACvB,MAAM,YAAY,GAAG,kDAAkD,CAAC;AACxE,QAAA,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC;AAED,IAAA,cAAc,CAAC,OAAwB,EAAA;AACrC,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAE5B,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE;AACrC,YAAA,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;SACnC;AAED,QAAA,OAAO,IAAI,CAAC;KACb;IAED,SAAS,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;KACtC;AAED,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;YACrB,OAAO;SACR;AACD,QAAA,IAAI,IAAI,GAAuB;YAC7B,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK;SACvD,CAAC;AACF,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,GAAG,CAC/B,yBAAyB,IAAI,CAAC,KAAK,CAAI,CAAA,EAAA,IAAI,CAAC,MAAM,CAAA,CAAE,CACrD,CAAC;AACF,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,GAAG,YAAY,aAAa,EAAE;AAChC,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAC5B;aAAM;YACL,IAAI,MAAM,GAAG,GAAuB,CAAC;AACrC,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB;KACF;wGAnEU,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,qTCrBpC,mvCAsCA,EAAA,MAAA,EAAA,CAAA,8mDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,SAAA,EAAA,QAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDjBa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,wBAAwB,EAAA,QAAA,EAAA,mvCAAA,EAAA,MAAA,EAAA,CAAA,8mDAAA,CAAA,EAAA,CAAA;8IAKzB,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAEI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBACG,WAAW,EAAA,CAAA;sBAApB,MAAM;;;MEbI,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAApB,oBAAoB,EAAA,YAAA,EAAA,CAVhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,WAAW;YACX,mBAAmB;YACnB,kBAAkB;YAClB,mBAAmB;AACnB,YAAA,YAAY,aAEJ,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAR7B,WAAW;YACX,mBAAmB;YACnB,kBAAkB;YAClB,mBAAmB;YACnB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIH,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE;wBACP,WAAW;wBACX,mBAAmB;wBACnB,kBAAkB;wBAClB,mBAAmB;wBACnB,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

package/fesm2022/verben-authentication-ui-src-lib-components-mail-validation.mjs

@@ -61,7 +61,7 @@ class MailValidationComponent {
         this.login.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MailValidationComponent, selector: "lib-mail-validation", inputs: { customClass: "customClass", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height", pd: "pd", width: "width", text: "text", textAlign: "textAlign", color: "color", textSize: "textSize", btnBorder: "btnBorder", btnBorderRadius: "btnBorderRadius", btnBgColor: "btnBgColor", btnWidth: "btnWidth", btnPd: "btnPd" }, outputs: { resendOtp: "resendOtp", proceedToNextStep: "proceedToNextStep", login: "login" }, ngImport: i0, template: "<section  [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n  <div *ngIf=\"currentStep === 'linkSent'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Follow the link sent to your e-mail to verify your e-mail address\n    </p>\n    <p class=\"mt-4\" (click)=\"handleResendOtp()\">\n      Didn't get a link? <a href=\"#\" class=\"underline resend\">Resend</a>\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'verified'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Your e-mail has been verified! You will be notified when your access has\n      been authorized\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'accessGranted'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n    Your e-mail has been verified!\n    </p>\n  <div class=\"mt-4\">\n    <verbena-button\n    [text]=\"text\"\n    [bgColor]=\"btnBgColor\"\n    [textColor]=\"color\"\n    [border]=\"btnBorder\"\n    [borderRadius]=\"btnBorderRadius\"\n    [pd]=\"btnPd\"\n    (click)=\"handleLogin()\"\n    [width]=\"btnWidth\"\n    textSize=\"'22px'\"\n    buttonClass=\"font-medium text-[22px] leading-[33px]\"\n  ></verbena-button>\n  </div>\n  </div>\n</section>\n", styles: [".flex{display:flex}.overflow-hidden{overflow:hidden}.h-full{height:100%}.underline{text-decoration:underline}.mt-4{margin-top:1rem}.resend{color:#00f}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.gap-1>:not([hidden])~:not([hidden]){gap:.25rem}.pt-3{padding-top:.75rem}.mt-5{margin-top:1.25rem}.border{border-width:1px}.rounded-xl{border-radius:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.flex-col{flex-direction:column}.w-full{width:100%}\n"], dependencies: [{ kind: "component", type: i1.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MailValidationComponent, selector: "lib-mail-validation", inputs: { customClass: "customClass", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height", pd: "pd", width: "width", text: "text", textAlign: "textAlign", color: "color", textSize: "textSize", btnBorder: "btnBorder", btnBorderRadius: "btnBorderRadius", btnBgColor: "btnBgColor", btnWidth: "btnWidth", btnPd: "btnPd" }, outputs: { resendOtp: "resendOtp", proceedToNextStep: "proceedToNextStep", login: "login" }, ngImport: i0, template: "<section  [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n  <div *ngIf=\"currentStep === 'linkSent'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Follow the link sent to your e-mail to verify your e-mail address\n    </p>\n    <p class=\"mt-4\" (click)=\"handleResendOtp()\">\n      Didn't get a link? <a href=\"#\" class=\"underline resend\">Resend</a>\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'verified'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Your e-mail has been verified! You will be notified when your access has\n      been authorized\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'accessGranted'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n    Your e-mail has been verified!\n    </p>\n  <div class=\"mt-4\">\n    <verbena-button\n    [text]=\"text\"\n    [bgColor]=\"btnBgColor\"\n    [textColor]=\"color\"\n    [border]=\"btnBorder\"\n    [borderRadius]=\"btnBorderRadius\"\n    [pd]=\"btnPd\"\n    (click)=\"handleLogin()\"\n    [width]=\"btnWidth\"\n    textSize=\"'22px'\"\n    buttonClass=\"font-medium text-[22px] leading-[33px]\"\n  ></verbena-button>\n  </div>\n  </div>\n</section>\n", styles: [".flex{display:flex}.overflow-hidden{overflow:hidden}.h-full{height:100%}.underline{text-decoration:underline}.mt-4{margin-top:1rem}.resend{color:#00f}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.gap-1>:not([hidden])~:not([hidden]){gap:.25rem}.pt-3{padding-top:.75rem}.mt-5{margin-top:1.25rem}.border{border-width:1px}.rounded-xl{border-radius:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.flex-col{flex-direction:column}.w-full{width:100%}\n"], dependencies: [{ kind: "component", type: i1.VerbenaButtonComponent, selector: "verbena-button", inputs: ["type", "text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailValidationComponent, decorators: [{
             type: Component,

package/fesm2022/verben-authentication-ui-src-lib-components-mail-validation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"verben-authentication-ui-src-lib-components-mail-validation.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.component.ts","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.component.html","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.module.ts","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/verben-authentication-ui-src-lib-components-mail-validation.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-mail-validation',\n  templateUrl: './mail-validation.component.html',\n  styleUrls: ['./mail-validation.component.css']\n})\nexport class MailValidationComponent {\n  @Input() customClass: string = '';\n  @Input() bgColor: string = '#fff';\n  @Input() boxShadow: string = '4px 4px 4px rgba(0, 0, 0, 0.25)';\n  @Input() border: string = '1px solid #66666680';\n  @Input() borderRadius: string = '24px';\n  @Input() textColor: string = '#666666';\n  @Input() height: string = 'auto';\n  @Input() pd: string = '32px 48px';\n  @Input() width: string = '600px';\n  @Input() text: string = 'Login';\n  @Input() textAlign: string = 'center';\n  @Input() color: string = 'black';\n  @Input() textSize: string = '32px';\n  @Input() btnBorder: string = '1px solid #FFE681';\n  @Input() btnBorderRadius: string = \"40px\";\n  @Input() btnBgColor: string = '#FFE681';\n  @Input() btnWidth: string = '100%';\n  @Input() btnPd: string = '7px 10px';\n\n  @Output() resendOtp = new EventEmitter<void>();\n  @Output() proceedToNextStep = new EventEmitter<'verified' | 'accessGranted'>();\n  @Output() login = new EventEmitter<void>();\n\n  currentStep: 'linkSent' | 'verified' | 'accessGranted' = 'linkSent';\n\n  handleResendOtp() {\n    this.resendOtp.emit();\n  }\n\n  goToNextStep() {\n    switch (this.currentStep) {\n      case 'linkSent':\n        this.currentStep = 'verified';\n        this.proceedToNextStep.emit(this.currentStep);\n        break;\n      case 'verified':\n        this.currentStep = 'accessGranted';\n        this.proceedToNextStep.emit(this.currentStep);\n        break;\n    }\n  }\n  get styles() {\n    return {\n      'background-color': this.bgColor,\n      'box-shadow': this.boxShadow,\n      'border': this.border,\n      'border-radius': this.borderRadius,\n      'color': this.textColor,\n      'max-width': this.width,\n      'margin': '0 auto',\n      'height': this.height,\n      'padding': this.pd,\n    };\n  }\n  handleLogin() {\n    this.login.emit();\n  }\n}\n","<section  [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n  <div *ngIf=\"currentStep === 'linkSent'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Follow the link sent to your e-mail to verify your e-mail address\n    </p>\n    <p class=\"mt-4\" (click)=\"handleResendOtp()\">\n      Didn't get a link? <a href=\"#\" class=\"underline resend\">Resend</a>\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'verified'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Your e-mail has been verified! You will be notified when your access has\n      been authorized\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'accessGranted'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n    Your e-mail has been verified!\n    </p>\n  <div class=\"mt-4\">\n    <verbena-button\n    [text]=\"text\"\n    [bgColor]=\"btnBgColor\"\n    [textColor]=\"color\"\n    [border]=\"btnBorder\"\n    [borderRadius]=\"btnBorderRadius\"\n    [pd]=\"btnPd\"\n    (click)=\"handleLogin()\"\n    [width]=\"btnWidth\"\n    textSize=\"'22px'\"\n    buttonClass=\"font-medium text-[22px] leading-[33px]\"\n  ></verbena-button>\n  </div>\n  </div>\n</section>\n","import { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { CommonModule } from '@angular/common';\nimport { MailValidationComponent } from './mail-validation.component';\n\n@NgModule({\n  declarations: [MailValidationComponent],\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    VerbenaInputModule,\n    VerbenaButtonModule,\n    CommonModule,\n  ],\n  exports: [MailValidationComponent],\n})\nexport class MailValidationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"verben-authentication-ui-src-lib-components-mail-validation.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.component.ts","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.component.html","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/mail-validation.module.ts","../../../projects/verben-authentication-ui/src/lib/components/mail-validation/verben-authentication-ui-src-lib-components-mail-validation.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-mail-validation',\n  templateUrl: './mail-validation.component.html',\n  styleUrls: ['./mail-validation.component.css']\n})\nexport class MailValidationComponent {\n  @Input() customClass: string = '';\n  @Input() bgColor: string = '#fff';\n  @Input() boxShadow: string = '4px 4px 4px rgba(0, 0, 0, 0.25)';\n  @Input() border: string = '1px solid #66666680';\n  @Input() borderRadius: string = '24px';\n  @Input() textColor: string = '#666666';\n  @Input() height: string = 'auto';\n  @Input() pd: string = '32px 48px';\n  @Input() width: string = '600px';\n  @Input() text: string = 'Login';\n  @Input() textAlign: string = 'center';\n  @Input() color: string = 'black';\n  @Input() textSize: string = '32px';\n  @Input() btnBorder: string = '1px solid #FFE681';\n  @Input() btnBorderRadius: string = \"40px\";\n  @Input() btnBgColor: string = '#FFE681';\n  @Input() btnWidth: string = '100%';\n  @Input() btnPd: string = '7px 10px';\n\n  @Output() resendOtp = new EventEmitter<void>();\n  @Output() proceedToNextStep = new EventEmitter<'verified' | 'accessGranted'>();\n  @Output() login = new EventEmitter<void>();\n\n  currentStep: 'linkSent' | 'verified' | 'accessGranted' = 'linkSent';\n\n  handleResendOtp() {\n    this.resendOtp.emit();\n  }\n\n  goToNextStep() {\n    switch (this.currentStep) {\n      case 'linkSent':\n        this.currentStep = 'verified';\n        this.proceedToNextStep.emit(this.currentStep);\n        break;\n      case 'verified':\n        this.currentStep = 'accessGranted';\n        this.proceedToNextStep.emit(this.currentStep);\n        break;\n    }\n  }\n  get styles() {\n    return {\n      'background-color': this.bgColor,\n      'box-shadow': this.boxShadow,\n      'border': this.border,\n      'border-radius': this.borderRadius,\n      'color': this.textColor,\n      'max-width': this.width,\n      'margin': '0 auto',\n      'height': this.height,\n      'padding': this.pd,\n    };\n  }\n  handleLogin() {\n    this.login.emit();\n  }\n}\n","<section  [ngStyle]=\"styles\" class=\"{{ customClass }}\">\n  <div *ngIf=\"currentStep === 'linkSent'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Follow the link sent to your e-mail to verify your e-mail address\n    </p>\n    <p class=\"mt-4\" (click)=\"handleResendOtp()\">\n      Didn't get a link? <a href=\"#\" class=\"underline resend\">Resend</a>\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'verified'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n      Your e-mail has been verified! You will be notified when your access has\n      been authorized\n    </p>\n  </div>\n\n  <div *ngIf=\"currentStep === 'accessGranted'\">\n    <p [style.color]=\"textColor\" [style.font-size]=\"textSize\">\n    Your e-mail has been verified!\n    </p>\n  <div class=\"mt-4\">\n    <verbena-button\n    [text]=\"text\"\n    [bgColor]=\"btnBgColor\"\n    [textColor]=\"color\"\n    [border]=\"btnBorder\"\n    [borderRadius]=\"btnBorderRadius\"\n    [pd]=\"btnPd\"\n    (click)=\"handleLogin()\"\n    [width]=\"btnWidth\"\n    textSize=\"'22px'\"\n    buttonClass=\"font-medium text-[22px] leading-[33px]\"\n  ></verbena-button>\n  </div>\n  </div>\n</section>\n","import { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { CommonModule } from '@angular/common';\nimport { MailValidationComponent } from './mail-validation.component';\n\n@NgModule({\n  declarations: [MailValidationComponent],\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    VerbenaInputModule,\n    VerbenaButtonModule,\n    CommonModule,\n  ],\n  exports: [MailValidationComponent],\n})\nexport class MailValidationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAOa,uBAAuB,CAAA;IACzB,WAAW,GAAW,EAAE,CAAC;IACzB,OAAO,GAAW,MAAM,CAAC;IACzB,SAAS,GAAW,iCAAiC,CAAC;IACtD,MAAM,GAAW,qBAAqB,CAAC;IACvC,YAAY,GAAW,MAAM,CAAC;IAC9B,SAAS,GAAW,SAAS,CAAC;IAC9B,MAAM,GAAW,MAAM,CAAC;IACxB,EAAE,GAAW,WAAW,CAAC;IACzB,KAAK,GAAW,OAAO,CAAC;IACxB,IAAI,GAAW,OAAO,CAAC;IACvB,SAAS,GAAW,QAAQ,CAAC;IAC7B,KAAK,GAAW,OAAO,CAAC;IACxB,QAAQ,GAAW,MAAM,CAAC;IAC1B,SAAS,GAAW,mBAAmB,CAAC;IACxC,eAAe,GAAW,MAAM,CAAC;IACjC,UAAU,GAAW,SAAS,CAAC;IAC/B,QAAQ,GAAW,MAAM,CAAC;IAC1B,KAAK,GAAW,UAAU,CAAC;AAE1B,IAAA,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;AACrC,IAAA,iBAAiB,GAAG,IAAI,YAAY,EAAgC,CAAC;AACrE,IAAA,KAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE3C,WAAW,GAA8C,UAAU,CAAC;IAEpE,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;KACvB;IAED,YAAY,GAAA;AACV,QAAA,QAAQ,IAAI,CAAC,WAAW;AACtB,YAAA,KAAK,UAAU;AACb,gBAAA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;gBAC9B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC9C,MAAM;AACR,YAAA,KAAK,UAAU;AACb,gBAAA,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC;gBACnC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC9C,MAAM;SACT;KACF;AACD,IAAA,IAAI,MAAM,GAAA;QACR,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,OAAO;YAChC,YAAY,EAAE,IAAI,CAAC,SAAS;YAC5B,QAAQ,EAAE,IAAI,CAAC,MAAM;YACrB,eAAe,EAAE,IAAI,CAAC,YAAY;YAClC,OAAO,EAAE,IAAI,CAAC,SAAS;YACvB,WAAW,EAAE,IAAI,CAAC,KAAK;AACvB,YAAA,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,IAAI,CAAC,MAAM;YACrB,SAAS,EAAE,IAAI,CAAC,EAAE;SACnB,CAAC;KACH;IACD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KACnB;wGAzDU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,wiBCPpC,ysCAqCA,EAAA,MAAA,EAAA,CAAA,ggBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FD9Ba,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EAAA,ysCAAA,EAAA,MAAA,EAAA,CAAA,ggBAAA,CAAA,EAAA,CAAA;8BAKtB,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,EAAE,EAAA,CAAA;sBAAV,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEI,SAAS,EAAA,CAAA;sBAAlB,MAAM;gBACG,iBAAiB,EAAA,CAAA;sBAA1B,MAAM;gBACG,KAAK,EAAA,CAAA;sBAAd,MAAM;;;MEZI,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAApB,oBAAoB,EAAA,YAAA,EAAA,CAVhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,WAAW;YACX,mBAAmB;YACnB,kBAAkB;YAClB,mBAAmB;AACnB,YAAA,YAAY,aAEJ,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAR7B,WAAW;YACX,mBAAmB;YACnB,kBAAkB;YAClB,mBAAmB;YACnB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIH,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE;wBACP,WAAW;wBACX,mBAAmB;wBACnB,kBAAkB;wBAClB,mBAAmB;wBACnB,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

package/fesm2022/verben-authentication-ui-src-lib-components-mail.mjs

@@ -39,7 +39,7 @@ class MailComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MailComponent, selector: "verben-mail-message", inputs: { customClass: "customClass", headlingClass: "headlingClass", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n    <h3 class=\"{{headlingClass}}\">Your e-mail has been verified!</h3>\n    <lib-button \n    text=\"Login\" \n    buttonClass=\"\"\n    (click)=\"goToLogin()\"\n    ></lib-button>   \n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["text", "color", "border", "borderRadius", "bgColor", "width", "pd", "buttonClass", "disabled"], outputs: ["buttonClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MailComponent, selector: "verben-mail-message", inputs: { customClass: "customClass", headlingClass: "headlingClass", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n    <h3 class=\"{{headlingClass}}\">Your e-mail has been verified!</h3>\n    <lib-button \n    text=\"Login\" \n    buttonClass=\"\"\n    (click)=\"goToLogin()\"\n    ></lib-button>   \n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["type", "text", "color", "border", "borderRadius", "bgColor", "width", "pd", "buttonClass", "disabled"], outputs: ["buttonClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MailComponent, decorators: [{
             type: Component,

package/fesm2022/verben-authentication-ui-src-lib-components-mail.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"verben-authentication-ui-src-lib-components-mail.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/mail/mail.component.ts","../../../projects/verben-authentication-ui/src/lib/components/mail/mail.component.html","../../../projects/verben-authentication-ui/src/lib/components/mail/mail.module.ts","../../../projects/verben-authentication-ui/src/lib/components/mail/verben-authentication-ui-src-lib-components-mail.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n\n@Component({\n  selector: 'verben-mail-message',\n  templateUrl: './mail.component.html',\n  styleUrl: './mail.component.css'\n})\n\n\nexport class MailComponent {\n  @Input() customClass: string = ''\n  @Input() headlingClass: string = ''\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n  @Input() margin: string = '';\n  @Input() pd: string = '';\n  @Input() bgColor: string = '#fff';\n  @Input() boxShadow: string = '4px 4px 4px rgba(0, 0, 0, 0.25)';\n  @Input() border: string = '1px solid #66666680';\n  @Input() borderRadius: string = '24px';\n  @Input() textColor: string = '#333';\n  @Input() height: string = 'auto';\n\n  @Output() buttonClick = new EventEmitter();\n\n  goToLogin(){ \n    this.buttonClick.emit()\n  }\n\n  get styles() {\n    return {\n      'background-color': this.bgColor,\n      'box-shadow': this.boxShadow,\n      'border': this.border,\n      'border-radius': this.borderRadius,\n      'color': this.textColor,\n      'width': this.width,\n      'max-width':this.maxWidth,\n      'margin':this.margin,\n      'height': this.height,\n      'padding':this.pd\n    };\n  }\n\n}\n\n","<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n    <h3 class=\"{{headlingClass}}\">Your e-mail has been verified!</h3>\n    <lib-button \n    text=\"Login\" \n    buttonClass=\"\"\n    (click)=\"goToLogin()\"\n    ></lib-button>   \n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';\nimport { MailComponent } from './mail.component';\n\n@NgModule({\n  declarations: [MailComponent],\n  imports: [CommonModule, FormsModule, RouterLink, ButtonModule],\n  exports: [MailComponent],\n})\nexport class MailModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"verben-authentication-ui-src-lib-components-mail.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/mail/mail.component.ts","../../../projects/verben-authentication-ui/src/lib/components/mail/mail.component.html","../../../projects/verben-authentication-ui/src/lib/components/mail/mail.module.ts","../../../projects/verben-authentication-ui/src/lib/components/mail/verben-authentication-ui-src-lib-components-mail.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n\n@Component({\n  selector: 'verben-mail-message',\n  templateUrl: './mail.component.html',\n  styleUrl: './mail.component.css'\n})\n\n\nexport class MailComponent {\n  @Input() customClass: string = ''\n  @Input() headlingClass: string = ''\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n  @Input() margin: string = '';\n  @Input() pd: string = '';\n  @Input() bgColor: string = '#fff';\n  @Input() boxShadow: string = '4px 4px 4px rgba(0, 0, 0, 0.25)';\n  @Input() border: string = '1px solid #66666680';\n  @Input() borderRadius: string = '24px';\n  @Input() textColor: string = '#333';\n  @Input() height: string = 'auto';\n\n  @Output() buttonClick = new EventEmitter();\n\n  goToLogin(){ \n    this.buttonClick.emit()\n  }\n\n  get styles() {\n    return {\n      'background-color': this.bgColor,\n      'box-shadow': this.boxShadow,\n      'border': this.border,\n      'border-radius': this.borderRadius,\n      'color': this.textColor,\n      'width': this.width,\n      'max-width':this.maxWidth,\n      'margin':this.margin,\n      'height': this.height,\n      'padding':this.pd\n    };\n  }\n\n}\n\n","<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n    <h3 class=\"{{headlingClass}}\">Your e-mail has been verified!</h3>\n    <lib-button \n    text=\"Login\" \n    buttonClass=\"\"\n    (click)=\"goToLogin()\"\n    ></lib-button>   \n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { RouterLink } from '@angular/router';\nimport { ButtonModule } from 'verben-authentication-ui/src/lib/components/button';\nimport { MailComponent } from './mail.component';\n\n@NgModule({\n  declarations: [MailComponent],\n  imports: [CommonModule, FormsModule, RouterLink, ButtonModule],\n  exports: [MailComponent],\n})\nexport class MailModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/verben-authentication-ui-src-lib-components-o-auth.mjs

@@ -97,7 +97,7 @@ class OAuthComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OAuthComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OAuthComponent, selector: "verben-o-auth", inputs: { authMechanisms: "authMechanisms" }, outputs: { emitMechanismFn: "emitMechanismFn" }, ngImport: i0, template: "<section class=\"oauthWrapper\"> \n    <div class=\"OrFlexWrapper\">\n        <hr/>\n        <span>OR</span>\n        <hr/>\n    </div>\n     <div class=\"btnWrapper\">\n      <div *ngFor=\"let btn of authMechanisms, let i = index\"> \n        <verbena-button\n        [svg]=\"checkForValue(btn.AuthMechanism)\"\n        [svgHeight]=\"24\"\n        [svgWidth]=\"24\"\n        [text]=\"'Continue with ' + btn.AuthMechanism\"\n        bgColor=\"white\"\n        textColor=\"black\"\n        border=\"1px solid #333\"\n        borderRadius=\"40px\"\n        pd=\"10px 20px\"\n        width=\"100%\"\n        svgPosition=\"left\"\n        buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[#333] mt-2\"\n        (click)=\"handleOauthClick(btn)\"\n        ></verbena-button>\n      </div> \n     </div> \n</section>\n", styles: ["hr{height:1px;margin:0;border:1px solid #66666640;flex:1}.OR{margin:0 2px;color:#666}.oauthWrapper{display:flex;flex-direction:column;gap:12px}.btnWrapper{display:flex;flex-direction:column;gap:10px}.OrFlexWrapper{display:flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OAuthComponent, selector: "verben-o-auth", inputs: { authMechanisms: "authMechanisms" }, outputs: { emitMechanismFn: "emitMechanismFn" }, ngImport: i0, template: "<section class=\"oauthWrapper\"> \n    <div class=\"OrFlexWrapper\">\n        <hr/>\n        <span>OR</span>\n        <hr/>\n    </div>\n     <div class=\"btnWrapper\">\n      <div *ngFor=\"let btn of authMechanisms, let i = index\"> \n        <verbena-button\n        [svg]=\"checkForValue(btn.AuthMechanism)\"\n        [svgHeight]=\"24\"\n        [svgWidth]=\"24\"\n        [text]=\"'Continue with ' + btn.AuthMechanism\"\n        bgColor=\"white\"\n        textColor=\"black\"\n        border=\"1px solid #333\"\n        borderRadius=\"40px\"\n        pd=\"10px 20px\"\n        width=\"100%\"\n        svgPosition=\"left\"\n        buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[#333] mt-2\"\n        (click)=\"handleOauthClick(btn)\"\n        ></verbena-button>\n      </div> \n     </div> \n</section>\n", styles: ["hr{height:1px;margin:0;border:1px solid #66666640;flex:1}.OR{margin:0 2px;color:#666}.oauthWrapper{display:flex;flex-direction:column;gap:12px}.btnWrapper{display:flex;flex-direction:column;gap:10px}.OrFlexWrapper{display:flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["type", "text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OAuthComponent, decorators: [{
             type: Component,

package/fesm2022/verben-authentication-ui-src-lib-components-o-auth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"verben-authentication-ui-src-lib-components-o-auth.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.component.ts","../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.component.html","../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.module.ts","../../../projects/verben-authentication-ui/src/lib/components/o-auth/verben-authentication-ui-src-lib-components-o-auth.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  AuthMechanism,\n  MechanismType,\n} from 'verben-authentication-ui/src/lib/models';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpWebRequestService } from 'verben-authentication-ui/src/lib/services';\nimport { UtilService } from 'verben-authentication-ui/src/lib/services';\n\ndeclare global {\n  interface Window {\n    google: any;\n  }\n}\n\n@Component({\n  selector: 'verben-o-auth',\n  templateUrl: './o-auth.component.html',\n  styleUrl: './o-auth.component.css',\n})\nexport class OAuthComponent implements OnInit {\n  showGoogle: boolean = false;\n  showMicrosoft: boolean = false;\n  showApple: boolean = false;\n  @Input() authMechanisms: AuthMechanism[] | null = null;\n  @Output() emitMechanismFn = new EventEmitter<string>();\n  page: string = '';\n  type: string = '';\n\n  constructor(private router: Router) {}\n\n  ngOnInit(): void {\n    this.loadPage();\n    this.loadGoogleScript();\n    if (this.authMechanisms !== null) {\n      this.authMechanisms = this.authMechanisms.filter(\n        (item) => item.AuthMechanism !== MechanismType.InApp\n      );\n    }\n  }\n\n  loadPage() {\n    this.page = this.router.url;\n  }\n\n  loadGoogleScript(): void {\n    if (!document.getElementById('google-jssdk')) {\n      const script = document.createElement('script');\n      script.src = 'https://accounts.google.com/gsi/client';\n      script.id = 'google-jssdk';\n      script.async = true;\n      script.defer = true;\n      script.onload = () => console.log('Google SDK loaded');\n      script.onerror = () => console.log('Error loading Google SDK');\n      document.head.appendChild(script);\n    }\n  }\n\n  oAuthWithGoogle(data: AuthMechanism) {\n    this.type = data.AuthMechanism;\n    localStorage.setItem('type', JSON.stringify(this.type));\n    const redirectUri = encodeURIComponent(data.RedirectUri);\n    const scope = encodeURIComponent('openid email profile');\n    const responseType = 'code';\n    const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));\n    const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?client_id=${data.ClientId}&redirect_uri=${redirectUri}&response_type=${responseType}&scope=${scope}&state=${state}`;\n    window.location.href = authUrl;\n  }\n\n  oAuthWithApple() {}\n\n  oAuthWithMicrosoft(data: AuthMechanism) {\n    this.type = data.AuthMechanism;\n    const cleanUrl = window.location.href.split('?')[0];\n    window.history.replaceState({}, document.title, cleanUrl); // Update the URL without reloading\n    localStorage.setItem('type', JSON.stringify(this.type));\n    const redirectUri = encodeURIComponent(data.RedirectUri);\n    const scope = encodeURIComponent('openid email profile');\n    const responseType = 'code';\n    const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));\n    // const authUrl = `https://login.microsoftonline.com/${data.TenantId}/oauth2/v2.0/authorize?client_id=${data.ClientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=query&state=${state}`;\n    const authUrl = `https://login.microsoftonline.com/common/oauth2/v2.0/authorize\n?client_id=${data.ClientId}\n&response_type=${responseType}\n&redirect_uri=${redirectUri}&scope=${scope}\n&response_mode=query&state=${state}`;\n    window.location.href = authUrl;\n  }\n\n  checkForValue(value: string) {\n    switch (value) {\n      case MechanismType.Google:\n        return 'google-logo';\n      case MechanismType.Apple:\n        return 'apple-logo';\n      case MechanismType.Microsoft:\n        return 'microsoft-logo';\n      default:\n        return '';\n    }\n  }\n\n  handleOauthClick(value: AuthMechanism) {\n    switch (value.AuthMechanism) {\n      case MechanismType.Google:\n        return this.oAuthWithGoogle(value);\n        break;\n      case MechanismType.Apple:\n        return this.oAuthWithApple();\n        break;\n      case MechanismType.Microsoft:\n        return this.oAuthWithMicrosoft(value);\n        break;\n      default:\n        return '';\n    }\n  }\n}\n","<section class=\"oauthWrapper\"> \n    <div class=\"OrFlexWrapper\">\n        <hr/>\n        <span>OR</span>\n        <hr/>\n    </div>\n     <div class=\"btnWrapper\">\n      <div *ngFor=\"let btn of authMechanisms, let i = index\"> \n        <verbena-button\n        [svg]=\"checkForValue(btn.AuthMechanism)\"\n        [svgHeight]=\"24\"\n        [svgWidth]=\"24\"\n        [text]=\"'Continue with ' + btn.AuthMechanism\"\n        bgColor=\"white\"\n        textColor=\"black\"\n        border=\"1px solid #333\"\n        borderRadius=\"40px\"\n        pd=\"10px 20px\"\n        width=\"100%\"\n        svgPosition=\"left\"\n        buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[#333] mt-2\"\n        (click)=\"handleOauthClick(btn)\"\n        ></verbena-button>\n      </div> \n     </div> \n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { OAuthComponent } from './o-auth.component';\n\n@NgModule({\n  declarations: [OAuthComponent],\n  imports: [CommonModule,VerbenaInputModule,VerbenaButtonModule],\n  exports: [OAuthComponent]\n})\nexport class OAuthModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"verben-authentication-ui-src-lib-components-o-auth.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.component.ts","../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.component.html","../../../projects/verben-authentication-ui/src/lib/components/o-auth/o-auth.module.ts","../../../projects/verben-authentication-ui/src/lib/components/o-auth/verben-authentication-ui-src-lib-components-o-auth.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  AuthMechanism,\n  MechanismType,\n} from 'verben-authentication-ui/src/lib/models';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpWebRequestService } from 'verben-authentication-ui/src/lib/services';\nimport { UtilService } from 'verben-authentication-ui/src/lib/services';\n\ndeclare global {\n  interface Window {\n    google: any;\n  }\n}\n\n@Component({\n  selector: 'verben-o-auth',\n  templateUrl: './o-auth.component.html',\n  styleUrl: './o-auth.component.css',\n})\nexport class OAuthComponent implements OnInit {\n  showGoogle: boolean = false;\n  showMicrosoft: boolean = false;\n  showApple: boolean = false;\n  @Input() authMechanisms: AuthMechanism[] | null = null;\n  @Output() emitMechanismFn = new EventEmitter<string>();\n  page: string = '';\n  type: string = '';\n\n  constructor(private router: Router) {}\n\n  ngOnInit(): void {\n    this.loadPage();\n    this.loadGoogleScript();\n    if (this.authMechanisms !== null) {\n      this.authMechanisms = this.authMechanisms.filter(\n        (item) => item.AuthMechanism !== MechanismType.InApp\n      );\n    }\n  }\n\n  loadPage() {\n    this.page = this.router.url;\n  }\n\n  loadGoogleScript(): void {\n    if (!document.getElementById('google-jssdk')) {\n      const script = document.createElement('script');\n      script.src = 'https://accounts.google.com/gsi/client';\n      script.id = 'google-jssdk';\n      script.async = true;\n      script.defer = true;\n      script.onload = () => console.log('Google SDK loaded');\n      script.onerror = () => console.log('Error loading Google SDK');\n      document.head.appendChild(script);\n    }\n  }\n\n  oAuthWithGoogle(data: AuthMechanism) {\n    this.type = data.AuthMechanism;\n    localStorage.setItem('type', JSON.stringify(this.type));\n    const redirectUri = encodeURIComponent(data.RedirectUri);\n    const scope = encodeURIComponent('openid email profile');\n    const responseType = 'code';\n    const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));\n    const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?client_id=${data.ClientId}&redirect_uri=${redirectUri}&response_type=${responseType}&scope=${scope}&state=${state}`;\n    window.location.href = authUrl;\n  }\n\n  oAuthWithApple() {}\n\n  oAuthWithMicrosoft(data: AuthMechanism) {\n    this.type = data.AuthMechanism;\n    const cleanUrl = window.location.href.split('?')[0];\n    window.history.replaceState({}, document.title, cleanUrl); // Update the URL without reloading\n    localStorage.setItem('type', JSON.stringify(this.type));\n    const redirectUri = encodeURIComponent(data.RedirectUri);\n    const scope = encodeURIComponent('openid email profile');\n    const responseType = 'code';\n    const state = encodeURIComponent(JSON.stringify({ returnTo: this.page }));\n    // const authUrl = `https://login.microsoftonline.com/${data.TenantId}/oauth2/v2.0/authorize?client_id=${data.ClientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=query&state=${state}`;\n    const authUrl = `https://login.microsoftonline.com/common/oauth2/v2.0/authorize\n?client_id=${data.ClientId}\n&response_type=${responseType}\n&redirect_uri=${redirectUri}&scope=${scope}\n&response_mode=query&state=${state}`;\n    window.location.href = authUrl;\n  }\n\n  checkForValue(value: string) {\n    switch (value) {\n      case MechanismType.Google:\n        return 'google-logo';\n      case MechanismType.Apple:\n        return 'apple-logo';\n      case MechanismType.Microsoft:\n        return 'microsoft-logo';\n      default:\n        return '';\n    }\n  }\n\n  handleOauthClick(value: AuthMechanism) {\n    switch (value.AuthMechanism) {\n      case MechanismType.Google:\n        return this.oAuthWithGoogle(value);\n        break;\n      case MechanismType.Apple:\n        return this.oAuthWithApple();\n        break;\n      case MechanismType.Microsoft:\n        return this.oAuthWithMicrosoft(value);\n        break;\n      default:\n        return '';\n    }\n  }\n}\n","<section class=\"oauthWrapper\"> \n    <div class=\"OrFlexWrapper\">\n        <hr/>\n        <span>OR</span>\n        <hr/>\n    </div>\n     <div class=\"btnWrapper\">\n      <div *ngFor=\"let btn of authMechanisms, let i = index\"> \n        <verbena-button\n        [svg]=\"checkForValue(btn.AuthMechanism)\"\n        [svgHeight]=\"24\"\n        [svgWidth]=\"24\"\n        [text]=\"'Continue with ' + btn.AuthMechanism\"\n        bgColor=\"white\"\n        textColor=\"black\"\n        border=\"1px solid #333\"\n        borderRadius=\"40px\"\n        pd=\"10px 20px\"\n        width=\"100%\"\n        svgPosition=\"left\"\n        buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[#333] mt-2\"\n        (click)=\"handleOauthClick(btn)\"\n        ></verbena-button>\n      </div> \n     </div> \n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VerbenaButtonModule, VerbenaInputModule } from 'verben-ng-ui';\nimport { OAuthComponent } from './o-auth.component';\n\n@NgModule({\n  declarations: [OAuthComponent],\n  imports: [CommonModule,VerbenaInputModule,VerbenaButtonModule],\n  exports: [OAuthComponent]\n})\nexport class OAuthModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/verben-authentication-ui-src-lib-components-reset-password.mjs

@@ -83,7 +83,7 @@ class ResetPasswordComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.HttpWebRequestService }, { token: i2.UtilService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResetPasswordComponent, selector: "verben-reset-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", showOldPassword: "showOldPassword", token: "token" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div [formGroup]=\"this.resetPasswordForm\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{title}}</div>\n    <div class=\"reset-password-subtitle\">{{subTitle}}</div>\n  </div>\n  <div *ngIf=\"showOldPassword\" class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Old Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"OldPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">New Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"Password\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Confirm Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"ConfirmPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <verbena-button fontWeight=\"700\" (click)=\"submit()\" [text]=\"buttonCaption\" width=\"100%\" [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\" borderRadius=\"25px\" [disable]=\"!this.checkForm()\"></verbena-button>\n\n</div>", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}\n"], dependencies: [{ 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: i3.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: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResetPasswordComponent, selector: "verben-reset-password", inputs: { title: "title", subTitle: "subTitle", buttonCaption: "buttonCaption", buttonTextColor: "buttonTextColor", buttonBackgroundColor: "buttonBackgroundColor", showOldPassword: "showOldPassword", token: "token" }, outputs: { onSubmit: "onSubmit", onSubmitEnd: "onSubmitEnd" }, ngImport: i0, template: "<div [formGroup]=\"this.resetPasswordForm\" class=\"reset-password-container flex flex-col\">\n  <div class=\"reset-password-header flex flex-col\">\n    <div class=\"reset-password-title\">{{title}}</div>\n    <div class=\"reset-password-subtitle\">{{subTitle}}</div>\n  </div>\n  <div *ngIf=\"showOldPassword\" class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Old Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"OldPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">New Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"Password\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <div class=\"form-field flex flex-col\">\n    <div class=\"form-field-caption\">Confirm Password</div>\n    <verbena-input bgColor=\"white\" borderRadius=\"12px\" formControlName=\"ConfirmPassword\" [passwordToggle]=\"true\"\n      type=\"password\"></verbena-input>\n  </div>\n  <verbena-button fontWeight=\"700\" (click)=\"submit()\" [text]=\"buttonCaption\" width=\"100%\" [textColor]=\"buttonTextColor\"\n    [bgColor]=\"buttonBackgroundColor\" borderRadius=\"25px\" [disable]=\"!this.checkForm()\"></verbena-button>\n\n</div>", styles: ["*{font-family:sans-serif;font-size:16px}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}.reset-password-container{gap:25px;padding:50px;border:1px solid rgba(102,102,102,.5);box-shadow:4px 4px 4px #00000040;border-radius:24px}.reset-password-title{font-size:30px;font-weight:700}.reset-password-subtitle{font-size:14px;font-weight:500;color:#666}.form-field{gap:5px}.form-field-caption{color:#666}\n"], dependencies: [{ 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: i3.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "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: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["type", "text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResetPasswordComponent, decorators: [{
             type: Component,