@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.
@@ -3024,7 +3024,7 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3024
3024
  }
3025
3025
 
3026
3026
  .log-box {
3027
- padding-top: 26px;
3027
+ padding-top: 0px;
3028
3028
  padding-bottom: 26px;
3029
3029
  }
3030
3030
  .loginform .form-control, .register-form .form-control {
@@ -3087,6 +3087,53 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3087
3087
  button.btn.sign-btn:hover {
3088
3088
  background: #1668e2;
3089
3089
  }
3090
+
3091
+ .login-card {
3092
+ margin-bottom: 20px;
3093
+ padding: 20px;
3094
+ padding-top: 10px;
3095
+ border-radius: 8px;
3096
+ box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */
3097
+ background-color: #FFFFFF;
3098
+ }
3099
+
3100
+ .login-header {
3101
+ font-size: 20px;
3102
+ font-weight: bold;
3103
+ color: #333;
3104
+ margin-bottom: 15px;
3105
+ text-align: center;
3106
+ }
3107
+
3108
+ .employee-login-btn {
3109
+ background-color: #0078D4; /* Microsoft Blue */
3110
+ color: white;
3111
+ padding: 10px 20px; /* Larger size */
3112
+ font-size: 16px; /* Larger text */
3113
+ border-radius: 5px; /* Rounded corners */
3114
+ width: 100%; /* Full width */
3115
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3116
+ }
3117
+
3118
+ .third-party-login-btn {
3119
+ background-color: #28a745; /* Bootstrap success green */
3120
+ color: white;
3121
+ border-radius: 5px; /* Rounded corners */
3122
+ width: 100%; /* Full width */
3123
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3124
+ margin-top: 10px;
3125
+ }
3126
+
3127
+ .third-party-login-section {
3128
+ background-color: #F3F4F6; /* Optional: Light grey background for contrast */
3129
+ border-radius: 8px; /* Optional: Rounded corners for the input form */
3130
+ }
3131
+
3132
+ .employee-login-section, .third-party-login-section {
3133
+ text-align: center;
3134
+ }
3135
+
3136
+
3090
3137
  </style>
3091
3138
  <form [formGroup]="form" novalidate>
3092
3139
  <div class="modal-header">
@@ -3104,28 +3151,64 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3104
3151
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3105
3152
  <div class="textbox" *ngIf="showLoginText">
3106
3153
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3107
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3108
3154
  </div>
3109
3155
  </div>
3110
3156
  </div>
3111
3157
  <div class="col-lg-6">
3112
3158
  <div class="log-box">
3113
- <div class="loginform">
3114
- <div class="form-group">
3115
- <label>Username/Email</label>
3116
- <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3117
- <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">
3118
- </div>
3119
- <div class="form-group">
3120
- <label>Password</label>
3121
- <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3122
- <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">
3123
- </div>
3124
- <div class="form-check text-right">
3125
- <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3126
- </div>
3127
- <button type="submit" class="btn loginbtn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3128
- <button *ngIf="msAllowed" type="submit" class="btn login365btn" (click)="close('MS')">Microsoft Single-Sign-On</button>
3159
+ <div class="loginform" style="margin: 0px;">
3160
+ <ng-container *ngIf="!msAllowed">
3161
+ <div class="login-card">
3162
+ <h3 class="login-header">Employee/Customer Login</h3>
3163
+ <div class="third-party-login-section">
3164
+ <div class="form-group">
3165
+ <label>Username/Email</label>
3166
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3167
+ <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">
3168
+ </div>
3169
+ <div class="form-group">
3170
+ <label>Password</label>
3171
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3172
+ <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">
3173
+ </div>
3174
+ <div class="form-check text-right">
3175
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3176
+ </div>
3177
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3178
+ </div>
3179
+ </div>
3180
+ </ng-container>
3181
+ <ng-container *ngIf="msAllowed">
3182
+ <!-- Employee Login Section -->
3183
+ <div class="login-card">
3184
+ <h3 class="login-header">Employee Login</h3>
3185
+ <div class="employee-login-section">
3186
+ <button type="submit" class="btn employee-login-btn" (click)="close('MS')">Employee Login</button>
3187
+ </div>
3188
+ </div>
3189
+
3190
+ <!-- Third Party Login Section -->
3191
+ <div class="login-card">
3192
+ <h3 class="login-header">Third Party Login</h3>
3193
+ <div class="third-party-login-section">
3194
+ <div class="form-group">
3195
+ <label>Username/Email</label>
3196
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3197
+ <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">
3198
+ </div>
3199
+ <div class="form-group">
3200
+ <label>Password</label>
3201
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3202
+ <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">
3203
+ </div>
3204
+ <div class="form-check text-right">
3205
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3206
+ </div>
3207
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3208
+ </div>
3209
+ </div>
3210
+ </ng-container>
3211
+
3129
3212
  </div>
3130
3213
  </div>
3131
3214
  </div>
@@ -3139,7 +3222,7 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
3139
3222
  </responsive-button-group>
3140
3223
  </div>
3141
3224
  </form>
3142
- `, 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"] }] });
3225
+ `, 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"] }] });
3143
3226
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogLoginContent, decorators: [{
3144
3227
  type: Component,
3145
3228
  args: [{
@@ -3175,7 +3258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3175
3258
  }
3176
3259
 
3177
3260
  .log-box {
3178
- padding-top: 26px;
3261
+ padding-top: 0px;
3179
3262
  padding-bottom: 26px;
3180
3263
  }
3181
3264
  .loginform .form-control, .register-form .form-control {
@@ -3238,6 +3321,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3238
3321
  button.btn.sign-btn:hover {
3239
3322
  background: #1668e2;
3240
3323
  }
3324
+
3325
+ .login-card {
3326
+ margin-bottom: 20px;
3327
+ padding: 20px;
3328
+ padding-top: 10px;
3329
+ border-radius: 8px;
3330
+ box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */
3331
+ background-color: #FFFFFF;
3332
+ }
3333
+
3334
+ .login-header {
3335
+ font-size: 20px;
3336
+ font-weight: bold;
3337
+ color: #333;
3338
+ margin-bottom: 15px;
3339
+ text-align: center;
3340
+ }
3341
+
3342
+ .employee-login-btn {
3343
+ background-color: #0078D4; /* Microsoft Blue */
3344
+ color: white;
3345
+ padding: 10px 20px; /* Larger size */
3346
+ font-size: 16px; /* Larger text */
3347
+ border-radius: 5px; /* Rounded corners */
3348
+ width: 100%; /* Full width */
3349
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3350
+ }
3351
+
3352
+ .third-party-login-btn {
3353
+ background-color: #28a745; /* Bootstrap success green */
3354
+ color: white;
3355
+ border-radius: 5px; /* Rounded corners */
3356
+ width: 100%; /* Full width */
3357
+ box-sizing: border-box; /* Include padding and border in the element's width and height */
3358
+ margin-top: 10px;
3359
+ }
3360
+
3361
+ .third-party-login-section {
3362
+ background-color: #F3F4F6; /* Optional: Light grey background for contrast */
3363
+ border-radius: 8px; /* Optional: Rounded corners for the input form */
3364
+ }
3365
+
3366
+ .employee-login-section, .third-party-login-section {
3367
+ text-align: center;
3368
+ }
3369
+
3370
+
3241
3371
  </style>
3242
3372
  <form [formGroup]="form" novalidate>
3243
3373
  <div class="modal-header">
@@ -3255,28 +3385,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3255
3385
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3256
3386
  <div class="textbox" *ngIf="showLoginText">
3257
3387
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3258
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3259
3388
  </div>
3260
3389
  </div>
3261
3390
  </div>
3262
3391
  <div class="col-lg-6">
3263
3392
  <div class="log-box">
3264
- <div class="loginform">
3265
- <div class="form-group">
3266
- <label>Username/Email</label>
3267
- <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3268
- <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">
3269
- </div>
3270
- <div class="form-group">
3271
- <label>Password</label>
3272
- <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3273
- <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">
3274
- </div>
3275
- <div class="form-check text-right">
3276
- <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3277
- </div>
3278
- <button type="submit" class="btn loginbtn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3279
- <button *ngIf="msAllowed" type="submit" class="btn login365btn" (click)="close('MS')">Microsoft Single-Sign-On</button>
3393
+ <div class="loginform" style="margin: 0px;">
3394
+ <ng-container *ngIf="!msAllowed">
3395
+ <div class="login-card">
3396
+ <h3 class="login-header">Employee/Customer Login</h3>
3397
+ <div class="third-party-login-section">
3398
+ <div class="form-group">
3399
+ <label>Username/Email</label>
3400
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3401
+ <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">
3402
+ </div>
3403
+ <div class="form-group">
3404
+ <label>Password</label>
3405
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3406
+ <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">
3407
+ </div>
3408
+ <div class="form-check text-right">
3409
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3410
+ </div>
3411
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3412
+ </div>
3413
+ </div>
3414
+ </ng-container>
3415
+ <ng-container *ngIf="msAllowed">
3416
+ <!-- Employee Login Section -->
3417
+ <div class="login-card">
3418
+ <h3 class="login-header">Employee Login</h3>
3419
+ <div class="employee-login-section">
3420
+ <button type="submit" class="btn employee-login-btn" (click)="close('MS')">Employee Login</button>
3421
+ </div>
3422
+ </div>
3423
+
3424
+ <!-- Third Party Login Section -->
3425
+ <div class="login-card">
3426
+ <h3 class="login-header">Third Party Login</h3>
3427
+ <div class="third-party-login-section">
3428
+ <div class="form-group">
3429
+ <label>Username/Email</label>
3430
+ <em *ngIf="form.controls.username.hasError('required')">- Required</em>
3431
+ <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">
3432
+ </div>
3433
+ <div class="form-group">
3434
+ <label>Password</label>
3435
+ <em *ngIf="form.controls.password.hasError('required')">- Required</em>
3436
+ <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">
3437
+ </div>
3438
+ <div class="form-check text-right">
3439
+ <label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
3440
+ </div>
3441
+ <button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
3442
+ </div>
3443
+ </div>
3444
+ </ng-container>
3445
+
3280
3446
  </div>
3281
3447
  </div>
3282
3448
  </div>
@@ -3417,7 +3583,6 @@ DialogRegisterContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
3417
3583
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3418
3584
  <div class="textbox">
3419
3585
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3420
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3421
3586
  </div>
3422
3587
  </div>
3423
3588
  </div>
@@ -3569,7 +3734,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3569
3734
  <img src="/assets/images/loginsignup/formimg.jpg" alt="images" class="img-fluid">
3570
3735
  <div class="textbox">
3571
3736
  <div class="login-logo"><img src="/assets/images/loginsignup/login-logo.png" alt="images"></div>
3572
- The All-in-One Solution for Tracking Inventory, Ordering, POs, Management, and Much More!
3573
3737
  </div>
3574
3738
  </div>
3575
3739
  </div>
@@ -8464,6 +8628,8 @@ class DateShortcutComponent extends BaseComponent {
8464
8628
  this._cd = _cd;
8465
8629
  this.startDateObjChange = new EventEmitter();
8466
8630
  this.endDateObjChange = new EventEmitter();
8631
+ this.startDateObjFormChange = new EventEmitter();
8632
+ this.endDateObjFormChange = new EventEmitter();
8467
8633
  this.datesChanged = new EventEmitter();
8468
8634
  this.shortcutValue = null;
8469
8635
  this.shortcutValueChange = new EventEmitter();
@@ -8478,100 +8644,191 @@ class DateShortcutComponent extends BaseComponent {
8478
8644
  }
8479
8645
  onSelectShortcut() {
8480
8646
  if (this.shortcutValue) {
8481
- let startDate = moment(new Date(this.startDateObj['year'], this.startDateObj['month'] - 1, this.startDateObj['day'])).toDate();
8482
- let endDate = moment(new Date(this.endDateObj['year'], this.endDateObj['month'] - 1, this.endDateObj['day'])).toDate();
8483
- if (this.shortcutValue === 'Q1') {
8484
- startDate = moment().startOf('year').toDate();
8485
- endDate = moment().startOf('year').quarter(2).subtract(1, 'days').toDate();
8486
- }
8487
- else if (this.shortcutValue === 'Q2') {
8488
- startDate = moment().startOf('year').quarter(2).toDate();
8489
- endDate = moment().startOf('year').quarter(3).subtract(1, 'days').toDate();
8490
- }
8491
- else if (this.shortcutValue === 'Q3') {
8492
- startDate = moment().startOf('year').quarter(3).toDate();
8493
- endDate = moment().startOf('year').quarter(4).subtract(1, 'days').toDate();
8494
- }
8495
- else if (this.shortcutValue === 'Q4') {
8496
- startDate = moment().startOf('year').quarter(4).toDate();
8497
- endDate = moment().endOf('year').toDate();
8498
- }
8499
- else if (this.shortcutValue === 'Last Q1') {
8500
- startDate = moment().startOf('year').subtract(1, 'year').toDate();
8501
- endDate = moment().startOf('year').subtract(1, 'year').quarter(2).subtract(1, 'days').toDate();
8502
- }
8503
- else if (this.shortcutValue === 'Last Q2') {
8504
- startDate = moment().startOf('year').subtract(1, 'year').quarter(2).toDate();
8505
- endDate = moment().startOf('year').subtract(1, 'year').quarter(3).subtract(1, 'days').toDate();
8506
- }
8507
- else if (this.shortcutValue === 'Last Q3') {
8508
- startDate = moment().startOf('year').subtract(1, 'year').quarter(3).toDate();
8509
- endDate = moment().startOf('year').subtract(1, 'year').quarter(4).subtract(1, 'days').toDate();
8510
- }
8511
- else if (this.shortcutValue === 'Last Q4') {
8512
- startDate = moment().startOf('year').subtract(1, 'year').quarter(4).toDate();
8513
- endDate = moment().endOf('year').subtract(1, 'year').toDate();
8514
- }
8515
- else if (this.shortcutValue === 'Today') {
8516
- startDate = moment().startOf('day').toDate();
8517
- endDate = new Date();
8518
- }
8519
- else if (this.shortcutValue === 'Yesterday') {
8520
- startDate = moment().subtract(1, 'days').startOf('day').toDate();
8521
- endDate = moment().subtract(1, 'days').endOf('day').toDate();
8522
- }
8523
- else if (this.shortcutValue === 'Week') {
8524
- startDate = moment().startOf('isoWeek').toDate();
8525
- endDate = new Date();
8526
- }
8527
- else if (this.shortcutValue === 'Last Week') {
8528
- endDate = moment().startOf('isoWeek').subtract(1, 'days').toDate();
8529
- startDate = moment(endDate).startOf('isoWeek').toDate();
8530
- }
8531
- else if (this.shortcutValue === 'Month') {
8532
- startDate = moment().startOf('month').toDate();
8533
- endDate = new Date();
8534
- }
8535
- else if (this.shortcutValue === 'Last Month') {
8536
- endDate = moment().startOf('month').subtract(1, 'days').endOf('day').toDate();
8537
- startDate = moment(endDate).startOf('month').toDate();
8538
- }
8539
- else if (this.shortcutValue === 'Last 30 Days') {
8540
- endDate = new Date();
8541
- startDate = moment().subtract(30, 'days').startOf('day').toDate();
8542
- }
8543
- else if (this.shortcutValue === 'Quarter') {
8544
- startDate = moment().startOf('year').quarter(moment().quarter()).toDate();
8545
- endDate = new Date();
8546
- }
8547
- else if (this.shortcutValue === 'Last Quarter') {
8548
- endDate = moment().startOf('year').quarter(moment().quarter()).subtract(1, 'days').endOf('day').toDate();
8549
- startDate = moment(endDate).startOf('quarter').toDate();
8550
- }
8551
- else if (this.shortcutValue === 'Year') {
8552
- startDate = moment().startOf('year').toDate();
8553
- endDate = new Date();
8554
- }
8555
- else if (this.shortcutValue === 'Last Year') {
8556
- endDate = moment().startOf('year').subtract(1, 'days').endOf('day').toDate();
8557
- startDate = moment(endDate).startOf('year').toDate();
8558
- }
8559
- else if (this.shortcutValue === 'All') {
8560
- startDate = new Date(2017, 0, 1, 0, 0, 0, 0);
8561
- endDate = new Date();
8562
- }
8563
- this.startDateObj = { year: startDate.getFullYear(), month: startDate.getMonth() + 1, day: startDate.getDate() };
8564
- this.endDateObj = { year: endDate.getFullYear(), month: endDate.getMonth() + 1, day: endDate.getDate() };
8565
- this.startDateObjChange.emit(this.startDateObj);
8566
- this.endDateObjChange.emit(this.endDateObj);
8567
- this.datesChanged.emit([this.startDateObj, this.endDateObj]);
8647
+ if (this.startDateObj && this.endDateObj) {
8648
+ let startDate = moment(new Date(this.startDateObj['year'], this.startDateObj['month'] - 1, this.startDateObj['day'])).toDate();
8649
+ let endDate = moment(new Date(this.endDateObj['year'], this.endDateObj['month'] - 1, this.endDateObj['day'])).toDate();
8650
+ if (this.shortcutValue === 'Q1') {
8651
+ startDate = moment().startOf('year').toDate();
8652
+ endDate = moment().startOf('year').quarter(2).subtract(1, 'days').toDate();
8653
+ }
8654
+ else if (this.shortcutValue === 'Q2') {
8655
+ startDate = moment().startOf('year').quarter(2).toDate();
8656
+ endDate = moment().startOf('year').quarter(3).subtract(1, 'days').toDate();
8657
+ }
8658
+ else if (this.shortcutValue === 'Q3') {
8659
+ startDate = moment().startOf('year').quarter(3).toDate();
8660
+ endDate = moment().startOf('year').quarter(4).subtract(1, 'days').toDate();
8661
+ }
8662
+ else if (this.shortcutValue === 'Q4') {
8663
+ startDate = moment().startOf('year').quarter(4).toDate();
8664
+ endDate = moment().endOf('year').toDate();
8665
+ }
8666
+ else if (this.shortcutValue === 'Last Q1') {
8667
+ startDate = moment().startOf('year').subtract(1, 'year').toDate();
8668
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(2).subtract(1, 'days').toDate();
8669
+ }
8670
+ else if (this.shortcutValue === 'Last Q2') {
8671
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(2).toDate();
8672
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(3).subtract(1, 'days').toDate();
8673
+ }
8674
+ else if (this.shortcutValue === 'Last Q3') {
8675
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(3).toDate();
8676
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(4).subtract(1, 'days').toDate();
8677
+ }
8678
+ else if (this.shortcutValue === 'Last Q4') {
8679
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(4).toDate();
8680
+ endDate = moment().endOf('year').subtract(1, 'year').toDate();
8681
+ }
8682
+ else if (this.shortcutValue === 'Today') {
8683
+ startDate = moment().startOf('day').toDate();
8684
+ endDate = new Date();
8685
+ }
8686
+ else if (this.shortcutValue === 'Yesterday') {
8687
+ startDate = moment().subtract(1, 'days').startOf('day').toDate();
8688
+ endDate = moment().subtract(1, 'days').endOf('day').toDate();
8689
+ }
8690
+ else if (this.shortcutValue === 'Week') {
8691
+ startDate = moment().startOf('isoWeek').toDate();
8692
+ endDate = new Date();
8693
+ }
8694
+ else if (this.shortcutValue === 'Last Week') {
8695
+ endDate = moment().startOf('isoWeek').subtract(1, 'days').toDate();
8696
+ startDate = moment(endDate).startOf('isoWeek').toDate();
8697
+ }
8698
+ else if (this.shortcutValue === 'Month') {
8699
+ startDate = moment().startOf('month').toDate();
8700
+ endDate = new Date();
8701
+ }
8702
+ else if (this.shortcutValue === 'Last Month') {
8703
+ endDate = moment().startOf('month').subtract(1, 'days').endOf('day').toDate();
8704
+ startDate = moment(endDate).startOf('month').toDate();
8705
+ }
8706
+ else if (this.shortcutValue === 'Last 30 Days') {
8707
+ endDate = new Date();
8708
+ startDate = moment().subtract(30, 'days').startOf('day').toDate();
8709
+ }
8710
+ else if (this.shortcutValue === 'Quarter') {
8711
+ startDate = moment().startOf('year').quarter(moment().quarter()).toDate();
8712
+ endDate = new Date();
8713
+ }
8714
+ else if (this.shortcutValue === 'Last Quarter') {
8715
+ endDate = moment().startOf('year').quarter(moment().quarter()).subtract(1, 'days').endOf('day').toDate();
8716
+ startDate = moment(endDate).startOf('quarter').toDate();
8717
+ }
8718
+ else if (this.shortcutValue === 'Year') {
8719
+ startDate = moment().startOf('year').toDate();
8720
+ endDate = new Date();
8721
+ }
8722
+ else if (this.shortcutValue === 'Last Year') {
8723
+ endDate = moment().startOf('year').subtract(1, 'days').endOf('day').toDate();
8724
+ startDate = moment(endDate).startOf('year').toDate();
8725
+ }
8726
+ else if (this.shortcutValue === 'All') {
8727
+ startDate = new Date(2017, 0, 1, 0, 0, 0, 0);
8728
+ endDate = new Date();
8729
+ }
8730
+ this.startDateObj = { year: startDate.getFullYear(), month: startDate.getMonth() + 1, day: startDate.getDate() };
8731
+ this.endDateObj = { year: endDate.getFullYear(), month: endDate.getMonth() + 1, day: endDate.getDate() };
8732
+ this.startDateObjChange.emit(this.startDateObj);
8733
+ this.endDateObjChange.emit(this.endDateObj);
8734
+ this.datesChanged.emit([this.startDateObj, this.endDateObj]);
8735
+ }
8736
+ else if (this.startDateObjForm && this.endDateObjForm) {
8737
+ let startDate = moment(new Date(this.startDateObjForm.value['year'], this.startDateObj.value['month'] - 1, this.startDateObj.value['day'])).toDate();
8738
+ let endDate = moment(new Date(this.endDateObj.value['year'], this.endDateObj.value['month'] - 1, this.endDateObj.value['day'])).toDate();
8739
+ if (this.shortcutValue === 'Q1') {
8740
+ startDate = moment().startOf('year').toDate();
8741
+ endDate = moment().startOf('year').quarter(2).subtract(1, 'days').toDate();
8742
+ }
8743
+ else if (this.shortcutValue === 'Q2') {
8744
+ startDate = moment().startOf('year').quarter(2).toDate();
8745
+ endDate = moment().startOf('year').quarter(3).subtract(1, 'days').toDate();
8746
+ }
8747
+ else if (this.shortcutValue === 'Q3') {
8748
+ startDate = moment().startOf('year').quarter(3).toDate();
8749
+ endDate = moment().startOf('year').quarter(4).subtract(1, 'days').toDate();
8750
+ }
8751
+ else if (this.shortcutValue === 'Q4') {
8752
+ startDate = moment().startOf('year').quarter(4).toDate();
8753
+ endDate = moment().endOf('year').toDate();
8754
+ }
8755
+ else if (this.shortcutValue === 'Last Q1') {
8756
+ startDate = moment().startOf('year').subtract(1, 'year').toDate();
8757
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(2).subtract(1, 'days').toDate();
8758
+ }
8759
+ else if (this.shortcutValue === 'Last Q2') {
8760
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(2).toDate();
8761
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(3).subtract(1, 'days').toDate();
8762
+ }
8763
+ else if (this.shortcutValue === 'Last Q3') {
8764
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(3).toDate();
8765
+ endDate = moment().startOf('year').subtract(1, 'year').quarter(4).subtract(1, 'days').toDate();
8766
+ }
8767
+ else if (this.shortcutValue === 'Last Q4') {
8768
+ startDate = moment().startOf('year').subtract(1, 'year').quarter(4).toDate();
8769
+ endDate = moment().endOf('year').subtract(1, 'year').toDate();
8770
+ }
8771
+ else if (this.shortcutValue === 'Today') {
8772
+ startDate = moment().startOf('day').toDate();
8773
+ endDate = new Date();
8774
+ }
8775
+ else if (this.shortcutValue === 'Yesterday') {
8776
+ startDate = moment().subtract(1, 'days').startOf('day').toDate();
8777
+ endDate = moment().subtract(1, 'days').endOf('day').toDate();
8778
+ }
8779
+ else if (this.shortcutValue === 'Week') {
8780
+ startDate = moment().startOf('isoWeek').toDate();
8781
+ endDate = new Date();
8782
+ }
8783
+ else if (this.shortcutValue === 'Last Week') {
8784
+ endDate = moment().startOf('isoWeek').subtract(1, 'days').toDate();
8785
+ startDate = moment(endDate).startOf('isoWeek').toDate();
8786
+ }
8787
+ else if (this.shortcutValue === 'Month') {
8788
+ startDate = moment().startOf('month').toDate();
8789
+ endDate = new Date();
8790
+ }
8791
+ else if (this.shortcutValue === 'Last Month') {
8792
+ endDate = moment().startOf('month').subtract(1, 'days').endOf('day').toDate();
8793
+ startDate = moment(endDate).startOf('month').toDate();
8794
+ }
8795
+ else if (this.shortcutValue === 'Last 30 Days') {
8796
+ endDate = new Date();
8797
+ startDate = moment().subtract(30, 'days').startOf('day').toDate();
8798
+ }
8799
+ else if (this.shortcutValue === 'Quarter') {
8800
+ startDate = moment().startOf('year').quarter(moment().quarter()).toDate();
8801
+ endDate = new Date();
8802
+ }
8803
+ else if (this.shortcutValue === 'Last Quarter') {
8804
+ endDate = moment().startOf('year').quarter(moment().quarter()).subtract(1, 'days').endOf('day').toDate();
8805
+ startDate = moment(endDate).startOf('quarter').toDate();
8806
+ }
8807
+ else if (this.shortcutValue === 'Year') {
8808
+ startDate = moment().startOf('year').toDate();
8809
+ endDate = new Date();
8810
+ }
8811
+ else if (this.shortcutValue === 'Last Year') {
8812
+ endDate = moment().startOf('year').subtract(1, 'days').endOf('day').toDate();
8813
+ startDate = moment(endDate).startOf('year').toDate();
8814
+ }
8815
+ else if (this.shortcutValue === 'All') {
8816
+ startDate = new Date(2017, 0, 1, 0, 0, 0, 0);
8817
+ endDate = new Date();
8818
+ }
8819
+ this.startDateObjForm.setValue({ year: startDate.getFullYear(), month: startDate.getMonth() + 1, day: startDate.getDate() });
8820
+ this.endDateObjForm.setValue({ year: endDate.getFullYear(), month: endDate.getMonth() + 1, day: endDate.getDate() });
8821
+ this.startDateObjFormChange.emit(this.startDateObjForm);
8822
+ this.endDateObjFormChange.emit(this.endDateObjForm);
8823
+ this.datesChanged.emit([this.startDateObjForm, this.endDateObjForm]);
8824
+ }
8568
8825
  this.shortcutValueChange.emit(this.shortcutValue);
8569
8826
  }
8570
8827
  this._cd.detectChanges();
8571
8828
  }
8572
8829
  }
8573
8830
  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 });
8574
- 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: `
8831
+ 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: `
8575
8832
  <label class="form-control-label">Date Shortcuts</label>
8576
8833
  <ng-select [(ngModel)]="shortcutValue" (change)="onSelectShortcut()" placeholder="Select Shortcut" [clearable]="false">
8577
8834
  <ng-option value="Today">Today</ng-option>
@@ -8632,10 +8889,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
8632
8889
  type: Input
8633
8890
  }], endDateObj: [{
8634
8891
  type: Input
8892
+ }], startDateObjForm: [{
8893
+ type: Input
8894
+ }], endDateObjForm: [{
8895
+ type: Input
8635
8896
  }], startDateObjChange: [{
8636
8897
  type: Output
8637
8898
  }], endDateObjChange: [{
8638
8899
  type: Output
8900
+ }], startDateObjFormChange: [{
8901
+ type: Output
8902
+ }], endDateObjFormChange: [{
8903
+ type: Output
8639
8904
  }], datesChanged: [{
8640
8905
  type: Output
8641
8906
  }], shortcutValue: [{