ax-common-ui-lib 1.0.1-beta.34-testing1 → 1.0.1-beta.34-testing3
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.
- package/esm2020/lib/app-create-dialog-component/app-create-dialog-component.component.mjs +2 -2
- package/esm2020/lib/shared/comfirmation-modal/confirmation-modal.component.mjs +2 -2
- package/fesm2015/ax-common-ui-lib.mjs +4 -4
- package/fesm2015/ax-common-ui-lib.mjs.map +1 -1
- package/fesm2020/ax-common-ui-lib.mjs +4 -4
- package/fesm2020/ax-common-ui-lib.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -90,9 +90,9 @@ AppCreateDialogComponentComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
|
|
|
90
90
|
i0.ɵɵproperty("ngIf", ctx.showErrMessge.name && ctx.errMessage.name);
|
|
91
91
|
i0.ɵɵadvance(4);
|
|
92
92
|
i0.ɵɵproperty("ngModel", ctx.description);
|
|
93
|
-
} }, directives: [i2.DefaultValueAccessor, i2.RequiredValidator, i2.NgControlStatus, i2.NgModel, i3.NgClass, i3.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
|
|
93
|
+
} }, directives: [i2.DefaultValueAccessor, i2.RequiredValidator, i2.NgControlStatus, i2.NgModel, i3.NgClass, i3.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}"] });
|
|
94
94
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppCreateDialogComponentComponent, [{
|
|
95
95
|
type: Component,
|
|
96
|
-
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
|
|
96
|
+
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"] }]
|
|
97
97
|
}], function () { return [{ type: i1.MatDialogRef }]; }, null); })();
|
|
98
98
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWNyZWF0ZS1kaWFsb2ctY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9heC1jb21tb24tdWktbGliL3NyYy9saWIvYXBwLWNyZWF0ZS1kaWFsb2ctY29tcG9uZW50L2FwcC1jcmVhdGUtZGlhbG9nLWNvbXBvbmVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvYXgtY29tbW9uLXVpLWxpYi9zcmMvbGliL2FwcC1jcmVhdGUtZGlhbG9nLWNvbXBvbmVudC9hcHAtY3JlYXRlLWRpYWxvZy1jb21wb25lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztJQ01mLGdDQUEwRTtJQUFBLFlBQXFCO0lBQUEsaUJBQU87OztJQUE1QixlQUFxQjtJQUFyQiw0Q0FBcUI7OztBREN4SSxNQUFNLE9BQU8saUNBQWlDO0lBTzVDLFlBQW1CLFNBQTBEO1FBQTFELGNBQVMsR0FBVCxTQUFTLENBQWlEO1FBTDdFLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsZUFBVSxHQUFHLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBQzFCLGtCQUFhLEdBQUcsRUFBQyxJQUFJLEVBQUUsS0FBSyxFQUFDLENBQUM7SUFFa0QsQ0FBQztJQUVqRixRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztTQUMxRTthQUFNO1lBQ0wsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2Qsc0RBQXNEO1NBQ3ZEO0lBQ0gsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDL0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyw4QkFBOEIsQ0FBQztJQUN2RyxDQUFDOztrSEE3QlUsaUNBQWlDO29GQUFqQyxpQ0FBaUM7UUNSOUMsOEJBQThDO1FBQzNDLGlDQUFnRDtRQUFyQiw4R0FBUyxjQUFVLElBQUM7UUFBQyxpQkFBUztRQUMxRCwwQkFBSTtRQUFBLGdDQUFnQjtRQUFBLGlCQUFLO1FBQ3pCLDhCQUFpQztRQUMvQiwyQkFBSztRQUNILGdDQUFzQjtRQUFBLHdCQUFRO1FBQUEsaUJBQVE7UUFDdEMsZ0NBQW1MO1FBQWhLLHdKQUFrQiw4RkFBZ0MsWUFBUSxJQUF4QyxnR0FBbUQsYUFBUyxJQUE1RDtRQUFyQyxpQkFBbUw7UUFDbkwsOEJBQW1DO1FBQUEsc0ZBQXNHO1FBQUEsaUJBQU07UUFDakosaUJBQU07UUFDTiw0QkFBSztRQUNILGlDQUFzQjtRQUFBLDRCQUFXO1FBQUEsaUJBQVE7UUFDekMsb0NBQWdNO1FBQXRMLG1LQUF5QjtRQUE2SixpQkFBVztRQUM3TSxpQkFBTTtRQUNSLGlCQUFNO1FBQ04sK0JBQWtDO1FBQ2hDLG1DQUFnRDtRQUF4QywrR0FBUyxjQUFVLElBQUM7UUFBb0IsdUJBQU07UUFBQSxpQkFBUztRQUMvRCxtQ0FBK0M7UUFBdkMsK0dBQVMsY0FBVSxJQUFDO1FBQW1CLHVCQUFNO1FBQUEsaUJBQVM7UUFDaEUsaUJBQU07UUFDUixpQkFBTTs7UUFabUIsZUFBa0I7UUFBbEIsa0NBQWtCLHNGQUFBO1FBQ0ssZUFBMkM7UUFBM0Msb0VBQTJDO1FBSTNFLGVBQXlCO1FBQXpCLHlDQUF5Qjs7dUZESDVCLGlDQUFpQztjQUw3QyxTQUFTOzJCQUNFLGlDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtYXBwLWNyZWF0ZS1kaWFsb2ctY29tcG9uZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC1jcmVhdGUtZGlhbG9nLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcC1jcmVhdGUtZGlhbG9nLWNvbXBvbmVudC5jb21wb25lbnQuc2NzcycsIFwiLi4vLi4vc3R5bGVzL3N0eWxlcy5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIEFwcENyZWF0ZURpYWxvZ0NvbXBvbmVudENvbXBvbmVudCB7XG5cbiAgbmFtZTogc3RyaW5nID0gJyc7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmcgPSAnJztcbiAgZXJyTWVzc2FnZSA9IHsgbmFtZTogJycgfTtcbiAgc2hvd0Vyck1lc3NnZSA9IHtuYW1lOiBmYWxzZX07XG5cbiAgY29uc3RydWN0b3IocHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEFwcENyZWF0ZURpYWxvZ0NvbXBvbmVudENvbXBvbmVudD4pIHt9XG5cbiAgb25DYW5jZWwoKTogdm9pZCB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgfVxuXG4gIG9uU3VibWl0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm5hbWUudHJpbSgpKSB7XG4gICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh7IG5hbWU6IHRoaXMubmFtZSwgZGVzY3JpcHRpb246IHRoaXMuZGVzY3JpcHRpb24gfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMub25CbHVyKCk7XG4gICAgICAvLyBPcHRpb25hbDogRGlzcGxheSBhbiBlcnJvciBtZXNzYWdlIGlmIG5hbWUgaXMgZW1wdHlcbiAgICB9XG4gIH1cblxuICBvbkJsdXIoKXtcbiAgICB0aGlzLnNob3dFcnJNZXNzZ2UubmFtZSA9IHRydWU7XG4gICAgdGhpcy5vbklucHV0KCk7XG4gIH1cblxuICBvbklucHV0KCl7XG4gICAgdGhpcy5uYW1lLnRyaW0oKSA/IHRoaXMuZXJyTWVzc2FnZS5uYW1lID0gXCJcIiA6IHRoaXMuZXJyTWVzc2FnZS5uYW1lID0gXCJBcHAgbmFtZSBzaG91bGQgbm90IGJlIGVtcHR5XCI7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwb3B1cC1jb250YWluZXIgY3JlYXRlLWFwcC1wb3B1cFwiPlxuICAgPGJ1dHRvbiBjbGFzcz1cImNsb3NlLWljb25cIiAoY2xpY2spPVwib25DYW5jZWwoKVwiPjwvYnV0dG9uPlxuICA8aDE+Q3JlYXRlIGEgTmV3IEFwcDwvaDE+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC0yXCI+XG4gICAgPGRpdj5cbiAgICAgIDxsYWJlbCBmb3I9XCJhcHAtbmFtZVwiPkFwcCBOYW1lPC9sYWJlbD5cbiAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFsobmdNb2RlbCldPVwibmFtZVwiIGlkPVwiYXBwLW5hbWVcIiBjbGFzcz1cIlwiIChibHVyKT1cIm9uQmx1cigpXCIgKGlucHV0KT1cIm9uSW5wdXQoKVwiIFtuZ0NsYXNzXT1cInsnaW52YWxpZC1pbnB1dCc6IHNob3dFcnJNZXNzZ2UubmFtZSAmJiBlcnJNZXNzYWdlLm5hbWV9XCIgcmVxdWlyZWQgLz5cbiAgICAgIDxkaXYgY2xhc3M9XCJlcnItbWVzc2FnZS1jb250YWluZXJcIj48c3BhbiAqbmdJZj1cInNob3dFcnJNZXNzZ2UubmFtZSAmJiBlcnJNZXNzYWdlLm5hbWVcIiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIj57eyBlcnJNZXNzYWdlLm5hbWUgfX08L3NwYW4+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIDxsYWJlbCBmb3I9XCJhcHAtZGVzY1wiPkRlc2NyaXB0aW9uPC9sYWJlbD5cbiAgICAgIDx0ZXh0YXJlYSBbKG5nTW9kZWwpXT1cImRlc2NyaXB0aW9uXCIgaWQ9XCJhcHAtZGVzY1wiIHBsYWNlaG9sZGVyPVwiUGxlYXNlIHByb3ZpZGUgYSBkZXRhaWxlZCBkZXNjcmlwdGlvbiBvZiB5b3VyIGFwcCBzbyB0aGF0IG91ciBBSSBjYW4gYXNzaXN0IHlvdSBpbiBidWlsZGluZyB5b3VyIGFwcHMgZmFzdGVyLlwiIGNsYXNzPVwiXCIgcm93cz1cIjVcIj48L3RleHRhcmVhPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImFjdGlvbi1idG4tY29udGFpbmVyXCI+XG4gICAgPGJ1dHRvbiAoY2xpY2spPVwib25DYW5jZWwoKVwiIGNsYXNzPVwic3Ryb2tlLWJ0blwiPkNhbmNlbDwvYnV0dG9uPlxuICAgIDxidXR0b24gKGNsaWNrKT1cIm9uU3VibWl0KClcIiAgY2xhc3M9XCJmaWxsLWJ0blwiPkNyZWF0ZTwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -50,10 +50,10 @@ ConfirmationModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
|
|
|
50
50
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0, ctx.data.confirmButtonType === "delete"));
|
|
51
51
|
i0.ɵɵadvance(1);
|
|
52
52
|
i0.ɵɵtextInterpolate(ctx.data.confirmButtonText);
|
|
53
|
-
} }, directives: [i2.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
|
|
53
|
+
} }, directives: [i2.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 });
|
|
54
54
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationModalComponent, [{
|
|
55
55
|
type: Component,
|
|
56
|
-
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
|
|
56
|
+
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"] }]
|
|
57
57
|
}], function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
58
58
|
type: Inject,
|
|
59
59
|
args: [MAT_DIALOG_DATA]
|
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|