@piserve-tech/form-submission 1.3.317 → 1.3.319

package/esm2022/form-submission/next-prev-navigation/next-prev-navigation.component.mjs

@@ -0,0 +1,124 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../question/form-elements/form-elements.component";
+import * as i3 from "ngx-infinite-scroll";
+export class NextPrevNavigationComponent {
+    constructor() {
+        this.skipValidation = false;
+        this.currentPageIndex = 0;
+        this.pages = [];
+        this.previousPage = {};
+        this.nextPage = {};
+        this.currentPage = {};
+        this.pageDetails = [];
+        this.skipMargin = false;
+        this.navigateNext = new EventEmitter();
+        this.navigatePrevious = new EventEmitter();
+        this.submitEmit = new EventEmitter();
+        this.saveAsDraftEmit = new EventEmitter();
+        this.cancel = new EventEmitter();
+        this.edit = false;
+        this.acceptedLanguage = '';
+        this.subFormChange = new EventEmitter();
+        this.rowSetIndex = new EventEmitter();
+        this.primaryColor = '';
+        this.secondaryColor = '';
+        this.isActionTriggered = false;
+        this.submissionInProgress = false;
+        this.submissionInDraft = false;
+        this.eligibleForSubmission = { status: true, message: '' };
+        this.showCancelButton = false;
+        this.submissionProgress = 0;
+        this.currentStep = 'Submitting form';
+        this.animatedDots = '';
+        this.showTooltip = false;
+    }
+    ngOnInit() {
+    }
+    updateSubFormWithSubmissions(event) {
+        this.subFormChange.emit(event);
+    }
+    onNavigateNext() {
+        this.navigateNext.emit();
+    }
+    onNavigatePrevious() {
+        this.navigatePrevious.emit();
+    }
+    submitForm() {
+        this.submitEmit.emit();
+    }
+    saveAsDraft() {
+        this.saveAsDraftEmit.emit();
+    }
+    loadMoreData() {
+        this.rowSetIndex.emit(this.currentPageIndex);
+    }
+    toggleTooltip() {
+        this.showTooltip = !this.eligibleForSubmission.status;
+    }
+    cancelled() {
+        this.cancel.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NextPrevNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NextPrevNavigationComponent, selector: "lib-next-prev-navigation", inputs: { skipValidation: "skipValidation", currentPageIndex: "currentPageIndex", pages: "pages", previousPage: "previousPage", nextPage: "nextPage", currentPage: "currentPage", pageDetails: "pageDetails", skipMargin: "skipMargin", edit: "edit", acceptedLanguage: "acceptedLanguage", primaryColor: "primaryColor", secondaryColor: "secondaryColor", isActionTriggered: "isActionTriggered", submissionInProgress: "submissionInProgress", submissionInDraft: "submissionInDraft", eligibleForSubmission: "eligibleForSubmission", showCancelButton: "showCancelButton", submissionProgress: "submissionProgress", currentStep: "currentStep", animatedDots: "animatedDots" }, outputs: { navigateNext: "navigateNext", navigatePrevious: "navigatePrevious", submitEmit: "submitEmit", saveAsDraftEmit: "saveAsDraftEmit", cancel: "cancel", subFormChange: "subFormChange", rowSetIndex: "rowSetIndex" }, ngImport: i0, template: "<!-- <div class=\"pageTitleDiv\" *ngIf=\"!skipMargin\">\r\n  <p class=\"pageTitle\">{{pageDetails[currentPageIndex]?.name}}</p>\r\n</div> -->\r\n<div class=\"button-inner-container rounded\" [ngClass]=\"{ 'skip-margin': skipMargin}\">\r\n  <div class=\"tab-content pt-5 pb-3 row\" [attr.name]=\"pages[currentPageIndex].testElementName\">\r\n    <div class=\"data-container\"\r\n    infiniteScroll\r\n    [infiniteScrollDistance]=\"2\"\r\n    [infiniteScrollThrottle]=\"200\"\r\n    (scrolled)=\"loadMoreData()\">\r\n\r\n    <div *ngFor=\"let row of pages[currentPageIndex]?.rows\" class=\"marginSize d-flex\">\r\n      <div *ngFor=\"let grid of row.grid\"\r\n      [ngStyle]=\"{'width.%': (grid.element.count) * (100 / (12))}\">\r\n        <lib-form-elements\r\n          [grid]=\"grid\"\r\n          [currentPageIndex]=\"currentPageIndex\"\r\n          [edit]=\"edit\"\r\n          [acceptedLanguage]=\"acceptedLanguage\"\r\n          [pages]=\"pages\"\r\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\r\n          state=\"parent\"\r\n        ></lib-form-elements>\r\n      </div>\r\n    </div>\r\n    </div>\r\n   <div [ngStyle]=\"{ display: currentPageIndex === pageDetails.length - 1 ? 'block' : 'none' }\" id=\"captcha-container\"></div>\r\n\r\n    <div class=\"footerButton\">\r\n      <div\r\n        class=\"prevButtonDiv\"\r\n        [ngClass]=\"{ 'prevDirection-rtl': acceptedLanguage === 'ara' }\">\r\n        <button\r\n          class=\"me-md-2 rounded-pill navButton\"\r\n          [ngStyle]=\"{ 'background-color': primaryColor ? primaryColor: '#084fff' }\"\r\n          type=\"button\"\r\n          (click)=\"onNavigatePrevious()\"\r\n          *ngIf=\"0 < currentPageIndex\"\r\n        >\r\n          <ng-container *ngIf=\"acceptedLanguage === 'ara'; else defaultSvg\">\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M19.4897 12.0117L4.49975 12.0117\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M13.486 6.02344L19.502 12.0004L13.486 17.9774\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-container>\r\n          <ng-template #defaultSvg>\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M4.51025 11.9883L19.5003 11.9883\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M10.514 17.9766L4.49805 11.9996L10.514 6.02256\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-template>\r\n          Previous | {{ previousPage.name }}\r\n        </button>\r\n      </div>\r\n      <div\r\n        class=\"nextButtonDiv\"\r\n        [ngClass]=\"{ 'nextDirection-rtl': acceptedLanguage === 'ara' }\"\r\n      >\r\n        <button\r\n          class=\"md-2 rounded-pill navButton\"\r\n          [ngStyle]=\"{ 'background-color': primaryColor ? primaryColor: '#084fff' }\"\r\n          type=\"button\"\r\n          (click)=\"onNavigateNext()\"\r\n          *ngIf=\"currentPageIndex < pageDetails.length - 1\"\r\n        >\r\n          Next | {{ nextPage.name }}\r\n          <ng-container *ngIf=\"acceptedLanguage === 'ara'; else defaultSvg\">\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M4.51025 11.9883L19.5003 11.9883\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M10.514 17.9766L4.49805 11.9996L10.514 6.02256\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-container>\r\n          <ng-template #defaultSvg>\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M19.4897 12.0117L4.49975 12.0117\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M13.486 6.02344L19.502 12.0004L13.486 17.9774\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-template>\r\n        </button>\r\n        <button *ngIf=\"showCancelButton && currentPageIndex == pageDetails.length - 1\" class=\"btn submitButton rounded-pill bg-secondary text-white\"\r\n        (click)=\"cancelled()\" type=\"button\"\r\n        >Cancel</button>\r\n        <div\r\n             *ngIf=\"skipValidation\"\r\n            class=\"button-container position-relative\"\r\n            (mouseenter)=\"showTooltip = true\"\r\n            (mouseleave)=\"showTooltip = false\"\r\n          >\r\n          <button\r\n          class=\"submitBtn ms-md-2 me-md-2 rounded-pill d-flex align-items-center justify-content-center\"\r\n          [ngStyle]=\"{ 'background-color': secondaryColor ? secondaryColor : '#084fff' }\"\r\n          type=\"button\"\r\n          *ngIf=\"currentPageIndex == pageDetails.length - 1 && !isActionTriggered\"\r\n          (click)=\"saveAsDraft()\"\r\n          [disabled]=\"!eligibleForSubmission.status || submissionInDraft\"\r\n        >\r\n          <ng-container *ngIf=\"submissionInDraft; else showSubmitText\">\r\n\r\n            <span class=\"spinner-border spinner-border-sm me-2\" role=\"status\" aria-hidden=\"true\"></span>\r\n            Submitting...\r\n          </ng-container>\r\n          <ng-template #showSubmitText>\r\n            Save Draft\r\n          </ng-template>\r\n        </button>\r\n           <div *ngIf=\"showTooltip && !eligibleForSubmission.status\" class=\"custom-tooltip\">\r\n              {{eligibleForSubmission.message}}\r\n            </div>\r\n      </div>\r\n\r\n  <div\r\n            class=\"button-container position-relative\"\r\n            (mouseenter)=\"showTooltip = true\"\r\n            (mouseleave)=\"showTooltip = false\"\r\n          >\r\n          <button\r\n          class=\"submitBtn ms-md-2 me-md-2 rounded-pill d-flex align-items-center justify-content-center\"\r\n          [ngStyle]=\"{ 'background-color': primaryColor ? primaryColor : '#084fff' }\"\r\n          type=\"button\"\r\n          *ngIf=\"currentPageIndex == pageDetails.length - 1 && !isActionTriggered\"\r\n          (click)=\"submitForm()\"\r\n          [disabled]=\"!eligibleForSubmission.status || submissionInProgress\"\r\n        >\r\n          <ng-container *ngIf=\"submissionInProgress; else showSubmitText\">\r\n            <span class=\"spinner-border spinner-border-sm me-2\" role=\"status\" aria-hidden=\"true\"></span>\r\n            Submitting...\r\n          </ng-container>\r\n          <ng-template #showSubmitText>\r\n            Submit\r\n          </ng-template>\r\n        </button>\r\n           <div *ngIf=\"showTooltip && !eligibleForSubmission.status\" class=\"custom-tooltip\">\r\n              {{eligibleForSubmission.message}}\r\n            </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"submissionInProgress\" class=\"text-loader\">\r\n    {{ currentStep }}{{ animatedDots }}\r\n    <span class=\"percentage\">{{ submissionProgress }}%</span>\r\n  </div>\r\n</div>\r\n", styles: [".pageTitle{font-size:15px;font-weight:500}#captcha-container{display:flex;justify-content:center;align-items:center;padding-left:1.8rem}.grecaptcha-popup{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999;border-radius:50%}@media (max-width: 480px){.g-recaptcha{transform:scale(.85);transform-origin:center}}.pageTitleDiv{padding-left:3rem;padding-top:3rem;padding-right:3rem}@media (max-width: 1024px){.pageTitleDiv{padding-left:1rem;padding-right:1rem;padding-top:2rem}}@media (max-width: 576px){.pageTitleDiv{padding-left:.4rem;padding-right:.4rem;padding-top:1.5rem}}.button-inner-container{width:100%;position:relative;padding:2rem}@media (max-width: 1024px){.button-inner-container{padding-left:1rem;padding-right:1rem}}@media (max-width: 576px){.button-inner-container{padding:.1rem .5rem 2rem}}.skip-margin{padding:0}@media (max-width: 576px){.marginSize{padding:0!important}}.footerButton{padding:10px 32px 16px 30px;display:flex;flex-wrap:wrap}@media (max-width: 576px){.footerButton{padding-left:20px;padding-right:17px}}.navButton{color:#fff;border:none;padding:10px 8px;width:auto}.submitBtn{color:#fff;border:none;padding:10px 27px;width:auto}.prevButtonDiv{display:flex;justify-content:center;margin-bottom:5px}.nextButtonDiv{display:flex;justify-content:flex-end;margin-left:auto;margin-bottom:5px}.nextDirection-rtl{margin-left:0;margin-right:auto}.tab-content,.row{background-color:#fff}.spinner-border{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.custom-tooltip{visibility:hidden;position:absolute;top:-40px;right:0;background:#efefef;color:#7b7878;padding:8px 12px;border-radius:12px;box-shadow:0 4px 8px #00000026;font-size:14px;white-space:nowrap;z-index:10}.custom-tooltip.warning{background:linear-gradient(135deg,gold,#ffb400)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footerButton:hover .custom-tooltip{visibility:visible}.text-loader{font-size:14px;font-weight:500;padding:8px 12px;border-radius:6px;align-items:center;gap:8px;display:flex;justify-content:center}.percentage{font-weight:600;color:var(--primaryColor, #084fff)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.FormElementsComponent, selector: "lib-form-elements", inputs: ["currentPageIndex", "edit", "acceptedLanguage", "answer", "grid", "state", "pages"], outputs: ["subFormChange"] }, { kind: "directive", type: i3.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NextPrevNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-next-prev-navigation', template: "<!-- <div class=\"pageTitleDiv\" *ngIf=\"!skipMargin\">\r\n  <p class=\"pageTitle\">{{pageDetails[currentPageIndex]?.name}}</p>\r\n</div> -->\r\n<div class=\"button-inner-container rounded\" [ngClass]=\"{ 'skip-margin': skipMargin}\">\r\n  <div class=\"tab-content pt-5 pb-3 row\" [attr.name]=\"pages[currentPageIndex].testElementName\">\r\n    <div class=\"data-container\"\r\n    infiniteScroll\r\n    [infiniteScrollDistance]=\"2\"\r\n    [infiniteScrollThrottle]=\"200\"\r\n    (scrolled)=\"loadMoreData()\">\r\n\r\n    <div *ngFor=\"let row of pages[currentPageIndex]?.rows\" class=\"marginSize d-flex\">\r\n      <div *ngFor=\"let grid of row.grid\"\r\n      [ngStyle]=\"{'width.%': (grid.element.count) * (100 / (12))}\">\r\n        <lib-form-elements\r\n          [grid]=\"grid\"\r\n          [currentPageIndex]=\"currentPageIndex\"\r\n          [edit]=\"edit\"\r\n          [acceptedLanguage]=\"acceptedLanguage\"\r\n          [pages]=\"pages\"\r\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\r\n          state=\"parent\"\r\n        ></lib-form-elements>\r\n      </div>\r\n    </div>\r\n    </div>\r\n   <div [ngStyle]=\"{ display: currentPageIndex === pageDetails.length - 1 ? 'block' : 'none' }\" id=\"captcha-container\"></div>\r\n\r\n    <div class=\"footerButton\">\r\n      <div\r\n        class=\"prevButtonDiv\"\r\n        [ngClass]=\"{ 'prevDirection-rtl': acceptedLanguage === 'ara' }\">\r\n        <button\r\n          class=\"me-md-2 rounded-pill navButton\"\r\n          [ngStyle]=\"{ 'background-color': primaryColor ? primaryColor: '#084fff' }\"\r\n          type=\"button\"\r\n          (click)=\"onNavigatePrevious()\"\r\n          *ngIf=\"0 < currentPageIndex\"\r\n        >\r\n          <ng-container *ngIf=\"acceptedLanguage === 'ara'; else defaultSvg\">\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M19.4897 12.0117L4.49975 12.0117\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M13.486 6.02344L19.502 12.0004L13.486 17.9774\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-container>\r\n          <ng-template #defaultSvg>\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M4.51025 11.9883L19.5003 11.9883\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M10.514 17.9766L4.49805 11.9996L10.514 6.02256\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-template>\r\n          Previous | {{ previousPage.name }}\r\n        </button>\r\n      </div>\r\n      <div\r\n        class=\"nextButtonDiv\"\r\n        [ngClass]=\"{ 'nextDirection-rtl': acceptedLanguage === 'ara' }\"\r\n      >\r\n        <button\r\n          class=\"md-2 rounded-pill navButton\"\r\n          [ngStyle]=\"{ 'background-color': primaryColor ? primaryColor: '#084fff' }\"\r\n          type=\"button\"\r\n          (click)=\"onNavigateNext()\"\r\n          *ngIf=\"currentPageIndex < pageDetails.length - 1\"\r\n        >\r\n          Next | {{ nextPage.name }}\r\n          <ng-container *ngIf=\"acceptedLanguage === 'ara'; else defaultSvg\">\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M4.51025 11.9883L19.5003 11.9883\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M10.514 17.9766L4.49805 11.9996L10.514 6.02256\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-container>\r\n          <ng-template #defaultSvg>\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n              <path\r\n                d=\"M19.4897 12.0117L4.49975 12.0117\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n              <path\r\n                d=\"M13.486 6.02344L19.502 12.0004L13.486 17.9774\"\r\n                stroke=\"white\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          </ng-template>\r\n        </button>\r\n        <button *ngIf=\"showCancelButton && currentPageIndex == pageDetails.length - 1\" class=\"btn submitButton rounded-pill bg-secondary text-white\"\r\n        (click)=\"cancelled()\" type=\"button\"\r\n        >Cancel</button>\r\n        <div\r\n             *ngIf=\"skipValidation\"\r\n            class=\"button-container position-relative\"\r\n            (mouseenter)=\"showTooltip = true\"\r\n            (mouseleave)=\"showTooltip = false\"\r\n          >\r\n          <button\r\n          class=\"submitBtn ms-md-2 me-md-2 rounded-pill d-flex align-items-center justify-content-center\"\r\n          [ngStyle]=\"{ 'background-color': secondaryColor ? secondaryColor : '#084fff' }\"\r\n          type=\"button\"\r\n          *ngIf=\"currentPageIndex == pageDetails.length - 1 && !isActionTriggered\"\r\n          (click)=\"saveAsDraft()\"\r\n          [disabled]=\"!eligibleForSubmission.status || submissionInDraft\"\r\n        >\r\n          <ng-container *ngIf=\"submissionInDraft; else showSubmitText\">\r\n\r\n            <span class=\"spinner-border spinner-border-sm me-2\" role=\"status\" aria-hidden=\"true\"></span>\r\n            Submitting...\r\n          </ng-container>\r\n          <ng-template #showSubmitText>\r\n            Save Draft\r\n          </ng-template>\r\n        </button>\r\n           <div *ngIf=\"showTooltip && !eligibleForSubmission.status\" class=\"custom-tooltip\">\r\n              {{eligibleForSubmission.message}}\r\n            </div>\r\n      </div>\r\n\r\n  <div\r\n            class=\"button-container position-relative\"\r\n            (mouseenter)=\"showTooltip = true\"\r\n            (mouseleave)=\"showTooltip = false\"\r\n          >\r\n          <button\r\n          class=\"submitBtn ms-md-2 me-md-2 rounded-pill d-flex align-items-center justify-content-center\"\r\n          [ngStyle]=\"{ 'background-color': primaryColor ? primaryColor : '#084fff' }\"\r\n          type=\"button\"\r\n          *ngIf=\"currentPageIndex == pageDetails.length - 1 && !isActionTriggered\"\r\n          (click)=\"submitForm()\"\r\n          [disabled]=\"!eligibleForSubmission.status || submissionInProgress\"\r\n        >\r\n          <ng-container *ngIf=\"submissionInProgress; else showSubmitText\">\r\n            <span class=\"spinner-border spinner-border-sm me-2\" role=\"status\" aria-hidden=\"true\"></span>\r\n            Submitting...\r\n          </ng-container>\r\n          <ng-template #showSubmitText>\r\n            Submit\r\n          </ng-template>\r\n        </button>\r\n           <div *ngIf=\"showTooltip && !eligibleForSubmission.status\" class=\"custom-tooltip\">\r\n              {{eligibleForSubmission.message}}\r\n            </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"submissionInProgress\" class=\"text-loader\">\r\n    {{ currentStep }}{{ animatedDots }}\r\n    <span class=\"percentage\">{{ submissionProgress }}%</span>\r\n  </div>\r\n</div>\r\n", styles: [".pageTitle{font-size:15px;font-weight:500}#captcha-container{display:flex;justify-content:center;align-items:center;padding-left:1.8rem}.grecaptcha-popup{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999;border-radius:50%}@media (max-width: 480px){.g-recaptcha{transform:scale(.85);transform-origin:center}}.pageTitleDiv{padding-left:3rem;padding-top:3rem;padding-right:3rem}@media (max-width: 1024px){.pageTitleDiv{padding-left:1rem;padding-right:1rem;padding-top:2rem}}@media (max-width: 576px){.pageTitleDiv{padding-left:.4rem;padding-right:.4rem;padding-top:1.5rem}}.button-inner-container{width:100%;position:relative;padding:2rem}@media (max-width: 1024px){.button-inner-container{padding-left:1rem;padding-right:1rem}}@media (max-width: 576px){.button-inner-container{padding:.1rem .5rem 2rem}}.skip-margin{padding:0}@media (max-width: 576px){.marginSize{padding:0!important}}.footerButton{padding:10px 32px 16px 30px;display:flex;flex-wrap:wrap}@media (max-width: 576px){.footerButton{padding-left:20px;padding-right:17px}}.navButton{color:#fff;border:none;padding:10px 8px;width:auto}.submitBtn{color:#fff;border:none;padding:10px 27px;width:auto}.prevButtonDiv{display:flex;justify-content:center;margin-bottom:5px}.nextButtonDiv{display:flex;justify-content:flex-end;margin-left:auto;margin-bottom:5px}.nextDirection-rtl{margin-left:0;margin-right:auto}.tab-content,.row{background-color:#fff}.spinner-border{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.custom-tooltip{visibility:hidden;position:absolute;top:-40px;right:0;background:#efefef;color:#7b7878;padding:8px 12px;border-radius:12px;box-shadow:0 4px 8px #00000026;font-size:14px;white-space:nowrap;z-index:10}.custom-tooltip.warning{background:linear-gradient(135deg,gold,#ffb400)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footerButton:hover .custom-tooltip{visibility:visible}.text-loader{font-size:14px;font-weight:500;padding:8px 12px;border-radius:6px;align-items:center;gap:8px;display:flex;justify-content:center}.percentage{font-weight:600;color:var(--primaryColor, #084fff)}\n"] }]
+        }], propDecorators: { skipValidation: [{
+                type: Input
+            }], currentPageIndex: [{
+                type: Input
+            }], pages: [{
+                type: Input
+            }], previousPage: [{
+                type: Input
+            }], nextPage: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], pageDetails: [{
+                type: Input
+            }], skipMargin: [{
+                type: Input
+            }], navigateNext: [{
+                type: Output
+            }], navigatePrevious: [{
+                type: Output
+            }], submitEmit: [{
+                type: Output
+            }], saveAsDraftEmit: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], edit: [{
+                type: Input
+            }], acceptedLanguage: [{
+                type: Input
+            }], subFormChange: [{
+                type: Output
+            }], rowSetIndex: [{
+                type: Output
+            }], primaryColor: [{
+                type: Input
+            }], secondaryColor: [{
+                type: Input
+            }], isActionTriggered: [{
+                type: Input
+            }], submissionInProgress: [{
+                type: Input
+            }], submissionInDraft: [{
+                type: Input
+            }], eligibleForSubmission: [{
+                type: Input
+            }], showCancelButton: [{
+                type: Input
+            }], submissionProgress: [{
+                type: Input
+            }], currentStep: [{
+                type: Input
+            }], animatedDots: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV4dC1wcmV2LW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1zdWJtaXNzaW9uL3NyYy9mb3JtLXN1Ym1pc3Npb24vbmV4dC1wcmV2LW5hdmlnYXRpb24vbmV4dC1wcmV2LW5hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1zdWJtaXNzaW9uL3NyYy9mb3JtLXN1Ym1pc3Npb24vbmV4dC1wcmV2LW5hdmlnYXRpb24vbmV4dC1wcmV2LW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPdkUsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQU9ZLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBQ2pDLHFCQUFnQixHQUFXLENBQUMsQ0FBQztRQUM3QixVQUFLLEdBQVUsRUFBRSxDQUFDO1FBQ2xCLGlCQUFZLEdBQVEsRUFBRSxDQUFDO1FBQ3ZCLGFBQVEsR0FBUSxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBUSxFQUFFLENBQUM7UUFDdEIsZ0JBQVcsR0FBVSxFQUFFLENBQUM7UUFDeEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUMzQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFDeEQsb0JBQWUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUM3RCxXQUFNLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0QsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUN0QixxQkFBZ0IsR0FBVSxFQUFFLENBQUM7UUFDNUIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMxQyxpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUM1QixzQkFBaUIsR0FBWSxLQUFLLENBQUM7UUFDbkMseUJBQW9CLEdBQVksS0FBSyxDQUFDO1FBQ3RDLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUNsQywwQkFBcUIsR0FBd0MsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQztRQUM1RixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFDbEMsdUJBQWtCLEdBQUcsQ0FBQyxDQUFDO1FBQ3ZCLGdCQUFXLEdBQUcsaUJBQWlCLENBQUM7UUFDaEMsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFDM0IsZ0JBQVcsR0FBWSxLQUFLLENBQUM7S0FxQzlCO0lBcENDLFFBQVE7SUFDUixDQUFDO0lBR0QsNEJBQTRCLENBQUMsS0FBVTtRQUNyQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBR0QsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFQSxhQUFhO1FBQ2IsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLENBQUM7SUFDeEQsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7K0dBakVZLDJCQUEyQjttR0FBM0IsMkJBQTJCLG03QkNQeEMsb3hRQStNQTs7NEZEeE1hLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSwwQkFBMEI7OEJBTTFCLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0UsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRSxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0kscUJBQXFCO3NCQUE5QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLW5leHQtcHJldi1uYXZpZ2F0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbmV4dC1wcmV2LW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL25leHQtcHJldi1uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5leHRQcmV2TmF2aWdhdGlvbkNvbXBvbmVudCB7XHJcblxyXG4gICBASW5wdXQoKSBza2lwVmFsaWRhdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGN1cnJlbnRQYWdlSW5kZXg6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgcGFnZXM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgcHJldmlvdXNQYWdlOiBhbnkgPSB7fTtcclxuICBASW5wdXQoKSBuZXh0UGFnZTogYW55ID0ge307XHJcbiAgQElucHV0KCkgY3VycmVudFBhZ2U6IGFueSA9IHt9O1xyXG4gIEBJbnB1dCgpIHBhZ2VEZXRhaWxzOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHNraXBNYXJnaW46IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgbmF2aWdhdGVOZXh0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBuYXZpZ2F0ZVByZXZpb3VzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBzdWJtaXRFbWl0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBzYXZlQXNEcmFmdEVtaXQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIGNhbmNlbDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBASW5wdXQoKSBlZGl0OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYWNjZXB0ZWRMYW5ndWFnZTogc3RyaW5nID0nJztcclxuICBAT3V0cHV0KCkgc3ViRm9ybUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSByb3dTZXRJbmRleCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gIEBJbnB1dCgpIHByaW1hcnlDb2xvcjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc2Vjb25kYXJ5Q29sb3I6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGlzQWN0aW9uVHJpZ2dlcmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc3VibWlzc2lvbkluUHJvZ3Jlc3M6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzdWJtaXNzaW9uSW5EcmFmdDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpICBlbGlnaWJsZUZvclN1Ym1pc3Npb246eyBzdGF0dXM6IGJvb2xlYW47IG1lc3NhZ2U6IHN0cmluZyB9ID0geyBzdGF0dXM6IHRydWUsIG1lc3NhZ2U6ICcnIH07XHJcbiAgQElucHV0KCkgc2hvd0NhbmNlbEJ1dHRvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHN1Ym1pc3Npb25Qcm9ncmVzcyA9IDA7XHJcbiAgQElucHV0KCkgY3VycmVudFN0ZXAgPSAnU3VibWl0dGluZyBmb3JtJztcclxuICBASW5wdXQoKSBhbmltYXRlZERvdHMgPSAnJztcclxuICBzaG93VG9vbHRpcDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIG5nT25Jbml0KCl7XHJcbiAgfVxyXG5cclxuXHJcbiAgdXBkYXRlU3ViRm9ybVdpdGhTdWJtaXNzaW9ucyhldmVudDogYW55KSB7XHJcbiAgICB0aGlzLnN1YkZvcm1DaGFuZ2UuZW1pdChldmVudCk7XHJcbiAgfVxyXG5cclxuICBvbk5hdmlnYXRlTmV4dCgpIHtcclxuICAgIHRoaXMubmF2aWdhdGVOZXh0LmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG9uTmF2aWdhdGVQcmV2aW91cygpIHtcclxuICAgIHRoaXMubmF2aWdhdGVQcmV2aW91cy5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBzdWJtaXRGb3JtKCkge1xyXG4gICAgdGhpcy5zdWJtaXRFbWl0LmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHNhdmVBc0RyYWZ0KCkge1xyXG4gICAgdGhpcy5zYXZlQXNEcmFmdEVtaXQuZW1pdCgpO1xyXG4gIH1cclxuXHJcblxyXG4gIGxvYWRNb3JlRGF0YSgpOiB2b2lkIHtcclxuICAgIHRoaXMucm93U2V0SW5kZXguZW1pdCh0aGlzLmN1cnJlbnRQYWdlSW5kZXgpO1xyXG4gfVxyXG5cclxuICB0b2dnbGVUb29sdGlwKCkge1xyXG4gIHRoaXMuc2hvd1Rvb2x0aXAgPSAhdGhpcy5lbGlnaWJsZUZvclN1Ym1pc3Npb24uc3RhdHVzO1xyXG59XHJcblxyXG5jYW5jZWxsZWQoKXtcclxuICB0aGlzLmNhbmNlbC5lbWl0KCk7XHJcbn1cclxufVxyXG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJwYWdlVGl0bGVEaXZcIiAqbmdJZj1cIiFza2lwTWFyZ2luXCI+XHJcbiAgPHAgY2xhc3M9XCJwYWdlVGl0bGVcIj57e3BhZ2VEZXRhaWxzW2N1cnJlbnRQYWdlSW5kZXhdPy5uYW1lfX08L3A+XHJcbjwvZGl2PiAtLT5cclxuPGRpdiBjbGFzcz1cImJ1dHRvbi1pbm5lci1jb250YWluZXIgcm91bmRlZFwiIFtuZ0NsYXNzXT1cInsgJ3NraXAtbWFyZ2luJzogc2tpcE1hcmdpbn1cIj5cclxuICA8ZGl2IGNsYXNzPVwidGFiLWNvbnRlbnQgcHQtNSBwYi0zIHJvd1wiIFthdHRyLm5hbWVdPVwicGFnZXNbY3VycmVudFBhZ2VJbmRleF0udGVzdEVsZW1lbnROYW1lXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIlxyXG4gICAgaW5maW5pdGVTY3JvbGxcclxuICAgIFtpbmZpbml0ZVNjcm9sbERpc3RhbmNlXT1cIjJcIlxyXG4gICAgW2luZmluaXRlU2Nyb2xsVGhyb3R0bGVdPVwiMjAwXCJcclxuICAgIChzY3JvbGxlZCk9XCJsb2FkTW9yZURhdGEoKVwiPlxyXG5cclxuICAgIDxkaXYgKm5nRm9yPVwibGV0IHJvdyBvZiBwYWdlc1tjdXJyZW50UGFnZUluZGV4XT8ucm93c1wiIGNsYXNzPVwibWFyZ2luU2l6ZSBkLWZsZXhcIj5cclxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZ3JpZCBvZiByb3cuZ3JpZFwiXHJcbiAgICAgIFtuZ1N0eWxlXT1cInsnd2lkdGguJSc6IChncmlkLmVsZW1lbnQuY291bnQpICogKDEwMCAvICgxMikpfVwiPlxyXG4gICAgICAgIDxsaWItZm9ybS1lbGVtZW50c1xyXG4gICAgICAgICAgW2dyaWRdPVwiZ3JpZFwiXHJcbiAgICAgICAgICBbY3VycmVudFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcclxuICAgICAgICAgIFtlZGl0XT1cImVkaXRcIlxyXG4gICAgICAgICAgW2FjY2VwdGVkTGFuZ3VhZ2VdPVwiYWNjZXB0ZWRMYW5ndWFnZVwiXHJcbiAgICAgICAgICBbcGFnZXNdPVwicGFnZXNcIlxyXG4gICAgICAgICAgKHN1YkZvcm1DaGFuZ2UpPVwidXBkYXRlU3ViRm9ybVdpdGhTdWJtaXNzaW9ucygkZXZlbnQpXCJcclxuICAgICAgICAgIHN0YXRlPVwicGFyZW50XCJcclxuICAgICAgICA+PC9saWItZm9ybS1lbGVtZW50cz5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICA8ZGl2IFtuZ1N0eWxlXT1cInsgZGlzcGxheTogY3VycmVudFBhZ2VJbmRleCA9PT0gcGFnZURldGFpbHMubGVuZ3RoIC0gMSA/ICdibG9jaycgOiAnbm9uZScgfVwiIGlkPVwiY2FwdGNoYS1jb250YWluZXJcIj48L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyQnV0dG9uXCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInByZXZCdXR0b25EaXZcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ3ByZXZEaXJlY3Rpb24tcnRsJzogYWNjZXB0ZWRMYW5ndWFnZSA9PT0gJ2FyYScgfVwiPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwibWUtbWQtMiByb3VuZGVkLXBpbGwgbmF2QnV0dG9uXCJcclxuICAgICAgICAgIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtY29sb3InOiBwcmltYXJ5Q29sb3IgPyBwcmltYXJ5Q29sb3I6ICcjMDg0ZmZmJyB9XCJcclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uTmF2aWdhdGVQcmV2aW91cygpXCJcclxuICAgICAgICAgICpuZ0lmPVwiMCA8IGN1cnJlbnRQYWdlSW5kZXhcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhY2NlcHRlZExhbmd1YWdlID09PSAnYXJhJzsgZWxzZSBkZWZhdWx0U3ZnXCI+XHJcbiAgICAgICAgICAgIDxzdmdcclxuICAgICAgICAgICAgICB3aWR0aD1cIjI0XCJcclxuICAgICAgICAgICAgICBoZWlnaHQ9XCIyNFwiXHJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXHJcbiAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMTkuNDg5NyAxMi4wMTE3TDQuNDk5NzUgMTIuMDExN1wiXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9XCJ3aGl0ZVwiXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTEzLjQ4NiA2LjAyMzQ0TDE5LjUwMiAxMi4wMDA0TDEzLjQ4NiAxNy45Nzc0XCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZT1cIndoaXRlXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRTdmc+XHJcbiAgICAgICAgICAgIDxzdmdcclxuICAgICAgICAgICAgICB3aWR0aD1cIjI0XCJcclxuICAgICAgICAgICAgICBoZWlnaHQ9XCIyNFwiXHJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXHJcbiAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNNC41MTAyNSAxMS45ODgzTDE5LjUwMDMgMTEuOTg4M1wiXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9XCJ3aGl0ZVwiXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTEwLjUxNCAxNy45NzY2TDQuNDk4MDUgMTEuOTk5NkwxMC41MTQgNi4wMjI1NlwiXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9XCJ3aGl0ZVwiXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICBQcmV2aW91cyB8IHt7IHByZXZpb3VzUGFnZS5uYW1lIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJuZXh0QnV0dG9uRGl2XCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICduZXh0RGlyZWN0aW9uLXJ0bCc6IGFjY2VwdGVkTGFuZ3VhZ2UgPT09ICdhcmEnIH1cIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgY2xhc3M9XCJtZC0yIHJvdW5kZWQtcGlsbCBuYXZCdXR0b25cIlxyXG4gICAgICAgICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IHByaW1hcnlDb2xvciA/IHByaW1hcnlDb2xvcjogJyMwODRmZmYnIH1cIlxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAoY2xpY2spPVwib25OYXZpZ2F0ZU5leHQoKVwiXHJcbiAgICAgICAgICAqbmdJZj1cImN1cnJlbnRQYWdlSW5kZXggPCBwYWdlRGV0YWlscy5sZW5ndGggLSAxXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICBOZXh0IHwge3sgbmV4dFBhZ2UubmFtZSB9fVxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjY2VwdGVkTGFuZ3VhZ2UgPT09ICdhcmEnOyBlbHNlIGRlZmF1bHRTdmdcIj5cclxuICAgICAgICAgICAgPHN2Z1xyXG4gICAgICAgICAgICAgIHdpZHRoPVwiMjRcIlxyXG4gICAgICAgICAgICAgIGhlaWdodD1cIjI0XCJcclxuICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcclxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXHJcbiAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgZD1cIk00LjUxMDI1IDExLjk4ODNMMTkuNTAwMyAxMS45ODgzXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZT1cIndoaXRlXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMTAuNTE0IDE3Ljk3NjZMNC40OTgwNSAxMS45OTk2TDEwLjUxNCA2LjAyMjU2XCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZT1cIndoaXRlXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRTdmc+XHJcbiAgICAgICAgICAgIDxzdmdcclxuICAgICAgICAgICAgICB3aWR0aD1cIjI0XCJcclxuICAgICAgICAgICAgICBoZWlnaHQ9XCIyNFwiXHJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXHJcbiAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgIGQ9XCJNMTkuNDg5NyAxMi4wMTE3TDQuNDk5NzUgMTIuMDExN1wiXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9XCJ3aGl0ZVwiXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICBkPVwiTTEzLjQ4NiA2LjAyMzQ0TDE5LjUwMiAxMi4wMDA0TDEzLjQ4NiAxNy45Nzc0XCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZT1cIndoaXRlXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwic2hvd0NhbmNlbEJ1dHRvbiAmJiBjdXJyZW50UGFnZUluZGV4ID09IHBhZ2VEZXRhaWxzLmxlbmd0aCAtIDFcIiBjbGFzcz1cImJ0biBzdWJtaXRCdXR0b24gcm91bmRlZC1waWxsIGJnLXNlY29uZGFyeSB0ZXh0LXdoaXRlXCJcclxuICAgICAgICAoY2xpY2spPVwiY2FuY2VsbGVkKClcIiB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICA+Q2FuY2VsPC9idXR0b24+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgKm5nSWY9XCJza2lwVmFsaWRhdGlvblwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiYnV0dG9uLWNvbnRhaW5lciBwb3NpdGlvbi1yZWxhdGl2ZVwiXHJcbiAgICAgICAgICAgIChtb3VzZWVudGVyKT1cInNob3dUb29sdGlwID0gdHJ1ZVwiXHJcbiAgICAgICAgICAgIChtb3VzZWxlYXZlKT1cInNob3dUb29sdGlwID0gZmFsc2VcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgY2xhc3M9XCJzdWJtaXRCdG4gbXMtbWQtMiBtZS1tZC0yIHJvdW5kZWQtcGlsbCBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIlxyXG4gICAgICAgICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IHNlY29uZGFyeUNvbG9yID8gc2Vjb25kYXJ5Q29sb3IgOiAnIzA4NGZmZicgfVwiXHJcbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICpuZ0lmPVwiY3VycmVudFBhZ2VJbmRleCA9PSBwYWdlRGV0YWlscy5sZW5ndGggLSAxICYmICFpc0FjdGlvblRyaWdnZXJlZFwiXHJcbiAgICAgICAgICAoY2xpY2spPVwic2F2ZUFzRHJhZnQoKVwiXHJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIWVsaWdpYmxlRm9yU3VibWlzc2lvbi5zdGF0dXMgfHwgc3VibWlzc2lvbkluRHJhZnRcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzdWJtaXNzaW9uSW5EcmFmdDsgZWxzZSBzaG93U3VibWl0VGV4dFwiPlxyXG5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWJvcmRlciBzcGlubmVyLWJvcmRlci1zbSBtZS0yXCIgcm9sZT1cInN0YXR1c1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgU3VibWl0dGluZy4uLlxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI3Nob3dTdWJtaXRUZXh0PlxyXG4gICAgICAgICAgICBTYXZlIERyYWZ0XHJcbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgIDxkaXYgKm5nSWY9XCJzaG93VG9vbHRpcCAmJiAhZWxpZ2libGVGb3JTdWJtaXNzaW9uLnN0YXR1c1wiIGNsYXNzPVwiY3VzdG9tLXRvb2x0aXBcIj5cclxuICAgICAgICAgICAgICB7e2VsaWdpYmxlRm9yU3VibWlzc2lvbi5tZXNzYWdlfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICA8ZGl2XHJcbiAgICAgICAgICAgIGNsYXNzPVwiYnV0dG9uLWNvbnRhaW5lciBwb3NpdGlvbi1yZWxhdGl2ZVwiXHJcbiAgICAgICAgICAgIChtb3VzZWVudGVyKT1cInNob3dUb29sdGlwID0gdHJ1ZVwiXHJcbiAgICAgICAgICAgIChtb3VzZWxlYXZlKT1cInNob3dUb29sdGlwID0gZmFsc2VcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgY2xhc3M9XCJzdWJtaXRCdG4gbXMtbWQtMiBtZS1tZC0yIHJvdW5kZWQtcGlsbCBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIlxyXG4gICAgICAgICAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IHByaW1hcnlDb2xvciA/IHByaW1hcnlDb2xvciA6ICcjMDg0ZmZmJyB9XCJcclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgKm5nSWY9XCJjdXJyZW50UGFnZUluZGV4ID09IHBhZ2VEZXRhaWxzLmxlbmd0aCAtIDEgJiYgIWlzQWN0aW9uVHJpZ2dlcmVkXCJcclxuICAgICAgICAgIChjbGljayk9XCJzdWJtaXRGb3JtKClcIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFlbGlnaWJsZUZvclN1Ym1pc3Npb24uc3RhdHVzIHx8IHN1Ym1pc3Npb25JblByb2dyZXNzXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic3VibWlzc2lvbkluUHJvZ3Jlc3M7IGVsc2Ugc2hvd1N1Ym1pdFRleHRcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWJvcmRlciBzcGlubmVyLWJvcmRlci1zbSBtZS0yXCIgcm9sZT1cInN0YXR1c1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgU3VibWl0dGluZy4uLlxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgI3Nob3dTdWJtaXRUZXh0PlxyXG4gICAgICAgICAgICBTdWJtaXRcclxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgPGRpdiAqbmdJZj1cInNob3dUb29sdGlwICYmICFlbGlnaWJsZUZvclN1Ym1pc3Npb24uc3RhdHVzXCIgY2xhc3M9XCJjdXN0b20tdG9vbHRpcFwiPlxyXG4gICAgICAgICAgICAgIHt7ZWxpZ2libGVGb3JTdWJtaXNzaW9uLm1lc3NhZ2V9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cInN1Ym1pc3Npb25JblByb2dyZXNzXCIgY2xhc3M9XCJ0ZXh0LWxvYWRlclwiPlxyXG4gICAge3sgY3VycmVudFN0ZXAgfX17eyBhbmltYXRlZERvdHMgfX1cclxuICAgIDxzcGFuIGNsYXNzPVwicGVyY2VudGFnZVwiPnt7IHN1Ym1pc3Npb25Qcm9ncmVzcyB9fSU8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/form-submission/save-as-draft/saveDraftModalComponent .mjs

@@ -0,0 +1,50 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+export class SaveDraftModalComponent {
+    get primaryColorRgb() {
+        let hex = this.primaryColor.trim().replace('#', '');
+        const defaultHex = "0d6efd";
+        if (!hex)
+            hex = defaultHex;
+        let s = hex.trim().replace(/^#/, "").toLowerCase();
+        // Ensure only valid hex chars
+        if (!/^[0-9a-f]+$/.test(s)) {
+            s = defaultHex;
+        }
+        // Expand shorthand (3/4 digits → 6/8 digits)
+        if (s.length === 3 || s.length === 4) {
+            s = s.split("").map(ch => ch + ch).join("");
+        }
+        // If still invalid length, fallback
+        if (s.length !== 6 && s.length !== 8) {
+            s = defaultHex;
+        }
+        const r = parseInt(s.slice(0, 2), 16);
+        const g = parseInt(s.slice(2, 4), 16);
+        const b = parseInt(s.slice(4, 6), 16);
+        return `${r}, ${g}, ${b}`;
+    }
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.primaryColor = data.primaryColor || '#0d6efd';
+    }
+    saveAsDraft() {
+        this.dialogRef.close(true);
+    }
+    continueEditing() {
+        this.dialogRef.close(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveDraftModalComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SaveDraftModalComponent, selector: "lib-form-submission-conformation", ngImport: i0, template: "<div class=\"save-draft-modal\"\r\n     [style.--primary-color]=\"primaryColor\"\r\n     [style.--primary-color-rgb]=\"primaryColorRgb\">\r\n  <div class=\"modal-card\">\r\n    <div class=\"status-icon\">\r\n      <div class=\"icon-wrapper\">\r\n        <i class=\"bi bi-file-earmark-text-fill\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    <h3>Form Submission Incomplete</h3>\r\n    <p class=\"subheader\">We noticed some information needs attention</p>\r\n\r\n    <div class=\"message-card\">\r\n      <div class=\"message-content\">\r\n        <p>Your form contains:</p>\r\n        <ul>\r\n          <li><i class=\"bi bi-x-circle\"></i> Missing required fields</li>\r\n          <li><i class=\"bi bi-exclamation-triangle\"></i> Incorrectly formatted answers</li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button class=\"btn btn-continue\" (click)=\"continueEditing()\">\r\n        <i class=\"bi bi-pencil-square\"></i> Continue Editing\r\n      </button>\r\n      <button class=\"btn btn-save\" (click)=\"saveAsDraft()\">\r\n        <i class=\"bi bi-cloud-arrow-up\"></i> Save as Draft\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".save-draft-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;animation:fadeIn .25s ease-out forwards}.save-draft-modal .modal-card{background:#fff;border-radius:12px;width:90%;max-width:480px;min-height:300px;padding:2.5rem;box-shadow:0 10px 30px #0003;margin:20px;position:relative;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.1);transform:scale(.98);animation:scaleIn .25s ease-out forwards .1s}.save-draft-modal .status-icon{text-align:center;margin-bottom:1.5rem;flex-shrink:0}.save-draft-modal .status-icon .icon-wrapper{display:inline-flex;background:linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 90%,white));box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);width:70px;height:70px;border-radius:50%;align-items:center;justify-content:center}.save-draft-modal .status-icon .icon-wrapper i{color:#fff;font-size:2.2rem}.save-draft-modal h3{color:#2c3e50;text-align:center;margin-bottom:.5rem;font-weight:700;font-size:1.5rem}.save-draft-modal .subheader{color:#6c757d;text-align:center;margin-bottom:1.5rem;font-size:1rem}.save-draft-modal .message-card{background:#f8f9fa;border-radius:8px;padding:1.25rem;margin-bottom:2rem;border-left:4px solid var(--primary-color);transition:transform .2s ease}.save-draft-modal .message-card:hover{transform:translateY(-2px)}.save-draft-modal .message-card .message-content p{color:#495057;font-weight:500;margin-bottom:.75rem}.save-draft-modal .message-card .message-content ul{list-style:none;padding-left:0;margin-bottom:0}.save-draft-modal .message-card .message-content ul li{color:#495057;margin-bottom:.5rem;display:flex;align-items:center;font-size:.95rem}.save-draft-modal .message-card .message-content ul li i{margin-right:.5rem;font-size:1.1rem}.save-draft-modal .message-card .message-content ul li .bi-x-circle{color:#dc3545}.save-draft-modal .message-card .message-content ul li .bi-exclamation-triangle{color:#ffc107}.save-draft-modal .action-buttons{margin-top:auto;flex-shrink:0;display:flex;gap:1rem}.save-draft-modal .action-buttons .btn{flex:1;padding:.8rem;border-radius:8px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:none}.save-draft-modal .action-buttons .btn i{margin-right:.5rem;font-size:1.1rem}.save-draft-modal .action-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.save-draft-modal .action-buttons .btn:active{transform:translateY(0)}.save-draft-modal .action-buttons .btn-continue{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.save-draft-modal .action-buttons .btn-continue:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,white)}.save-draft-modal .action-buttons .btn-save{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.save-draft-modal .action-buttons .btn-save:hover{background-color:color-mix(in srgb,var(--primary-color) 95%,black)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 576px){.save-draft-modal .modal-card{padding:1.5rem;min-height:auto;height:auto;max-height:90vh;overflow-y:auto}.save-draft-modal .action-buttons{flex-direction:column}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveDraftModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-form-submission-conformation', template: "<div class=\"save-draft-modal\"\r\n     [style.--primary-color]=\"primaryColor\"\r\n     [style.--primary-color-rgb]=\"primaryColorRgb\">\r\n  <div class=\"modal-card\">\r\n    <div class=\"status-icon\">\r\n      <div class=\"icon-wrapper\">\r\n        <i class=\"bi bi-file-earmark-text-fill\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    <h3>Form Submission Incomplete</h3>\r\n    <p class=\"subheader\">We noticed some information needs attention</p>\r\n\r\n    <div class=\"message-card\">\r\n      <div class=\"message-content\">\r\n        <p>Your form contains:</p>\r\n        <ul>\r\n          <li><i class=\"bi bi-x-circle\"></i> Missing required fields</li>\r\n          <li><i class=\"bi bi-exclamation-triangle\"></i> Incorrectly formatted answers</li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"action-buttons\">\r\n      <button class=\"btn btn-continue\" (click)=\"continueEditing()\">\r\n        <i class=\"bi bi-pencil-square\"></i> Continue Editing\r\n      </button>\r\n      <button class=\"btn btn-save\" (click)=\"saveAsDraft()\">\r\n        <i class=\"bi bi-cloud-arrow-up\"></i> Save as Draft\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".save-draft-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;animation:fadeIn .25s ease-out forwards}.save-draft-modal .modal-card{background:#fff;border-radius:12px;width:90%;max-width:480px;min-height:300px;padding:2.5rem;box-shadow:0 10px 30px #0003;margin:20px;position:relative;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.1);transform:scale(.98);animation:scaleIn .25s ease-out forwards .1s}.save-draft-modal .status-icon{text-align:center;margin-bottom:1.5rem;flex-shrink:0}.save-draft-modal .status-icon .icon-wrapper{display:inline-flex;background:linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 90%,white));box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);width:70px;height:70px;border-radius:50%;align-items:center;justify-content:center}.save-draft-modal .status-icon .icon-wrapper i{color:#fff;font-size:2.2rem}.save-draft-modal h3{color:#2c3e50;text-align:center;margin-bottom:.5rem;font-weight:700;font-size:1.5rem}.save-draft-modal .subheader{color:#6c757d;text-align:center;margin-bottom:1.5rem;font-size:1rem}.save-draft-modal .message-card{background:#f8f9fa;border-radius:8px;padding:1.25rem;margin-bottom:2rem;border-left:4px solid var(--primary-color);transition:transform .2s ease}.save-draft-modal .message-card:hover{transform:translateY(-2px)}.save-draft-modal .message-card .message-content p{color:#495057;font-weight:500;margin-bottom:.75rem}.save-draft-modal .message-card .message-content ul{list-style:none;padding-left:0;margin-bottom:0}.save-draft-modal .message-card .message-content ul li{color:#495057;margin-bottom:.5rem;display:flex;align-items:center;font-size:.95rem}.save-draft-modal .message-card .message-content ul li i{margin-right:.5rem;font-size:1.1rem}.save-draft-modal .message-card .message-content ul li .bi-x-circle{color:#dc3545}.save-draft-modal .message-card .message-content ul li .bi-exclamation-triangle{color:#ffc107}.save-draft-modal .action-buttons{margin-top:auto;flex-shrink:0;display:flex;gap:1rem}.save-draft-modal .action-buttons .btn{flex:1;padding:.8rem;border-radius:8px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:none}.save-draft-modal .action-buttons .btn i{margin-right:.5rem;font-size:1.1rem}.save-draft-modal .action-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.save-draft-modal .action-buttons .btn:active{transform:translateY(0)}.save-draft-modal .action-buttons .btn-continue{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.save-draft-modal .action-buttons .btn-continue:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,white)}.save-draft-modal .action-buttons .btn-save{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.save-draft-modal .action-buttons .btn-save:hover{background-color:color-mix(in srgb,var(--primary-color) 95%,black)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 576px){.save-draft-modal .modal-card{padding:1.5rem;min-height:auto;height:auto;max-height:90vh;overflow-y:auto}.save-draft-modal .action-buttons{flex-direction:column}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2F2ZURyYWZ0TW9kYWxDb21wb25lbnQgLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1zdWJtaXNzaW9uL3NyYy9mb3JtLXN1Ym1pc3Npb24vc2F2ZS1hcy1kcmFmdC9zYXZlRHJhZnRNb2RhbENvbXBvbmVudCAudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mb3JtLXN1Ym1pc3Npb24vc3JjL2Zvcm0tc3VibWlzc2lvbi9zYXZlLWFzLWRyYWZ0L3NhdmVEcmFmdE1vZGFsQ29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBV3pFLE1BQU0sT0FBTyx1QkFBdUI7SUFHbkMsSUFBSSxlQUFlO1FBQ2xCLElBQUksR0FBRyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVsRCxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUM7UUFFOUIsSUFBSSxDQUFDLEdBQUc7WUFBRSxHQUFHLEdBQUcsVUFBVSxDQUFDO1FBRTNCLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRW5ELDhCQUE4QjtRQUM5QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMxQixDQUFDLEdBQUcsVUFBVSxDQUFDO1NBQ2hCO1FBRUQsNkNBQTZDO1FBQzdDLElBQUksQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDcEMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUM3QztRQUVELG9DQUFvQztRQUNwQyxJQUFJLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQ3BDLENBQUMsR0FBRyxVQUFVLENBQUM7U0FDaEI7UUFFRCxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDdEMsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUV0QyxPQUFPLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUMsWUFDUyxTQUFnRCxFQUN0QixJQUFnQjtRQUQxQyxjQUFTLEdBQVQsU0FBUyxDQUF1QztRQUN0QixTQUFJLEdBQUosSUFBSSxDQUFZO1FBQ2hELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSSxTQUFTLENBQUM7SUFDdEQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7K0dBOUNVLHVCQUF1Qiw4Q0FvQ3ZCLGVBQWU7bUdBcENmLHVCQUF1Qix3RUNacEMsdXJDQWlDQTs7NEZEckJhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxrQ0FBa0M7OzBCQXlDeEMsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuXHJcbmludGVyZmFjZSBEaWFsb2dEYXRhIHtcclxuICBwcmltYXJ5Q29sb3I/OiBzdHJpbmc7XHJcbn1cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZm9ybS1zdWJtaXNzaW9uLWNvbmZvcm1hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NhdmVEcmFmdE1vZGFsQ29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NhdmVEcmFmdE1vZGFsQ29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNhdmVEcmFmdE1vZGFsQ29tcG9uZW50IHtcclxuIHByaW1hcnlDb2xvcjogc3RyaW5nO1xyXG5cclxuIGdldCBwcmltYXJ5Q29sb3JSZ2IoKTogc3RyaW5nIHtcclxuICBsZXQgaGV4ID0gdGhpcy5wcmltYXJ5Q29sb3IudHJpbSgpLnJlcGxhY2UoJyMnLCAnJyk7XHJcblxyXG4gICAgY29uc3QgZGVmYXVsdEhleCA9IFwiMGQ2ZWZkXCI7XHJcblxyXG4gIGlmICghaGV4KSBoZXggPSBkZWZhdWx0SGV4O1xyXG5cclxuICBsZXQgcyA9IGhleC50cmltKCkucmVwbGFjZSgvXiMvLCBcIlwiKS50b0xvd2VyQ2FzZSgpO1xyXG5cclxuICAvLyBFbnN1cmUgb25seSB2YWxpZCBoZXggY2hhcnNcclxuICBpZiAoIS9eWzAtOWEtZl0rJC8udGVzdChzKSkge1xyXG4gICAgcyA9IGRlZmF1bHRIZXg7XHJcbiAgfVxyXG5cclxuICAvLyBFeHBhbmQgc2hvcnRoYW5kICgzLzQgZGlnaXRzIOKGkiA2LzggZGlnaXRzKVxyXG4gIGlmIChzLmxlbmd0aCA9PT0gMyB8fCBzLmxlbmd0aCA9PT0gNCkge1xyXG4gICAgcyA9IHMuc3BsaXQoXCJcIikubWFwKGNoID0+IGNoICsgY2gpLmpvaW4oXCJcIik7XHJcbiAgfVxyXG5cclxuICAvLyBJZiBzdGlsbCBpbnZhbGlkIGxlbmd0aCwgZmFsbGJhY2tcclxuICBpZiAocy5sZW5ndGggIT09IDYgJiYgcy5sZW5ndGggIT09IDgpIHtcclxuICAgIHMgPSBkZWZhdWx0SGV4O1xyXG4gIH1cclxuXHJcbiAgY29uc3QgciA9IHBhcnNlSW50KHMuc2xpY2UoMCwgMiksIDE2KTtcclxuICBjb25zdCBnID0gcGFyc2VJbnQocy5zbGljZSgyLCA0KSwgMTYpO1xyXG4gIGNvbnN0IGIgPSBwYXJzZUludChzLnNsaWNlKDQsIDYpLCAxNik7XHJcblxyXG4gIHJldHVybiBgJHtyfSwgJHtnfSwgJHtifWA7XHJcbn1cclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8U2F2ZURyYWZ0TW9kYWxDb21wb25lbnQ+LFxyXG4gICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRGlhbG9nRGF0YSkge1xyXG4gICAgIHRoaXMucHJpbWFyeUNvbG9yID0gZGF0YS5wcmltYXJ5Q29sb3IgfHwgJyMwZDZlZmQnO1xyXG4gIH1cclxuXHJcbiAgc2F2ZUFzRHJhZnQoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0cnVlKTtcclxuICB9XHJcblxyXG4gIGNvbnRpbnVlRWRpdGluZygpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKGZhbHNlKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNhdmUtZHJhZnQtbW9kYWxcIlxyXG4gICAgIFtzdHlsZS4tLXByaW1hcnktY29sb3JdPVwicHJpbWFyeUNvbG9yXCJcclxuICAgICBbc3R5bGUuLS1wcmltYXJ5LWNvbG9yLXJnYl09XCJwcmltYXJ5Q29sb3JSZ2JcIj5cclxuICA8ZGl2IGNsYXNzPVwibW9kYWwtY2FyZFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInN0YXR1cy1pY29uXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIj5cclxuICAgICAgICA8aSBjbGFzcz1cImJpIGJpLWZpbGUtZWFybWFyay10ZXh0LWZpbGxcIj48L2k+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGgzPkZvcm0gU3VibWlzc2lvbiBJbmNvbXBsZXRlPC9oMz5cclxuICAgIDxwIGNsYXNzPVwic3ViaGVhZGVyXCI+V2Ugbm90aWNlZCBzb21lIGluZm9ybWF0aW9uIG5lZWRzIGF0dGVudGlvbjwvcD5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZS1jYXJkXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlLWNvbnRlbnRcIj5cclxuICAgICAgICA8cD5Zb3VyIGZvcm0gY29udGFpbnM6PC9wPlxyXG4gICAgICAgIDx1bD5cclxuICAgICAgICAgIDxsaT48aSBjbGFzcz1cImJpIGJpLXgtY2lyY2xlXCI+PC9pPiBNaXNzaW5nIHJlcXVpcmVkIGZpZWxkczwvbGk+XHJcbiAgICAgICAgICA8bGk+PGkgY2xhc3M9XCJiaSBiaS1leGNsYW1hdGlvbi10cmlhbmdsZVwiPjwvaT4gSW5jb3JyZWN0bHkgZm9ybWF0dGVkIGFuc3dlcnM8L2xpPlxyXG4gICAgICAgIDwvdWw+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbi1idXR0b25zXCI+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLWNvbnRpbnVlXCIgKGNsaWNrKT1cImNvbnRpbnVlRWRpdGluZygpXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJiaSBiaS1wZW5jaWwtc3F1YXJlXCI+PC9pPiBDb250aW51ZSBFZGl0aW5nXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYnRuIGJ0bi1zYXZlXCIgKGNsaWNrKT1cInNhdmVBc0RyYWZ0KClcIj5cclxuICAgICAgICA8aSBjbGFzcz1cImJpIGJpLWNsb3VkLWFycm93LXVwXCI+PC9pPiBTYXZlIGFzIERyYWZ0XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/form-submission/submission-container/submission-container.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SubmissionContainerComponent {
+    isImageUrl(url) {
+        return url.match(/\.(jpeg|jpg|gif|png)$/) != null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubmissionContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubmissionContainerComponent, selector: "lib-submission-container", inputs: { parentQuestionAnswers: "parentQuestionAnswers" }, ngImport: i0, template: "<div class=\"subModule\">\n    <div class=\"submission-container\">\n    <div *ngFor=\"let qa of parentQuestionAnswers\" class=\"submission-item\">\n      <div class=\"key\">{{ qa.question }}</div>\n      <div class=\"value\">\n        <ng-container *ngIf=\"qa.elementType === 'FILE_PICKER'; else text\">\n          <div class=\"files\" *ngFor=\"let attachment of qa.attachments\">\n            <ng-container *ngIf=\"isImageUrl(attachment.fileName); else fileLink\">\n              <img [src]=\"attachment.fileUrl\" alt=\"{{ attachment.fileName }}\" class=\"image\">\n            </ng-container>\n            <ng-template #fileLink>\n              <p>{{ attachment.fileName }}</p>\n              <a class=\"fileName\" [href]=\"attachment.fileUrl\" target=\"_blank\">\n                <i class=\"bi bi-file-earmark\"></i>\n              </a>\n            </ng-template>\n          </div>\n        </ng-container>\n        <ng-template #text>\n          <ng-container [ngSwitch]=\"qa.elementType\">\n            <p *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [innerHTML]=\"qa.values\"></p>\n            <p *ngSwitchCase=\"'DROP_DOWN'\">{{ qa.values.join(', ') }}</p>\n            <p *ngSwitchCase=\"'SELECTION_MATRIX'\">{{ qa.values.join(', ') }}</p>\n            <p *ngSwitchDefault>{{ qa.values }}</p>\n          </ng-container>\n        </ng-template>\n      </div>\n    </div>\n</div>\n  </div>", styles: [".subModule{width:100%;position:relative;padding-left:3rem;padding-right:3rem;padding-top:4rem}@media (max-width: 1024px){.subModule{padding-left:1rem;padding-right:1rem}}@media (max-width: 576px){.subModule{padding:2rem .5rem}}.submission-container{background:#fff;display:flex;flex-wrap:wrap;box-shadow:0 4px 4px #00000040;border-radius:6px}.submission-item{flex:1 0 15%;margin:5px;padding:10px;border-radius:4px;display:flex;flex-direction:column}.key{font-weight:700;margin-bottom:5px}.value{word-break:break-word}.image{max-width:100%;height:auto;max-height:100px;margin-top:5px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.files{display:flex;flex-direction:row}.fileName{text-decoration:none;margin-left:2%}.fileName i{font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubmissionContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-submission-container', template: "<div class=\"subModule\">\n    <div class=\"submission-container\">\n    <div *ngFor=\"let qa of parentQuestionAnswers\" class=\"submission-item\">\n      <div class=\"key\">{{ qa.question }}</div>\n      <div class=\"value\">\n        <ng-container *ngIf=\"qa.elementType === 'FILE_PICKER'; else text\">\n          <div class=\"files\" *ngFor=\"let attachment of qa.attachments\">\n            <ng-container *ngIf=\"isImageUrl(attachment.fileName); else fileLink\">\n              <img [src]=\"attachment.fileUrl\" alt=\"{{ attachment.fileName }}\" class=\"image\">\n            </ng-container>\n            <ng-template #fileLink>\n              <p>{{ attachment.fileName }}</p>\n              <a class=\"fileName\" [href]=\"attachment.fileUrl\" target=\"_blank\">\n                <i class=\"bi bi-file-earmark\"></i>\n              </a>\n            </ng-template>\n          </div>\n        </ng-container>\n        <ng-template #text>\n          <ng-container [ngSwitch]=\"qa.elementType\">\n            <p *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [innerHTML]=\"qa.values\"></p>\n            <p *ngSwitchCase=\"'DROP_DOWN'\">{{ qa.values.join(', ') }}</p>\n            <p *ngSwitchCase=\"'SELECTION_MATRIX'\">{{ qa.values.join(', ') }}</p>\n            <p *ngSwitchDefault>{{ qa.values }}</p>\n          </ng-container>\n        </ng-template>\n      </div>\n    </div>\n</div>\n  </div>", styles: [".subModule{width:100%;position:relative;padding-left:3rem;padding-right:3rem;padding-top:4rem}@media (max-width: 1024px){.subModule{padding-left:1rem;padding-right:1rem}}@media (max-width: 576px){.subModule{padding:2rem .5rem}}.submission-container{background:#fff;display:flex;flex-wrap:wrap;box-shadow:0 4px 4px #00000040;border-radius:6px}.submission-item{flex:1 0 15%;margin:5px;padding:10px;border-radius:4px;display:flex;flex-direction:column}.key{font-weight:700;margin-bottom:5px}.value{word-break:break-word}.image{max-width:100%;height:auto;max-height:100px;margin-top:5px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.files{display:flex;flex-direction:row}.fileName{text-decoration:none;margin-left:2%}.fileName i{font-size:20px}\n"] }]
+        }], propDecorators: { parentQuestionAnswers: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibWlzc2lvbi1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1zdWJtaXNzaW9uL3NyYy9mb3JtLXN1Ym1pc3Npb24vc3VibWlzc2lvbi1jb250YWluZXIvc3VibWlzc2lvbi1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1zdWJtaXNzaW9uL3NyYy9mb3JtLXN1Ym1pc3Npb24vc3VibWlzc2lvbi1jb250YWluZXIvc3VibWlzc2lvbi1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sNEJBQTRCO0lBR3ZDLFVBQVUsQ0FBQyxHQUFXO1FBQ3BCLE9BQU8sR0FBRyxDQUFDLEtBQUssQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLElBQUksQ0FBQztJQUNwRCxDQUFDOytHQUxVLDRCQUE0QjttR0FBNUIsNEJBQTRCLDRIQ1B6QywrMkNBNkJROzs0RkR0QkssNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLM0IscUJBQXFCO3NCQUE3QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc3VibWlzc2lvbi1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3VibWlzc2lvbi1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWJtaXNzaW9uLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFN1Ym1pc3Npb25Db250YWluZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBwYXJlbnRRdWVzdGlvbkFuc3dlcnM6YW55O1xuXG4gIGlzSW1hZ2VVcmwodXJsOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdXJsLm1hdGNoKC9cXC4oanBlZ3xqcGd8Z2lmfHBuZykkLykgIT0gbnVsbDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1Yk1vZHVsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdWJtaXNzaW9uLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IHFhIG9mIHBhcmVudFF1ZXN0aW9uQW5zd2Vyc1wiIGNsYXNzPVwic3VibWlzc2lvbi1pdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwia2V5XCI+e3sgcWEucXVlc3Rpb24gfX08L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicWEuZWxlbWVudFR5cGUgPT09ICdGSUxFX1BJQ0tFUic7IGVsc2UgdGV4dFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWxlc1wiICpuZ0Zvcj1cImxldCBhdHRhY2htZW50IG9mIHFhLmF0dGFjaG1lbnRzXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNJbWFnZVVybChhdHRhY2htZW50LmZpbGVOYW1lKTsgZWxzZSBmaWxlTGlua1wiPlxuICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiYXR0YWNobWVudC5maWxlVXJsXCIgYWx0PVwie3sgYXR0YWNobWVudC5maWxlTmFtZSB9fVwiIGNsYXNzPVwiaW1hZ2VcIj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNmaWxlTGluaz5cbiAgICAgICAgICAgICAgPHA+e3sgYXR0YWNobWVudC5maWxlTmFtZSB9fTwvcD5cbiAgICAgICAgICAgICAgPGEgY2xhc3M9XCJmaWxlTmFtZVwiIFtocmVmXT1cImF0dGFjaG1lbnQuZmlsZVVybFwiIHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiYmkgYmktZmlsZS1lYXJtYXJrXCI+PC9pPlxuICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICN0ZXh0PlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInFhLmVsZW1lbnRUeXBlXCI+XG4gICAgICAgICAgICA8cCAqbmdTd2l0Y2hDYXNlPVwiJ1JJQ0hfVEVYVF9FRElUT1InXCIgW2lubmVySFRNTF09XCJxYS52YWx1ZXNcIj48L3A+XG4gICAgICAgICAgICA8cCAqbmdTd2l0Y2hDYXNlPVwiJ0RST1BfRE9XTidcIj57eyBxYS52YWx1ZXMuam9pbignLCAnKSB9fTwvcD5cbiAgICAgICAgICAgIDxwICpuZ1N3aXRjaENhc2U9XCInU0VMRUNUSU9OX01BVFJJWCdcIj57eyBxYS52YWx1ZXMuam9pbignLCAnKSB9fTwvcD5cbiAgICAgICAgICAgIDxwICpuZ1N3aXRjaERlZmF1bHQ+e3sgcWEudmFsdWVzIH19PC9wPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiAgPC9kaXY+Il19