verben-authentication-ui 1.1.0 → 1.1.1

package/fesm2022/verben-authentication-ui-src-lib-components-two-factor-auth-setup.mjs

@@ -15,11 +15,11 @@ class TwoFactorAuthSetupComponent {
     maxWidth = '';
     margin = '';
     pd = '';
-    bgColor = '#fff';
+    bgColor = 'var(--vbn-color-surface)';
     boxShadow = '4px 4px 4px rgba(0, 0, 0, 0.25)';
     border = '1px solid #66666680';
     borderRadius = '24px';
-    textColor = '#333';
+    textColor = 'var(--vbn-color-text)';
     height = '';
     smsClick = new EventEmitter();
     mailClick = new EventEmitter();
@@ -48,11 +48,11 @@ class TwoFactorAuthSetupComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoFactorAuthSetupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TwoFactorAuthSetupComponent, selector: "verben-two-factor-auth-setup", inputs: { customClass: "customClass", headlingClass: "headlingClass", headlingText: "headlingText", paragraphClass: "paragraphClass", buttonClass: "buttonClass", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height" }, outputs: { smsClick: "smsClick", mailClick: "mailClick", skipClick: "skipClick" }, ngImport: i0, template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\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] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>", styles: [".setUpBtnWrapper{display:flex;flex-direction:column;gap:12px;margin-top:40px}.iconWrapper{display:flex;cursor:pointer;align-items:center;justify-content:end;gap:12px;margin-bottom:50px}.custom-button{font-weight:500}\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TwoFactorAuthSetupComponent, selector: "verben-two-factor-auth-setup", inputs: { customClass: "customClass", headlingClass: "headlingClass", headlingText: "headlingText", paragraphClass: "paragraphClass", buttonClass: "buttonClass", width: "width", maxWidth: "maxWidth", margin: "margin", pd: "pd", bgColor: "bgColor", boxShadow: "boxShadow", border: "border", borderRadius: "borderRadius", textColor: "textColor", height: "height" }, outputs: { smsClick: "smsClick", mailClick: "mailClick", skipClick: "skipClick" }, ngImport: i0, template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"var(--vbn-color-text)\"\n    border=\"1px solid var(--vbn-color-text)\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[var(--vbn-color-text)] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"var(--vbn-color-text)\"\n    border=\"1px solid var(--vbn-color-text)\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>", styles: [".setUpBtnWrapper{display:flex;flex-direction:column;gap:12px;margin-top:40px}.iconWrapper{display:flex;cursor:pointer;align-items:center;justify-content:end;gap:12px;margin-bottom:50px}.custom-button{font-weight:500}\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: TwoFactorAuthSetupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'verben-two-factor-auth-setup', template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\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] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>", styles: [".setUpBtnWrapper{display:flex;flex-direction:column;gap:12px;margin-top:40px}.iconWrapper{display:flex;cursor:pointer;align-items:center;justify-content:end;gap:12px;margin-bottom:50px}.custom-button{font-weight:500}\n"] }]
+            args: [{ selector: 'verben-two-factor-auth-setup', template: "<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"var(--vbn-color-text)\"\n    border=\"1px solid var(--vbn-color-text)\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[var(--vbn-color-text)] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"var(--vbn-color-text)\"\n    border=\"1px solid var(--vbn-color-text)\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>", styles: [".setUpBtnWrapper{display:flex;flex-direction:column;gap:12px;margin-top:40px}.iconWrapper{display:flex;cursor:pointer;align-items:center;justify-content:end;gap:12px;margin-bottom:50px}.custom-button{font-weight:500}\n"] }]
         }], propDecorators: { customClass: [{
                 type: Input
             }], headlingClass: [{

package/fesm2022/verben-authentication-ui-src-lib-components-two-factor-auth-setup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"verben-authentication-ui-src-lib-components-two-factor-auth-setup.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.component.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.component.html","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.module.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/verben-authentication-ui-src-lib-components-two-factor-auth-setup.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'verben-two-factor-auth-setup',\n  templateUrl: './two-factor-auth-setup.component.html',\n  styleUrl: './two-factor-auth-setup.component.css'\n})\n\nexport class TwoFactorAuthSetupComponent {\n  @Input() customClass: string = ''\n  @Input() headlingClass: string = ''\n  @Input() headlingText: string = 'Set Up Two Factor Authentication'\n  @Input() paragraphClass: string = ''\n  @Input() buttonClass: 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 = '';\n\n  @Output() smsClick = new EventEmitter();\n  @Output() mailClick = new EventEmitter();\n  @Output() skipClick = new EventEmitter();\n\n \n  continueWithSMS(){ \n   this.smsClick.emit()\n  }\n  continueWithMail(){ \n   this.mailClick.emit()\n  }\n  handleSkip(){ \n   this.skipClick.emit()\n  }\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","<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\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] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"#333333\"\n    border=\"1px solid #333\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TwoFactorAuthSetupComponent } from './two-factor-auth-setup.component';\nimport { SvgModule, VerbenaButtonModule } from 'verben-ng-ui';\n\n@NgModule({\n  declarations: [TwoFactorAuthSetupComponent],\n  imports: [CommonModule,VerbenaButtonModule,SvgModule],\n  exports: [TwoFactorAuthSetupComponent]\n})\nexport class TwoFactorAuthSetupModule {}\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-two-factor-auth-setup.mjs","sources":["../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.component.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.component.html","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/two-factor-auth-setup.module.ts","../../../projects/verben-authentication-ui/src/lib/components/two-factor-auth-setup/verben-authentication-ui-src-lib-components-two-factor-auth-setup.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'verben-two-factor-auth-setup',\n  templateUrl: './two-factor-auth-setup.component.html',\n  styleUrl: './two-factor-auth-setup.component.css'\n})\n\nexport class TwoFactorAuthSetupComponent {\n  @Input() customClass: string = ''\n  @Input() headlingClass: string = ''\n  @Input() headlingText: string = 'Set Up Two Factor Authentication'\n  @Input() paragraphClass: string = ''\n  @Input() buttonClass: string = ''\n  @Input() width: string = '';\n  @Input() maxWidth: string = '';\n  @Input() margin: string = '';\n  @Input() pd: string = '';\n  @Input() bgColor: string = 'var(--vbn-color-surface)';\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 = 'var(--vbn-color-text)';\n  @Input() height: string = '';\n\n  @Output() smsClick = new EventEmitter();\n  @Output() mailClick = new EventEmitter();\n  @Output() skipClick = new EventEmitter();\n\n \n  continueWithSMS(){ \n   this.smsClick.emit()\n  }\n  continueWithMail(){ \n   this.mailClick.emit()\n  }\n  handleSkip(){ \n   this.skipClick.emit()\n  }\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","<section\n[ngStyle]=\"styles\"\nclass=\"{{ customClass }}\"\n>\n  <h3 class=\"{{headlingClass}}\">{{headlingText}}</h3>\n  <div class=\"setUpBtnWrapper\">\n    <verbena-button\n    svg=\"2fa-mail\"\n    [svgHeight]=\"16\"\n    [svgWidth]=\"20\"\n    text=\"Continue with Mail\"\n    bgColor=\"white\"\n    textColor=\"var(--vbn-color-text)\"\n    border=\"1px solid var(--vbn-color-text)\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    buttonClass=\"font-normal text-[24px] leading-[29.05px] text-[var(--vbn-color-text)] mb-2\"\n    (click)=\"continueWithMail()\"\n    ></verbena-button>\n    <verbena-button\n    svg=\"2fa-sms\"\n    [svgHeight]=\"24\"\n    [svgWidth]=\"24\"\n    text=\"Continue with SMS\"\n    bgColor=\"white\"\n    textColor=\"var(--vbn-color-text)\"\n    border=\"1px solid var(--vbn-color-text)\"\n    borderRadius=\"40px\"\n    pd=\"10px 20px\"\n    width=\"100%\"\n    svgPosition=\"left\"\n    (click)=\"continueWithSMS()\"\n    ></verbena-button>\n    <!-- <div class=\"iconWrapper\" (click)=\"handleSkip()\"> \n        <p class=\"{{paragraphClass}}\">Skip for now</p>\n        <verben-svg \n        icon=\"skip-forward\"\n        [height]=\"24\"\n        [width]=\"24\"\n        />\n    </div> -->\n</div>\n</section>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TwoFactorAuthSetupComponent } from './two-factor-auth-setup.component';\nimport { SvgModule, VerbenaButtonModule } from 'verben-ng-ui';\n\n@NgModule({\n  declarations: [TwoFactorAuthSetupComponent],\n  imports: [CommonModule,VerbenaButtonModule,SvgModule],\n  exports: [TwoFactorAuthSetupComponent]\n})\nexport class TwoFactorAuthSetupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}