ax-common-ui-lib 1.0.1-beta.34-testing2 → 1.0.1-beta.34-testing4

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.
Files changed (10) hide show
  1. package/esm2020/lib/app-create-dialog-component/app-create-dialog-component.component.mjs +2 -2
  2. package/esm2020/lib/form-object/form-object-list/form-object-list.component.mjs +123 -142
  3. package/esm2020/lib/form-object/form-object-view/form-object-widgets/image-widget-view/image-map-view/image-map-view.component.mjs +3 -3
  4. package/esm2020/lib/form-object/form-object-view/form-object-widgets/image-widget-view/image-widget-lightbox-view/image-widget-lightbox-view.component.mjs +3 -3
  5. package/esm2020/lib/shared/comfirmation-modal/confirmation-modal.component.mjs +2 -2
  6. package/fesm2015/ax-common-ui-lib.mjs +130 -151
  7. package/fesm2015/ax-common-ui-lib.mjs.map +1 -1
  8. package/fesm2020/ax-common-ui-lib.mjs +130 -149
  9. package/fesm2020/ax-common-ui-lib.mjs.map +1 -1
  10. package/package.json +1 -1
package/fesm2020/ax-common-ui-lib.mjs CHANGED
@@ -12017,10 +12017,10 @@ ConfirmationModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
12017
12017
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$Z, ctx.data.confirmButtonType === "delete"));
12018
12018
  i0.ɵɵadvance(1);
12019
12019
  i0.ɵɵtextInterpolate(ctx.data.confirmButtonText);
12020
- } }, directives: [i1$3.NgClass], styles: [".confirmation-popup{max-width:20vw}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}\n"], encapsulation: 2 });
12020
+ } }, directives: [i1$3.NgClass], styles: [".confirmation-popup{max-width:20vw}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"], encapsulation: 2 });
12021
12021
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationModalComponent, [{
12022
12022
  type: Component,
12023
- args: [{ selector: 'comfirmation-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"popup-container confirmation-popup\">\n <button class=\"close-icon\" (click)=\"onNoClick()\"></button>\n <h1>{{data.title}}</h1>\n <p>{{data.message}}</p>\n <div class=\"action-btn-container\">\n <button class=\"stroke-btn\" (click)=\"onNoClick()\">{{data.cancelButtonText}}</button>\n <button class=\"delete-btn\" [ngClass]=\"{'delete-button': data.confirmButtonType === 'delete'}\" (click)=\"onYesClick()\"\n cdkFocusInitial>{{data.confirmButtonText}}</button>\n </div>\n</div>", styles: [".confirmation-popup{max-width:20vw}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}\n"] }]
12023
+ args: [{ selector: 'comfirmation-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"popup-container confirmation-popup\">\n <button class=\"close-icon\" (click)=\"onNoClick()\"></button>\n <h1>{{data.title}}</h1>\n <p>{{data.message}}</p>\n <div class=\"action-btn-container\">\n <button class=\"stroke-btn\" (click)=\"onNoClick()\">{{data.cancelButtonText}}</button>\n <button class=\"delete-btn\" [ngClass]=\"{'delete-button': data.confirmButtonType === 'delete'}\" (click)=\"onYesClick()\"\n cdkFocusInitial>{{data.confirmButtonText}}</button>\n </div>\n</div>", styles: [".confirmation-popup{max-width:20vw}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"] }]
12024
12024
  }], function () { return [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
12025
12025
  type: Inject,
12026
12026
  args: [MAT_DIALOG_DATA]
@@ -29314,10 +29314,10 @@ AppCreateDialogComponentComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
29314
29314
  i0.ɵɵproperty("ngIf", ctx.showErrMessge.name && ctx.errMessage.name);
29315
29315
  i0.ɵɵadvance(4);
29316
29316
  i0.ɵɵproperty("ngModel", ctx.description);
29317
- } }, directives: [i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i1$3.NgClass, i1$3.NgIf], styles: [".create-app-popup[_ngcontent-%COMP%]{min-width:30vw}", ".popup-container[_ngcontent-%COMP%]{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container[_ngcontent-%COMP%] .close-icon[_ngcontent-%COMP%]{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container[_ngcontent-%COMP%] .action-btn-container[_ngcontent-%COMP%]{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%], .popup-container[_ngcontent-%COMP%] input[type=number][_ngcontent-%COMP%], .popup-container[_ngcontent-%COMP%] input[type=email][_ngcontent-%COMP%], .popup-container[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]::placeholder, .popup-container[_ngcontent-%COMP%] input[type=number][_ngcontent-%COMP%]::placeholder, .popup-container[_ngcontent-%COMP%] input[type=email][_ngcontent-%COMP%]::placeholder, .popup-container[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]::placeholder{color:#a5a5a5}.popup-container[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]:focus, .popup-container[_ngcontent-%COMP%] input[type=number][_ngcontent-%COMP%]:focus, .popup-container[_ngcontent-%COMP%] input[type=email][_ngcontent-%COMP%]:focus, .popup-container[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{border:1px solid #6C52ED}.popup-container[_ngcontent-%COMP%] .err-message-container[_ngcontent-%COMP%]{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container[_ngcontent-%COMP%] .err-message-container[_ngcontent-%COMP%] .error-message[_ngcontent-%COMP%]{color:#dc2626;font-size:12px;float:right}.popup-container[_ngcontent-%COMP%] .invalid-input[_ngcontent-%COMP%]{border:1px solid #dc2626!important}.popup-container[_ngcontent-%COMP%] .checkbox-container[_ngcontent-%COMP%]{display:flex;justify-content:start;align-items:center}.popup-container[_ngcontent-%COMP%] .checkbox-container[_ngcontent-%COMP%] input[type=checkbox][_ngcontent-%COMP%]{width:fit-content;margin:0 .5rem 0 0}"] });
29317
+ } }, directives: [i9.DefaultValueAccessor, i9.RequiredValidator, i9.NgControlStatus, i9.NgModel, i1$3.NgClass, i1$3.NgIf], styles: [".create-app-popup[_ngcontent-%COMP%]{min-width:30vw}", ".popup-container[_ngcontent-%COMP%]{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container[_ngcontent-%COMP%] .close-icon[_ngcontent-%COMP%]{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container[_ngcontent-%COMP%] .action-btn-container[_ngcontent-%COMP%]{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%], .popup-container[_ngcontent-%COMP%] input[type=number][_ngcontent-%COMP%], .popup-container[_ngcontent-%COMP%] input[type=email][_ngcontent-%COMP%], .popup-container[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]::placeholder, .popup-container[_ngcontent-%COMP%] input[type=number][_ngcontent-%COMP%]::placeholder, .popup-container[_ngcontent-%COMP%] input[type=email][_ngcontent-%COMP%]::placeholder, .popup-container[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]::placeholder{color:#a5a5a5}.popup-container[_ngcontent-%COMP%] input[type=text][_ngcontent-%COMP%]:focus, .popup-container[_ngcontent-%COMP%] input[type=number][_ngcontent-%COMP%]:focus, .popup-container[_ngcontent-%COMP%] input[type=email][_ngcontent-%COMP%]:focus, .popup-container[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{border:1px solid #6C52ED}.popup-container[_ngcontent-%COMP%] .err-message-container[_ngcontent-%COMP%]{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container[_ngcontent-%COMP%] .err-message-container[_ngcontent-%COMP%] .error-message[_ngcontent-%COMP%]{color:#dc2626;font-size:12px;float:right}.popup-container[_ngcontent-%COMP%] .invalid-input[_ngcontent-%COMP%]{border:1px solid #dc2626!important}.popup-container[_ngcontent-%COMP%] .checkbox-container[_ngcontent-%COMP%]{display:flex;justify-content:start;align-items:center}.popup-container[_ngcontent-%COMP%] .checkbox-container[_ngcontent-%COMP%] input[type=checkbox][_ngcontent-%COMP%]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn[_ngcontent-%COMP%]{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn[_ngcontent-%COMP%]:hover{background-color:#eff6ff}.fill-btn[_ngcontent-%COMP%]{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn[_ngcontent-%COMP%]:hover{opacity:.7}.publish-btn[_ngcontent-%COMP%]{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn[_ngcontent-%COMP%]:hover{opacity:.7}.delete-btn[_ngcontent-%COMP%]{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn[_ngcontent-%COMP%]:hover{background-color:#eff6ff}"] });
29318
29318
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppCreateDialogComponentComponent, [{
29319
29319
  type: Component,
29320
- args: [{ selector: 'app-app-create-dialog-component', template: "<div class=\"popup-container create-app-popup\">\n <button class=\"close-icon\" (click)=\"onCancel()\"></button>\n <h1>Create a New App</h1>\n <div class=\"flex flex-col gap-2\">\n <div>\n <label for=\"app-name\">App Name</label>\n <input type=\"text\" [(ngModel)]=\"name\" id=\"app-name\" class=\"\" (blur)=\"onBlur()\" (input)=\"onInput()\" [ngClass]=\"{'invalid-input': showErrMessge.name && errMessage.name}\" required />\n <div class=\"err-message-container\"><span *ngIf=\"showErrMessge.name && errMessage.name\" class=\"error-message\">{{ errMessage.name }}</span></div>\n </div>\n <div>\n <label for=\"app-desc\">Description</label>\n <textarea [(ngModel)]=\"description\" id=\"app-desc\" placeholder=\"Please provide a detailed description of your app so that our AI can assist you in building your apps faster.\" class=\"\" rows=\"5\"></textarea>\n </div>\n </div>\n <div class=\"action-btn-container\">\n <button (click)=\"onCancel()\" class=\"stroke-btn\">Cancel</button>\n <button (click)=\"onSubmit()\" class=\"fill-btn\">Create</button>\n </div>\n</div>", styles: [".create-app-popup{min-width:30vw}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}\n"] }]
29320
+ args: [{ selector: 'app-app-create-dialog-component', template: "<div class=\"popup-container create-app-popup\">\n <button class=\"close-icon\" (click)=\"onCancel()\"></button>\n <h1>Create a New App</h1>\n <div class=\"flex flex-col gap-2\">\n <div>\n <label for=\"app-name\">App Name</label>\n <input type=\"text\" [(ngModel)]=\"name\" id=\"app-name\" class=\"\" (blur)=\"onBlur()\" (input)=\"onInput()\" [ngClass]=\"{'invalid-input': showErrMessge.name && errMessage.name}\" required />\n <div class=\"err-message-container\"><span *ngIf=\"showErrMessge.name && errMessage.name\" class=\"error-message\">{{ errMessage.name }}</span></div>\n </div>\n <div>\n <label for=\"app-desc\">Description</label>\n <textarea [(ngModel)]=\"description\" id=\"app-desc\" placeholder=\"Please provide a detailed description of your app so that our AI can assist you in building your apps faster.\" class=\"\" rows=\"5\"></textarea>\n </div>\n </div>\n <div class=\"action-btn-container\">\n <button (click)=\"onCancel()\" class=\"stroke-btn\">Cancel</button>\n <button (click)=\"onSubmit()\" class=\"fill-btn\">Create</button>\n </div>\n</div>", styles: [".create-app-popup{min-width:30vw}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"] }]
29321
29321
  }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
29322
29322
 
29323
29323
  class DataViewFilter extends AxFilter {
@@ -54292,221 +54292,205 @@ function FormObjectListComponent_ng_container_0_ng_container_1_Template(rf, ctx)
54292
54292
  i0.ɵɵadvance(1);
54293
54293
  i0.ɵɵproperty("elementType", ctx_r1.GhostLoaderType.PaginationViewLoader);
54294
54294
  } }
54295
- function FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template(rf, ctx) { if (rf & 1) {
54296
- const _r8 = i0.ɵɵgetCurrentView();
54297
- i0.ɵɵelementStart(0, "div", 13);
54298
- i0.ɵɵelementStart(1, "div", 14);
54299
- i0.ɵɵtext(2, "Trial expired");
54300
- i0.ɵɵelementEnd();
54301
- i0.ɵɵelementStart(3, "div", 14);
54302
- i0.ɵɵtext(4, "To continue viewing data please subscribe to a plan first.");
54303
- i0.ɵɵelementEnd();
54304
- i0.ɵɵelement(5, "br");
54305
- i0.ɵɵelementStart(6, "button", 15);
54306
- i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(3); return ctx_r7.navigateToBilling(); });
54307
- i0.ɵɵtext(7, "Upgrade");
54308
- i0.ɵɵelementEnd();
54309
- i0.ɵɵelementEnd();
54310
- } }
54311
54295
  const _c0$d = function (a0) { return { "arrow-active": a0 }; };
54312
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_div_3_Template(rf, ctx) { if (rf & 1) {
54313
- i0.ɵɵelementStart(0, "div", 25);
54314
- i0.ɵɵelementStart(1, "span", 26);
54296
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_div_3_Template(rf, ctx) { if (rf & 1) {
54297
+ i0.ɵɵelementStart(0, "div", 21);
54298
+ i0.ɵɵelementStart(1, "span", 22);
54315
54299
  i0.ɵɵtext(2);
54316
54300
  i0.ɵɵelementEnd();
54317
- i0.ɵɵelementStart(3, "div", 27);
54318
- i0.ɵɵelementStart(4, "div", 28);
54301
+ i0.ɵɵelementStart(3, "div", 23);
54302
+ i0.ɵɵelementStart(4, "div", 24);
54319
54303
  i0.ɵɵtext(5, "\u25B2");
54320
54304
  i0.ɵɵelementEnd();
54321
- i0.ɵɵelementStart(6, "div", 29);
54305
+ i0.ɵɵelementStart(6, "div", 25);
54322
54306
  i0.ɵɵtext(7, "\u25BC");
54323
54307
  i0.ɵɵelementEnd();
54324
54308
  i0.ɵɵelementEnd();
54325
54309
  i0.ɵɵelementEnd();
54326
54310
  } if (rf & 2) {
54327
- const column_r11 = i0.ɵɵnextContext().$implicit;
54328
- const ctx_r12 = i0.ɵɵnextContext(4);
54311
+ const column_r8 = i0.ɵɵnextContext().$implicit;
54312
+ const ctx_r9 = i0.ɵɵnextContext(4);
54329
54313
  i0.ɵɵadvance(2);
54330
- i0.ɵɵtextInterpolate(ctx_r12.orderedArray.indexOf(column_r11.widget == null ? null : column_r11.widget.identifier) + 1);
54314
+ i0.ɵɵtextInterpolate(ctx_r9.orderedArray.indexOf(column_r8.widget == null ? null : column_r8.widget.identifier) + 1);
54331
54315
  i0.ɵɵadvance(2);
54332
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$d, ctx_r12.orderMap.get(column_r11.widget == null ? null : column_r11.widget.identifier) === ctx_r12.sortOrder.ascending));
54316
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$d, ctx_r9.orderMap.get(column_r8.widget == null ? null : column_r8.widget.identifier) === ctx_r9.sortOrder.ascending));
54333
54317
  i0.ɵɵadvance(2);
54334
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$d, ctx_r12.orderMap.get(column_r11.widget == null ? null : column_r11.widget.identifier) === ctx_r12.sortOrder.descending));
54318
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$d, ctx_r9.orderMap.get(column_r8.widget == null ? null : column_r8.widget.identifier) === ctx_r9.sortOrder.descending));
54335
54319
  } }
54336
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_ng_template_4_Template(rf, ctx) { if (rf & 1) {
54337
- i0.ɵɵelementStart(0, "div", 25);
54338
- i0.ɵɵelementStart(1, "span", 30);
54320
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_ng_template_4_Template(rf, ctx) { if (rf & 1) {
54321
+ i0.ɵɵelementStart(0, "div", 21);
54322
+ i0.ɵɵelementStart(1, "span", 26);
54339
54323
  i0.ɵɵtext(2);
54340
54324
  i0.ɵɵelementEnd();
54341
- i0.ɵɵelementStart(3, "div", 27);
54342
- i0.ɵɵelementStart(4, "div", 31);
54325
+ i0.ɵɵelementStart(3, "div", 23);
54326
+ i0.ɵɵelementStart(4, "div", 27);
54343
54327
  i0.ɵɵtext(5, "\u25B2");
54344
54328
  i0.ɵɵelementEnd();
54345
- i0.ɵɵelementStart(6, "div", 32);
54329
+ i0.ɵɵelementStart(6, "div", 28);
54346
54330
  i0.ɵɵtext(7, "\u25BC");
54347
54331
  i0.ɵɵelementEnd();
54348
54332
  i0.ɵɵelementEnd();
54349
54333
  i0.ɵɵelementEnd();
54350
54334
  } if (rf & 2) {
54351
- const column_r11 = i0.ɵɵnextContext().$implicit;
54352
- const ctx_r14 = i0.ɵɵnextContext(4);
54335
+ const column_r8 = i0.ɵɵnextContext().$implicit;
54336
+ const ctx_r11 = i0.ɵɵnextContext(4);
54353
54337
  i0.ɵɵadvance(2);
54354
- i0.ɵɵtextInterpolate(ctx_r14.orderedArray.indexOf(column_r11.widget == null ? null : column_r11.widget.identifier) + 1);
54338
+ i0.ɵɵtextInterpolate(ctx_r11.orderedArray.indexOf(column_r8.widget == null ? null : column_r8.widget.identifier) + 1);
54355
54339
  } }
54356
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template(rf, ctx) { if (rf & 1) {
54357
- const _r18 = i0.ɵɵgetCurrentView();
54358
- i0.ɵɵelementStart(0, "th", 21);
54359
- i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template_th_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r18); const column_r11 = restoredCtx.$implicit; const ctx_r17 = i0.ɵɵnextContext(4); return ctx_r17.sort($event, column_r11.widget); });
54360
- i0.ɵɵelementStart(1, "span", 22);
54340
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_Template(rf, ctx) { if (rf & 1) {
54341
+ const _r15 = i0.ɵɵgetCurrentView();
54342
+ i0.ɵɵelementStart(0, "th", 17);
54343
+ i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_Template_th_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r15); const column_r8 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(4); return ctx_r14.sort($event, column_r8.widget); });
54344
+ i0.ɵɵelementStart(1, "span", 18);
54361
54345
  i0.ɵɵtext(2);
54362
- i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_div_3_Template, 8, 7, "div", 23);
54363
- i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_ng_template_4_Template, 8, 1, "ng-template", null, 24, i0.ɵɵtemplateRefExtractor);
54346
+ i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_div_3_Template, 8, 7, "div", 19);
54347
+ i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_ng_template_4_Template, 8, 1, "ng-template", null, 20, i0.ɵɵtemplateRefExtractor);
54364
54348
  i0.ɵɵelementEnd();
54365
54349
  i0.ɵɵelementEnd();
54366
54350
  } if (rf & 2) {
54367
- const column_r11 = ctx.$implicit;
54368
- const _r13 = i0.ɵɵreference(5);
54369
- const ctx_r9 = i0.ɵɵnextContext(4);
54351
+ const column_r8 = ctx.$implicit;
54352
+ const _r10 = i0.ɵɵreference(5);
54353
+ const ctx_r6 = i0.ɵɵnextContext(4);
54370
54354
  i0.ɵɵadvance(1);
54371
- i0.ɵɵproperty("matTooltip", column_r11.widget == null ? null : column_r11.widget.prompt);
54355
+ i0.ɵɵproperty("matTooltip", column_r8.widget == null ? null : column_r8.widget.prompt);
54372
54356
  i0.ɵɵadvance(1);
54373
- i0.ɵɵtextInterpolate1("", column_r11.widget == null ? null : column_r11.widget.prompt, " ");
54357
+ i0.ɵɵtextInterpolate1("", column_r8.widget == null ? null : column_r8.widget.prompt, " ");
54374
54358
  i0.ɵɵadvance(1);
54375
- i0.ɵɵproperty("ngIf", ctx_r9.orderMap.get(column_r11.widget == null ? null : column_r11.widget.identifier))("ngIfElse", _r13);
54359
+ i0.ɵɵproperty("ngIf", ctx_r6.orderMap.get(column_r8.widget == null ? null : column_r8.widget.identifier))("ngIfElse", _r10);
54376
54360
  } }
54377
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_6_Template(rf, ctx) { if (rf & 1) {
54378
- i0.ɵɵelementStart(0, "th", 33);
54361
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_6_Template(rf, ctx) { if (rf & 1) {
54362
+ i0.ɵɵelementStart(0, "th", 29);
54379
54363
  i0.ɵɵtext(1, "Status");
54380
54364
  i0.ɵɵelementEnd();
54381
54365
  } }
54382
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template(rf, ctx) { if (rf & 1) {
54383
- const _r20 = i0.ɵɵgetCurrentView();
54366
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_Template(rf, ctx) { if (rf & 1) {
54367
+ const _r17 = i0.ɵɵgetCurrentView();
54384
54368
  i0.ɵɵelementStart(0, "tr");
54385
- i0.ɵɵelementStart(1, "th", 16);
54386
- i0.ɵɵelementStart(2, "input", 17);
54387
- i0.ɵɵlistener("change", function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(3); return ctx_r19.selectAllRows($event.target.checked); });
54369
+ i0.ɵɵelementStart(1, "th", 12);
54370
+ i0.ɵɵelementStart(2, "input", 13);
54371
+ i0.ɵɵlistener("change", function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(3); return ctx_r16.selectAllRows($event.target.checked); });
54388
54372
  i0.ɵɵelementEnd();
54389
54373
  i0.ɵɵelementEnd();
54390
- i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template, 6, 4, "th", 18);
54391
- i0.ɵɵelementStart(4, "th", 19);
54374
+ i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_Template, 6, 4, "th", 14);
54375
+ i0.ɵɵelementStart(4, "th", 15);
54392
54376
  i0.ɵɵtext(5, "Actions");
54393
54377
  i0.ɵɵelementEnd();
54394
- i0.ɵɵtemplate(6, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_6_Template, 2, 0, "th", 20);
54378
+ i0.ɵɵtemplate(6, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_6_Template, 2, 0, "th", 16);
54395
54379
  i0.ɵɵelementEnd();
54396
54380
  } if (rf & 2) {
54397
- const ctx_r4 = i0.ɵɵnextContext(3);
54381
+ const ctx_r3 = i0.ɵɵnextContext(3);
54398
54382
  i0.ɵɵadvance(3);
54399
- i0.ɵɵproperty("ngForOf", ctx_r4.listView.columns);
54383
+ i0.ɵɵproperty("ngForOf", ctx_r3.listView.columns);
54400
54384
  i0.ɵɵadvance(3);
54401
- i0.ɵɵproperty("ngIf", ctx_r4.appManifest == null ? null : ctx_r4.appManifest.enable_data_validity);
54385
+ i0.ɵɵproperty("ngIf", ctx_r3.appManifest == null ? null : ctx_r3.appManifest.enable_data_validity);
54402
54386
  } }
54403
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
54387
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
54404
54388
  i0.ɵɵelementContainerStart(0);
54405
- i0.ɵɵelement(1, "form-object-widget-value", 44);
54389
+ i0.ɵɵelement(1, "form-object-widget-value", 40);
54406
54390
  i0.ɵɵelementContainerEnd();
54407
54391
  } if (rf & 2) {
54408
- const ctx_r32 = i0.ɵɵnextContext();
54409
- const widget_r27 = ctx_r32.$implicit;
54410
- const widgetIndex_r28 = ctx_r32.index;
54411
- const formObject_r22 = i0.ɵɵnextContext().$implicit;
54412
- const ctx_r29 = i0.ɵɵnextContext(4);
54392
+ const ctx_r29 = i0.ɵɵnextContext();
54393
+ const widget_r24 = ctx_r29.$implicit;
54394
+ const widgetIndex_r25 = ctx_r29.index;
54395
+ const formObject_r19 = i0.ɵɵnextContext().$implicit;
54396
+ const ctx_r26 = i0.ɵɵnextContext(4);
54413
54397
  i0.ɵɵadvance(1);
54414
- i0.ɵɵproperty("form", formObject_r22)("axonatorX1Url", ctx_r29.axonatorX1Url)("baseUrl", ctx_r29.baseUrl)("widget", widget_r27)("widgetProperties", ctx_r29.listView.columns[widgetIndex_r28] == null ? null : ctx_r29.listView.columns[widgetIndex_r28].widget);
54398
+ i0.ɵɵproperty("form", formObject_r19)("axonatorX1Url", ctx_r26.axonatorX1Url)("baseUrl", ctx_r26.baseUrl)("widget", widget_r24)("widgetProperties", ctx_r26.listView.columns[widgetIndex_r25] == null ? null : ctx_r26.listView.columns[widgetIndex_r25].widget);
54415
54399
  } }
54416
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
54400
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
54417
54401
  i0.ɵɵelementContainerStart(0);
54418
- i0.ɵɵelementStart(1, "span", 45);
54402
+ i0.ɵɵelementStart(1, "span", 41);
54419
54403
  i0.ɵɵtext(2, "-");
54420
54404
  i0.ɵɵelementEnd();
54421
54405
  i0.ɵɵelementContainerEnd();
54422
54406
  } }
54423
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_Template(rf, ctx) { if (rf & 1) {
54424
- i0.ɵɵelementStart(0, "td", 43);
54425
- i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_1_Template, 2, 5, "ng-container", 0);
54426
- i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_2_Template, 3, 0, "ng-container", 0);
54407
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_Template(rf, ctx) { if (rf & 1) {
54408
+ i0.ɵɵelementStart(0, "td", 39);
54409
+ i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_ng_container_1_Template, 2, 5, "ng-container", 0);
54410
+ i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_ng_container_2_Template, 3, 0, "ng-container", 0);
54427
54411
  i0.ɵɵelementEnd();
54428
54412
  } if (rf & 2) {
54429
- const widget_r27 = ctx.$implicit;
54430
- const ctx_r24 = i0.ɵɵnextContext(5);
54413
+ const widget_r24 = ctx.$implicit;
54414
+ const ctx_r21 = i0.ɵɵnextContext(5);
54431
54415
  i0.ɵɵadvance(1);
54432
- i0.ɵɵproperty("ngIf", widget_r27 == null ? null : widget_r27.value);
54416
+ i0.ɵɵproperty("ngIf", widget_r24 == null ? null : widget_r24.value);
54433
54417
  i0.ɵɵadvance(1);
54434
- i0.ɵɵproperty("ngIf", !(widget_r27 == null ? null : widget_r27.value) && (ctx_r24.column == null ? null : ctx_r24.column.widget == null ? null : ctx_r24.column.widget.type) !== ctx_r24.widgetType.staticMedia && (ctx_r24.column == null ? null : ctx_r24.column.widget == null ? null : ctx_r24.column.widget.type) !== ctx_r24.widgetType.toggle);
54418
+ i0.ɵɵproperty("ngIf", !(widget_r24 == null ? null : widget_r24.value) && (ctx_r21.column == null ? null : ctx_r21.column.widget == null ? null : ctx_r21.column.widget.type) !== ctx_r21.widgetType.staticMedia && (ctx_r21.column == null ? null : ctx_r21.column.widget == null ? null : ctx_r21.column.widget.type) !== ctx_r21.widgetType.toggle);
54435
54419
  } }
54436
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template(rf, ctx) { if (rf & 1) {
54437
- const _r35 = i0.ɵɵgetCurrentView();
54420
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_ng_container_7_Template(rf, ctx) { if (rf & 1) {
54421
+ const _r32 = i0.ɵɵgetCurrentView();
54438
54422
  i0.ɵɵelementContainerStart(0);
54439
- i0.ɵɵelementStart(1, "div", 46);
54440
- i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r35); const formObject_r22 = i0.ɵɵnextContext().$implicit; const ctx_r33 = i0.ɵɵnextContext(4); return ctx_r33.editData(formObject_r22, $event); });
54423
+ i0.ɵɵelementStart(1, "div", 42);
54424
+ i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_ng_container_7_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r32); const formObject_r19 = i0.ɵɵnextContext().$implicit; const ctx_r30 = i0.ɵɵnextContext(4); return ctx_r30.editData(formObject_r19, $event); });
54441
54425
  i0.ɵɵnamespaceSVG();
54442
- i0.ɵɵelementStart(2, "svg", 47);
54443
- i0.ɵɵelement(3, "path", 48);
54426
+ i0.ɵɵelementStart(2, "svg", 43);
54427
+ i0.ɵɵelement(3, "path", 44);
54444
54428
  i0.ɵɵelementEnd();
54445
54429
  i0.ɵɵelementEnd();
54446
54430
  i0.ɵɵelementContainerEnd();
54447
54431
  } }
54448
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template(rf, ctx) { if (rf & 1) {
54449
- const _r38 = i0.ɵɵgetCurrentView();
54450
- i0.ɵɵelementStart(0, "td", 49);
54451
- i0.ɵɵelementStart(1, "mat-slide-toggle", 50);
54452
- i0.ɵɵlistener("change", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template_mat_slide_toggle_change_1_listener($event) { i0.ɵɵrestoreView(_r38); const formObject_r22 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(4); return ctx_r36.enableToggle(formObject_r22, $event); })("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template_mat_slide_toggle_click_1_listener($event) { return $event.stopPropagation(); });
54432
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_8_Template(rf, ctx) { if (rf & 1) {
54433
+ const _r35 = i0.ɵɵgetCurrentView();
54434
+ i0.ɵɵelementStart(0, "td", 45);
54435
+ i0.ɵɵelementStart(1, "mat-slide-toggle", 46);
54436
+ i0.ɵɵlistener("change", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_8_Template_mat_slide_toggle_change_1_listener($event) { i0.ɵɵrestoreView(_r35); const formObject_r19 = i0.ɵɵnextContext().$implicit; const ctx_r33 = i0.ɵɵnextContext(4); return ctx_r33.enableToggle(formObject_r19, $event); })("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_8_Template_mat_slide_toggle_click_1_listener($event) { return $event.stopPropagation(); });
54453
54437
  i0.ɵɵelementEnd();
54454
54438
  i0.ɵɵelementEnd();
54455
54439
  } if (rf & 2) {
54456
- const formObject_r22 = i0.ɵɵnextContext().$implicit;
54457
- const ctx_r26 = i0.ɵɵnextContext(4);
54440
+ const formObject_r19 = i0.ɵɵnextContext().$implicit;
54441
+ const ctx_r23 = i0.ɵɵnextContext(4);
54458
54442
  i0.ɵɵadvance(1);
54459
- i0.ɵɵproperty("color", ctx_r26.primary)("checked", formObject_r22.isValid);
54443
+ i0.ɵɵproperty("color", ctx_r23.primary)("checked", formObject_r19.isValid);
54460
54444
  } }
54461
54445
  const _c1$8 = function (a0) { return { data: a0 }; };
54462
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template(rf, ctx) { if (rf & 1) {
54463
- const _r42 = i0.ɵɵgetCurrentView();
54446
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
54447
+ const _r39 = i0.ɵɵgetCurrentView();
54464
54448
  i0.ɵɵelementContainerStart(0);
54465
- i0.ɵɵelementStart(1, "tr", 36);
54466
- i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_tr_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r42); const formObject_r22 = restoredCtx.$implicit; const ctx_r41 = i0.ɵɵnextContext(4); return ctx_r41.showDetailView(formObject_r22); });
54467
- i0.ɵɵelementStart(2, "td", 37);
54468
- i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_td_click_2_listener($event) { return $event.stopPropagation(); });
54469
- i0.ɵɵelementStart(3, "input", 38);
54470
- i0.ɵɵlistener("ngModelChange", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_input_ngModelChange_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r42); const i_r23 = restoredCtx.index; const ctx_r44 = i0.ɵɵnextContext(4); return (ctx_r44.selectedRows[i_r23] = $event); })("change", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_input_change_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r42); const i_r23 = restoredCtx.index; const ctx_r45 = i0.ɵɵnextContext(4); return ctx_r45.toggleRowSelection($event.target.checked, i_r23); });
54449
+ i0.ɵɵelementStart(1, "tr", 32);
54450
+ i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template_tr_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r39); const formObject_r19 = restoredCtx.$implicit; const ctx_r38 = i0.ɵɵnextContext(4); return ctx_r38.showDetailView(formObject_r19); });
54451
+ i0.ɵɵelementStart(2, "td", 33);
54452
+ i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template_td_click_2_listener($event) { return $event.stopPropagation(); });
54453
+ i0.ɵɵelementStart(3, "input", 34);
54454
+ i0.ɵɵlistener("ngModelChange", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template_input_ngModelChange_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r39); const i_r20 = restoredCtx.index; const ctx_r41 = i0.ɵɵnextContext(4); return (ctx_r41.selectedRows[i_r20] = $event); })("change", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template_input_change_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r39); const i_r20 = restoredCtx.index; const ctx_r42 = i0.ɵɵnextContext(4); return ctx_r42.toggleRowSelection($event.target.checked, i_r20); });
54471
54455
  i0.ɵɵelementEnd();
54472
54456
  i0.ɵɵelementEnd();
54473
- i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_Template, 3, 2, "td", 39);
54474
- i0.ɵɵelementStart(5, "td", 40);
54475
- i0.ɵɵelementStart(6, "div", 41);
54476
- i0.ɵɵtemplate(7, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template, 4, 0, "ng-container", 0);
54457
+ i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_Template, 3, 2, "td", 35);
54458
+ i0.ɵɵelementStart(5, "td", 36);
54459
+ i0.ɵɵelementStart(6, "div", 37);
54460
+ i0.ɵɵtemplate(7, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_ng_container_7_Template, 4, 0, "ng-container", 0);
54477
54461
  i0.ɵɵelementEnd();
54478
54462
  i0.ɵɵelementEnd();
54479
- i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template, 2, 2, "td", 42);
54463
+ i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_8_Template, 2, 2, "td", 38);
54480
54464
  i0.ɵɵelementEnd();
54481
54465
  i0.ɵɵelementContainerEnd();
54482
54466
  } if (rf & 2) {
54483
- const formObject_r22 = ctx.$implicit;
54484
- const i_r23 = ctx.index;
54485
- const ctx_r21 = i0.ɵɵnextContext(4);
54467
+ const formObject_r19 = ctx.$implicit;
54468
+ const i_r20 = ctx.index;
54469
+ const ctx_r18 = i0.ɵɵnextContext(4);
54486
54470
  i0.ɵɵadvance(1);
54487
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$8, !(formObject_r22 == null ? null : formObject_r22.isValid)));
54471
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$8, !(formObject_r19 == null ? null : formObject_r19.isValid)));
54488
54472
  i0.ɵɵadvance(2);
54489
- i0.ɵɵproperty("ngModel", ctx_r21.selectedRows[i_r23]);
54473
+ i0.ɵɵproperty("ngModel", ctx_r18.selectedRows[i_r20]);
54490
54474
  i0.ɵɵadvance(1);
54491
- i0.ɵɵproperty("ngForOf", formObject_r22.widgets);
54475
+ i0.ɵɵproperty("ngForOf", formObject_r19.widgets);
54492
54476
  i0.ɵɵadvance(3);
54493
- i0.ɵɵproperty("ngIf", ctx_r21.form.ft === ctx_r21.formTypes.asset && !ctx_r21.form.hideEditButton);
54477
+ i0.ɵɵproperty("ngIf", ctx_r18.form.ft === ctx_r18.formTypes.asset && !ctx_r18.form.hideEditButton);
54494
54478
  i0.ɵɵadvance(1);
54495
- i0.ɵɵproperty("ngIf", ctx_r21.appManifest == null ? null : ctx_r21.appManifest.enable_data_validity);
54479
+ i0.ɵɵproperty("ngIf", ctx_r18.appManifest == null ? null : ctx_r18.appManifest.enable_data_validity);
54496
54480
  } }
54497
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template(rf, ctx) { if (rf & 1) {
54498
- i0.ɵɵelementStart(0, "tbody", 34);
54499
- i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template, 9, 7, "ng-container", 35);
54481
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_Template(rf, ctx) { if (rf & 1) {
54482
+ i0.ɵɵelementStart(0, "tbody", 30);
54483
+ i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template, 9, 7, "ng-container", 31);
54500
54484
  i0.ɵɵelementEnd();
54501
54485
  } if (rf & 2) {
54502
- const ctx_r5 = i0.ɵɵnextContext(3);
54486
+ const ctx_r4 = i0.ɵɵnextContext(3);
54503
54487
  i0.ɵɵadvance(1);
54504
- i0.ɵɵproperty("ngForOf", ctx_r5.listViewData);
54488
+ i0.ɵɵproperty("ngForOf", ctx_r4.listViewData);
54505
54489
  } }
54506
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_10_Template(rf, ctx) { if (rf & 1) {
54507
- i0.ɵɵelementStart(0, "tbody", 51);
54508
- i0.ɵɵelementStart(1, "tr", 52);
54509
- i0.ɵɵelementStart(2, "td", 53);
54490
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template(rf, ctx) { if (rf & 1) {
54491
+ i0.ɵɵelementStart(0, "tbody", 47);
54492
+ i0.ɵɵelementStart(1, "tr", 48);
54493
+ i0.ɵɵelementStart(2, "td", 49);
54510
54494
  i0.ɵɵtext(3, "No Data Found");
54511
54495
  i0.ɵɵelementEnd();
54512
54496
  i0.ɵɵelementEnd();
@@ -54515,23 +54499,22 @@ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_10_Template
54515
54499
  const _c2$6 = function (a0) { return { "mobile-view-height": a0 }; };
54516
54500
  const _c3$6 = function (a0) { return { "no-data-border": a0 }; };
54517
54501
  function FormObjectListComponent_ng_container_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
54518
- const _r47 = i0.ɵɵgetCurrentView();
54502
+ const _r44 = i0.ɵɵgetCurrentView();
54519
54503
  i0.ɵɵelementContainerStart(0);
54520
54504
  i0.ɵɵelementStart(1, "div", 1);
54521
54505
  i0.ɵɵelementStart(2, "div", 2);
54522
54506
  i0.ɵɵelementStart(3, "div", 3);
54523
- i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template, 8, 0, "div", 6);
54524
- i0.ɵɵelementStart(5, "div", 7);
54525
- i0.ɵɵelementStart(6, "table", 8);
54526
- i0.ɵɵelementStart(7, "thead", 9);
54527
- i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template, 7, 2, "tr", 0);
54507
+ i0.ɵɵelementStart(4, "div", 6);
54508
+ i0.ɵɵelementStart(5, "table", 7);
54509
+ i0.ɵɵelementStart(6, "thead", 8);
54510
+ i0.ɵɵtemplate(7, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_Template, 7, 2, "tr", 0);
54528
54511
  i0.ɵɵelementEnd();
54529
- i0.ɵɵtemplate(9, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template, 2, 1, "tbody", 10);
54530
- i0.ɵɵtemplate(10, FormObjectListComponent_ng_container_0_ng_container_2_tbody_10_Template, 4, 0, "tbody", 11);
54512
+ i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_Template, 2, 1, "tbody", 9);
54513
+ i0.ɵɵtemplate(9, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template, 4, 0, "tbody", 10);
54531
54514
  i0.ɵɵelementEnd();
54532
54515
  i0.ɵɵelementEnd();
54533
- i0.ɵɵelementStart(11, "mat-paginator", 12);
54534
- i0.ɵɵlistener("page", function FormObjectListComponent_ng_container_0_ng_container_2_Template_mat_paginator_page_11_listener($event) { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(2); return ctx_r46.handlePageEvent($event); });
54516
+ i0.ɵɵelementStart(10, "mat-paginator", 11);
54517
+ i0.ɵɵlistener("page", function FormObjectListComponent_ng_container_0_ng_container_2_Template_mat_paginator_page_10_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(2); return ctx_r43.handlePageEvent($event); });
54535
54518
  i0.ɵɵelementEnd();
54536
54519
  i0.ɵɵelementEnd();
54537
54520
  i0.ɵɵelementEnd();
@@ -54540,11 +54523,9 @@ function FormObjectListComponent_ng_container_0_ng_container_2_Template(rf, ctx)
54540
54523
  } if (rf & 2) {
54541
54524
  const ctx_r2 = i0.ɵɵnextContext(2);
54542
54525
  i0.ɵɵadvance(4);
54543
- i0.ɵɵproperty("ngIf", !ctx_r2.isAccountStatusActive);
54544
- i0.ɵɵadvance(1);
54545
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c2$6, ctx_r2.showSearch));
54526
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c2$6, ctx_r2.showSearch));
54546
54527
  i0.ɵɵadvance(2);
54547
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c3$6, ctx_r2.listViewData.length === 0));
54528
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c3$6, ctx_r2.listViewData.length === 0));
54548
54529
  i0.ɵɵadvance(1);
54549
54530
  i0.ɵɵproperty("ngIf", (ctx_r2.listView == null ? null : ctx_r2.listView.columns == null ? null : ctx_r2.listView.columns.length) > 0);
54550
54531
  i0.ɵɵadvance(1);
@@ -54557,7 +54538,7 @@ function FormObjectListComponent_ng_container_0_ng_container_2_Template(rf, ctx)
54557
54538
  function FormObjectListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
54558
54539
  i0.ɵɵelementContainerStart(0);
54559
54540
  i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_1_Template, 6, 2, "ng-container", 0);
54560
- i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_Template, 12, 15, "ng-container", 0);
54541
+ i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_Template, 11, 14, "ng-container", 0);
54561
54542
  i0.ɵɵelementContainerEnd();
54562
54543
  } if (rf & 2) {
54563
54544
  const ctx_r0 = i0.ɵɵnextContext();
@@ -55153,14 +55134,14 @@ class FormObjectListComponent {
55153
55134
  }
55154
55135
  }
55155
55136
  FormObjectListComponent.ɵfac = function FormObjectListComponent_Factory(t) { return new (t || FormObjectListComponent)(i0.ɵɵdirectiveInject(FormObjectViewService), i0.ɵɵdirectiveInject(FormObjectListService), i0.ɵɵdirectiveInject(CommonLibConfigurationService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(DataViewService), i0.ɵɵdirectiveInject(UserDataService)); };
55156
- FormObjectListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormObjectListComponent, selectors: [["form-object-list"]], inputs: { listView: "listView", screenType: "screenType", form: "form", searchText: "searchText", enbledCaching: "enbledCaching", filters: "filters", applyFilterEmitter: "applyFilterEmitter", resetFilterEmitter: "resetFilterEmitter", clearFilterEmitter: "clearFilterEmitter", refreshDataEmitter: "refreshDataEmitter", exportDataEmitter: "exportDataEmitter", appManifest: "appManifest", GlobalGhostLoaderEnabled: "GlobalGhostLoaderEnabled" }, outputs: { exportDataListEvent: "exportDataListEvent", showDataDetailView: "showDataDetailView", addNewRecordEvent: "addNewRecordEvent", editFormObjectEvent: "editFormObjectEvent", updateFormObjectStatus: "updateFormObjectStatus", ChildLoaded: "ChildLoaded" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "object-list-component-table", "w-full", "h-full", "page-background"], [1, "mx-auto", "form-object-list-container", "relative", "h-full", "sm:px-6", "px-4"], [1, "align-middle", "relative", "table-container-height"], [1, "table-container", "outline-none", 3, "elementType"], [3, "elementType"], ["class", "loading-overlay rounded-lg", 4, "ngIf"], [1, "rounded-lg", "pb-px", "table-container", "customscroll", "w-full", "relative", 3, "ngClass"], [1, "rounded-lg", "divide-y", "divide-gray-200", "data-list-table", "w-full"], [1, "sticky", "top-0", "h-12", 3, "ngClass"], ["class", "bg-white", 4, "ngIf"], ["class", "border-0 absolute no-data-body", 4, "ngIf"], ["aria-label", "Select page", 1, "absolute", "bottom-0", "right-0", 3, "length", "pageSize", "pageIndex", "pageSizeOptions", "disabled", "page"], [1, "loading-overlay", "rounded-lg"], [1, "loading-text"], [1, "upgrade-btn", "btn", 3, "click"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header", "cursor-pointer"], ["type", "checkbox", 3, "change"], ["scope", "col", "class", "px-3 py-3 text-left data-table-header cursor-pointer", 3, "click", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "px-3", "py-3", "data-table-header", "action-column"], ["scope", "col", "class", "px-3 py-3 text-left data-table-header", 4, "ngIf"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header", "cursor-pointer", 3, "click"], [1, "flex", "justify-between", "gap-4", 3, "matTooltip"], ["class", "sorting-arrow", 4, "ngIf", "ngIfElse"], ["showSortOnFilter", ""], [1, "sorting-arrow"], [1, "order-sequence", "axo-font"], [1, "flex", "flex-col"], [1, "sort-arrow-up", "cursor-pointer", 3, "ngClass"], [1, "sort-arrow-down", "cursor-pointer", 3, "ngClass"], [1, "order-sequence", "axo-font", "opacity-0", "invisible"], [1, "sort-arrow-up", "display-hover"], [1, "sort-arrow-down", "display-hover"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header"], [1, "bg-white"], [4, "ngFor", "ngForOf"], [3, "ngClass", "click"], [1, "px-3", 3, "click"], ["type", "checkbox", 3, "ngModel", "ngModelChange", "change"], ["class", "px-3 h-14 line-height-14 text-left data-table-item cursor-pointer", "style", "max-width: fit-content !important;", 4, "ngFor", "ngForOf"], [1, "px-3", "h-14", "line-height-14", "data-table-item", "action-column"], [1, "flex", "items-center", "gap-3"], ["class", "px-3", 4, "ngIf"], [1, "px-3", "h-14", "line-height-14", "text-left", "data-table-item", "cursor-pointer", 2, "max-width", "fit-content !important"], [1, "flex", "items-center", "h-full", "min-h-full", 3, "form", "axonatorX1Url", "baseUrl", "widget", "widgetProperties"], [1, "flex", "justify-start", "items-center"], ["matTooltip", "Edit", 1, "icon-btn", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "fill", "none", "viewBox", "0 0 24 24", "stroke", "currentColor", 1, "h-6", "w-4", "text-gray-500"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"], [1, "px-3"], [1, "p-0", 3, "color", "checked", "change", "click"], [1, "border-0", "absolute", "no-data-body"], [1, "border-0", "hover:bg-transparent", "text-xl", "no-record-found", "cursor-default"], [1, "whitespace-nowrap"]], template: function FormObjectListComponent_Template(rf, ctx) { if (rf & 1) {
55137
+ FormObjectListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormObjectListComponent, selectors: [["form-object-list"]], inputs: { listView: "listView", screenType: "screenType", form: "form", searchText: "searchText", enbledCaching: "enbledCaching", filters: "filters", applyFilterEmitter: "applyFilterEmitter", resetFilterEmitter: "resetFilterEmitter", clearFilterEmitter: "clearFilterEmitter", refreshDataEmitter: "refreshDataEmitter", exportDataEmitter: "exportDataEmitter", appManifest: "appManifest", GlobalGhostLoaderEnabled: "GlobalGhostLoaderEnabled" }, outputs: { exportDataListEvent: "exportDataListEvent", showDataDetailView: "showDataDetailView", addNewRecordEvent: "addNewRecordEvent", editFormObjectEvent: "editFormObjectEvent", updateFormObjectStatus: "updateFormObjectStatus", ChildLoaded: "ChildLoaded" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "object-list-component-table", "w-full", "h-full", "page-background"], [1, "mx-auto", "form-object-list-container", "relative", "h-full", "sm:px-6", "px-4"], [1, "align-middle", "relative", "table-container-height"], [1, "table-container", "outline-none", 3, "elementType"], [3, "elementType"], [1, "rounded-lg", "pb-px", "table-container", "customscroll", "w-full", "relative", 3, "ngClass"], [1, "rounded-lg", "divide-y", "divide-gray-200", "data-list-table", "w-full"], [1, "sticky", "top-0", "h-12", 3, "ngClass"], ["class", "bg-white", 4, "ngIf"], ["class", "border-0 absolute no-data-body", 4, "ngIf"], ["aria-label", "Select page", 1, "absolute", "bottom-0", "right-0", 3, "length", "pageSize", "pageIndex", "pageSizeOptions", "disabled", "page"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header", "cursor-pointer"], ["type", "checkbox", 3, "change"], ["scope", "col", "class", "px-3 py-3 text-left data-table-header cursor-pointer", 3, "click", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "px-3", "py-3", "data-table-header", "action-column"], ["scope", "col", "class", "px-3 py-3 text-left data-table-header", 4, "ngIf"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header", "cursor-pointer", 3, "click"], [1, "flex", "justify-between", "gap-4", 3, "matTooltip"], ["class", "sorting-arrow", 4, "ngIf", "ngIfElse"], ["showSortOnFilter", ""], [1, "sorting-arrow"], [1, "order-sequence", "axo-font"], [1, "flex", "flex-col"], [1, "sort-arrow-up", "cursor-pointer", 3, "ngClass"], [1, "sort-arrow-down", "cursor-pointer", 3, "ngClass"], [1, "order-sequence", "axo-font", "opacity-0", "invisible"], [1, "sort-arrow-up", "display-hover"], [1, "sort-arrow-down", "display-hover"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header"], [1, "bg-white"], [4, "ngFor", "ngForOf"], [3, "ngClass", "click"], [1, "px-3", 3, "click"], ["type", "checkbox", 3, "ngModel", "ngModelChange", "change"], ["class", "px-3 h-14 line-height-14 text-left data-table-item cursor-pointer", "style", "max-width: fit-content !important;", 4, "ngFor", "ngForOf"], [1, "px-3", "h-14", "line-height-14", "data-table-item", "action-column"], [1, "flex", "items-center", "gap-3"], ["class", "px-3", 4, "ngIf"], [1, "px-3", "h-14", "line-height-14", "text-left", "data-table-item", "cursor-pointer", 2, "max-width", "fit-content !important"], [1, "flex", "items-center", "h-full", "min-h-full", 3, "form", "axonatorX1Url", "baseUrl", "widget", "widgetProperties"], [1, "flex", "justify-start", "items-center"], ["matTooltip", "Edit", 1, "icon-btn", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "fill", "none", "viewBox", "0 0 24 24", "stroke", "currentColor", 1, "h-6", "w-4", "text-gray-500"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"], [1, "px-3"], [1, "p-0", 3, "color", "checked", "change", "click"], [1, "border-0", "absolute", "no-data-body"], [1, "border-0", "hover:bg-transparent", "text-xl", "no-record-found", "cursor-default"], [1, "whitespace-nowrap"]], template: function FormObjectListComponent_Template(rf, ctx) { if (rf & 1) {
55157
55138
  i0.ɵɵtemplate(0, FormObjectListComponent_ng_container_0_Template, 3, 2, "ng-container", 0);
55158
55139
  } if (rf & 2) {
55159
55140
  i0.ɵɵproperty("ngIf", !ctx.GlobalGhostLoaderEnabled);
55160
55141
  } }, styles: ["form-object-list .data-list-header{background-color:#fcfdff}form-object-list .data-list-header .search-field mat-icon{min-width:1.2rem;min-height:1.2rem;max-width:1.2rem;max-height:1.2rem}@media screen and (max-width: 500px){form-object-list .data-list-header .search-field-border{border:1px solid #80808029;border-top-color:transparent}}form-object-list .data-list-header form-object-widget-value{min-height:fit-content}form-object-list .data-list-header form-object-widget-value formobject-textbox-value{min-width:fit-content}form-object-list .icon-container{height:1.5rem!important;min-height:1.5rem!important;width:1.5rem!important;min-width:1.5rem!important;display:flex}form-object-list .icon-container .location-btn-icon{background:#E1E7EF;padding:.3rem .2rem;margin-left:10px;cursor:pointer}form-object-list .icon-container .location-btn-icon mat-icon{height:.875rem!important;min-height:.875rem!important;width:.875rem!important;min-width:.875rem!important}form-object-list .form-object-list-container .table-container{height:calc(100% - 4.3rem);max-height:calc(100% - 4.3rem);min-height:calc(100% - 4.3rem);outline:.2px solid #7b849b45;background-color:#fff}form-object-list .object-list-component-table{background-color:#fcfdff}form-object-list .object-list-component-table .form-object-title-container{border-bottom:.5px solid #cccccc7d}form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10172b}@media screen and (max-width: 500px){form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-size:14px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:14px}}form-object-list .object-list-component-table .form-object-title-container .inner-form-object-title-container{width:95.67%;min-width:95.67%;max-width:95.67%}form-object-list .object-list-component-table button.refresh-data{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#345ad6}form-object-list .object-list-component-table table th,form-object-list .object-list-component-table table td{max-width:300px;min-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}form-object-list .object-list-component-table table thead{background-color:#fcfdff}form-object-list .object-list-component-table table thead tr{outline:.2px solid #80808036}@media screen and (max-width: 500px){form-object-list .object-list-component-table table thead{top:-1px!important}}form-object-list .object-list-component-table table tbody{border-top:none}form-object-list .object-list-component-table table tbody tr{border:.2px solid #80808036;border-width:.2px!important;border-right:0;border-left:0;cursor:pointer}form-object-list .object-list-component-table table tbody tr:first-child{border-top:none}form-object-list .object-list-component-table table tbody tr:hover{background-color:#f4f4f4}form-object-list .object-list-component-table table .no-data-body{height:calc(100% - 3rem);width:100%;display:flex;justify-content:center;align-items:center}form-object-list .object-list-component-table .mat-paginator-page-size-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:12px;letter-spacing:.4px;margin:0!important}form-object-list .object-list-component-table .mat-paginator-range-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:14px;margin:0 12px 0 0!important}form-object-list .object-list-component-table .mat-paginator-container{column-gap:20px;padding:.5rem 0!important}form-object-list .object-list-component-table .mat-paginator-page-size{column-gap:20px;margin:0!important}form-object-list .object-list-component-table mat-paginator{height:70px;background-color:transparent!important}form-object-list .object-list-component-table mat-paginator button{width:2rem;max-width:2rem;height:2rem;max-height:2rem;min-height:2rem;border-radius:4px}form-object-list .object-list-component-table mat-paginator .mat-button-base:hover{background-color:#eee}form-object-list .object-list-component-table mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled:hover{background-color:transparent!important}form-object-list .object-list-component-table .child-record .thumbnail,form-object-list .object-list-component-table .choice-list .thumbnail{width:2rem}form-object-list .object-list-component-table .imageContainer .image-container{position:relative;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}form-object-list .object-list-component-table .imageContainer .image-container img{max-width:2rem;max-height:2rem}form-object-list .object-list-component-table .imageContainer .count-of-image{min-width:1rem;max-width:1rem;min-height:1rem;max-height:1rem;line-height:1rem;border-radius:50%;transition:.5s ease;background-color:#6554c0}form-object-list .object-list-component-table .imageContainer .count{color:#fff;font-size:8px;text-align:center;font-weight:500}form-object-list .object-list-component-table .video-container video{width:55.28px;height:35.71px}form-object-list .object-list-component-table p{margin:0!important}form-object-list .data-list-filter-wrapper{min-height:3rem}@media screen and (max-width: 600px){form-object-list .data-list-filter-wrapper{padding:1rem 0!important;row-gap:.625rem}}form-object-list .refresh-btn{display:flex;align-items:center;justify-content:center}form-object-list audio{width:140px;height:20px}form-object-list audio::-webkit-media-controls-mute-button{margin-right:0;display:none}form-object-list audio::-webkit-media-controls-play-button{position:absolute;left:0;height:9px}form-object-list audio::-webkit-media-controls-timeline-container{width:60px}form-object-list audio::-webkit-media-controls-current-time-display{font-size:10px;position:absolute;right:11px}form-object-list audio::-webkit-media-controls-time-remaining-display{display:none}form-object-list audio::-webkit-media-controls-timeline{position:relative;left:11px;width:60px}form-object-list .data-list-value{max-width:11.5rem!important;min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list .imgFixed-list-class .imageList-text,form-object-list .imgFixed-list-class .reference_list-text,form-object-list .imgFixed-list-class .mat-list-item-content,form-object-list .reference-list-class .imageList-text,form-object-list .reference-list-class .reference_list-text,form-object-list .reference-list-class .mat-list-item-content,form-object-list .fixed-list-class .imageList-text,form-object-list .fixed-list-class .reference_list-text,form-object-list .fixed-list-class .mat-list-item-content{max-width:11.5rem!important;min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list thead{z-index:10}.table-container-height{height:100%;min-height:100%;max-height:100%}@media screen and (min-width: 600px){.data-list-title-tooltip-custom-class{display:none!important}}.action-column{display:flex;justify-content:center}.sort-arrow-up,.sort-arrow-down{font-size:10px;line-height:8px;color:#000;opacity:.5}.sorting-arrow{white-space:nowrap;display:flex;column-gap:6px}.sorting-arrow .arrow-active{opacity:1!important}.sorting-arrow .order-sequence{border-radius:100%;background-color:#7964ed14;padding:0 6px;color:#0000007a;font-size:10px}.ghost-loader-table{height:calc(100% - 4.4rem);min-height:calc(100% - 4.4rem);max-height:calc(100% - 4.4rem)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-text{margin-top:10px;font-size:18px;color:#fff}.upgrade-btn{border:1px solid #7963ed;background-color:#7963ed!important;color:#fff;display:flex;align-items:center;justify-content:center;column-gap:.5rem;padding:7px 10px;border-radius:20px}.display-hover{visibility:hidden;opacity:0}.data-table-header:hover .display-hover{visibility:visible;opacity:.5}\n"], encapsulation: 2 });
55161
55142
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormObjectListComponent, [{
55162
55143
  type: Component,
55163
- args: [{ selector: 'form-object-list', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!GlobalGhostLoaderEnabled\">\n <ng-container *ngIf=\"showGhostLoader\">\n <div class=\"object-list-component-table w-full h-full page-background\">\n <div class=\"mx-auto form-object-list-container relative h-full sm:px-6 px-4\">\n <div class=\"align-middle relative table-container-height\">\n <app-ghost-loader\n class=\"table-container outline-none\"\n [elementType]=\"GhostLoaderType.ListViewLoader\"\n ></app-ghost-loader>\n <app-ghost-loader\n [elementType]=\"GhostLoaderType.PaginationViewLoader\"\n ></app-ghost-loader>\n </div>\n </div>\n </div>\n </ng-container>\n\n\n <ng-container *ngIf=\"!showGhostLoader\">\n <div class=\"object-list-component-table w-full h-full page-background\">\n\n <!-- Page header\n <div class=\"sticky top-0 data-list-header\">\n\n <div class=\"flex items-center justify-between mx-auto h-12 bg-white form-object-title-container\">\n <div class=\"mx-auto inner-form-object-title-container flex items-center justify-between\">\n <h2 class=\"leading-tight m-0 form-object-title axo-font\" [matTooltip]=\"formObjectList.formNameSingular\" matTooltipClass=\"data-list-title-tooltip-custom-class\">{{formObjectList.formNameSingular}}</h2>\n <div class=\"flex items-center gap-4\">\n <button class=\"primary-btn axo-font\" (click)=\"addNewRecord()\"> Add New Record</button>\n </div>\n </div>\n\n </div>\n\n <div class=\"mx-auto flex justify-between items-center px-6 flex-wrap md:flex-nowrap data-list-filter-wrapper\">\n <button (click)=\"getFormObjects()\" class=\"link-btn axo-font refresh-btn\">Refresh Data</button>\n </div>\n\n </div> -->\n\n <div class=\"mx-auto form-object-list-container relative h-full sm:px-6 px-4\">\n <div class=\"align-middle relative table-container-height\">\n <div *ngIf=\"!isAccountStatusActive\" class=\"loading-overlay rounded-lg\">\n <div class=\"loading-text\">Trial expired</div>\n <div class=\"loading-text\">To continue viewing data please subscribe to a plan first.</div><br>\n <button class=\"upgrade-btn btn\" (click)=\"navigateToBilling()\">Upgrade</button>\n </div>\n <div\n class=\"rounded-lg pb-px table-container customscroll w-full relative\"\n [ngClass]=\"{ 'mobile-view-height': showSearch }\"\n >\n <table class=\"rounded-lg divide-y divide-gray-200 data-list-table w-full\">\n <!--Object list table-->\n <thead class=\"sticky top-0 h-12\" [ngClass]=\"{'no-data-border': listViewData.length === 0}\">\n <!--Object list table head-->\n <tr *ngIf=\"listView?.columns?.length > 0\">\n <!--Checkbox column-->\n <th scope=\"col\" class=\"px-3 py-3 text-left data-table-header cursor-pointer\">\n <input type=\"checkbox\" (change)=\"selectAllRows($event.target.checked)\">\n </th>\n <th scope=\"col\" class=\"px-3 py-3 text-left data-table-header cursor-pointer\" (click)=\"sort($event,column.widget)\"\n *ngFor=\"let column of listView.columns;\">\n <span [matTooltip]=\"column.widget?.prompt\" class=\"flex justify-between gap-4\">{{column.widget?.prompt}}\n <div class=\"sorting-arrow\" *ngIf='orderMap.get(column.widget?.identifier); else showSortOnFilter'>\n <span class=\"order-sequence axo-font\" >{{orderedArray.indexOf(column.widget?.identifier)+1}}</span>\n <div class=\"flex flex-col\">\n <div class=\"sort-arrow-up cursor-pointer\" [ngClass]=\"{'arrow-active': orderMap.get(column.widget?.identifier)===sortOrder.ascending}\">&#x25B2;</div>\n <div class=\"sort-arrow-down cursor-pointer\" [ngClass]=\"{'arrow-active': orderMap.get(column.widget?.identifier)===sortOrder.descending}\">&#x25BC;</div>\n </div>\n </div>\n <ng-template #showSortOnFilter>\n <div class=\"sorting-arrow\">\n <span class=\"order-sequence axo-font opacity-0 invisible\" >{{orderedArray.indexOf(column.widget?.identifier)+1}}</span>\n <div class=\"flex flex-col\">\n <div class=\"sort-arrow-up display-hover\">&#x25B2;</div>\n <div class=\"sort-arrow-down display-hover\">&#x25BC;</div>\n </div>\n </div>\n </ng-template>\n </span>\n <!-- <table *ngIf=\"column.widget.type === 'subform-widget'\">\n <tr>\n <th scope=\"col\" class=\"text-sm px-3 py-3 text-left uppercase whitespace-nowrap\"\n *ngFor=\"let markup of column.widget.markup;\"> {{markup.prompt}} </th>\n </tr>\n </table> -->\n </th>\n <th scope=\"col\" class=\"px-3 py-3 data-table-header action-column\">Actions</th>\n <th *ngIf=\"appManifest?.enable_data_validity\" scope=\"col\" class=\"px-3 py-3 text-left data-table-header\">Status</th>\n\n </tr>\n\n </thead>\n <!--Object list body-->\n <tbody class=\"bg-white\" *ngIf=\"listViewData.length > 0\" >\n <ng-container *ngFor=\"let formObject of listViewData; let i= index\">\n <!-- <tr (click)=\"showDetailView(formObject)\" [ngClass]=\"{data: !formObject?.isValid}\"> -->\n <tr [ngClass]=\"{data: !formObject?.isValid}\" (click)=\"showDetailView(formObject)\">\n <!--Checkbox cell-->\n <td class=\"px-3\" (click)=\"$event.stopPropagation()\">\n <input type=\"checkbox\" [(ngModel)]=\"selectedRows[i]\" (change)=\"toggleRowSelection($event.target.checked, i)\">\n </td>\n <td class=\"px-3 h-14 line-height-14 text-left data-table-item cursor-pointer\"\n *ngFor=\"let widget of formObject.widgets; let widgetIndex = index\" style=\"max-width: fit-content !important;\">\n <!-- Value cell -->\n <ng-container *ngIf=\"widget?.value\">\n <form-object-widget-value [form]=\"formObject\" [axonatorX1Url]=\"axonatorX1Url\" [baseUrl]=\"baseUrl\"\n [widget]=\"widget\" [widgetProperties]=\"listView.columns[widgetIndex]?.widget\" class=\"flex items-center h-full min-h-full\">\n </form-object-widget-value>\n </ng-container>\n\n <ng-container *ngIf=\"!widget?.value &&\n column?.widget?.type !== widgetType.staticMedia &&\n column?.widget?.type !== widgetType.toggle\">\n <span class=\"flex justify-start items-center\">-</span>\n </ng-container>\n\n </td>\n\n <!-- Actions button -->\n <td class=\"px-3 h-14 line-height-14 data-table-item action-column\">\n <div class=\"flex items-center gap-3\">\n <ng-container *ngIf=\"form.ft === formTypes.asset && !form.hideEditButton\">\n <div class=\"icon-btn\" (click)=\"editData(formObject,$event)\" matTooltip=\"Edit\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-4 text-gray-500\" fill=\"none\"\n viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" />\n </svg>\n </div>\n </ng-container>\n <!-- <div class=\"icon-btn\" (click)=\"showDetailView(formObject)\" matTooltip=\"View\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-7 w-5 text-gray-500\" viewBox=\"0 0 24 24\"\n fill=\"#64748b\">\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path\n d=\"M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z\" />\n </svg>\n </div> -->\n </div>\n </td>\n <td *ngIf=\"appManifest?.enable_data_validity\" class=\"px-3\">\n <mat-slide-toggle [color]=\"primary\" [checked]=\"formObject.isValid\" class=\"p-0\"\n (change)=\"enableToggle(formObject,$event)\" (click)=\"$event.stopPropagation();\">\n </mat-slide-toggle>\n </td>\n </tr>\n </ng-container>\n </tbody>\n <!-- Show no data found msg -->\n <tbody class=\"border-0 absolute no-data-body\" *ngIf=\"listViewData.length === 0 && !showLoader\">\n <tr class=\"border-0 hover:bg-transparent text-xl no-record-found cursor-default\">\n <td class=\"whitespace-nowrap\">No Data Found</td>\n </tr>\n </tbody>\n\n </table>\n </div>\n <mat-paginator\n (page)=\"handlePageEvent($event)\"\n [length]=\"totalFormObjects\"\n [pageSize]=\"pageSize\"\n [pageIndex]=\"pageIndex\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [disabled]=\"showLoader\"\n aria-label=\"Select page\"\n class=\"absolute bottom-0 right-0\"\n >\n </mat-paginator>\n </div>\n </div>\n </div>\n </ng-container>\n</ng-container>\n", styles: ["form-object-list .data-list-header{background-color:#fcfdff}form-object-list .data-list-header .search-field mat-icon{min-width:1.2rem;min-height:1.2rem;max-width:1.2rem;max-height:1.2rem}@media screen and (max-width: 500px){form-object-list .data-list-header .search-field-border{border:1px solid #80808029;border-top-color:transparent}}form-object-list .data-list-header form-object-widget-value{min-height:fit-content}form-object-list .data-list-header form-object-widget-value formobject-textbox-value{min-width:fit-content}form-object-list .icon-container{height:1.5rem!important;min-height:1.5rem!important;width:1.5rem!important;min-width:1.5rem!important;display:flex}form-object-list .icon-container .location-btn-icon{background:#E1E7EF;padding:.3rem .2rem;margin-left:10px;cursor:pointer}form-object-list .icon-container .location-btn-icon mat-icon{height:.875rem!important;min-height:.875rem!important;width:.875rem!important;min-width:.875rem!important}form-object-list .form-object-list-container .table-container{height:calc(100% - 4.3rem);max-height:calc(100% - 4.3rem);min-height:calc(100% - 4.3rem);outline:.2px solid #7b849b45;background-color:#fff}form-object-list .object-list-component-table{background-color:#fcfdff}form-object-list .object-list-component-table .form-object-title-container{border-bottom:.5px solid #cccccc7d}form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10172b}@media screen and (max-width: 500px){form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-size:14px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:14px}}form-object-list .object-list-component-table .form-object-title-container .inner-form-object-title-container{width:95.67%;min-width:95.67%;max-width:95.67%}form-object-list .object-list-component-table button.refresh-data{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#345ad6}form-object-list .object-list-component-table table th,form-object-list .object-list-component-table table td{max-width:300px;min-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}form-object-list .object-list-component-table table thead{background-color:#fcfdff}form-object-list .object-list-component-table table thead tr{outline:.2px solid #80808036}@media screen and (max-width: 500px){form-object-list .object-list-component-table table thead{top:-1px!important}}form-object-list .object-list-component-table table tbody{border-top:none}form-object-list .object-list-component-table table tbody tr{border:.2px solid #80808036;border-width:.2px!important;border-right:0;border-left:0;cursor:pointer}form-object-list .object-list-component-table table tbody tr:first-child{border-top:none}form-object-list .object-list-component-table table tbody tr:hover{background-color:#f4f4f4}form-object-list .object-list-component-table table .no-data-body{height:calc(100% - 3rem);width:100%;display:flex;justify-content:center;align-items:center}form-object-list .object-list-component-table .mat-paginator-page-size-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:12px;letter-spacing:.4px;margin:0!important}form-object-list .object-list-component-table .mat-paginator-range-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:14px;margin:0 12px 0 0!important}form-object-list .object-list-component-table .mat-paginator-container{column-gap:20px;padding:.5rem 0!important}form-object-list .object-list-component-table .mat-paginator-page-size{column-gap:20px;margin:0!important}form-object-list .object-list-component-table mat-paginator{height:70px;background-color:transparent!important}form-object-list .object-list-component-table mat-paginator button{width:2rem;max-width:2rem;height:2rem;max-height:2rem;min-height:2rem;border-radius:4px}form-object-list .object-list-component-table mat-paginator .mat-button-base:hover{background-color:#eee}form-object-list .object-list-component-table mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled:hover{background-color:transparent!important}form-object-list .object-list-component-table .child-record .thumbnail,form-object-list .object-list-component-table .choice-list .thumbnail{width:2rem}form-object-list .object-list-component-table .imageContainer .image-container{position:relative;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}form-object-list .object-list-component-table .imageContainer .image-container img{max-width:2rem;max-height:2rem}form-object-list .object-list-component-table .imageContainer .count-of-image{min-width:1rem;max-width:1rem;min-height:1rem;max-height:1rem;line-height:1rem;border-radius:50%;transition:.5s ease;background-color:#6554c0}form-object-list .object-list-component-table .imageContainer .count{color:#fff;font-size:8px;text-align:center;font-weight:500}form-object-list .object-list-component-table .video-container video{width:55.28px;height:35.71px}form-object-list .object-list-component-table p{margin:0!important}form-object-list .data-list-filter-wrapper{min-height:3rem}@media screen and (max-width: 600px){form-object-list .data-list-filter-wrapper{padding:1rem 0!important;row-gap:.625rem}}form-object-list .refresh-btn{display:flex;align-items:center;justify-content:center}form-object-list audio{width:140px;height:20px}form-object-list audio::-webkit-media-controls-mute-button{margin-right:0;display:none}form-object-list audio::-webkit-media-controls-play-button{position:absolute;left:0;height:9px}form-object-list audio::-webkit-media-controls-timeline-container{width:60px}form-object-list audio::-webkit-media-controls-current-time-display{font-size:10px;position:absolute;right:11px}form-object-list audio::-webkit-media-controls-time-remaining-display{display:none}form-object-list audio::-webkit-media-controls-timeline{position:relative;left:11px;width:60px}form-object-list .data-list-value{max-width:11.5rem!important;min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list .imgFixed-list-class .imageList-text,form-object-list .imgFixed-list-class .reference_list-text,form-object-list .imgFixed-list-class .mat-list-item-content,form-object-list .reference-list-class .imageList-text,form-object-list .reference-list-class .reference_list-text,form-object-list .reference-list-class .mat-list-item-content,form-object-list .fixed-list-class .imageList-text,form-object-list .fixed-list-class .reference_list-text,form-object-list .fixed-list-class .mat-list-item-content{max-width:11.5rem!important;min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list thead{z-index:10}.table-container-height{height:100%;min-height:100%;max-height:100%}@media screen and (min-width: 600px){.data-list-title-tooltip-custom-class{display:none!important}}.action-column{display:flex;justify-content:center}.sort-arrow-up,.sort-arrow-down{font-size:10px;line-height:8px;color:#000;opacity:.5}.sorting-arrow{white-space:nowrap;display:flex;column-gap:6px}.sorting-arrow .arrow-active{opacity:1!important}.sorting-arrow .order-sequence{border-radius:100%;background-color:#7964ed14;padding:0 6px;color:#0000007a;font-size:10px}.ghost-loader-table{height:calc(100% - 4.4rem);min-height:calc(100% - 4.4rem);max-height:calc(100% - 4.4rem)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-text{margin-top:10px;font-size:18px;color:#fff}.upgrade-btn{border:1px solid #7963ed;background-color:#7963ed!important;color:#fff;display:flex;align-items:center;justify-content:center;column-gap:.5rem;padding:7px 10px;border-radius:20px}.display-hover{visibility:hidden;opacity:0}.data-table-header:hover .display-hover{visibility:visible;opacity:.5}\n"] }]
55144
+ args: [{ selector: 'form-object-list', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!GlobalGhostLoaderEnabled\">\n <ng-container *ngIf=\"showGhostLoader\">\n <div class=\"object-list-component-table w-full h-full page-background\">\n <div class=\"mx-auto form-object-list-container relative h-full sm:px-6 px-4\">\n <div class=\"align-middle relative table-container-height\">\n <app-ghost-loader\n class=\"table-container outline-none\"\n [elementType]=\"GhostLoaderType.ListViewLoader\"\n ></app-ghost-loader>\n <app-ghost-loader\n [elementType]=\"GhostLoaderType.PaginationViewLoader\"\n ></app-ghost-loader>\n </div>\n </div>\n </div>\n </ng-container>\n\n\n <ng-container *ngIf=\"!showGhostLoader\">\n <div class=\"object-list-component-table w-full h-full page-background\">\n\n <!-- Page header\n <div class=\"sticky top-0 data-list-header\">\n\n <div class=\"flex items-center justify-between mx-auto h-12 bg-white form-object-title-container\">\n <div class=\"mx-auto inner-form-object-title-container flex items-center justify-between\">\n <h2 class=\"leading-tight m-0 form-object-title axo-font\" [matTooltip]=\"formObjectList.formNameSingular\" matTooltipClass=\"data-list-title-tooltip-custom-class\">{{formObjectList.formNameSingular}}</h2>\n <div class=\"flex items-center gap-4\">\n <button class=\"primary-btn axo-font\" (click)=\"addNewRecord()\"> Add New Record</button>\n </div>\n </div>\n\n </div>\n\n <div class=\"mx-auto flex justify-between items-center px-6 flex-wrap md:flex-nowrap data-list-filter-wrapper\">\n <button (click)=\"getFormObjects()\" class=\"link-btn axo-font refresh-btn\">Refresh Data</button>\n </div>\n\n </div> -->\n\n <div class=\"mx-auto form-object-list-container relative h-full sm:px-6 px-4\">\n <div class=\"align-middle relative table-container-height\">\n <!-- <div *ngIf=\"!isAccountStatusActive\" class=\"loading-overlay rounded-lg\">\n <div class=\"loading-text\">Trial expired</div>\n <div class=\"loading-text\">To continue viewing data please subscribe to a plan first.</div><br>\n <button class=\"upgrade-btn btn\" (click)=\"navigateToBilling()\">Upgrade</button>\n </div> -->\n <div\n class=\"rounded-lg pb-px table-container customscroll w-full relative\"\n [ngClass]=\"{ 'mobile-view-height': showSearch }\"\n >\n <table class=\"rounded-lg divide-y divide-gray-200 data-list-table w-full\">\n <!--Object list table-->\n <thead class=\"sticky top-0 h-12\" [ngClass]=\"{'no-data-border': listViewData.length === 0}\">\n <!--Object list table head-->\n <tr *ngIf=\"listView?.columns?.length > 0\">\n <!--Checkbox column-->\n <th scope=\"col\" class=\"px-3 py-3 text-left data-table-header cursor-pointer\">\n <input type=\"checkbox\" (change)=\"selectAllRows($event.target.checked)\">\n </th>\n <th scope=\"col\" class=\"px-3 py-3 text-left data-table-header cursor-pointer\" (click)=\"sort($event,column.widget)\"\n *ngFor=\"let column of listView.columns;\">\n <span [matTooltip]=\"column.widget?.prompt\" class=\"flex justify-between gap-4\">{{column.widget?.prompt}}\n <div class=\"sorting-arrow\" *ngIf='orderMap.get(column.widget?.identifier); else showSortOnFilter'>\n <span class=\"order-sequence axo-font\" >{{orderedArray.indexOf(column.widget?.identifier)+1}}</span>\n <div class=\"flex flex-col\">\n <div class=\"sort-arrow-up cursor-pointer\" [ngClass]=\"{'arrow-active': orderMap.get(column.widget?.identifier)===sortOrder.ascending}\">&#x25B2;</div>\n <div class=\"sort-arrow-down cursor-pointer\" [ngClass]=\"{'arrow-active': orderMap.get(column.widget?.identifier)===sortOrder.descending}\">&#x25BC;</div>\n </div>\n </div>\n <ng-template #showSortOnFilter>\n <div class=\"sorting-arrow\">\n <span class=\"order-sequence axo-font opacity-0 invisible\" >{{orderedArray.indexOf(column.widget?.identifier)+1}}</span>\n <div class=\"flex flex-col\">\n <div class=\"sort-arrow-up display-hover\">&#x25B2;</div>\n <div class=\"sort-arrow-down display-hover\">&#x25BC;</div>\n </div>\n </div>\n </ng-template>\n </span>\n <!-- <table *ngIf=\"column.widget.type === 'subform-widget'\">\n <tr>\n <th scope=\"col\" class=\"text-sm px-3 py-3 text-left uppercase whitespace-nowrap\"\n *ngFor=\"let markup of column.widget.markup;\"> {{markup.prompt}} </th>\n </tr>\n </table> -->\n </th>\n <th scope=\"col\" class=\"px-3 py-3 data-table-header action-column\">Actions</th>\n <th *ngIf=\"appManifest?.enable_data_validity\" scope=\"col\" class=\"px-3 py-3 text-left data-table-header\">Status</th>\n\n </tr>\n\n </thead>\n <!--Object list body-->\n <tbody class=\"bg-white\" *ngIf=\"listViewData.length > 0\" >\n <ng-container *ngFor=\"let formObject of listViewData; let i= index\">\n <!-- <tr (click)=\"showDetailView(formObject)\" [ngClass]=\"{data: !formObject?.isValid}\"> -->\n <tr [ngClass]=\"{data: !formObject?.isValid}\" (click)=\"showDetailView(formObject)\">\n <!--Checkbox cell-->\n <td class=\"px-3\" (click)=\"$event.stopPropagation()\">\n <input type=\"checkbox\" [(ngModel)]=\"selectedRows[i]\" (change)=\"toggleRowSelection($event.target.checked, i)\">\n </td>\n <td class=\"px-3 h-14 line-height-14 text-left data-table-item cursor-pointer\"\n *ngFor=\"let widget of formObject.widgets; let widgetIndex = index\" style=\"max-width: fit-content !important;\">\n <!-- Value cell -->\n <ng-container *ngIf=\"widget?.value\">\n <form-object-widget-value [form]=\"formObject\" [axonatorX1Url]=\"axonatorX1Url\" [baseUrl]=\"baseUrl\"\n [widget]=\"widget\" [widgetProperties]=\"listView.columns[widgetIndex]?.widget\" class=\"flex items-center h-full min-h-full\">\n </form-object-widget-value>\n </ng-container>\n\n <ng-container *ngIf=\"!widget?.value &&\n column?.widget?.type !== widgetType.staticMedia &&\n column?.widget?.type !== widgetType.toggle\">\n <span class=\"flex justify-start items-center\">-</span>\n </ng-container>\n\n </td>\n\n <!-- Actions button -->\n <td class=\"px-3 h-14 line-height-14 data-table-item action-column\">\n <div class=\"flex items-center gap-3\">\n <ng-container *ngIf=\"form.ft === formTypes.asset && !form.hideEditButton\">\n <div class=\"icon-btn\" (click)=\"editData(formObject,$event)\" matTooltip=\"Edit\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-4 text-gray-500\" fill=\"none\"\n viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" />\n </svg>\n </div>\n </ng-container>\n <!-- <div class=\"icon-btn\" (click)=\"showDetailView(formObject)\" matTooltip=\"View\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-7 w-5 text-gray-500\" viewBox=\"0 0 24 24\"\n fill=\"#64748b\">\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path\n d=\"M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z\" />\n </svg>\n </div> -->\n </div>\n </td>\n <td *ngIf=\"appManifest?.enable_data_validity\" class=\"px-3\">\n <mat-slide-toggle [color]=\"primary\" [checked]=\"formObject.isValid\" class=\"p-0\"\n (change)=\"enableToggle(formObject,$event)\" (click)=\"$event.stopPropagation();\">\n </mat-slide-toggle>\n </td>\n </tr>\n </ng-container>\n </tbody>\n <!-- Show no data found msg -->\n <tbody class=\"border-0 absolute no-data-body\" *ngIf=\"listViewData.length === 0 && !showLoader\">\n <tr class=\"border-0 hover:bg-transparent text-xl no-record-found cursor-default\">\n <td class=\"whitespace-nowrap\">No Data Found</td>\n </tr>\n </tbody>\n\n </table>\n </div>\n <mat-paginator\n (page)=\"handlePageEvent($event)\"\n [length]=\"totalFormObjects\"\n [pageSize]=\"pageSize\"\n [pageIndex]=\"pageIndex\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [disabled]=\"showLoader\"\n aria-label=\"Select page\"\n class=\"absolute bottom-0 right-0\"\n >\n </mat-paginator>\n </div>\n </div>\n </div>\n </ng-container>\n</ng-container>\n", styles: ["form-object-list .data-list-header{background-color:#fcfdff}form-object-list .data-list-header .search-field mat-icon{min-width:1.2rem;min-height:1.2rem;max-width:1.2rem;max-height:1.2rem}@media screen and (max-width: 500px){form-object-list .data-list-header .search-field-border{border:1px solid #80808029;border-top-color:transparent}}form-object-list .data-list-header form-object-widget-value{min-height:fit-content}form-object-list .data-list-header form-object-widget-value formobject-textbox-value{min-width:fit-content}form-object-list .icon-container{height:1.5rem!important;min-height:1.5rem!important;width:1.5rem!important;min-width:1.5rem!important;display:flex}form-object-list .icon-container .location-btn-icon{background:#E1E7EF;padding:.3rem .2rem;margin-left:10px;cursor:pointer}form-object-list .icon-container .location-btn-icon mat-icon{height:.875rem!important;min-height:.875rem!important;width:.875rem!important;min-width:.875rem!important}form-object-list .form-object-list-container .table-container{height:calc(100% - 4.3rem);max-height:calc(100% - 4.3rem);min-height:calc(100% - 4.3rem);outline:.2px solid #7b849b45;background-color:#fff}form-object-list .object-list-component-table{background-color:#fcfdff}form-object-list .object-list-component-table .form-object-title-container{border-bottom:.5px solid #cccccc7d}form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10172b}@media screen and (max-width: 500px){form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-size:14px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:14px}}form-object-list .object-list-component-table .form-object-title-container .inner-form-object-title-container{width:95.67%;min-width:95.67%;max-width:95.67%}form-object-list .object-list-component-table button.refresh-data{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#345ad6}form-object-list .object-list-component-table table th,form-object-list .object-list-component-table table td{max-width:300px;min-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}form-object-list .object-list-component-table table thead{background-color:#fcfdff}form-object-list .object-list-component-table table thead tr{outline:.2px solid #80808036}@media screen and (max-width: 500px){form-object-list .object-list-component-table table thead{top:-1px!important}}form-object-list .object-list-component-table table tbody{border-top:none}form-object-list .object-list-component-table table tbody tr{border:.2px solid #80808036;border-width:.2px!important;border-right:0;border-left:0;cursor:pointer}form-object-list .object-list-component-table table tbody tr:first-child{border-top:none}form-object-list .object-list-component-table table tbody tr:hover{background-color:#f4f4f4}form-object-list .object-list-component-table table .no-data-body{height:calc(100% - 3rem);width:100%;display:flex;justify-content:center;align-items:center}form-object-list .object-list-component-table .mat-paginator-page-size-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:12px;letter-spacing:.4px;margin:0!important}form-object-list .object-list-component-table .mat-paginator-range-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:14px;margin:0 12px 0 0!important}form-object-list .object-list-component-table .mat-paginator-container{column-gap:20px;padding:.5rem 0!important}form-object-list .object-list-component-table .mat-paginator-page-size{column-gap:20px;margin:0!important}form-object-list .object-list-component-table mat-paginator{height:70px;background-color:transparent!important}form-object-list .object-list-component-table mat-paginator button{width:2rem;max-width:2rem;height:2rem;max-height:2rem;min-height:2rem;border-radius:4px}form-object-list .object-list-component-table mat-paginator .mat-button-base:hover{background-color:#eee}form-object-list .object-list-component-table mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled:hover{background-color:transparent!important}form-object-list .object-list-component-table .child-record .thumbnail,form-object-list .object-list-component-table .choice-list .thumbnail{width:2rem}form-object-list .object-list-component-table .imageContainer .image-container{position:relative;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}form-object-list .object-list-component-table .imageContainer .image-container img{max-width:2rem;max-height:2rem}form-object-list .object-list-component-table .imageContainer .count-of-image{min-width:1rem;max-width:1rem;min-height:1rem;max-height:1rem;line-height:1rem;border-radius:50%;transition:.5s ease;background-color:#6554c0}form-object-list .object-list-component-table .imageContainer .count{color:#fff;font-size:8px;text-align:center;font-weight:500}form-object-list .object-list-component-table .video-container video{width:55.28px;height:35.71px}form-object-list .object-list-component-table p{margin:0!important}form-object-list .data-list-filter-wrapper{min-height:3rem}@media screen and (max-width: 600px){form-object-list .data-list-filter-wrapper{padding:1rem 0!important;row-gap:.625rem}}form-object-list .refresh-btn{display:flex;align-items:center;justify-content:center}form-object-list audio{width:140px;height:20px}form-object-list audio::-webkit-media-controls-mute-button{margin-right:0;display:none}form-object-list audio::-webkit-media-controls-play-button{position:absolute;left:0;height:9px}form-object-list audio::-webkit-media-controls-timeline-container{width:60px}form-object-list audio::-webkit-media-controls-current-time-display{font-size:10px;position:absolute;right:11px}form-object-list audio::-webkit-media-controls-time-remaining-display{display:none}form-object-list audio::-webkit-media-controls-timeline{position:relative;left:11px;width:60px}form-object-list .data-list-value{max-width:11.5rem!important;min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list .imgFixed-list-class .imageList-text,form-object-list .imgFixed-list-class .reference_list-text,form-object-list .imgFixed-list-class .mat-list-item-content,form-object-list .reference-list-class .imageList-text,form-object-list .reference-list-class .reference_list-text,form-object-list .reference-list-class .mat-list-item-content,form-object-list .fixed-list-class .imageList-text,form-object-list .fixed-list-class .reference_list-text,form-object-list .fixed-list-class .mat-list-item-content{max-width:11.5rem!important;min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list thead{z-index:10}.table-container-height{height:100%;min-height:100%;max-height:100%}@media screen and (min-width: 600px){.data-list-title-tooltip-custom-class{display:none!important}}.action-column{display:flex;justify-content:center}.sort-arrow-up,.sort-arrow-down{font-size:10px;line-height:8px;color:#000;opacity:.5}.sorting-arrow{white-space:nowrap;display:flex;column-gap:6px}.sorting-arrow .arrow-active{opacity:1!important}.sorting-arrow .order-sequence{border-radius:100%;background-color:#7964ed14;padding:0 6px;color:#0000007a;font-size:10px}.ghost-loader-table{height:calc(100% - 4.4rem);min-height:calc(100% - 4.4rem);max-height:calc(100% - 4.4rem)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-text{margin-top:10px;font-size:18px;color:#fff}.upgrade-btn{border:1px solid #7963ed;background-color:#7963ed!important;color:#fff;display:flex;align-items:center;justify-content:center;column-gap:.5rem;padding:7px 10px;border-radius:20px}.display-hover{visibility:hidden;opacity:0}.data-table-header:hover .display-hover{visibility:visible;opacity:.5}\n"] }]
55164
55145
  }], function () { return [{ type: FormObjectViewService }, { type: FormObjectListService }, { type: CommonLibConfigurationService }, { type: i2.Router }, { type: DataViewService }, { type: UserDataService }]; }, { listView: [{
55165
55146
  type: Input
55166
55147
  }], screenType: [{
@@ -56313,10 +56294,10 @@ ImageMapViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Image
56313
56294
  i0.ɵɵproperty("zoom", ctx.zoom)("fitBounds", true);
56314
56295
  i0.ɵɵadvance(1);
56315
56296
  i0.ɵɵproperty("ngForOf", ctx.agmMangerOption);
56316
- } }, directives: [i2$4.AgmMap, i1$3.NgForOf, i1$3.NgSwitch, i1$3.NgSwitchCase, i2$4.AgmMarker, i2$4.AgmFitBounds, i1$3.NgIf, i4$3.AgmSnazzyInfoWindow, i2$4.AgmPolygon, i2$4.AgmPolyline, i2$4.AgmPolylinePoint, i2$4.AgmCircle], styles: [".image-map-view-container .image-map-body{width:fit-content;height:fit-content}.image-map-view-container .image-map-body agm-map{display:block;height:50vh;width:50vw}.cdk-global-overlay-wrapper:has(.image-map-box-container){justify-content:center!important;align-items:center!important}\n"], encapsulation: 2 });
56297
+ } }, directives: [i2$4.AgmMap, i1$3.NgForOf, i1$3.NgSwitch, i1$3.NgSwitchCase, i2$4.AgmMarker, i2$4.AgmFitBounds, i1$3.NgIf, i4$3.AgmSnazzyInfoWindow, i2$4.AgmPolygon, i2$4.AgmPolyline, i2$4.AgmPolylinePoint, i2$4.AgmCircle], styles: [".image-map-view-container .image-map-body{width:fit-content;height:fit-content}.image-map-view-container .image-map-body agm-map{display:block;height:50vh;width:50vw}.cdk-global-overlay-wrapper:has(.image-map-box-container){justify-content:center!important;align-items:center!important}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"], encapsulation: 2 });
56317
56298
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageMapViewComponent, [{
56318
56299
  type: Component,
56319
- args: [{ selector: 'lib-image-map-view', encapsulation: ViewEncapsulation.None, template: "<div class=\"popup-container image-map-view-container\">\n <h1>Image location</h1>\n <button class=\"close-icon\" (click)=\"closeDialog()\"></button>\n <div class=\"image-map-body\">\n <agm-map [zoom]=\"zoom\" [fitBounds]=\"true\">\n <ng-container *ngFor=\"let agmOption of agmMangerOption;let indexOfagm=index;\"\n [ngSwitch]=\"agmOption.type\">\n <!-----------Markers shapes content-->\n <ng-conatiner *ngSwitchCase=\"'marker'\"> \n <ng-conatiner *ngFor=\"let pathsOfMarker of agmOption.path\">\n <agm-marker \n [agmFitBounds]=\"true\" \n [latitude]=\"pathsOfMarker.lat\" \n [longitude]=\"pathsOfMarker.lng\" \n (markerClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n <agm-snazzy-info-window \n *ngIf=\"agmOption.note\"\n [panOnOpen]=\"true\" \n [latitude]=\"pathsOfMarker.lat\" \n [longitude]=\"pathsOfMarker.lng\" \n [maxWidth]=\"400\" \n [maxHeight]=\"400\"\n [closeWhenOthersOpen]=\"true\" \n [showCloseButton]=\"true\" \n [isOpen]=\"agmOption.isOpen\">\n <ng-template>\n <div>{{agmOption.note}}</div>\n </ng-template>\n </agm-snazzy-info-window>\n </agm-marker>\n </ng-conatiner>\n </ng-conatiner>\n <!-----------Polygon shapes content-->\n <ng-container *ngSwitchCase=\"'polygon'\">\n <agm-polygon \n [paths]=\"agmOption.path\" \n fillColor=\"#8e8e8e\" \n fillOpacity=\".35\" \n strokeColor=\"#32a1d0\"\n (polyClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n <agm-snazzy-info-window \n *ngIf=\"agmOption.note\"\n [panOnOpen]=\"true\" \n [latitude]=\"agmOption.path[0].lat\" \n [longitude]=\"agmOption.path[0].lng\" \n [closeWhenOthersOpen]=\"true\"\n [closeOnMapClick]=\"true\" \n [showCloseButton]=\"true\" \n [isOpen]=\"agmOption.isOpen\">\n <ng-template>\n <div>{{agmOption.note}}</div>\n </ng-template>\n </agm-snazzy-info-window>\n </agm-polygon>\n </ng-container>\n <!-----------Polyline shapes content-->\n <ng-conatiner *ngSwitchCase=\"'polyline'\">\n <agm-polyline (lineClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n <ng-container *ngFor=\"let polylinePath of agmOption.path\">\n <agm-polyline-point [latitude]=\"polylinePath.lat\" [longitude]=\"polylinePath.lng\">\n </agm-polyline-point>\n </ng-container>\n <agm-snazzy-info-window \n *ngIf=\"agmOption.note\"\n [panOnOpen]=\"true\" \n [latitude]=\"agmOption.path[0].lat\" \n [longitude]=\"agmOption.path[0].lng\" \n [closeWhenOthersOpen]=\"true\"\n [closeOnMapClick]=\"true\" \n [showCloseButton]=\"true\" \n [isOpen]=\"agmOption.isOpen\">\n <ng-template>\n <div>{{agmOption.note}}</div>\n </ng-template>\n </agm-snazzy-info-window>\n </agm-polyline>\n </ng-conatiner>\n <!-----------Circle shapes content-->\n <ng-conatiner *ngSwitchCase=\"'circle'\">\n <ng-container *ngFor=\"let circlePath of agmOption.path\">\n <agm-circle \n [latitude]=\"circlePath.lat\" \n [longitude]=\"circlePath.lng\"\n [radius]=\"radius\"\n [fillColor]=\"'red'\"\n [circleDraggable]=\"false\"\n [editable]=\"false\">\n </agm-circle>\n </ng-container>\n </ng-conatiner>\n </ng-container>\n </agm-map>\n </div>\n</div>\n", styles: [".image-map-view-container .image-map-body{width:fit-content;height:fit-content}.image-map-view-container .image-map-body agm-map{display:block;height:50vh;width:50vw}.cdk-global-overlay-wrapper:has(.image-map-box-container){justify-content:center!important;align-items:center!important}\n"] }]
56300
+ args: [{ selector: 'lib-image-map-view', encapsulation: ViewEncapsulation.None, template: "<div class=\"popup-container image-map-view-container\">\n <h1>Image location</h1>\n <button class=\"close-icon\" (click)=\"closeDialog()\"></button>\n <div class=\"image-map-body\">\n <agm-map [zoom]=\"zoom\" [fitBounds]=\"true\">\n <ng-container *ngFor=\"let agmOption of agmMangerOption;let indexOfagm=index;\"\n [ngSwitch]=\"agmOption.type\">\n <!-----------Markers shapes content-->\n <ng-conatiner *ngSwitchCase=\"'marker'\"> \n <ng-conatiner *ngFor=\"let pathsOfMarker of agmOption.path\">\n <agm-marker \n [agmFitBounds]=\"true\" \n [latitude]=\"pathsOfMarker.lat\" \n [longitude]=\"pathsOfMarker.lng\" \n (markerClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n <agm-snazzy-info-window \n *ngIf=\"agmOption.note\"\n [panOnOpen]=\"true\" \n [latitude]=\"pathsOfMarker.lat\" \n [longitude]=\"pathsOfMarker.lng\" \n [maxWidth]=\"400\" \n [maxHeight]=\"400\"\n [closeWhenOthersOpen]=\"true\" \n [showCloseButton]=\"true\" \n [isOpen]=\"agmOption.isOpen\">\n <ng-template>\n <div>{{agmOption.note}}</div>\n </ng-template>\n </agm-snazzy-info-window>\n </agm-marker>\n </ng-conatiner>\n </ng-conatiner>\n <!-----------Polygon shapes content-->\n <ng-container *ngSwitchCase=\"'polygon'\">\n <agm-polygon \n [paths]=\"agmOption.path\" \n fillColor=\"#8e8e8e\" \n fillOpacity=\".35\" \n strokeColor=\"#32a1d0\"\n (polyClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n <agm-snazzy-info-window \n *ngIf=\"agmOption.note\"\n [panOnOpen]=\"true\" \n [latitude]=\"agmOption.path[0].lat\" \n [longitude]=\"agmOption.path[0].lng\" \n [closeWhenOthersOpen]=\"true\"\n [closeOnMapClick]=\"true\" \n [showCloseButton]=\"true\" \n [isOpen]=\"agmOption.isOpen\">\n <ng-template>\n <div>{{agmOption.note}}</div>\n </ng-template>\n </agm-snazzy-info-window>\n </agm-polygon>\n </ng-container>\n <!-----------Polyline shapes content-->\n <ng-conatiner *ngSwitchCase=\"'polyline'\">\n <agm-polyline (lineClick)=\"openSnazzyInfoWindow(indexOfagm)\">\n <ng-container *ngFor=\"let polylinePath of agmOption.path\">\n <agm-polyline-point [latitude]=\"polylinePath.lat\" [longitude]=\"polylinePath.lng\">\n </agm-polyline-point>\n </ng-container>\n <agm-snazzy-info-window \n *ngIf=\"agmOption.note\"\n [panOnOpen]=\"true\" \n [latitude]=\"agmOption.path[0].lat\" \n [longitude]=\"agmOption.path[0].lng\" \n [closeWhenOthersOpen]=\"true\"\n [closeOnMapClick]=\"true\" \n [showCloseButton]=\"true\" \n [isOpen]=\"agmOption.isOpen\">\n <ng-template>\n <div>{{agmOption.note}}</div>\n </ng-template>\n </agm-snazzy-info-window>\n </agm-polyline>\n </ng-conatiner>\n <!-----------Circle shapes content-->\n <ng-conatiner *ngSwitchCase=\"'circle'\">\n <ng-container *ngFor=\"let circlePath of agmOption.path\">\n <agm-circle \n [latitude]=\"circlePath.lat\" \n [longitude]=\"circlePath.lng\"\n [radius]=\"radius\"\n [fillColor]=\"'red'\"\n [circleDraggable]=\"false\"\n [editable]=\"false\">\n </agm-circle>\n </ng-container>\n </ng-conatiner>\n </ng-container>\n </agm-map>\n </div>\n</div>\n", styles: [".image-map-view-container .image-map-body{width:fit-content;height:fit-content}.image-map-view-container .image-map-body agm-map{display:block;height:50vh;width:50vw}.cdk-global-overlay-wrapper:has(.image-map-box-container){justify-content:center!important;align-items:center!important}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"] }]
56320
56301
  }], function () { return [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
56321
56302
  type: Inject,
56322
56303
  args: [MAT_DIALOG_DATA]
@@ -56909,10 +56890,10 @@ ImageWidgetLightboxViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
56909
56890
  i0.ɵɵproperty("ngIf", ctx.annotation == null ? null : ctx.annotation.annotations.length);
56910
56891
  i0.ɵɵadvance(1);
56911
56892
  i0.ɵɵproperty("ngIf", (ctx.annotation == null ? null : ctx.annotation.annotations.length) === 0 || (ctx.annotation == null ? null : ctx.annotation.annotations) === null);
56912
- } }, directives: [i1$3.NgClass, i3$2.DefaultClassDirective, i1$3.NgIf, i2$1.MatIcon, i1$3.NgForOf, i1$3.NgStyle, i3$2.DefaultStyleDirective, i5.MatCard], styles: ["lib-image-widget-lightbox-view .light-box-container{height:100%;width:100%}lib-image-widget-lightbox-view .mat-left-container{position:relative;flex:70%;width:70%;display:flex;justify-content:center;align-items:center;background-color:#10172b}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-left-arrow{position:absolute;top:50%;left:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-right-arrow{position:absolute;top:50%;right:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .loaders{display:inline-block;width:2rem;height:2rem;border-width:4px;border-radius:100%;color:#a855f7;position:absolute;inset:50%;z-index:0}lib-image-widget-lightbox-view .mat-right-container{width:30%;flex:30%}lib-image-widget-lightbox-view .mat-right-container #close-icon{right:0;top:0;font-size:16px}lib-image-widget-lightbox-view .mat-right-container .comment-box-container{font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper{display:flex;height:3.374rem;align-items:center}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper .image-lightbox-index{height:1.313rem;min-width:1.313rem;min-height:1.313rem;text-align:center;border-radius:100%;font-size:12px;font-weight:600;color:#fff;line-height:1.413rem}lib-image-widget-lightbox-view .mat-right-container .comment-box-container mat-card{background:#F2F4FA;border:none;box-shadow:none!important;font-size:.8rem;font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view #annotationsCanvas{max-width:100%}lib-image-widget-lightbox-view .mat-card{min-width:auto}@media only screen and (max-width: 600px){lib-image-widget-lightbox-view .mat-left-container{flex:100%;width:100%}lib-image-widget-lightbox-view .mat-right-container{flex:100%;width:100%}lib-image-widget-lightbox-view #close-icon{top:.5rem!important}}lib-image-widget-lightbox-view .comments{font-size:1rem;cursor:default}lib-image-widget-lightbox-view .lightbox-image-zoom-in-out{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;grid-row-gap:.5rem;row-gap:.5rem;justify-content:center;align-items:center;margin-right:.4rem;margin-bottom:.6rem}lib-image-widget-lightbox-view .comment-box{cursor:default}.cdk-overlay-pane:not(:has(.light-box-container)){height:auto!important;width:auto!important}.mat-dialog-container:has(.light-box-container){height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important}\n"], encapsulation: 2 });
56893
+ } }, directives: [i1$3.NgClass, i3$2.DefaultClassDirective, i1$3.NgIf, i2$1.MatIcon, i1$3.NgForOf, i1$3.NgStyle, i3$2.DefaultStyleDirective, i5.MatCard], styles: ["lib-image-widget-lightbox-view .light-box-container{height:100%;width:100%}lib-image-widget-lightbox-view .mat-left-container{position:relative;flex:70%;width:70%;display:flex;justify-content:center;align-items:center;background-color:#10172b}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-left-arrow{position:absolute;top:50%;left:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-right-arrow{position:absolute;top:50%;right:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .loaders{display:inline-block;width:2rem;height:2rem;border-width:4px;border-radius:100%;color:#a855f7;position:absolute;inset:50%;z-index:0}lib-image-widget-lightbox-view .mat-right-container{width:30%;flex:30%}lib-image-widget-lightbox-view .mat-right-container #close-icon{right:0;top:0;font-size:16px}lib-image-widget-lightbox-view .mat-right-container .comment-box-container{font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper{display:flex;height:3.374rem;align-items:center}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper .image-lightbox-index{height:1.313rem;min-width:1.313rem;min-height:1.313rem;text-align:center;border-radius:100%;font-size:12px;font-weight:600;color:#fff;line-height:1.413rem}lib-image-widget-lightbox-view .mat-right-container .comment-box-container mat-card{background:#F2F4FA;border:none;box-shadow:none!important;font-size:.8rem;font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view #annotationsCanvas{max-width:100%}lib-image-widget-lightbox-view .mat-card{min-width:auto}@media only screen and (max-width: 600px){lib-image-widget-lightbox-view .mat-left-container{flex:100%;width:100%}lib-image-widget-lightbox-view .mat-right-container{flex:100%;width:100%}lib-image-widget-lightbox-view #close-icon{top:.5rem!important}}lib-image-widget-lightbox-view .comments{font-size:1rem;cursor:default}lib-image-widget-lightbox-view .lightbox-image-zoom-in-out{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;grid-row-gap:.5rem;row-gap:.5rem;justify-content:center;align-items:center;margin-right:.4rem;margin-bottom:.6rem}lib-image-widget-lightbox-view .comment-box{cursor:default}.cdk-overlay-pane:not(:has(.light-box-container)){height:auto!important;width:auto!important}.mat-dialog-container:has(.light-box-container){height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"], encapsulation: 2 });
56913
56894
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageWidgetLightboxViewComponent, [{
56914
56895
  type: Component,
56915
- args: [{ selector: 'lib-image-widget-lightbox-view', encapsulation: ViewEncapsulation.None, template: "<div mat-dialog-content class=\"light-box-container flex h-full flex-col sm:flex-row relative\">\n<div class=\"mat-left-container\">\n <canvas id=\"annotationsCanvas\" (click)=\"onCanvasClick($event)\" #canvas class=\"relative z-10\" [ngClass]=\"{'opacity-50': !imageLoaded}\">\n\n </canvas>\n <button *ngIf=\"!disablePreviousButton && imageLoaded\" (click)=\"showPreviousImage()\" [disabled]=\"!imageLoaded\"><mat-icon class=\"lightbox-image-left-arrow\" [svgIcon]=\"'axo_left_arrow'\" ></mat-icon></button>\n <button *ngIf=\"!disableNextButton && imageLoaded\" (click)=\"showNextImage()\" [disabled]=\"!imageLoaded\"><mat-icon class=\"lightbox-image-right-arrow\" [svgIcon]=\"'axo_right_arrow'\" ></mat-icon></button>\n <div class=\"lightbox-image-zoom-in-out\">\n <mat-icon *ngIf=\"isImageWithAnnotations\" (click)=\"showImageWithoutAnnotations()\" [svgIcon]=\"showImage ?'axo_anotation_show':'axo_anotation_hide'\" class=\"cursor-pointer eye-icon z-20\"></mat-icon>\n <mat-icon (click)=\"expandCanvas()\" [svgIcon]=\"isCanvasExpanded ?'axo_img_compress':'axo_fullscreen'\" class=\"cursor-pointer z-20\" [ngClass]=\"{'expand': isCanvasExpanded}\"></mat-icon>\n <mat-icon (click)=\"imageZoomIn()\" [svgIcon]=\"'axo_zoom_in'\" class=\"cursor-pointer z-20\"></mat-icon>\n <mat-icon (click)=\"imageZoomOut()\"[svgIcon]=\"'axo_zoom_out'\" class=\"cursor-pointer z-20\"></mat-icon>\n </div>\n <div class=\"\n spinner-border\n animate-spin\n loaders\n \" role=\"status\" *ngIf=\"!imageLoaded\" [ngClass]=\"{'z-50': !imageLoaded}\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n</div>\n\n <div class=\"mat-right-container sm:relative bg-white customscroll pl-5\">\n <div class=\"sticky top-0 pt-4 bg-white z-10 hidden sm:block\">\n <mat-icon svgIcon=\"axo_popup_close\" id=\"close-icon\" (click)=\"closeDialog()\" class=\"absolute\"></mat-icon>\n <div class=\"py-4 comments\">Comments</div>\n </div>\n <div class=\"block sm:hidden flex justify-between sticky top-0 z-10 bg-white\">\n <div class=\"py-4 bg-white commments\">Comments</div>\n <div class=\"block relative\">\n <mat-icon id=\"close-icon\" (click)=\"closeDialog()\" class=\"absolute\">close</mat-icon> \n </div>\n \n </div>\n <div class=\"comment-box axo-font text-sm\" *ngIf=\"annotation?.annotations.length\">\n <div class=\"comment-box-container flex gap-4 pb-4\" *ngFor=\"let item of annotation?.annotations; let i= index\">\n <div class=\"image-lightbox-index-wrapper\">\n <div class=\"image-lightbox-index\" [ngStyle]=\"{'background-color': item.color ,'border': (isAnnotationSelected && i === selectedAnnotationIndex && previouslySelectedAnnotationId === selectedAnnotationIndex) ?'1px solid #0000FF':''}\" (click)=\"selectAnnotation(i)\">{{i+1}}</div>\n </div>\n <mat-card class=\"w-full customscroll\" [ngStyle]=\"{'border': (isAnnotationSelected && i === selectedAnnotationIndex && previouslySelectedAnnotationId === selectedAnnotationIndex) ?'1px solid #0000FF':''}\" (click)=\"selectAnnotation(i)\">{{item.notes}}</mat-card> \n </div>\n </div>\n <div class=\"comment-box\" *ngIf=\"annotation?.annotations.length === 0 || annotation?.annotations === null\">No comments available\n \n </div>\n </div>\n</div>\n", styles: ["lib-image-widget-lightbox-view .light-box-container{height:100%;width:100%}lib-image-widget-lightbox-view .mat-left-container{position:relative;flex:70%;width:70%;display:flex;justify-content:center;align-items:center;background-color:#10172b}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-left-arrow{position:absolute;top:50%;left:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-right-arrow{position:absolute;top:50%;right:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .loaders{display:inline-block;width:2rem;height:2rem;border-width:4px;border-radius:100%;color:#a855f7;position:absolute;inset:50%;z-index:0}lib-image-widget-lightbox-view .mat-right-container{width:30%;flex:30%}lib-image-widget-lightbox-view .mat-right-container #close-icon{right:0;top:0;font-size:16px}lib-image-widget-lightbox-view .mat-right-container .comment-box-container{font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper{display:flex;height:3.374rem;align-items:center}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper .image-lightbox-index{height:1.313rem;min-width:1.313rem;min-height:1.313rem;text-align:center;border-radius:100%;font-size:12px;font-weight:600;color:#fff;line-height:1.413rem}lib-image-widget-lightbox-view .mat-right-container .comment-box-container mat-card{background:#F2F4FA;border:none;box-shadow:none!important;font-size:.8rem;font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view #annotationsCanvas{max-width:100%}lib-image-widget-lightbox-view .mat-card{min-width:auto}@media only screen and (max-width: 600px){lib-image-widget-lightbox-view .mat-left-container{flex:100%;width:100%}lib-image-widget-lightbox-view .mat-right-container{flex:100%;width:100%}lib-image-widget-lightbox-view #close-icon{top:.5rem!important}}lib-image-widget-lightbox-view .comments{font-size:1rem;cursor:default}lib-image-widget-lightbox-view .lightbox-image-zoom-in-out{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;grid-row-gap:.5rem;row-gap:.5rem;justify-content:center;align-items:center;margin-right:.4rem;margin-bottom:.6rem}lib-image-widget-lightbox-view .comment-box{cursor:default}.cdk-overlay-pane:not(:has(.light-box-container)){height:auto!important;width:auto!important}.mat-dialog-container:has(.light-box-container){height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important}\n"] }]
56896
+ args: [{ selector: 'lib-image-widget-lightbox-view', encapsulation: ViewEncapsulation.None, template: "<div mat-dialog-content class=\"light-box-container flex h-full flex-col sm:flex-row relative\">\n<div class=\"mat-left-container\">\n <canvas id=\"annotationsCanvas\" (click)=\"onCanvasClick($event)\" #canvas class=\"relative z-10\" [ngClass]=\"{'opacity-50': !imageLoaded}\">\n\n </canvas>\n <button *ngIf=\"!disablePreviousButton && imageLoaded\" (click)=\"showPreviousImage()\" [disabled]=\"!imageLoaded\"><mat-icon class=\"lightbox-image-left-arrow\" [svgIcon]=\"'axo_left_arrow'\" ></mat-icon></button>\n <button *ngIf=\"!disableNextButton && imageLoaded\" (click)=\"showNextImage()\" [disabled]=\"!imageLoaded\"><mat-icon class=\"lightbox-image-right-arrow\" [svgIcon]=\"'axo_right_arrow'\" ></mat-icon></button>\n <div class=\"lightbox-image-zoom-in-out\">\n <mat-icon *ngIf=\"isImageWithAnnotations\" (click)=\"showImageWithoutAnnotations()\" [svgIcon]=\"showImage ?'axo_anotation_show':'axo_anotation_hide'\" class=\"cursor-pointer eye-icon z-20\"></mat-icon>\n <mat-icon (click)=\"expandCanvas()\" [svgIcon]=\"isCanvasExpanded ?'axo_img_compress':'axo_fullscreen'\" class=\"cursor-pointer z-20\" [ngClass]=\"{'expand': isCanvasExpanded}\"></mat-icon>\n <mat-icon (click)=\"imageZoomIn()\" [svgIcon]=\"'axo_zoom_in'\" class=\"cursor-pointer z-20\"></mat-icon>\n <mat-icon (click)=\"imageZoomOut()\"[svgIcon]=\"'axo_zoom_out'\" class=\"cursor-pointer z-20\"></mat-icon>\n </div>\n <div class=\"\n spinner-border\n animate-spin\n loaders\n \" role=\"status\" *ngIf=\"!imageLoaded\" [ngClass]=\"{'z-50': !imageLoaded}\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n</div>\n\n <div class=\"mat-right-container sm:relative bg-white customscroll pl-5\">\n <div class=\"sticky top-0 pt-4 bg-white z-10 hidden sm:block\">\n <mat-icon svgIcon=\"axo_popup_close\" id=\"close-icon\" (click)=\"closeDialog()\" class=\"absolute\"></mat-icon>\n <div class=\"py-4 comments\">Comments</div>\n </div>\n <div class=\"block sm:hidden flex justify-between sticky top-0 z-10 bg-white\">\n <div class=\"py-4 bg-white commments\">Comments</div>\n <div class=\"block relative\">\n <mat-icon id=\"close-icon\" (click)=\"closeDialog()\" class=\"absolute\">close</mat-icon> \n </div>\n \n </div>\n <div class=\"comment-box axo-font text-sm\" *ngIf=\"annotation?.annotations.length\">\n <div class=\"comment-box-container flex gap-4 pb-4\" *ngFor=\"let item of annotation?.annotations; let i= index\">\n <div class=\"image-lightbox-index-wrapper\">\n <div class=\"image-lightbox-index\" [ngStyle]=\"{'background-color': item.color ,'border': (isAnnotationSelected && i === selectedAnnotationIndex && previouslySelectedAnnotationId === selectedAnnotationIndex) ?'1px solid #0000FF':''}\" (click)=\"selectAnnotation(i)\">{{i+1}}</div>\n </div>\n <mat-card class=\"w-full customscroll\" [ngStyle]=\"{'border': (isAnnotationSelected && i === selectedAnnotationIndex && previouslySelectedAnnotationId === selectedAnnotationIndex) ?'1px solid #0000FF':''}\" (click)=\"selectAnnotation(i)\">{{item.notes}}</mat-card> \n </div>\n </div>\n <div class=\"comment-box\" *ngIf=\"annotation?.annotations.length === 0 || annotation?.annotations === null\">No comments available\n \n </div>\n </div>\n</div>\n", styles: ["lib-image-widget-lightbox-view .light-box-container{height:100%;width:100%}lib-image-widget-lightbox-view .mat-left-container{position:relative;flex:70%;width:70%;display:flex;justify-content:center;align-items:center;background-color:#10172b}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-left-arrow{position:absolute;top:50%;left:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .lightbox-image-right-arrow{position:absolute;top:50%;right:1rem;cursor:pointer;z-index:20}lib-image-widget-lightbox-view .mat-left-container .loaders{display:inline-block;width:2rem;height:2rem;border-width:4px;border-radius:100%;color:#a855f7;position:absolute;inset:50%;z-index:0}lib-image-widget-lightbox-view .mat-right-container{width:30%;flex:30%}lib-image-widget-lightbox-view .mat-right-container #close-icon{right:0;top:0;font-size:16px}lib-image-widget-lightbox-view .mat-right-container .comment-box-container{font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper{display:flex;height:3.374rem;align-items:center}lib-image-widget-lightbox-view .mat-right-container .comment-box-container .image-lightbox-index-wrapper .image-lightbox-index{height:1.313rem;min-width:1.313rem;min-height:1.313rem;text-align:center;border-radius:100%;font-size:12px;font-weight:600;color:#fff;line-height:1.413rem}lib-image-widget-lightbox-view .mat-right-container .comment-box-container mat-card{background:#F2F4FA;border:none;box-shadow:none!important;font-size:.8rem;font-family:Open Sans,Arial,sans-serif}lib-image-widget-lightbox-view #annotationsCanvas{max-width:100%}lib-image-widget-lightbox-view .mat-card{min-width:auto}@media only screen and (max-width: 600px){lib-image-widget-lightbox-view .mat-left-container{flex:100%;width:100%}lib-image-widget-lightbox-view .mat-right-container{flex:100%;width:100%}lib-image-widget-lightbox-view #close-icon{top:.5rem!important}}lib-image-widget-lightbox-view .comments{font-size:1rem;cursor:default}lib-image-widget-lightbox-view .lightbox-image-zoom-in-out{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;grid-row-gap:.5rem;row-gap:.5rem;justify-content:center;align-items:center;margin-right:.4rem;margin-bottom:.6rem}lib-image-widget-lightbox-view .comment-box{cursor:default}.cdk-overlay-pane:not(:has(.light-box-container)){height:auto!important;width:auto!important}.mat-dialog-container:has(.light-box-container){height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important}\n", ".popup-container{min-width:20vw;min-height:fit-content;width:fit-content;height:fit-content;max-width:75vw;max-height:75vh;font-family:Inter var,Roboto;font-size:.875rem;position:relative}.popup-container h1{font-family:Inter var,Roboto!important;color:#1b2b4b;font-size:1.125rem;font-weight:500;line-height:28px;margin:0 0 1rem;text-transform:capitalize;width:fit-content}.popup-container p{color:#475467;font-weight:400;margin:0;line-height:20px}.popup-container label{display:block;color:#1b2b4b;font-weight:500;margin:0 0 .2rem}.popup-container .close-icon{height:24px;width:24px;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M18 6L6 18M6 6L18 18%22 stroke%3D%22%23667085%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");background-position:center;background-size:100%;position:absolute;top:0;right:0}.popup-container .action-btn-container{display:flex;justify-content:right;gap:.5rem;margin:1.5rem 0 0}.popup-container input[type=text],.popup-container input[type=number],.popup-container input[type=email],.popup-container textarea{display:block;border:1px solid #D0D5DD;border-radius:.375rem;width:100%;padding:.5rem 1rem;color:#1b2b4b;resize:none}.popup-container input[type=text]::placeholder,.popup-container input[type=number]::placeholder,.popup-container input[type=email]::placeholder,.popup-container textarea::placeholder{color:#a5a5a5}.popup-container input[type=text]:focus,.popup-container input[type=number]:focus,.popup-container input[type=email]:focus,.popup-container textarea:focus{border:1px solid #6C52ED}.popup-container .err-message-container{height:14px;line-height:12px;width:100%;margin-top:2px}.popup-container .err-message-container .error-message{color:#dc2626;font-size:12px;float:right}.popup-container .invalid-input{border:1px solid #dc2626!important}.popup-container .checkbox-container{display:flex;justify-content:start;align-items:center}.popup-container .checkbox-container input[type=checkbox]{width:fit-content;margin:0 .5rem 0 0}.stroke-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#344054}.stroke-btn:hover{background-color:#eff6ff}.fill-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:1px solid transparent;background-image:linear-gradient(to right,#4E4AEA,#3C88FC);color:#fff}.fill-btn:hover{opacity:.7}.publish-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;border:none;background-color:#e19965;color:#fff}.publish-btn:hover{opacity:.7}.delete-btn{box-sizing:border-box;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;width:fit-content;text-transform:capitalize;background-color:#fff;border:1px solid #D0D5DD;color:#dc2626}.delete-btn:hover{background-color:#eff6ff}\n"] }]
56916
56897
  }], function () { return [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
56917
56898
  type: Inject,
56918
56899
  args: [MAT_DIALOG_DATA]