@resolveio/client-lib-core 15.1.10 → 15.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3023,7 +3023,7 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3023
3023
  }
3024
3024
 
3025
3025
  .log-box {
3026
- padding-top: 26px;
3026
+ padding-top: 0px;
3027
3027
  padding-bottom: 26px;
3028
3028
  }
3029
3029
  .loginform .form-control, .register-form .form-control {
@@ -3086,6 +3086,53 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3086
3086
  button.btn.sign-btn:hover {
3087
3087
  background: #1668e2;
3088
3088
  }
3089
+
3090
+ .login-card {
3091
+ margin-bottom: 20px;
3092
+ padding: 20px;
3093
+ padding-top: 10px;
3094
+ border-radius: 8px;
3095
+ box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */
3096
+ background-color: #FFFFFF;
3097
+ }
3098
+
3099
+ .login-header {
3100
+ font-size: 20px;
3101
+ font-weight: bold;
3102
+ color: #333;
3103
+ margin-bottom: 15px;
3104
+ text-align: center;
3105
+ }
3106
+
3107
+ .employee-login-btn {
3108
+ background-color: #0078D4; /* Microsoft Blue */
3109
+ color: white;
3110
+ padding: 10px 20px; /* Larger size */
3111
+ font-size: 16px; /* Larger text */
3112
+ border-radius: 5px; /* Rounded corners */
3113
+ width: 100%; /* Full width */
3114
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3115
+ }
3116
+
3117
+ .third-party-login-btn {
3118
+ background-color: #28a745; /* Bootstrap success green */
3119
+ color: white;
3120
+ border-radius: 5px; /* Rounded corners */
3121
+ width: 100%; /* Full width */
3122
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3123
+ margin-top: 10px;
3124
+ }
3125
+
3126
+ .third-party-login-section {
3127
+ background-color: #F3F4F6; /* Optional: Light grey background for contrast */
3128
+ border-radius: 8px; /* Optional: Rounded corners for the input form */
3129
+ }
3130
+
3131
+ .employee-login-section, .third-party-login-section {
3132
+ text-align: center;
3133
+ }
3134
+
3135
+
3089
3136
  </style>
3090
3137
  <form [formGroup]="form" novalidate>
3091
3138
  <div class="modal-header">
@@ -3103,28 +3150,64 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3103
3150
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3104
3151
  <div class="textbox" *ngIf="showLoginText">
3105
3152
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3106
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3107
3153
  </div>
3108
3154
  </div>
3109
3155
  </div>
3110
3156
  <div class="col-lg-6">
3111
3157
  <div class="log-box">
3112
- <div class="loginform">
3113
- <div class="form-group">
3114
- <label>Username/Email</label>
3115
- <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3116
- <input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
3117
- </div>
3118
- <div class="form-group">
3119
- <label>Password</label>
3120
- <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3121
- <input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
3122
- </div>
3123
- <div class="form-check text-right">
3124
- <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3125
- </div>
3126
- <button type="submit" class="btn loginbtn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3127
- <button *ngIf="msAllowed" type="submit" class="btn login365btn" (click)="close('MS')">Microsoft Single-Sign-On</button>
3158
+ <div class="loginform" style="margin: 0px;">
3159
+ <ng-container *ngIf="!msAllowed">
3160
+ <div class="login-card">
3161
+ <h3 class="login-header">Employee/Customer Login</h3>
3162
+ <div class="third-party-login-section">
3163
+ <div class="form-group">
3164
+ <label>Username/Email</label>
3165
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3166
+ <input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
3167
+ </div>
3168
+ <div class="form-group">
3169
+ <label>Password</label>
3170
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3171
+ <input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
3172
+ </div>
3173
+ <div class="form-check text-right">
3174
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3175
+ </div>
3176
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3177
+ </div>
3178
+ </div>
3179
+ </ng-container>
3180
+ <ng-container *ngIf="msAllowed">
3181
+ <!-- Employee Login Section -->
3182
+ <div class="login-card">
3183
+ <h3 class="login-header">Employee Login</h3>
3184
+ <div class="employee-login-section">
3185
+ <button type="submit" class="btn employee-login-btn" (click)="close('MS')">Employee Login</button>
3186
+ </div>
3187
+ </div>
3188
+
3189
+ <!-- Third Party Login Section -->
3190
+ <div class="login-card">
3191
+ <h3 class="login-header">Third Party Login</h3>
3192
+ <div class="third-party-login-section">
3193
+ <div class="form-group">
3194
+ <label>Username/Email</label>
3195
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3196
+ <input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
3197
+ </div>
3198
+ <div class="form-group">
3199
+ <label>Password</label>
3200
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3201
+ <input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
3202
+ </div>
3203
+ <div class="form-check text-right">
3204
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3205
+ </div>
3206
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3207
+ </div>
3208
+ </div>
3209
+ </ng-container>
3210
+
3128
3211
  </div>
3129
3212
  </div>
3130
3213
  </div>
@@ -3138,7 +3221,7 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3138
3221
  </responsive-button-group>
3139
3222
  </div>
3140
3223
  </form>
3141
- `, isInline: true, styles: ["\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.navbar-light .navbar-nav .nav-link {\n\t\t\t\tcolor:#333;\n\t\t\t}\n\t\t\ta.nav-link.loginreg {\n\t\t\t\tbackground-color: #0b4499;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t\ta.nav-link.loginreg:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t.nav-link {\n\t\t\t\tcolor: #333333;\n\t\t\t\tfont-size: 150%\n\t\t\t}\n\t\t\t.nav-item a.nav-link.active {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.contactimg>img{\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.log-box {\n\t\t\t\tpadding-top: 26px;\n\t\t\t\tpadding-bottom: 26px;\n\t\t\t}\n\t\t\t.loginform .form-control, .register-form .form-control {\n\t\t\t\tcolor: #000;\n\t\t\t\theight: 52px;\n\t\t\t}\n\t\t\t.loginform {\n\t\t\t\tmargin-top: 35px;\n\t\t\t}\n\t\t\t.loginform label {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\n\t\t\t.loginbtn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.login365btn {\n\t\t\t\tbackground: orange;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.contactimg {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.login-logo {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\n\t\t\t.textbox {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tcolor: #fff;\n\t\t\t\tpadding: 40px;\n\t\t\t\ttransform: translate(0%, -50%);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t.sign-btn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 14px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\tbutton.btn.sign-btn:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t"], dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FocusDirective, selector: "[focus]", inputs: ["focus"] }] });
3224
+ `, isInline: true, styles: ["\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.navbar-light .navbar-nav .nav-link {\n\t\t\t\tcolor:#333;\n\t\t\t}\n\t\t\ta.nav-link.loginreg {\n\t\t\t\tbackground-color: #0b4499;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t\ta.nav-link.loginreg:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t.nav-link {\n\t\t\t\tcolor: #333333;\n\t\t\t\tfont-size: 150%\n\t\t\t}\n\t\t\t.nav-item a.nav-link.active {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.contactimg>img{\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.log-box {\n\t\t\t\tpadding-top: 0px;\n\t\t\t\tpadding-bottom: 26px;\n\t\t\t}\n\t\t\t.loginform .form-control, .register-form .form-control {\n\t\t\t\tcolor: #000;\n\t\t\t\theight: 52px;\n\t\t\t}\n\t\t\t.loginform {\n\t\t\t\tmargin-top: 35px;\n\t\t\t}\n\t\t\t.loginform label {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\n\t\t\t.loginbtn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.login365btn {\n\t\t\t\tbackground: orange;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.contactimg {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.login-logo {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\n\t\t\t.textbox {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tcolor: #fff;\n\t\t\t\tpadding: 40px;\n\t\t\t\ttransform: translate(0%, -50%);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t.sign-btn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 14px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\tbutton.btn.sign-btn:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t\n\t\t\t.login-card {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t\tpadding: 20px;\n\t\t\t\tpadding-top: 10px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tbox-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */\n\t\t\t\tbackground-color: #FFFFFF;\n\t\t\t}\n\t\t\t\n\t\t\t.login-header {\n\t\t\t\tfont-size: 20px;\n\t\t\t\tfont-weight: bold;\n\t\t\t\tcolor: #333;\n\t\t\t\tmargin-bottom: 15px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t\n\t\t\t.employee-login-btn {\n\t\t\t\tbackground-color: #0078D4; /* Microsoft Blue */\n\t\t\t\tcolor: white;\n\t\t\t\tpadding: 10px 20px; /* Larger size */\n\t\t\t\tfont-size: 16px; /* Larger text */\n\t\t\t\tborder-radius: 5px; /* Rounded corners */\n\t\t\t\twidth: 100%; /* Full width */\n\t\t\t\tbox-sizing: border-box; /* Include padding and border in the element's width and height */\n\t\t\t}\n\t\t\t\n\t\t\t.third-party-login-btn {\n\t\t\t\tbackground-color: #28a745; /* Bootstrap success green */\n\t\t\t\tcolor: white;\n\t\t\t\tborder-radius: 5px; /* Rounded corners */\n\t\t\t\twidth: 100%; /* Full width */\n\t\t\t\tbox-sizing: border-box; /* Include padding and border in the element's width and height */\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t\t\n\t\t\t.third-party-login-section {\n\t\t\t\tbackground-color: #F3F4F6; /* Optional: Light grey background for contrast */\n\t\t\t\tborder-radius: 8px; /* Optional: Rounded corners for the input form */\n\t\t\t}\n\t\t\t\n\t\t\t.employee-login-section, .third-party-login-section {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t"], dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FocusDirective, selector: "[focus]", inputs: ["focus"] }] });
3142
3225
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogLoginContent, decorators: [{
3143
3226
  type: Component,
3144
3227
  args: [{
@@ -3174,7 +3257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3174
3257
  }
3175
3258
 
3176
3259
  .log-box {
3177
- padding-top: 26px;
3260
+ padding-top: 0px;
3178
3261
  padding-bottom: 26px;
3179
3262
  }
3180
3263
  .loginform .form-control, .register-form .form-control {
@@ -3237,6 +3320,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3237
3320
  button.btn.sign-btn:hover {
3238
3321
  background: #1668e2;
3239
3322
  }
3323
+
3324
+ .login-card {
3325
+ margin-bottom: 20px;
3326
+ padding: 20px;
3327
+ padding-top: 10px;
3328
+ border-radius: 8px;
3329
+ box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */
3330
+ background-color: #FFFFFF;
3331
+ }
3332
+
3333
+ .login-header {
3334
+ font-size: 20px;
3335
+ font-weight: bold;
3336
+ color: #333;
3337
+ margin-bottom: 15px;
3338
+ text-align: center;
3339
+ }
3340
+
3341
+ .employee-login-btn {
3342
+ background-color: #0078D4; /* Microsoft Blue */
3343
+ color: white;
3344
+ padding: 10px 20px; /* Larger size */
3345
+ font-size: 16px; /* Larger text */
3346
+ border-radius: 5px; /* Rounded corners */
3347
+ width: 100%; /* Full width */
3348
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3349
+ }
3350
+
3351
+ .third-party-login-btn {
3352
+ background-color: #28a745; /* Bootstrap success green */
3353
+ color: white;
3354
+ border-radius: 5px; /* Rounded corners */
3355
+ width: 100%; /* Full width */
3356
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3357
+ margin-top: 10px;
3358
+ }
3359
+
3360
+ .third-party-login-section {
3361
+ background-color: #F3F4F6; /* Optional: Light grey background for contrast */
3362
+ border-radius: 8px; /* Optional: Rounded corners for the input form */
3363
+ }
3364
+
3365
+ .employee-login-section, .third-party-login-section {
3366
+ text-align: center;
3367
+ }
3368
+
3369
+
3240
3370
  </style>
3241
3371
  <form [formGroup]="form" novalidate>
3242
3372
  <div class="modal-header">
@@ -3254,28 +3384,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3254
3384
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3255
3385
  <div class="textbox" *ngIf="showLoginText">
3256
3386
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3257
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3258
3387
  </div>
3259
3388
  </div>
3260
3389
  </div>
3261
3390
  <div class="col-lg-6">
3262
3391
  <div class="log-box">
3263
- <div class="loginform">
3264
- <div class="form-group">
3265
- <label>Username/Email</label>
3266
- <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3267
- <input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
3268
- </div>
3269
- <div class="form-group">
3270
- <label>Password</label>
3271
- <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3272
- <input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
3273
- </div>
3274
- <div class="form-check text-right">
3275
- <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3276
- </div>
3277
- <button type="submit" class="btn loginbtn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3278
- <button *ngIf="msAllowed" type="submit" class="btn login365btn" (click)="close('MS')">Microsoft Single-Sign-On</button>
3392
+ <div class="loginform" style="margin: 0px;">
3393
+ <ng-container *ngIf="!msAllowed">
3394
+ <div class="login-card">
3395
+ <h3 class="login-header">Employee/Customer Login</h3>
3396
+ <div class="third-party-login-section">
3397
+ <div class="form-group">
3398
+ <label>Username/Email</label>
3399
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3400
+ <input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
3401
+ </div>
3402
+ <div class="form-group">
3403
+ <label>Password</label>
3404
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3405
+ <input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
3406
+ </div>
3407
+ <div class="form-check text-right">
3408
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3409
+ </div>
3410
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3411
+ </div>
3412
+ </div>
3413
+ </ng-container>
3414
+ <ng-container *ngIf="msAllowed">
3415
+ <!-- Employee Login Section -->
3416
+ <div class="login-card">
3417
+ <h3 class="login-header">Employee Login</h3>
3418
+ <div class="employee-login-section">
3419
+ <button type="submit" class="btn employee-login-btn" (click)="close('MS')">Employee Login</button>
3420
+ </div>
3421
+ </div>
3422
+
3423
+ <!-- Third Party Login Section -->
3424
+ <div class="login-card">
3425
+ <h3 class="login-header">Third Party Login</h3>
3426
+ <div class="third-party-login-section">
3427
+ <div class="form-group">
3428
+ <label>Username/Email</label>
3429
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3430
+ <input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
3431
+ </div>
3432
+ <div class="form-group">
3433
+ <label>Password</label>
3434
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3435
+ <input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
3436
+ </div>
3437
+ <div class="form-check text-right">
3438
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3439
+ </div>
3440
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3441
+ </div>
3442
+ </div>
3443
+ </ng-container>
3444
+
3279
3445
  </div>
3280
3446
  </div>
3281
3447
  </div>
@@ -3416,7 +3582,6 @@ DialogRegisterContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
3416
3582
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3417
3583
  <div class="textbox">
3418
3584
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3419
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3420
3585
  </div>
3421
3586
  </div>
3422
3587
  </div>
@@ -3568,7 +3733,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3568
3733
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3569
3734
  <div class="textbox">
3570
3735
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3571
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3572
3736
  </div>
3573
3737
  </div>
3574
3738
  </div>
@@ -8457,6 +8621,8 @@ class DateShortcutComponent extends BaseComponent {
8457
8621
  this._cd = _cd;
8458
8622
  this.startDateObjChange = new EventEmitter();
8459
8623
  this.endDateObjChange = new EventEmitter();
8624
+ this.startDateObjFormChange = new EventEmitter();
8625
+ this.endDateObjFormChange = new EventEmitter();
8460
8626
  this.datesChanged = new EventEmitter();
8461
8627
  this.shortcutValue = null;
8462
8628
  this.shortcutValueChange = new EventEmitter();
@@ -8471,100 +8637,191 @@ class DateShortcutComponent extends BaseComponent {
8471
8637
  }
8472
8638
  onSelectShortcut() {
8473
8639
  if (this.shortcutValue) {
8474
- let startDate = moment(new Date(this.startDateObj['year'], this.startDateObj['month'] - 1, this.startDateObj['day'])).toDate();
8475
- let endDate = moment(new Date(this.endDateObj['year'], this.endDateObj['month'] - 1, this.endDateObj['day'])).toDate();
8476
- if (this.shortcutValue === 'Q1') {
8477
- startDate = moment().startOf('year').toDate();
8478
- endDate = moment().startOf('year').quarter(2).subtract(1, 'days').toDate();
8479
- }
8480
- else if (this.shortcutValue === 'Q2') {
8481
- startDate = moment().startOf('year').quarter(2).toDate();
8482
- endDate = moment().startOf('year').quarter(3).subtract(1, 'days').toDate();
8483
- }
8484
- else if (this.shortcutValue === 'Q3') {
8485
- startDate = moment().startOf('year').quarter(3).toDate();
8486
- endDate = moment().startOf('year').quarter(4).subtract(1, 'days').toDate();
8487
- }
8488
- else if (this.shortcutValue === 'Q4') {
8489
- startDate = moment().startOf('year').quarter(4).toDate();
8490
- endDate = moment().endOf('year').toDate();
8491
- }
8492
- else if (this.shortcutValue === 'Last Q1') {
8493
- startDate = moment().startOf('year').subtract(1, 'year').toDate();
8494
- endDate = moment().startOf('year').subtract(1, 'year').quarter(2).subtract(1, 'days').toDate();
8495
- }
8496
- else if (this.shortcutValue === 'Last Q2') {
8497
- startDate = moment().startOf('year').subtract(1, 'year').quarter(2).toDate();
8498
- endDate = moment().startOf('year').subtract(1, 'year').quarter(3).subtract(1, 'days').toDate();
8499
- }
8500
- else if (this.shortcutValue === 'Last Q3') {
8501
- startDate = moment().startOf('year').subtract(1, 'year').quarter(3).toDate();
8502
- endDate = moment().startOf('year').subtract(1, 'year').quarter(4).subtract(1, 'days').toDate();
8503
- }
8504
- else if (this.shortcutValue === 'Last Q4') {
8505
- startDate = moment().startOf('year').subtract(1, 'year').quarter(4).toDate();
8506
- endDate = moment().endOf('year').subtract(1, 'year').toDate();
8507
- }
8508
- else if (this.shortcutValue === 'Today') {
8509
- startDate = moment().startOf('day').toDate();
8510
- endDate = new Date();
8511
- }
8512
- else if (this.shortcutValue === 'Yesterday') {
8513
- startDate = moment().subtract(1, 'days').startOf('day').toDate();
8514
- endDate = moment().subtract(1, 'days').endOf('day').toDate();
8515
- }
8516
- else if (this.shortcutValue === 'Week') {
8517
- startDate = moment().startOf('isoWeek').toDate();
8518
- endDate = new Date();
8519
- }
8520
- else if (this.shortcutValue === 'Last Week') {
8521
- endDate = moment().startOf('isoWeek').subtract(1, 'days').toDate();
8522
- startDate = moment(endDate).startOf('isoWeek').toDate();
8523
- }
8524
- else if (this.shortcutValue === 'Month') {
8525
- startDate = moment().startOf('month').toDate();
8526
- endDate = new Date();
8527
- }
8528
- else if (this.shortcutValue === 'Last Month') {
8529
- endDate = moment().startOf('month').subtract(1, 'days').endOf('day').toDate();
8530
- startDate = moment(endDate).startOf('month').toDate();
8531
- }
8532
- else if (this.shortcutValue === 'Last 30 Days') {
8533
- endDate = new Date();
8534
- startDate = moment().subtract(30, 'days').startOf('day').toDate();
8535
- }
8536
- else if (this.shortcutValue === 'Quarter') {
8537
- startDate = moment().startOf('year').quarter(moment().quarter()).toDate();
8538
- endDate = new Date();
8539
- }
8540
- else if (this.shortcutValue === 'Last Quarter') {
8541
- endDate = moment().startOf('year').quarter(moment().quarter()).subtract(1, 'days').endOf('day').toDate();
8542
- startDate = moment(endDate).startOf('quarter').toDate();
8543
- }
8544
- else if (this.shortcutValue === 'Year') {
8545
- startDate = moment().startOf('year').toDate();
8546
- endDate = new Date();
8547
- }
8548
- else if (this.shortcutValue === 'Last Year') {
8549
- endDate = moment().startOf('year').subtract(1, 'days').endOf('day').toDate();
8550
- startDate = moment(endDate).startOf('year').toDate();
8551
- }
8552
- else if (this.shortcutValue === 'All') {
8553
- startDate = new Date(2017, 0, 1, 0, 0, 0, 0);
8554
- endDate = new Date();
8555
- }
8556
- this.startDateObj = { year: startDate.getFullYear(), month: startDate.getMonth() + 1, day: startDate.getDate() };
8557
- this.endDateObj = { year: endDate.getFullYear(), month: endDate.getMonth() + 1, day: endDate.getDate() };
8558
- this.startDateObjChange.emit(this.startDateObj);
8559
- this.endDateObjChange.emit(this.endDateObj);
8560
- this.datesChanged.emit([this.startDateObj, this.endDateObj]);
8640
+ if (this.startDateObj && this.endDateObj) {
8641
+ let startDate = moment(new Date(this.startDateObj['year'], this.startDateObj['month'] - 1, this.startDateObj['day'])).toDate();
8642
+ let endDate = moment(new Date(this.endDateObj['year'], this.endDateObj['month'] - 1, this.endDateObj['day'])).toDate();
8643
+ if (this.shortcutValue === 'Q1') {
8644
+ startDate = moment().startOf('year').toDate();
8645
+ endDate = moment().startOf('year').quarter(2).subtract(1, 'days').toDate();
8646
+ }
8647
+ else if (this.shortcutValue === 'Q2') {
8648
+ startDate = moment().startOf('year').quarter(2).toDate();
8649
+ endDate = moment().startOf('year').quarter(3).subtract(1, 'days').toDate();
8650
+ }
8651
+ else if (this.shortcutValue === 'Q3') {
8652
+ startDate = moment().startOf('year').quarter(3).toDate();
8653
+ endDate = moment().startOf('year').quarter(4).subtract(1, 'days').toDate();
8654
+ }
8655
+ else if (this.shortcutValue === 'Q4') {
8656
+ startDate = moment().startOf('year').quarter(4).toDate();
8657
+ endDate = moment().endOf('year').toDate();
8658
+ }
8659
+ else if (this.shortcutValue === 'Last Q1') {
8660
+ startDate = moment().startOf('year').subtract(1, 'year').toDate();
8661
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(2).subtract(1, 'days').toDate();
8662
+ }
8663
+ else if (this.shortcutValue === 'Last Q2') {
8664
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(2).toDate();
8665
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(3).subtract(1, 'days').toDate();
8666
+ }
8667
+ else if (this.shortcutValue === 'Last Q3') {
8668
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(3).toDate();
8669
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(4).subtract(1, 'days').toDate();
8670
+ }
8671
+ else if (this.shortcutValue === 'Last Q4') {
8672
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(4).toDate();
8673
+ endDate = moment().endOf('year').subtract(1, 'year').toDate();
8674
+ }
8675
+ else if (this.shortcutValue === 'Today') {
8676
+ startDate = moment().startOf('day').toDate();
8677
+ endDate = new Date();
8678
+ }
8679
+ else if (this.shortcutValue === 'Yesterday') {
8680
+ startDate = moment().subtract(1, 'days').startOf('day').toDate();
8681
+ endDate = moment().subtract(1, 'days').endOf('day').toDate();
8682
+ }
8683
+ else if (this.shortcutValue === 'Week') {
8684
+ startDate = moment().startOf('isoWeek').toDate();
8685
+ endDate = new Date();
8686
+ }
8687
+ else if (this.shortcutValue === 'Last Week') {
8688
+ endDate = moment().startOf('isoWeek').subtract(1, 'days').toDate();
8689
+ startDate = moment(endDate).startOf('isoWeek').toDate();
8690
+ }
8691
+ else if (this.shortcutValue === 'Month') {
8692
+ startDate = moment().startOf('month').toDate();
8693
+ endDate = new Date();
8694
+ }
8695
+ else if (this.shortcutValue === 'Last Month') {
8696
+ endDate = moment().startOf('month').subtract(1, 'days').endOf('day').toDate();
8697
+ startDate = moment(endDate).startOf('month').toDate();
8698
+ }
8699
+ else if (this.shortcutValue === 'Last 30 Days') {
8700
+ endDate = new Date();
8701
+ startDate = moment().subtract(30, 'days').startOf('day').toDate();
8702
+ }
8703
+ else if (this.shortcutValue === 'Quarter') {
8704
+ startDate = moment().startOf('year').quarter(moment().quarter()).toDate();
8705
+ endDate = new Date();
8706
+ }
8707
+ else if (this.shortcutValue === 'Last Quarter') {
8708
+ endDate = moment().startOf('year').quarter(moment().quarter()).subtract(1, 'days').endOf('day').toDate();
8709
+ startDate = moment(endDate).startOf('quarter').toDate();
8710
+ }
8711
+ else if (this.shortcutValue === 'Year') {
8712
+ startDate = moment().startOf('year').toDate();
8713
+ endDate = new Date();
8714
+ }
8715
+ else if (this.shortcutValue === 'Last Year') {
8716
+ endDate = moment().startOf('year').subtract(1, 'days').endOf('day').toDate();
8717
+ startDate = moment(endDate).startOf('year').toDate();
8718
+ }
8719
+ else if (this.shortcutValue === 'All') {
8720
+ startDate = new Date(2017, 0, 1, 0, 0, 0, 0);
8721
+ endDate = new Date();
8722
+ }
8723
+ this.startDateObj = { year: startDate.getFullYear(), month: startDate.getMonth() + 1, day: startDate.getDate() };
8724
+ this.endDateObj = { year: endDate.getFullYear(), month: endDate.getMonth() + 1, day: endDate.getDate() };
8725
+ this.startDateObjChange.emit(this.startDateObj);
8726
+ this.endDateObjChange.emit(this.endDateObj);
8727
+ this.datesChanged.emit([this.startDateObj, this.endDateObj]);
8728
+ }
8729
+ else if (this.startDateObjForm && this.endDateObjForm) {
8730
+ let startDate = moment(new Date(this.startDateObjForm.value['year'], this.startDateObj.value['month'] - 1, this.startDateObj.value['day'])).toDate();
8731
+ let endDate = moment(new Date(this.endDateObj.value['year'], this.endDateObj.value['month'] - 1, this.endDateObj.value['day'])).toDate();
8732
+ if (this.shortcutValue === 'Q1') {
8733
+ startDate = moment().startOf('year').toDate();
8734
+ endDate = moment().startOf('year').quarter(2).subtract(1, 'days').toDate();
8735
+ }
8736
+ else if (this.shortcutValue === 'Q2') {
8737
+ startDate = moment().startOf('year').quarter(2).toDate();
8738
+ endDate = moment().startOf('year').quarter(3).subtract(1, 'days').toDate();
8739
+ }
8740
+ else if (this.shortcutValue === 'Q3') {
8741
+ startDate = moment().startOf('year').quarter(3).toDate();
8742
+ endDate = moment().startOf('year').quarter(4).subtract(1, 'days').toDate();
8743
+ }
8744
+ else if (this.shortcutValue === 'Q4') {
8745
+ startDate = moment().startOf('year').quarter(4).toDate();
8746
+ endDate = moment().endOf('year').toDate();
8747
+ }
8748
+ else if (this.shortcutValue === 'Last Q1') {
8749
+ startDate = moment().startOf('year').subtract(1, 'year').toDate();
8750
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(2).subtract(1, 'days').toDate();
8751
+ }
8752
+ else if (this.shortcutValue === 'Last Q2') {
8753
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(2).toDate();
8754
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(3).subtract(1, 'days').toDate();
8755
+ }
8756
+ else if (this.shortcutValue === 'Last Q3') {
8757
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(3).toDate();
8758
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(4).subtract(1, 'days').toDate();
8759
+ }
8760
+ else if (this.shortcutValue === 'Last Q4') {
8761
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(4).toDate();
8762
+ endDate = moment().endOf('year').subtract(1, 'year').toDate();
8763
+ }
8764
+ else if (this.shortcutValue === 'Today') {
8765
+ startDate = moment().startOf('day').toDate();
8766
+ endDate = new Date();
8767
+ }
8768
+ else if (this.shortcutValue === 'Yesterday') {
8769
+ startDate = moment().subtract(1, 'days').startOf('day').toDate();
8770
+ endDate = moment().subtract(1, 'days').endOf('day').toDate();
8771
+ }
8772
+ else if (this.shortcutValue === 'Week') {
8773
+ startDate = moment().startOf('isoWeek').toDate();
8774
+ endDate = new Date();
8775
+ }
8776
+ else if (this.shortcutValue === 'Last Week') {
8777
+ endDate = moment().startOf('isoWeek').subtract(1, 'days').toDate();
8778
+ startDate = moment(endDate).startOf('isoWeek').toDate();
8779
+ }
8780
+ else if (this.shortcutValue === 'Month') {
8781
+ startDate = moment().startOf('month').toDate();
8782
+ endDate = new Date();
8783
+ }
8784
+ else if (this.shortcutValue === 'Last Month') {
8785
+ endDate = moment().startOf('month').subtract(1, 'days').endOf('day').toDate();
8786
+ startDate = moment(endDate).startOf('month').toDate();
8787
+ }
8788
+ else if (this.shortcutValue === 'Last 30 Days') {
8789
+ endDate = new Date();
8790
+ startDate = moment().subtract(30, 'days').startOf('day').toDate();
8791
+ }
8792
+ else if (this.shortcutValue === 'Quarter') {
8793
+ startDate = moment().startOf('year').quarter(moment().quarter()).toDate();
8794
+ endDate = new Date();
8795
+ }
8796
+ else if (this.shortcutValue === 'Last Quarter') {
8797
+ endDate = moment().startOf('year').quarter(moment().quarter()).subtract(1, 'days').endOf('day').toDate();
8798
+ startDate = moment(endDate).startOf('quarter').toDate();
8799
+ }
8800
+ else if (this.shortcutValue === 'Year') {
8801
+ startDate = moment().startOf('year').toDate();
8802
+ endDate = new Date();
8803
+ }
8804
+ else if (this.shortcutValue === 'Last Year') {
8805
+ endDate = moment().startOf('year').subtract(1, 'days').endOf('day').toDate();
8806
+ startDate = moment(endDate).startOf('year').toDate();
8807
+ }
8808
+ else if (this.shortcutValue === 'All') {
8809
+ startDate = new Date(2017, 0, 1, 0, 0, 0, 0);
8810
+ endDate = new Date();
8811
+ }
8812
+ this.startDateObjForm.setValue({ year: startDate.getFullYear(), month: startDate.getMonth() + 1, day: startDate.getDate() });
8813
+ this.endDateObjForm.setValue({ year: endDate.getFullYear(), month: endDate.getMonth() + 1, day: endDate.getDate() });
8814
+ this.startDateObjFormChange.emit(this.startDateObjForm);
8815
+ this.endDateObjFormChange.emit(this.endDateObjForm);
8816
+ this.datesChanged.emit([this.startDateObjForm, this.endDateObjForm]);
8817
+ }
8561
8818
  this.shortcutValueChange.emit(this.shortcutValue);
8562
8819
  }
8563
8820
  this._cd.detectChanges();
8564
8821
  }
8565
8822
  }
8566
8823
  DateShortcutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateShortcutComponent, deps: [{ token: ProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
8567
- DateShortcutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateShortcutComponent, selector: "date-shortcut", inputs: { startDateObj: "startDateObj", endDateObj: "endDateObj", shortcutValue: "shortcutValue" }, outputs: { startDateObjChange: "startDateObjChange", endDateObjChange: "endDateObjChange", datesChanged: "datesChanged", shortcutValueChange: "shortcutValueChange" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: `
8824
+ DateShortcutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateShortcutComponent, selector: "date-shortcut", inputs: { startDateObj: "startDateObj", endDateObj: "endDateObj", startDateObjForm: "startDateObjForm", endDateObjForm: "endDateObjForm", shortcutValue: "shortcutValue" }, outputs: { startDateObjChange: "startDateObjChange", endDateObjChange: "endDateObjChange", startDateObjFormChange: "startDateObjFormChange", endDateObjFormChange: "endDateObjFormChange", datesChanged: "datesChanged", shortcutValueChange: "shortcutValueChange" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: `
8568
8825
  <label class="form-control-label">Date Shortcuts</label>
8569
8826
  <ng-select [(ngModel)]="shortcutValue" (change)="onSelectShortcut()" placeholder="Select Shortcut" [clearable]="false">
8570
8827
  <ng-option value="Today">Today</ng-option>
@@ -8625,10 +8882,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
8625
8882
  type: Input
8626
8883
  }], endDateObj: [{
8627
8884
  type: Input
8885
+ }], startDateObjForm: [{
8886
+ type: Input
8887
+ }], endDateObjForm: [{
8888
+ type: Input
8628
8889
  }], startDateObjChange: [{
8629
8890
  type: Output
8630
8891
  }], endDateObjChange: [{
8631
8892
  type: Output
8893
+ }], startDateObjFormChange: [{
8894
+ type: Output
8895
+ }], endDateObjFormChange: [{
8896
+ type: Output
8632
8897
  }], datesChanged: [{
8633
8898
  type: Output
8634
8899
  }], shortcutValue: [{