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/fesm2015/ax-common-ui-lib.mjs CHANGED
@@ -13499,11 +13499,11 @@ ConfirmationModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
13499
13499
  i0.ɵɵadvance(1);
13500
13500
  i0.ɵɵtextInterpolate(ctx.data.confirmButtonText);
13501
13501
  }
13502
- }, 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 });
13502
+ }, 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 });
13503
13503
  (function () {
13504
13504
  (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationModalComponent, [{
13505
13505
  type: Component,
13506
- 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"] }]
13506
+ 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"] }]
13507
13507
  }], function () {
13508
13508
  return [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
13509
13509
  type: Inject,
@@ -31594,11 +31594,11 @@ AppCreateDialogComponentComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
31594
31594
  i0.ɵɵadvance(4);
31595
31595
  i0.ɵɵproperty("ngModel", ctx.description);
31596
31596
  }
31597
- }, 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}"] });
31597
+ }, 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}"] });
31598
31598
  (function () {
31599
31599
  (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppCreateDialogComponentComponent, [{
31600
31600
  type: Component,
31601
- 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"] }]
31601
+ 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"] }]
31602
31602
  }], function () { return [{ type: i1$5.MatDialogRef }]; }, null);
31603
31603
  })();
31604
31604
 
@@ -57750,257 +57750,239 @@ function FormObjectListComponent_ng_container_0_ng_container_1_Template(rf, ctx)
57750
57750
  i0.ɵɵproperty("elementType", ctx_r1.GhostLoaderType.PaginationViewLoader);
57751
57751
  }
57752
57752
  }
57753
- function FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template(rf, ctx) {
57754
- if (rf & 1) {
57755
- const _r8 = i0.ɵɵgetCurrentView();
57756
- i0.ɵɵelementStart(0, "div", 13);
57757
- i0.ɵɵelementStart(1, "div", 14);
57758
- i0.ɵɵtext(2, "Trial expired");
57759
- i0.ɵɵelementEnd();
57760
- i0.ɵɵelementStart(3, "div", 14);
57761
- i0.ɵɵtext(4, "To continue viewing data please subscribe to a plan first.");
57762
- i0.ɵɵelementEnd();
57763
- i0.ɵɵelement(5, "br");
57764
- i0.ɵɵelementStart(6, "button", 15);
57765
- 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(); });
57766
- i0.ɵɵtext(7, "Upgrade");
57767
- i0.ɵɵelementEnd();
57768
- i0.ɵɵelementEnd();
57769
- }
57770
- }
57771
57753
  const _c0$d = function (a0) { return { "arrow-active": a0 }; };
57772
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_div_3_Template(rf, ctx) {
57754
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_div_3_Template(rf, ctx) {
57773
57755
  if (rf & 1) {
57774
- i0.ɵɵelementStart(0, "div", 25);
57775
- i0.ɵɵelementStart(1, "span", 26);
57756
+ i0.ɵɵelementStart(0, "div", 21);
57757
+ i0.ɵɵelementStart(1, "span", 22);
57776
57758
  i0.ɵɵtext(2);
57777
57759
  i0.ɵɵelementEnd();
57778
- i0.ɵɵelementStart(3, "div", 27);
57779
- i0.ɵɵelementStart(4, "div", 28);
57760
+ i0.ɵɵelementStart(3, "div", 23);
57761
+ i0.ɵɵelementStart(4, "div", 24);
57780
57762
  i0.ɵɵtext(5, "\u25B2");
57781
57763
  i0.ɵɵelementEnd();
57782
- i0.ɵɵelementStart(6, "div", 29);
57764
+ i0.ɵɵelementStart(6, "div", 25);
57783
57765
  i0.ɵɵtext(7, "\u25BC");
57784
57766
  i0.ɵɵelementEnd();
57785
57767
  i0.ɵɵelementEnd();
57786
57768
  i0.ɵɵelementEnd();
57787
57769
  }
57788
57770
  if (rf & 2) {
57789
- const column_r11 = i0.ɵɵnextContext().$implicit;
57790
- const ctx_r12 = i0.ɵɵnextContext(4);
57771
+ const column_r8 = i0.ɵɵnextContext().$implicit;
57772
+ const ctx_r9 = i0.ɵɵnextContext(4);
57791
57773
  i0.ɵɵadvance(2);
57792
- i0.ɵɵtextInterpolate(ctx_r12.orderedArray.indexOf(column_r11.widget == null ? null : column_r11.widget.identifier) + 1);
57774
+ i0.ɵɵtextInterpolate(ctx_r9.orderedArray.indexOf(column_r8.widget == null ? null : column_r8.widget.identifier) + 1);
57793
57775
  i0.ɵɵadvance(2);
57794
- 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));
57776
+ 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));
57795
57777
  i0.ɵɵadvance(2);
57796
- 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));
57778
+ 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));
57797
57779
  }
57798
57780
  }
57799
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_ng_template_4_Template(rf, ctx) {
57781
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_ng_template_4_Template(rf, ctx) {
57800
57782
  if (rf & 1) {
57801
- i0.ɵɵelementStart(0, "div", 25);
57802
- i0.ɵɵelementStart(1, "span", 30);
57783
+ i0.ɵɵelementStart(0, "div", 21);
57784
+ i0.ɵɵelementStart(1, "span", 26);
57803
57785
  i0.ɵɵtext(2);
57804
57786
  i0.ɵɵelementEnd();
57805
- i0.ɵɵelementStart(3, "div", 27);
57806
- i0.ɵɵelementStart(4, "div", 31);
57787
+ i0.ɵɵelementStart(3, "div", 23);
57788
+ i0.ɵɵelementStart(4, "div", 27);
57807
57789
  i0.ɵɵtext(5, "\u25B2");
57808
57790
  i0.ɵɵelementEnd();
57809
- i0.ɵɵelementStart(6, "div", 32);
57791
+ i0.ɵɵelementStart(6, "div", 28);
57810
57792
  i0.ɵɵtext(7, "\u25BC");
57811
57793
  i0.ɵɵelementEnd();
57812
57794
  i0.ɵɵelementEnd();
57813
57795
  i0.ɵɵelementEnd();
57814
57796
  }
57815
57797
  if (rf & 2) {
57816
- const column_r11 = i0.ɵɵnextContext().$implicit;
57817
- const ctx_r14 = i0.ɵɵnextContext(4);
57798
+ const column_r8 = i0.ɵɵnextContext().$implicit;
57799
+ const ctx_r11 = i0.ɵɵnextContext(4);
57818
57800
  i0.ɵɵadvance(2);
57819
- i0.ɵɵtextInterpolate(ctx_r14.orderedArray.indexOf(column_r11.widget == null ? null : column_r11.widget.identifier) + 1);
57801
+ i0.ɵɵtextInterpolate(ctx_r11.orderedArray.indexOf(column_r8.widget == null ? null : column_r8.widget.identifier) + 1);
57820
57802
  }
57821
57803
  }
57822
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template(rf, ctx) {
57804
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_Template(rf, ctx) {
57823
57805
  if (rf & 1) {
57824
- const _r18 = i0.ɵɵgetCurrentView();
57825
- i0.ɵɵelementStart(0, "th", 21);
57826
- 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); });
57827
- i0.ɵɵelementStart(1, "span", 22);
57806
+ const _r15 = i0.ɵɵgetCurrentView();
57807
+ i0.ɵɵelementStart(0, "th", 17);
57808
+ 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); });
57809
+ i0.ɵɵelementStart(1, "span", 18);
57828
57810
  i0.ɵɵtext(2);
57829
- i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_div_3_Template, 8, 7, "div", 23);
57830
- 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);
57811
+ i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_div_3_Template, 8, 7, "div", 19);
57812
+ 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);
57831
57813
  i0.ɵɵelementEnd();
57832
57814
  i0.ɵɵelementEnd();
57833
57815
  }
57834
57816
  if (rf & 2) {
57835
- const column_r11 = ctx.$implicit;
57836
- const _r13 = i0.ɵɵreference(5);
57837
- const ctx_r9 = i0.ɵɵnextContext(4);
57817
+ const column_r8 = ctx.$implicit;
57818
+ const _r10 = i0.ɵɵreference(5);
57819
+ const ctx_r6 = i0.ɵɵnextContext(4);
57838
57820
  i0.ɵɵadvance(1);
57839
- i0.ɵɵproperty("matTooltip", column_r11.widget == null ? null : column_r11.widget.prompt);
57821
+ i0.ɵɵproperty("matTooltip", column_r8.widget == null ? null : column_r8.widget.prompt);
57840
57822
  i0.ɵɵadvance(1);
57841
- i0.ɵɵtextInterpolate1("", column_r11.widget == null ? null : column_r11.widget.prompt, " ");
57823
+ i0.ɵɵtextInterpolate1("", column_r8.widget == null ? null : column_r8.widget.prompt, " ");
57842
57824
  i0.ɵɵadvance(1);
57843
- i0.ɵɵproperty("ngIf", ctx_r9.orderMap.get(column_r11.widget == null ? null : column_r11.widget.identifier))("ngIfElse", _r13);
57825
+ i0.ɵɵproperty("ngIf", ctx_r6.orderMap.get(column_r8.widget == null ? null : column_r8.widget.identifier))("ngIfElse", _r10);
57844
57826
  }
57845
57827
  }
57846
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_6_Template(rf, ctx) {
57828
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_6_Template(rf, ctx) {
57847
57829
  if (rf & 1) {
57848
- i0.ɵɵelementStart(0, "th", 33);
57830
+ i0.ɵɵelementStart(0, "th", 29);
57849
57831
  i0.ɵɵtext(1, "Status");
57850
57832
  i0.ɵɵelementEnd();
57851
57833
  }
57852
57834
  }
57853
- function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template(rf, ctx) {
57835
+ function FormObjectListComponent_ng_container_0_ng_container_2_tr_7_Template(rf, ctx) {
57854
57836
  if (rf & 1) {
57855
- const _r20 = i0.ɵɵgetCurrentView();
57837
+ const _r17 = i0.ɵɵgetCurrentView();
57856
57838
  i0.ɵɵelementStart(0, "tr");
57857
- i0.ɵɵelementStart(1, "th", 16);
57858
- i0.ɵɵelementStart(2, "input", 17);
57859
- 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); });
57839
+ i0.ɵɵelementStart(1, "th", 12);
57840
+ i0.ɵɵelementStart(2, "input", 13);
57841
+ 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); });
57860
57842
  i0.ɵɵelementEnd();
57861
57843
  i0.ɵɵelementEnd();
57862
- i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template, 6, 4, "th", 18);
57863
- i0.ɵɵelementStart(4, "th", 19);
57844
+ i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_3_Template, 6, 4, "th", 14);
57845
+ i0.ɵɵelementStart(4, "th", 15);
57864
57846
  i0.ɵɵtext(5, "Actions");
57865
57847
  i0.ɵɵelementEnd();
57866
- i0.ɵɵtemplate(6, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_6_Template, 2, 0, "th", 20);
57848
+ i0.ɵɵtemplate(6, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_th_6_Template, 2, 0, "th", 16);
57867
57849
  i0.ɵɵelementEnd();
57868
57850
  }
57869
57851
  if (rf & 2) {
57870
- const ctx_r4 = i0.ɵɵnextContext(3);
57852
+ const ctx_r3 = i0.ɵɵnextContext(3);
57871
57853
  i0.ɵɵadvance(3);
57872
- i0.ɵɵproperty("ngForOf", ctx_r4.listView.columns);
57854
+ i0.ɵɵproperty("ngForOf", ctx_r3.listView.columns);
57873
57855
  i0.ɵɵadvance(3);
57874
- i0.ɵɵproperty("ngIf", ctx_r4.appManifest == null ? null : ctx_r4.appManifest.enable_data_validity);
57856
+ i0.ɵɵproperty("ngIf", ctx_r3.appManifest == null ? null : ctx_r3.appManifest.enable_data_validity);
57875
57857
  }
57876
57858
  }
57877
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_1_Template(rf, ctx) {
57859
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_ng_container_1_Template(rf, ctx) {
57878
57860
  if (rf & 1) {
57879
57861
  i0.ɵɵelementContainerStart(0);
57880
- i0.ɵɵelement(1, "form-object-widget-value", 44);
57862
+ i0.ɵɵelement(1, "form-object-widget-value", 40);
57881
57863
  i0.ɵɵelementContainerEnd();
57882
57864
  }
57883
57865
  if (rf & 2) {
57884
- const ctx_r32 = i0.ɵɵnextContext();
57885
- const widget_r27 = ctx_r32.$implicit;
57886
- const widgetIndex_r28 = ctx_r32.index;
57887
- const formObject_r22 = i0.ɵɵnextContext().$implicit;
57888
- const ctx_r29 = i0.ɵɵnextContext(4);
57866
+ const ctx_r29 = i0.ɵɵnextContext();
57867
+ const widget_r24 = ctx_r29.$implicit;
57868
+ const widgetIndex_r25 = ctx_r29.index;
57869
+ const formObject_r19 = i0.ɵɵnextContext().$implicit;
57870
+ const ctx_r26 = i0.ɵɵnextContext(4);
57889
57871
  i0.ɵɵadvance(1);
57890
- 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);
57872
+ 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);
57891
57873
  }
57892
57874
  }
57893
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_2_Template(rf, ctx) {
57875
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_ng_container_2_Template(rf, ctx) {
57894
57876
  if (rf & 1) {
57895
57877
  i0.ɵɵelementContainerStart(0);
57896
- i0.ɵɵelementStart(1, "span", 45);
57878
+ i0.ɵɵelementStart(1, "span", 41);
57897
57879
  i0.ɵɵtext(2, "-");
57898
57880
  i0.ɵɵelementEnd();
57899
57881
  i0.ɵɵelementContainerEnd();
57900
57882
  }
57901
57883
  }
57902
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_Template(rf, ctx) {
57884
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_Template(rf, ctx) {
57903
57885
  if (rf & 1) {
57904
- i0.ɵɵelementStart(0, "td", 43);
57905
- 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);
57906
- 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);
57886
+ i0.ɵɵelementStart(0, "td", 39);
57887
+ 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);
57888
+ 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);
57907
57889
  i0.ɵɵelementEnd();
57908
57890
  }
57909
57891
  if (rf & 2) {
57910
- const widget_r27 = ctx.$implicit;
57911
- const ctx_r24 = i0.ɵɵnextContext(5);
57892
+ const widget_r24 = ctx.$implicit;
57893
+ const ctx_r21 = i0.ɵɵnextContext(5);
57912
57894
  i0.ɵɵadvance(1);
57913
- i0.ɵɵproperty("ngIf", widget_r27 == null ? null : widget_r27.value);
57895
+ i0.ɵɵproperty("ngIf", widget_r24 == null ? null : widget_r24.value);
57914
57896
  i0.ɵɵadvance(1);
57915
- 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);
57897
+ 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);
57916
57898
  }
57917
57899
  }
57918
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template(rf, ctx) {
57900
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_ng_container_7_Template(rf, ctx) {
57919
57901
  if (rf & 1) {
57920
- const _r35 = i0.ɵɵgetCurrentView();
57902
+ const _r32 = i0.ɵɵgetCurrentView();
57921
57903
  i0.ɵɵelementContainerStart(0);
57922
- i0.ɵɵelementStart(1, "div", 46);
57923
- 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); });
57904
+ i0.ɵɵelementStart(1, "div", 42);
57905
+ 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); });
57924
57906
  i0.ɵɵnamespaceSVG();
57925
- i0.ɵɵelementStart(2, "svg", 47);
57926
- i0.ɵɵelement(3, "path", 48);
57907
+ i0.ɵɵelementStart(2, "svg", 43);
57908
+ i0.ɵɵelement(3, "path", 44);
57927
57909
  i0.ɵɵelementEnd();
57928
57910
  i0.ɵɵelementEnd();
57929
57911
  i0.ɵɵelementContainerEnd();
57930
57912
  }
57931
57913
  }
57932
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template(rf, ctx) {
57914
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_8_Template(rf, ctx) {
57933
57915
  if (rf & 1) {
57934
- const _r38 = i0.ɵɵgetCurrentView();
57935
- i0.ɵɵelementStart(0, "td", 49);
57936
- i0.ɵɵelementStart(1, "mat-slide-toggle", 50);
57937
- 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(); });
57916
+ const _r35 = i0.ɵɵgetCurrentView();
57917
+ i0.ɵɵelementStart(0, "td", 45);
57918
+ i0.ɵɵelementStart(1, "mat-slide-toggle", 46);
57919
+ 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(); });
57938
57920
  i0.ɵɵelementEnd();
57939
57921
  i0.ɵɵelementEnd();
57940
57922
  }
57941
57923
  if (rf & 2) {
57942
- const formObject_r22 = i0.ɵɵnextContext().$implicit;
57943
- const ctx_r26 = i0.ɵɵnextContext(4);
57924
+ const formObject_r19 = i0.ɵɵnextContext().$implicit;
57925
+ const ctx_r23 = i0.ɵɵnextContext(4);
57944
57926
  i0.ɵɵadvance(1);
57945
- i0.ɵɵproperty("color", ctx_r26.primary)("checked", formObject_r22.isValid);
57927
+ i0.ɵɵproperty("color", ctx_r23.primary)("checked", formObject_r19.isValid);
57946
57928
  }
57947
57929
  }
57948
57930
  const _c1$8 = function (a0) { return { data: a0 }; };
57949
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template(rf, ctx) {
57931
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template(rf, ctx) {
57950
57932
  if (rf & 1) {
57951
- const _r42 = i0.ɵɵgetCurrentView();
57933
+ const _r39 = i0.ɵɵgetCurrentView();
57952
57934
  i0.ɵɵelementContainerStart(0);
57953
- i0.ɵɵelementStart(1, "tr", 36);
57954
- 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); });
57955
- i0.ɵɵelementStart(2, "td", 37);
57956
- 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(); });
57957
- i0.ɵɵelementStart(3, "input", 38);
57958
- 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); });
57935
+ i0.ɵɵelementStart(1, "tr", 32);
57936
+ 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); });
57937
+ i0.ɵɵelementStart(2, "td", 33);
57938
+ 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(); });
57939
+ i0.ɵɵelementStart(3, "input", 34);
57940
+ 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); });
57959
57941
  i0.ɵɵelementEnd();
57960
57942
  i0.ɵɵelementEnd();
57961
- i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_Template, 3, 2, "td", 39);
57962
- i0.ɵɵelementStart(5, "td", 40);
57963
- i0.ɵɵelementStart(6, "div", 41);
57964
- i0.ɵɵtemplate(7, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template, 4, 0, "ng-container", 0);
57943
+ i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_4_Template, 3, 2, "td", 35);
57944
+ i0.ɵɵelementStart(5, "td", 36);
57945
+ i0.ɵɵelementStart(6, "div", 37);
57946
+ i0.ɵɵtemplate(7, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_ng_container_7_Template, 4, 0, "ng-container", 0);
57965
57947
  i0.ɵɵelementEnd();
57966
57948
  i0.ɵɵelementEnd();
57967
- i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template, 2, 2, "td", 42);
57949
+ i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_td_8_Template, 2, 2, "td", 38);
57968
57950
  i0.ɵɵelementEnd();
57969
57951
  i0.ɵɵelementContainerEnd();
57970
57952
  }
57971
57953
  if (rf & 2) {
57972
- const formObject_r22 = ctx.$implicit;
57973
- const i_r23 = ctx.index;
57974
- const ctx_r21 = i0.ɵɵnextContext(4);
57954
+ const formObject_r19 = ctx.$implicit;
57955
+ const i_r20 = ctx.index;
57956
+ const ctx_r18 = i0.ɵɵnextContext(4);
57975
57957
  i0.ɵɵadvance(1);
57976
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$8, !(formObject_r22 == null ? null : formObject_r22.isValid)));
57958
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$8, !(formObject_r19 == null ? null : formObject_r19.isValid)));
57977
57959
  i0.ɵɵadvance(2);
57978
- i0.ɵɵproperty("ngModel", ctx_r21.selectedRows[i_r23]);
57960
+ i0.ɵɵproperty("ngModel", ctx_r18.selectedRows[i_r20]);
57979
57961
  i0.ɵɵadvance(1);
57980
- i0.ɵɵproperty("ngForOf", formObject_r22.widgets);
57962
+ i0.ɵɵproperty("ngForOf", formObject_r19.widgets);
57981
57963
  i0.ɵɵadvance(3);
57982
- i0.ɵɵproperty("ngIf", ctx_r21.form.ft === ctx_r21.formTypes.asset && !ctx_r21.form.hideEditButton);
57964
+ i0.ɵɵproperty("ngIf", ctx_r18.form.ft === ctx_r18.formTypes.asset && !ctx_r18.form.hideEditButton);
57983
57965
  i0.ɵɵadvance(1);
57984
- i0.ɵɵproperty("ngIf", ctx_r21.appManifest == null ? null : ctx_r21.appManifest.enable_data_validity);
57966
+ i0.ɵɵproperty("ngIf", ctx_r18.appManifest == null ? null : ctx_r18.appManifest.enable_data_validity);
57985
57967
  }
57986
57968
  }
57987
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template(rf, ctx) {
57969
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_Template(rf, ctx) {
57988
57970
  if (rf & 1) {
57989
- i0.ɵɵelementStart(0, "tbody", 34);
57990
- i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template, 9, 7, "ng-container", 35);
57971
+ i0.ɵɵelementStart(0, "tbody", 30);
57972
+ i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_ng_container_1_Template, 9, 7, "ng-container", 31);
57991
57973
  i0.ɵɵelementEnd();
57992
57974
  }
57993
57975
  if (rf & 2) {
57994
- const ctx_r5 = i0.ɵɵnextContext(3);
57976
+ const ctx_r4 = i0.ɵɵnextContext(3);
57995
57977
  i0.ɵɵadvance(1);
57996
- i0.ɵɵproperty("ngForOf", ctx_r5.listViewData);
57978
+ i0.ɵɵproperty("ngForOf", ctx_r4.listViewData);
57997
57979
  }
57998
57980
  }
57999
- function FormObjectListComponent_ng_container_0_ng_container_2_tbody_10_Template(rf, ctx) {
57981
+ function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template(rf, ctx) {
58000
57982
  if (rf & 1) {
58001
- i0.ɵɵelementStart(0, "tbody", 51);
58002
- i0.ɵɵelementStart(1, "tr", 52);
58003
- i0.ɵɵelementStart(2, "td", 53);
57983
+ i0.ɵɵelementStart(0, "tbody", 47);
57984
+ i0.ɵɵelementStart(1, "tr", 48);
57985
+ i0.ɵɵelementStart(2, "td", 49);
58004
57986
  i0.ɵɵtext(3, "No Data Found");
58005
57987
  i0.ɵɵelementEnd();
58006
57988
  i0.ɵɵelementEnd();
@@ -58011,23 +57993,22 @@ const _c2$6 = function (a0) { return { "mobile-view-height": a0 }; };
58011
57993
  const _c3$6 = function (a0) { return { "no-data-border": a0 }; };
58012
57994
  function FormObjectListComponent_ng_container_0_ng_container_2_Template(rf, ctx) {
58013
57995
  if (rf & 1) {
58014
- const _r47 = i0.ɵɵgetCurrentView();
57996
+ const _r44 = i0.ɵɵgetCurrentView();
58015
57997
  i0.ɵɵelementContainerStart(0);
58016
57998
  i0.ɵɵelementStart(1, "div", 1);
58017
57999
  i0.ɵɵelementStart(2, "div", 2);
58018
58000
  i0.ɵɵelementStart(3, "div", 3);
58019
- i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template, 8, 0, "div", 6);
58020
- i0.ɵɵelementStart(5, "div", 7);
58021
- i0.ɵɵelementStart(6, "table", 8);
58022
- i0.ɵɵelementStart(7, "thead", 9);
58023
- i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template, 7, 2, "tr", 0);
58001
+ i0.ɵɵelementStart(4, "div", 6);
58002
+ i0.ɵɵelementStart(5, "table", 7);
58003
+ i0.ɵɵelementStart(6, "thead", 8);
58004
+ i0.ɵɵtemplate(7, FormObjectListComponent_ng_container_0_ng_container_2_tr_7_Template, 7, 2, "tr", 0);
58024
58005
  i0.ɵɵelementEnd();
58025
- i0.ɵɵtemplate(9, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template, 2, 1, "tbody", 10);
58026
- i0.ɵɵtemplate(10, FormObjectListComponent_ng_container_0_ng_container_2_tbody_10_Template, 4, 0, "tbody", 11);
58006
+ i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tbody_8_Template, 2, 1, "tbody", 9);
58007
+ i0.ɵɵtemplate(9, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template, 4, 0, "tbody", 10);
58027
58008
  i0.ɵɵelementEnd();
58028
58009
  i0.ɵɵelementEnd();
58029
- i0.ɵɵelementStart(11, "mat-paginator", 12);
58030
- 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); });
58010
+ i0.ɵɵelementStart(10, "mat-paginator", 11);
58011
+ 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); });
58031
58012
  i0.ɵɵelementEnd();
58032
58013
  i0.ɵɵelementEnd();
58033
58014
  i0.ɵɵelementEnd();
@@ -58037,11 +58018,9 @@ function FormObjectListComponent_ng_container_0_ng_container_2_Template(rf, ctx)
58037
58018
  if (rf & 2) {
58038
58019
  const ctx_r2 = i0.ɵɵnextContext(2);
58039
58020
  i0.ɵɵadvance(4);
58040
- i0.ɵɵproperty("ngIf", !ctx_r2.isAccountStatusActive);
58041
- i0.ɵɵadvance(1);
58042
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c2$6, ctx_r2.showSearch));
58021
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c2$6, ctx_r2.showSearch));
58043
58022
  i0.ɵɵadvance(2);
58044
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c3$6, ctx_r2.listViewData.length === 0));
58023
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c3$6, ctx_r2.listViewData.length === 0));
58045
58024
  i0.ɵɵadvance(1);
58046
58025
  i0.ɵɵproperty("ngIf", (ctx_r2.listView == null ? null : ctx_r2.listView.columns == null ? null : ctx_r2.listView.columns.length) > 0);
58047
58026
  i0.ɵɵadvance(1);
@@ -58056,7 +58035,7 @@ function FormObjectListComponent_ng_container_0_Template(rf, ctx) {
58056
58035
  if (rf & 1) {
58057
58036
  i0.ɵɵelementContainerStart(0);
58058
58037
  i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_1_Template, 6, 2, "ng-container", 0);
58059
- i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_Template, 12, 15, "ng-container", 0);
58038
+ i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_Template, 11, 14, "ng-container", 0);
58060
58039
  i0.ɵɵelementContainerEnd();
58061
58040
  }
58062
58041
  if (rf & 2) {
@@ -58647,7 +58626,7 @@ class FormObjectListComponent {
58647
58626
  }
58648
58627
  }
58649
58628
  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)); };
58650
- 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) {
58629
+ 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) {
58651
58630
  if (rf & 1) {
58652
58631
  i0.ɵɵtemplate(0, FormObjectListComponent_ng_container_0_Template, 3, 2, "ng-container", 0);
58653
58632
  }
@@ -58658,7 +58637,7 @@ FormObjectListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: For
58658
58637
  (function () {
58659
58638
  (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormObjectListComponent, [{
58660
58639
  type: Component,
58661
- 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"] }]
58640
+ 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"] }]
58662
58641
  }], function () { return [{ type: FormObjectViewService }, { type: FormObjectListService }, { type: CommonLibConfigurationService }, { type: i2.Router }, { type: DataViewService }, { type: UserDataService }]; }, { listView: [{
58663
58642
  type: Input
58664
58643
  }], screenType: [{
@@ -60017,11 +59996,11 @@ ImageMapViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Image
60017
59996
  i0.ɵɵadvance(1);
60018
59997
  i0.ɵɵproperty("ngForOf", ctx.agmMangerOption);
60019
59998
  }
60020
- }, 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 });
59999
+ }, 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 });
60021
60000
  (function () {
60022
60001
  (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageMapViewComponent, [{
60023
60002
  type: Component,
60024
- 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"] }]
60003
+ 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"] }]
60025
60004
  }], function () {
60026
60005
  return [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
60027
60006
  type: Inject,
@@ -60659,11 +60638,11 @@ ImageWidgetLightboxViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
60659
60638
  i0.ɵɵadvance(1);
60660
60639
  i0.ɵɵproperty("ngIf", (ctx.annotation == null ? null : ctx.annotation.annotations.length) === 0 || (ctx.annotation == null ? null : ctx.annotation.annotations) === null);
60661
60640
  }
60662
- }, 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 });
60641
+ }, 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 });
60663
60642
  (function () {
60664
60643
  (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageWidgetLightboxViewComponent, [{
60665
60644
  type: Component,
60666
- 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"] }]
60645
+ 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"] }]
60667
60646
  }], function () {
60668
60647
  return [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
60669
60648
  type: Inject,