{"__symbolic":"module","version":4,"metadata":{"EwMaReplayService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":5},"arguments":["env"]}],null,null,null],"parameters":[null,{"__symbolic":"reference","module":"ew-common-lib","name":"HttpService","line":36,"character":25},{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":37,"character":35},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":38,"character":23}]}],"getUrl":[{"__symbolic":"method"}],"getEventDetails":[{"__symbolic":"method"}],"getReplaySettings":[{"__symbolic":"method"}],"enableReplay":[{"__symbolic":"method"}],"expireReplay":[{"__symbolic":"method"}],"changeReplayContent":[{"__symbolic":"method"}],"getOffers":[{"__symbolic":"method"}],"createOffer":[{"__symbolic":"method"}],"updateOffer":[{"__symbolic":"method"}],"deleteOffer":[{"__symbolic":"method"}],"getPolls":[{"__symbolic":"method"}],"createPoll":[{"__symbolic":"method"}],"updatePoll":[{"__symbolic":"method"}],"deletePoll":[{"__symbolic":"method"}],"getContactBoxStatus":[{"__symbolic":"method"}],"updateContactBoxSetting":[{"__symbolic":"method"}],"getVideoSessionsList":[{"__symbolic":"method"}],"getLibraryVideosList":[{"__symbolic":"method"}],"updateEventVideo":[{"__symbolic":"method"}],"addNewVideoURL":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}],"getv2CDNUrl":[{"__symbolic":"method"}],"getv1CDNUrl":[{"__symbolic":"method"}],"convertSecondsToTime":[{"__symbolic":"method"}],"getYoutubeVideo":[{"__symbolic":"method"}],"getviemosvideo":[{"__symbolic":"method"}],"getVideoWista":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"EwMaReplayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-ew-ma-replay","template":"\n    <ew-replay-page (addpoll)=\"add_Poll($event)\" (addoffer)=\"add_Offers($event)\" [showlist]=\"showAddPoll || showAddOffer\" [style.display]=\"(showAddPoll || showAddOffer) ? 'none':'block'\"></ew-replay-page>\n    <ew-add-polls *ngIf=\"showAddPoll\" [pollsData]=\"addPolls\" (exit)=\"showAddPoll = !showAddPoll;\"></ew-add-polls>\n    <ew-add-offers *ngIf=\"showAddOffer\" [offersData]=\"addPolls\" (exit)=\"showAddOffer = !showAddOffer;\"></ew-add-offers>\n  ","styles":[]}]}],"members":{"event_id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"eventDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"ctaType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"default_lang":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","name":"EwTranslateService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":38,"character":22},{"__symbolic":"reference","module":"ew-common-lib","name":"LoggerService","line":39,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"add_Poll":[{"__symbolic":"method"}],"add_Offers":[{"__symbolic":"method"}],"initLanguage":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"translateModule":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":34,"character":31},"member":"forChild"}},"EwMaReplayModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EwMaReplayComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":61,"character":4},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonModule","line":62,"character":4},{"__symbolic":"reference","module":"ew-common-lib","name":"EwMaterialComponentsModule","line":63,"character":4},{"__symbolic":"reference","name":"translateModule"},{"__symbolic":"reference","module":"ng2-date-picker","name":"DpDatePickerModule","line":65,"character":4},{"__symbolic":"reference","module":"ngx-pagination","name":"NgxPaginationModule","line":66,"character":4},{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerModule","line":67,"character":4},{"__symbolic":"reference","module":"ew-ma-image","name":"EwMaImageModule","line":68,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":69,"character":4}],"providers":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateStore","line":71,"character":14},{"__symbolic":"reference","name":"EwTranslateService"}],"exports":[{"__symbolic":"reference","name":"EwMaReplayComponent"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵs"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"EwMaReplayModule"},"providers":[{"__symbolic":"reference","name":"EwMaReplayService"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}}]}}}},"EwTranslateService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":11,"character":40}]}],"init":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"parse":{"dateInput":"dddd, D MMMM, YYYY"},"display":{"dateInput":"dddd, D MMMM, YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"ew-replay-page","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":34,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":35,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":36,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":36,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":39,"character":15},"useValue":{"__symbolic":"reference","name":"ɵa"}}],"template":"<div class=\"body-content-web-app\">\r\n  <div class=\"right-body-content web-app-right-body with-two-section\">\r\n    <div class=\"row\">\r\n      <div class=\"col m12 custom-width-section\">\r\n        <div class=\"event-content-section\">\r\n\r\n          <!--Overview-->\r\n          <div class=\"outet-section-box\">\r\n            <div class=\"section-header-ew\">\r\n              <span class=\"heading-section-box\">\r\n                <h1>{{'REPLAY.WEBINAR_REPLAY' | translate}}<span class=\"info-title\">\r\n                    <!-- <mat-icon>help</mat-icon> -->\r\n                  </span></h1>\r\n              </span>\r\n            </div>\r\n            <div class=\"container-body\">\r\n\r\n              <div class=\"section-box no-padding\">\r\n                <lib-ew-section-loader *ngIf=\"replayloader\"></lib-ew-section-loader>\r\n                <div class=\"notification-section-box welcome-notification\">\r\n                  <div class=\"notification-header-box\">\r\n                    <div class=\"left-header-notification\">\r\n                      <span class=\"left-header-title-right\">\r\n                        <span class=\"notification-title\">\r\n                          {{'REPLAY.ENABLE_REPLAY_PAGE' | translate}}\r\n                        </span>\r\n                        <span class=\"notofication-subtitle\">{{'REPLAY.AUDIENCE_REPLAY_PAGE' | translate}}</span>\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"notification-body-box no-padding\">\r\n                    <div class=\"replay-section-box\">\r\n                      <div class=\"common-togle-switches\">\r\n                        <mat-button-toggle-group [(ngModel)]=\"replayToggle\" (change)=\"replayToggleChange()\">\r\n                          <mat-button-toggle class=\"disable-custom\" value=\"0\">{{'REPLAY.DISABLE' | translate}}\r\n                          </mat-button-toggle>\r\n                          <mat-button-toggle class=\"enable-custom\" value=\"1\">{{'REPLAY.ENABLE' | translate}}\r\n                          </mat-button-toggle>\r\n                        </mat-button-toggle-group>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"ew-customize-webinar\">\r\n                <div class=\"ew-webinar-pages-form common-customize-accordian\">\r\n                  <mat-accordion *ngIf=\"replayToggle == '1'\">\r\n                    <mat-expansion-panel hideToggle>\r\n                      <mat-expansion-panel-header collapsedHeight=\"100px\" expandedHeight=\"100px\">\r\n                        <div class=\"customize-webinar-header-left\">\r\n                          <span class=\"right-title-des-web\">\r\n                            <span class=\"customize-left-title\">\r\n                              {{'REPLAY.REPLAY_EXPIRE' | translate}}\r\n                            </span>\r\n                            <span class=\"customize-btm-desc\">\r\n                              {{'REPLAY.AUDIENCE_REPLAY_PAGE' | translate}}\r\n                            </span>\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"customize-header-right\">\r\n                          <!-- <button mat-flat-button color=\"accent\">Done</button> -->\r\n                          <span class=\"open-close-icon-customize\">\r\n                            <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                              xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 490.656 490.656\">\r\n                              <g>\r\n                                <g>\r\n                                  <path d=\"M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.339,347.581L18.203,120.467c-4.16-4.16-10.923-4.16-15.083,0\r\n                                                  c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.091,2.069,4.821,3.115,7.552,3.115s5.461-1.045,7.531-3.136l234.667-234.667\r\n                                                  C491.696,131.368,491.696,124.605,487.536,120.445z\" />\r\n                                </g>\r\n                              </g>\r\n                            </svg>\r\n                          </span>\r\n                        </div>\r\n                      </mat-expansion-panel-header>\r\n                      <div class=\"notification-body-box no-padding\">\r\n                        <lib-ew-section-loader *ngIf=\"expireLoader\"></lib-ew-section-loader>\r\n                        <div class=\"replay-section-box\">\r\n                          <div class=\"common-togle-switches\">\r\n                            <mat-button-toggle-group [(ngModel)]=\"expireReplayToggle\" (change)=\"changeValue($event)\">\r\n                              <mat-button-toggle value=\"0\">{{'REPLAY.NEVER' | translate}}</mat-button-toggle>\r\n                              <mat-button-toggle *ngIf=\"eventDetails?.select_schedule_type == '2'\" value=\"2\">\r\n                                {{'REPLAY.SPECIFIC_DATE' | translate}}</mat-button-toggle>\r\n                              <mat-button-toggle *ngIf=\"eventDetails?.select_schedule_type != '2'\" value=\"1\">\r\n                                {{'REPLAY.NUMBER_OF_DAYS' | translate}}</mat-button-toggle>\r\n                            </mat-button-toggle-group>\r\n                          </div>\r\n                          <div *ngIf=\"expireReplayToggle == '0'\" class=\"\">\r\n                            <div class=\"outer-contact-exp-offer\">\r\n                              <div class=\"right-genral-section\">\r\n                                <div class=\"form-field-box-genral\">\r\n                                  <label class=\"ew-genrall-customize-lbl\"><span\r\n                                      class=\"redirec-genrall-lbl\">{{'REPLAY.REDIRECT_ATTENDEE' | translate}}</span>\r\n                                    <div class=\"ew-toggle-button\">\r\n                                      <div class=\"toggle-button-cover\">\r\n                                        <div class=\"button-cover\">\r\n                                          <div class=\"button b2\" id=\"button-ew\">\r\n                                            <input type=\"checkbox\" class=\"checkbox\" [checked]=\"!eventEndUrlStatus\"\r\n                                              (change)=\"eventEndUrlStatus = !eventEndUrlStatus\">\r\n                                            <div class=\"knobs\">\r\n                                              <span></span>\r\n                                            </div>\r\n                                            <div class=\"layer\"></div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </label>\r\n                                  <mat-form-field class=\"ew-insider-label\" (click)=\"eventEndUrlStatus = true\">\r\n                                    <input matInput\r\n                                    libCustomAutofocus\r\n                                    [enableAutoFocus]=\"eventEndUrlStatus\"\r\n                                   (change)=\"changeValue($event)\" #end=\"ngModel\" [(ngModel)]=\"eventEndUrl\"\r\n                                      [customValidator]=\"myValidator\" required placeholder=\"URL\" />\r\n                                    <mat-error *ngIf=\"end.hasError('url_invalid')\">{{'REPLAY.INVALID_URL' | translate}}\r\n                                    </mat-error>\r\n                                    <mat-error *ngIf=\"end.hasError('required')\">{{'REPLAY.REQUIRED' | translate}}\r\n                                    </mat-error>\r\n                                  </mat-form-field>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"ew-call-action-btn\"><button (click)=\"expireReplayChange()\"\r\n                                class=\"padding-standard-btn\" mat-flat-button\r\n                                color=\"accent\">{{'REPLAY.SAVE_CHANGES' | translate}}</button></div>\r\n                          </div>\r\n                          <div *ngIf=\"expireReplayToggle == '2'\" class=\"form-replay-bosy--box\">\r\n                            <div class=\"outer-contact-exp-offer\">\r\n                              <div class=\"right-genral-section\">\r\n                                <div class=\"row\">\r\n                                  <div class=\"col m4 s12\">\r\n                                    <div class=\"column-reply-fields\" (click)=\"showSave = true\">\r\n                                      <mat-form-field class=\"ew-insider-label\">\r\n                                        <input matInput readonly [matDatepicker]=\"picker\" (change)=\"changeValue($event)\"\r\n                                          [(ngModel)]=\"replaySpecificDate\" (click)=\"picker.open()\" [min]=\"min\"\r\n                                          placeholder=\"Expire webinar replay on:\">\r\n                                        <mat-datepicker #picker></mat-datepicker>\r\n                                      </mat-form-field>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                  <div class=\"col m4 s12\">\r\n                                    <div class=\"column-reply-fields small-column-rplay\" (click)=\"showSave = true\">\r\n                                      <mat-form-field class=\"ew-insider-label\">\r\n                                        <input matInput [dpDayPicker]=\"config\" [mode]=\"'time'\"\r\n                                          [theme]=\"'dp-material dp-main'\" [(ngModel)]=\"replaySpecificTime\" (change)=\"changeValue($event)\"\r\n                                          (onSelect)=\"onSelect($event)\" placeholder=\"At:\" required />\r\n                                      </mat-form-field>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                  <div class=\"col m6 s12\">\r\n                                    <div class=\"form-field-box-genral\">\r\n                                      <label class=\"ew-genrall-customize-lbl\"><span\r\n                                          class=\"redirec-genrall-lbl\">{{'REPLAY.REDIRECT_ATTENDEE' | translate}}</span>\r\n                                        <div class=\"ew-toggle-button\">\r\n                                          <div class=\"toggle-button-cover\">\r\n                                            <div class=\"button-cover\">\r\n                                              <div class=\"button b2\" id=\"button-ew\">\r\n                                                <input type=\"checkbox\" class=\"checkbox\" [checked]=\"!eventEndUrlStatus\"\r\n                                                  (change)=\"eventEndUrlStatus = !eventEndUrlStatus\">\r\n                                                <div class=\"knobs\">\r\n                                                  <span></span>\r\n                                                </div>\r\n                                                <div class=\"layer\"></div>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </label>\r\n                                      <mat-form-field class=\"ew-insider-label\" (click)=\"eventEndUrlStatus = true\">\r\n                                        <input matInput\r\n                                        libCustomAutofocus\r\n                                        [enableAutoFocus]=\"eventEndUrlStatus\"\r\n                                         #end=\"ngModel\" [(ngModel)]=\"eventEndUrl\"\r\n                                          [customValidator]=\"myValidator\" required placeholder=\"URL\" />\r\n                                        <mat-error *ngIf=\"end.hasError('url_invalid')\">\r\n                                          {{'REPLAY.INVALID_URL' | translate}}\r\n                                        </mat-error>\r\n                                        <mat-error *ngIf=\"end.hasError('required')\">{{'REPLAY.REQUIRED' | translate}}\r\n                                        </mat-error>\r\n                                      </mat-form-field>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                  <div class=\"col m6 s12\">\r\n                                    <div class=\"form-field-box-genral\">\r\n                                      <label class=\"ew-genrall-customize-lbl\"><span\r\n                                          class=\"redirec-genrall-lbl\">{{'REPLAY.REDIRECT_AFTER_WEBINAR_EXPIRED' | translate}}</span>\r\n                                        <div class=\"ew-toggle-button\">\r\n                                          <div class=\"toggle-button-cover\">\r\n                                            <div class=\"button-cover\">\r\n                                              <div class=\"button b2\" id=\"button-ew\">\r\n                                                <input type=\"checkbox\" class=\"checkbox\"\r\n                                                  [checked]=\"!eventExpiredUrlStatus\"\r\n                                                  (change)=\"eventExpiredUrlStatus = !eventExpiredUrlStatus\">\r\n                                                <div class=\"knobs\">\r\n                                                  <span></span>\r\n                                                </div>\r\n                                                <div class=\"layer\"></div>\r\n                                              </div>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </label>\r\n                                      <mat-form-field class=\"ew-insider-label\" (click)=\"eventExpiredUrlStatus = true\">\r\n                                        <input matInput\r\n                                        libCustomAutofocus\r\n                                        [enableAutoFocus]=\"eventExpiredUrlStatus\"\r\n                                        #eventExpiredUrlCtrl=\"ngModel\" [(ngModel)]=\"eventExpiredUrl\"\r\n                                          [customValidator]=\"myValidator\" [required]=\"eventExpiredUrlStatus\" placeholder=\"URL\" />\r\n                                        <mat-error *ngIf=\"eventExpiredUrlCtrl.hasError('url_invalid')\">\r\n                                          {{'REPLAY.INVALID_URL' | translate}}</mat-error>\r\n                                        <mat-error *ngIf=\"eventExpiredUrlCtrl.hasError('required')\">\r\n                                          {{'REPLAY.REQUIRED' | translate}}\r\n                                        </mat-error>\r\n                                      </mat-form-field>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"ew-call-action-btn\"><button (click)=\"expireReplayChange()\"\r\n                                class=\"padding-standard-btn\" mat-flat-button\r\n                                color=\"accent\">{{'REPLAY.SAVE_CHANGES' | translate}}</button></div>\r\n                          </div>\r\n                          <div *ngIf=\"expireReplayToggle == '1'\" class=\"numbers-of-blocke-spin\">\r\n                            <div class=\"expire-web-inar\">\r\n                              <span class=\"expire-block-time\">\r\n                                {{'REPLAY.EXPIRE_WEBINAR' | translate}}\r\n                              </span>\r\n                              <mat-form-field floatLabel=\"never\" class=\"ew-field-without-lebel builder-input-fields\">\r\n                                <input matInput type=\"number\" min=\"0\" (click)=\"showSave = true\"\r\n                                  [(ngModel)]=\"replayToExpire\" (keypress)=\"isNumber($event)\" autocomplete=\"off\">\r\n                              </mat-form-field>\r\n                              <span class=\"days-number-spec\">\r\n                                {{'REPLAY.DAYS' | translate}}\r\n                              </span>\r\n                            </div>\r\n                            <div class=\"outer-contact-exp-offer\">\r\n                              <div class=\"right-genral-section\">\r\n                                <div class=\"form-field-box-genral\">\r\n                                  <label class=\"ew-genrall-customize-lbl\"><span\r\n                                      class=\"redirec-genrall-lbl\">{{'REPLAY.REDIRECT_ATTENDEE' | translate}}</span>\r\n                                    <div class=\"ew-toggle-button\">\r\n                                      <div class=\"toggle-button-cover\">\r\n                                        <div class=\"button-cover\">\r\n                                          <div class=\"button b2\" id=\"button-ew\">\r\n                                            <input type=\"checkbox\" class=\"checkbox\" [checked]=\"!eventEndUrlStatus\"\r\n                                              (change)=\"eventEndUrlStatus = !eventEndUrlStatus\" />\r\n                                            <div class=\"knobs\">\r\n                                              <span></span>\r\n                                            </div>\r\n                                            <div class=\"layer\"></div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </label>\r\n                                  <mat-form-field class=\"ew-insider-label\" (click)=\"eventEndUrlStatus = true\">\r\n                                    <input matInput\r\n                                    libCustomAutofocus\r\n                                    [enableAutoFocus]=\"eventEndUrlStatus\"\r\n                                    #end=\"ngModel\" [(ngModel)]=\"eventEndUrl\"\r\n                                      [customValidator]=\"myValidator\" required placeholder=\"URL\" />\r\n                                    <mat-error *ngIf=\"end.hasError('url_invalid')\">{{'REPLAY.INVALID_URL' | translate}}\r\n                                    </mat-error>\r\n                                    <mat-error *ngIf=\"end.hasError('required')\">{{'REPLAY.REQUIRED' | translate}}\r\n                                    </mat-error>\r\n                                  </mat-form-field>\r\n                                </div>\r\n                                <div class=\"form-field-box-genral\">\r\n                                  <label class=\"ew-genrall-customize-lbl\"><span\r\n                                      class=\"redirec-genrall-lbl\">{{'REPLAY.REDIRECT_AFTER_WEBINAR_EXPIRED' | translate}}</span>\r\n                                    <div class=\"ew-toggle-button\">\r\n                                      <div class=\"toggle-button-cover\">\r\n                                        <div class=\"button-cover\">\r\n                                          <div class=\"button b2\" id=\"button-ew\">\r\n                                            <input type=\"checkbox\" class=\"checkbox\" [checked]=\"!eventExpiredUrlStatus\"\r\n                                              (change)=\"eventExpiredUrlStatus = !eventExpiredUrlStatus\">\r\n                                            <div class=\"knobs\">\r\n                                              <span></span>\r\n                                            </div>\r\n                                            <div class=\"layer\"></div>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </label>\r\n                                  <mat-form-field class=\"ew-insider-label\" (click)=\"eventExpiredUrlStatus = true\">\r\n                                    <input matInput\r\n                                    libCustomAutofocus\r\n                                    [enableAutoFocus]=\"eventExpiredUrlStatus\"\r\n                                    #eventExpiredUrlCtrl=\"ngModel\" [(ngModel)]=\"eventExpiredUrl\"\r\n                                      [customValidator]=\"myValidator\" required placeholder=\"URL\" />\r\n                                    <mat-error *ngIf=\"eventExpiredUrlCtrl.hasError('url_invalid')\">\r\n                                      {{'REPLAY.INVALID_URL' | translate}}</mat-error>\r\n                                    <mat-error *ngIf=\"eventExpiredUrlCtrl.hasError('required')\">\r\n                                      {{'REPLAY.REQUIRED' | translate}}\r\n                                    </mat-error>\r\n                                  </mat-form-field>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"ew-call-action-btn\"><button (click)=\"expireReplayChange()\"\r\n                                class=\"padding-standard-btn\" mat-flat-button\r\n                                color=\"accent\">{{'REPLAY.SAVE_CHANGES' | translate}}</button></div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </mat-expansion-panel>\r\n                  </mat-accordion>\r\n                  <mat-accordion *ngIf=\"replayToggle == '1'\">\r\n                    <mat-expansion-panel hideToggle>\r\n                      <mat-expansion-panel-header collapsedHeight=\"100px\" expandedHeight=\"100px\">\r\n                        <div class=\"customize-webinar-header-left\">\r\n                          <span class=\"right-title-des-web\">\r\n                            <span class=\"customize-left-title\">\r\n                              {{'REPLAY.REPLAY_CONTENT' | translate}}\r\n                            </span>\r\n                            <span class=\"customize-btm-desc\">\r\n                              {{'REPLAY.AUDIENCE_REPLAY_PAGE' | translate}}\r\n                            </span>\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"customize-header-right\">\r\n                          <!-- <button mat-flat-button color=\"accent\">Done</button> -->\r\n                          <span class=\"open-close-icon-customize\">\r\n                            <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                              xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 490.656 490.656\">\r\n                              <g>\r\n                                <g>\r\n                                  <path d=\"M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.339,347.581L18.203,120.467c-4.16-4.16-10.923-4.16-15.083,0\r\n                                                    c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.091,2.069,4.821,3.115,7.552,3.115s5.461-1.045,7.531-3.136l234.667-234.667\r\n                                                    C491.696,131.368,491.696,124.605,487.536,120.445z\" />\r\n                                </g>\r\n                              </g>\r\n                            </svg>\r\n                          </span>\r\n                        </div>\r\n                      </mat-expansion-panel-header>\r\n                      <div class=\"notification-body-box no-padding\">\r\n                        <div class=\"replay-section-box\">\r\n                          <div class=\"common-togle-switches\">\r\n                            <mat-button-toggle-group [(ngModel)]=\"replayContentToggle\" (change)=\"changeReplayContent()\">\r\n                              <mat-button-toggle value=\"0\">{{'REPLAY.MAIN_EVENT_REPLICA' | translate}}\r\n                              </mat-button-toggle>\r\n                              <mat-button-toggle value=\"1\">{{'REPLAY.CUSTOM_REPLAY_PAGE' | translate}}\r\n                              </mat-button-toggle>\r\n                            </mat-button-toggle-group>\r\n                          </div>\r\n                          <div *ngIf=\"replayContentToggle == '0'\" class=\"numbers-of-blocke-spin\">\r\n                            {{'REPLAY.MAIN_EVENT_CONTENT' | translate}}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </mat-expansion-panel>\r\n                  </mat-accordion>\r\n                  <mat-accordion *ngIf=\"replayToggle == '1' && replayContentToggle == '1'\">\r\n                    <mat-expansion-panel hideToggle>\r\n                      <mat-expansion-panel-header collapsedHeight=\"100px\" expandedHeight=\"100px\">\r\n                        <div class=\"customize-webinar-header-left\">\r\n                          <span class=\"right-title-des-web\">\r\n                            <span class=\"customize-left-title\">\r\n                              {{'REPLAY.REPLAY_VIDEO' | translate}}\r\n                            </span>\r\n                            <span class=\"customize-btm-desc\">\r\n                              {{'REPLAY.PLAY_VIDEO' | translate}}\r\n                            </span>\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"customize-header-right\">\r\n                          <!-- <button mat-flat-button color=\"accent\">Done</button> -->\r\n                          <span class=\"open-close-icon-customize\">\r\n                            <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                              xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 490.656 490.656\">\r\n                              <g>\r\n                                <g>\r\n                                  <path d=\"M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.339,347.581L18.203,120.467c-4.16-4.16-10.923-4.16-15.083,0\r\n                                                    c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.091,2.069,4.821,3.115,7.552,3.115s5.461-1.045,7.531-3.136l234.667-234.667\r\n                                                    C491.696,131.368,491.696,124.605,487.536,120.445z\" />\r\n                                </g>\r\n                              </g>\r\n                            </svg>\r\n                          </span>\r\n                        </div>\r\n                      </mat-expansion-panel-header>\r\n                      <div class=\"notification-body-box no-padding\">\r\n                        <div class=\"replay-section-box {{ (webinarVideo)?'addvideo-template-preview-body webinar-video-outer-section':''}}\">\r\n\r\n                          <div *ngIf=\"! webinarVideo\" class=\"\">\r\n                            <div class=\"no-event-data\">\r\n                              <img src=\"{{ getFinalAssetUrl('assets/images/no-recordings-video-found.svg') }}\"\r\n                                class=\"width-300\">\r\n                              <h4>{{'REPLAY.UPLOAD_REPLAY_VIDEO' | translate}}</h4>\r\n                              <span class=\"title-dec\">{{'REPLAY.UPLOAD_REPLAY_VIDEO_DESC' | translate}}</span>\r\n                              <div class=\"no-event-action\">\r\n                                <button (click)=\"addVideo()\" mat-stroked-button\r\n                                  class=\"outlined-button with-icon padding-right-15px-ew\" color=\"primary\">\r\n                                  <mat-icon>videocam</mat-icon>{{'REPLAY.SELECT_VIDEO' | translate}}\r\n                                </button>\r\n                                <button (click)=\"addVideo('add')\" mat-flat-button color=\"accent\">\r\n                                  <mat-icon>add</mat-icon>{{'REPLAY.ADD_VIDEO' | translate}}\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div *ngIf=\"webinarVideo\" class=\"addVideo-webinar-section\">\r\n                            <div class=\"addVideo-block\">\r\n                              <div class=\"addVideo-left\">\r\n                                <img *ngIf=\"webinarVideo.thumbnail_url\" src=\"{{ getValidThumbnail(webinarVideo.thumbnail_url, webinarVideo.webinar_video_url) }}\" alt=\"video-banner\">\r\n                                <div class=\"addVideo-icon\">\r\n                                  <img src=\"{{ getVideoTypeIcon(webinarVideo.webinar_video_url) }}\" alt=\"video-icon\">\r\n                                </div>\r\n                              </div>\r\n                              <div class=\"addVideo-content\">\r\n                                <span class=\"addVideo-title\">{{ webinarVideo.video_title }}</span>\r\n                                <div class=\"addVideo-duration\">\r\n                                  <span>{{ webinarVideo.webinar_video_length }}</span>\r\n                                </div>\r\n                                <div class=\"button-block\">\r\n                                  <button (click)=\"preview(webinarVideo.webinar_video_url)\" class=\"button-outlined margin-right-10 font-medium btn-with-icon\" mat-flat-button>\r\n                                    <mat-icon>play_arrow</mat-icon>{{'APP.PREVIEW' | translate}}\r\n                                  </button>\r\n                                  <button (click)=\"change()\" class=\"small-button-ew btn-with-icon font-medium\" mat-flat-button color=\"accent\"><img\r\n                                      src=\"{{replayService.getv2CDNUrl() + 'assets/images/change-video.svg'}}\" alt=\"change-video\">{{'APP.CHANGE_VIDEO' | translate}}</button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <!-- <div *ngIf=\"webinarVideo\" class=\"webinar-video-detail-web\">\r\n                            <div class=\"video-placeholdeer-webinar\">\r\n                              <div class=\"placeholder-icon-vd\">\r\n                                <img\r\n                                  src=\"{{ getValidThumbnail(webinarVideo.thumbnail_url, webinarVideo.webinar_video_url) }}\">\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"video-title-detail-web\">\r\n                              <span class=\"title-main-wb\">{{ webinarVideo.video_title }}</span>\r\n                              <span class=\"timing-total-vd\">\r\n                                <span class=\"icon-tm-sv\">\r\n                                  <mat-icon>access_time</mat-icon>\r\n                                </span>\r\n                                <span class=\"hrs-min-sec-wb\">{{ webinarVideo.webinar_video_length }}</span>\r\n                              </span>\r\n                              <div class=\"change-remove-video\">\r\n                                <button (click)=\"change()\" class=\"small-button-ew\" mat-flat-button\r\n                                  color=\"accent\">{{'APP.CHANGE' | translate}}</button>\r\n                              </div>\r\n                            </div>\r\n                          </div> -->\r\n                        </div>\r\n                      </div>\r\n                    </mat-expansion-panel>\r\n                  </mat-accordion>\r\n                  <mat-accordion *ngIf=\"replayToggle == '1' && replayContentToggle == '1'\" class=\"ew-cta-block\">\r\n                    <mat-expansion-panel hideToggle>\r\n                      <mat-expansion-panel-header collapsedHeight=\"100px\" expandedHeight=\"100px\">\r\n                        <div class=\"customize-webinar-header-left\">\r\n                          <span class=\"right-title-des-web\">\r\n                            <span class=\"customize-left-title\">\r\n                              {{'REPLAY.CTA' | translate}}\r\n                            </span>\r\n                            <span class=\"customize-btm-desc\">\r\n                              {{'REPLAY.SEND_OFFER_POLL' | translate}}\r\n                            </span>\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"customize-header-right\">\r\n                          <!-- <button mat-flat-button color=\"accent\">Done</button> -->\r\n                          <span class=\"open-close-icon-customize\">\r\n                            <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                              xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 490.656 490.656\">\r\n                              <g>\r\n                                <g>\r\n                                  <path d=\"M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.339,347.581L18.203,120.467c-4.16-4.16-10.923-4.16-15.083,0\r\n                                                      c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.091,2.069,4.821,3.115,7.552,3.115s5.461-1.045,7.531-3.136l234.667-234.667\r\n                                                      C491.696,131.368,491.696,124.605,487.536,120.445z\" />\r\n                                </g>\r\n                              </g>\r\n                            </svg>\r\n                          </span>\r\n                        </div>\r\n                      </mat-expansion-panel-header>\r\n                      <div class=\"webinar-template-inner-section cta-customize-section customize-webinar-template\">\r\n                        <div class=\"add-cta-dropdown\" [matMenuTriggerFor]=\"ctaMenu\" (click)=\"onMatMenuClick()\">\r\n                          <div class=\"cta-dropdown\">\r\n                            <span>{{'EW_CUSTOMIZE.ADD_CTA' | translate}}</span>\r\n                            |\r\n                            <mat-icon>expand_more</mat-icon>\r\n                          </div>\r\n                          <mat-menu #ctaMenu=\"matMenu\" class=\"cta-dropdown\" xPosition=\"before\">\r\n                            <button mat-menu-item (click)=\"addOffers()\">\r\n                              <!-- <mat-icon>campaign</mat-icon> -->\r\n                              <span>\r\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"31.265\" viewBox=\"0 0 30 31.265\">\r\n                                  <defs>\r\n                                      <style>\r\n                                          .a-offers {\r\n                                              fill: #00cc6f;\r\n                                          }\r\n\r\n                                          .b-offers {\r\n                                              fill: none;\r\n                                          }\r\n                                      </style>\r\n                                  </defs>\r\n                                  <g transform=\"translate(-10.359 0.002)\">\r\n                                      <g transform=\"translate(10.359 -0.002)\">\r\n                                          <g transform=\"translate(0 0)\">\r\n                                              <path class=\"a-offers\"\r\n                                                  d=\"M38.913,16.036a.916.916,0,0,1,0-.81l1.166-2.385a2.714,2.714,0,0,0-1.171-3.6L36.562,7.992a.916.916,0,0,1-.476-.655l-.459-2.615a2.714,2.714,0,0,0-3.066-2.228l-2.629.372a.916.916,0,0,1-.77-.25L27.254.769a2.714,2.714,0,0,0-3.79,0L21.556,2.615a.917.917,0,0,1-.77.25l-2.629-.372a2.714,2.714,0,0,0-3.066,2.228l-.459,2.615a.916.916,0,0,1-.476.655L11.81,9.236a2.714,2.714,0,0,0-1.171,3.6l1.166,2.385a.916.916,0,0,1,0,.81l-1.166,2.385a2.714,2.714,0,0,0,1.171,3.6l2.345,1.244a.916.916,0,0,1,.476.655l.459,2.615A2.712,2.712,0,0,0,17.766,28.8a2.788,2.788,0,0,0,.39-.028l2.629-.372a.916.916,0,0,1,.77.25l1.908,1.846a2.714,2.714,0,0,0,3.79,0l1.908-1.846a.917.917,0,0,1,.77-.25l2.629.372a2.714,2.714,0,0,0,3.066-2.228l.459-2.615a.916.916,0,0,1,.476-.655l2.345-1.244a2.714,2.714,0,0,0,1.171-3.6Zm-.85,4.4-2.345,1.244a2.708,2.708,0,0,0-1.407,1.937l-.459,2.615a.918.918,0,0,1-1.037.754l-2.629-.372a2.707,2.707,0,0,0-2.277.74L26,29.2a.918.918,0,0,1-1.282,0L22.81,27.35a2.705,2.705,0,0,0-1.888-.767,2.768,2.768,0,0,0-.388.027l-2.629.372a.918.918,0,0,1-1.037-.754l-.459-2.615A2.708,2.708,0,0,0,15,21.677l-2.345-1.244a.918.918,0,0,1-.4-1.219l1.166-2.385a2.708,2.708,0,0,0,0-2.394l-1.166-2.385a.918.918,0,0,1,.4-1.219L15,9.585a2.708,2.708,0,0,0,1.407-1.937l.459-2.615A.918.918,0,0,1,17.9,4.279l2.629.372a2.708,2.708,0,0,0,2.277-.74l1.908-1.846a.918.918,0,0,1,1.282,0l1.908,1.846a2.708,2.708,0,0,0,2.277.74l2.629-.372a.918.918,0,0,1,1.037.754l.459,2.615a2.708,2.708,0,0,0,1.407,1.936l2.345,1.244a.918.918,0,0,1,.4,1.219l-1.166,2.385a2.708,2.708,0,0,0,0,2.394l1.166,2.385A.918.918,0,0,1,38.062,20.432Z\"\r\n                                                  transform=\"translate(-10.359 0.002)\" />\r\n                                              <path class=\"b-offers\"\r\n                                                  d=\"M4.044,8.775,6.511,3.48h4.859L15.143.724l3.771,3.119h4.715l1.306,4.933,4.208,2.394-1.523,4.86,1.523,4.5L24.5,23.719l-.871,3.844-5.223.363-3.264,2.756L10.5,27.562H5.93L4.7,22.92.417,19.946l1.959-4.425L.417,11.169Z\" />\r\n                                          </g>\r\n                                      </g>\r\n                                      <g transform=\"translate(18.507 8.779)\">\r\n                                          <path class=\"a-offers\"\r\n                                              d=\"M157.231,144.056a.9.9,0,0,0-1.275,0l-11.9,11.9a.9.9,0,1,0,1.275,1.275l11.9-11.9A.9.9,0,0,0,157.231,144.056Z\"\r\n                                              transform=\"translate(-143.791 -143.791)\" />\r\n                                      </g>\r\n                                      <g transform=\"translate(18.447 7.516)\">\r\n                                          <path class=\"a-offers\"\r\n                                              d=\"M146.108,123.116a3.306,3.306,0,1,0,3.306,3.306A3.31,3.31,0,0,0,146.108,123.116Zm0,4.809a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,146.108,127.925Z\"\r\n                                              transform=\"translate(-142.802 -123.116)\" />\r\n                                      </g>\r\n                                      <g transform=\"translate(25.659 17.133)\">\r\n                                          <g transform=\"translate(0)\">\r\n                                              <path class=\"a-offers\"\r\n                                                  d=\"M264.228,280.61a3.306,3.306,0,1,0,3.306,3.306A3.31,3.31,0,0,0,264.228,280.61Zm0,4.809a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,264.228,285.419Z\"\r\n                                                  transform=\"translate(-260.922 -280.61)\" />\r\n                                          </g>\r\n                                      </g>\r\n                                  </g>\r\n                              </svg>\r\n                              </span>\r\n                              <span>{{'EW_CUSTOMIZE.ADD_OFFER' | translate}}</span>\r\n                            </button>\r\n                            <button mat-menu-item (click)=\"addPoll()\">\r\n                              <!-- <mat-icon>bar_chart</mat-icon> -->\r\n                              <span>\r\n                                <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                  <g clip-path=\"url(#clip0_1447_33230)\">\r\n                                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.22559 0.392578H10.5912V16.8755H6.22559V0.392578ZM7.3165 1.48349V15.7846H9.5003V1.48349H7.3165Z\" fill=\"#2B2B30\"/>\r\n                                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M-0.0703125 5.07227H4.29531V16.8764H-0.0703125V5.07227ZM1.0206 6.16317V15.7855H3.2044V6.16317H1.0206Z\" fill=\"#2B2B30\"/>\r\n                                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5229 9.62695H16.8886V16.8745H12.5229V9.62695ZM13.6139 10.7179V15.7836H15.7977V10.7179H13.6139Z\" fill=\"#2B2B30\"/>\r\n                                  </g>\r\n                                  <defs>\r\n                                  <clipPath id=\"clip0_1447_33230\">\r\n                                  <rect width=\"17\" height=\"17\" fill=\"white\"/>\r\n                                  </clipPath>\r\n                                  </defs>\r\n                                  </svg>\r\n\r\n                              </span>\r\n                              <span>{{'EW_CUSTOMIZE.ADDPOLL' | translate}}</span>\r\n                            </button>\r\n                          </mat-menu>\r\n                        </div>\r\n                        <div *ngIf=\"!isCtaBoxLoading\" class=\"cta-template-preview-body\">\r\n                          <div class=\"cta-template-preview-body\">\r\n                            <div class=\"offer-section-manage\">\r\n                              <div *ngIf=\"offers?.length > 0\" class=\"section-header-cta\">\r\n                                <span class=\"title-cta-header\">{{'EW_CUSTOMIZE.OFFERS' | translate}}</span>\r\n                              </div>\r\n                              <div class=\"cta-mat-listing\">\r\n                                <ew-webinar-offers-list (add_offers)=\"addOffers($event)\" (updated)=\"updateList($event)\"\r\n                                  (state)=\"offerListState($event)\" [offers]=\"offers\" [showlist]=\"showlist\">\r\n                                </ew-webinar-offers-list>\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"offer-section-manage\">\r\n                              <div *ngIf=\"polls?.length > 0\" class=\"section-header-cta\">\r\n                                <span class=\"title-cta-header\">{{'EW_CUSTOMIZE.POLLS' | translate}}</span>\r\n                              </div>\r\n                              <div class=\"cta-mat-listing\">\r\n                                <ew-webinar-polls-list (add_poll)=\"addPoll($event)\" (updated)=\"updateList($event)\"\r\n                                  (state)=\"pollListState($event)\" [polls]=\"polls\" [showlist]=\"showlist\">\r\n                                </ew-webinar-polls-list>\r\n                              </div>\r\n                            </div>\r\n                            <div *ngIf=\"offers?.length < 1 && polls?.length < 1\"\r\n                              class=\"cta-no-record show no-event-data\">\r\n                              <img src=\"{{ctaNoDataImgSrc}}\" alt=\"no-record\">\r\n                              <h3>{{'EW_CUSTOMIZE.NO_CTA_ADDED' | translate}}</h3>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </mat-expansion-panel>\r\n                  </mat-accordion>\r\n                  <mat-accordion *ngIf=\"replayToggle == '1' && replayContentToggle == '1'\">\r\n                    <mat-expansion-panel hideToggle>\r\n                      <mat-expansion-panel-header collapsedHeight=\"100px\" expandedHeight=\"100px\">\r\n                        <div class=\"customize-webinar-header-left\">\r\n                          <span class=\"right-title-des-web\">\r\n                            <span class=\"customize-left-title\">\r\n                              {{'REPLAY.CONTACT_BOX' | translate}}\r\n                            </span>\r\n                            <span class=\"customize-btm-desc\">\r\n                              {{'REPLAY.AUDIENCE_REPLAY_PAGE' | translate}}\r\n                            </span>\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"customize-header-right\">\r\n                          <!-- <button mat-flat-button color=\"accent\">Done</button> -->\r\n                          <span class=\"open-close-icon-customize\">\r\n                            <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                              xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 490.656 490.656\">\r\n                              <g>\r\n                                <g>\r\n                                  <path d=\"M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.339,347.581L18.203,120.467c-4.16-4.16-10.923-4.16-15.083,0\r\n                                                        c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.091,2.069,4.821,3.115,7.552,3.115s5.461-1.045,7.531-3.136l234.667-234.667\r\n                                                        C491.696,131.368,491.696,124.605,487.536,120.445z\" />\r\n                                </g>\r\n                              </g>\r\n                            </svg>\r\n                          </span>\r\n                        </div>\r\n                      </mat-expansion-panel-header>\r\n                      <ew-contact-box [data]=\"contactBoxData\"></ew-contact-box>\r\n                    </mat-expansion-panel>\r\n                  </mat-accordion>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n","styles":[""]}]}],"members":{"event_id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"default_lang":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"showlist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"addpoll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"addoffer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"end":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["end",{"static":false}]}]}],"eventExpiredUrlCtrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["eventExpiredUrlCtrl",{"static":false}]}]}],"ctaMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":116,"character":3},"arguments":["ctaMenu"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":119,"character":19},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonService","line":120,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":121,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"setCtaDefaultImg":[{"__symbolic":"method"}],"updateList":[{"__symbolic":"method"}],"getReplaySettings":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"replayToggleChange":[{"__symbolic":"method"}],"changeReplayContent":[{"__symbolic":"method"}],"expireReplayChange":[{"__symbolic":"method"}],"addVideo":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"addPoll":[{"__symbolic":"method"}],"addOffers":[{"__symbolic":"method"}],"offerListState":[{"__symbolic":"method"}],"pollListState":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isNumber":[{"__symbolic":"method"}],"updateVideo":[{"__symbolic":"method"}],"getFinalAssetUrl":[{"__symbolic":"method"}],"getValidThumbnail":[{"__symbolic":"method"}],"getVideoTypeIcon":[{"__symbolic":"method"}],"preview":[{"__symbolic":"method"}],"onMatMenuClick":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ew-webinar-offers-list","template":"\r\n    <lib-ew-list-loader *ngIf=\"(listLoader)\"></lib-ew-list-loader>\r\n    <ng-container *ngIf=\"!listLoader && offers?.length > 0\">\r\n        <mat-list *ngFor=\"let offer of offers; let i = index\">\r\n            <mat-list-item>\r\n                <div class=\"left-offers-listing\">\r\n                    <span class=\"left-oofer-icons circle\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"31.265\" viewBox=\"0 0 30 31.265\">\r\n                            <defs>\r\n                                <style>\r\n                                    .a-offers {\r\n                                        fill: #00cc6f;\r\n                                    }\r\n    \r\n                                    .b-offers {\r\n                                        fill: none;\r\n                                    }\r\n                                </style>\r\n                            </defs>\r\n                            <g transform=\"translate(-10.359 0.002)\">\r\n                                <g transform=\"translate(10.359 -0.002)\">\r\n                                    <g transform=\"translate(0 0)\">\r\n                                        <path class=\"a-offers\"\r\n                                            d=\"M38.913,16.036a.916.916,0,0,1,0-.81l1.166-2.385a2.714,2.714,0,0,0-1.171-3.6L36.562,7.992a.916.916,0,0,1-.476-.655l-.459-2.615a2.714,2.714,0,0,0-3.066-2.228l-2.629.372a.916.916,0,0,1-.77-.25L27.254.769a2.714,2.714,0,0,0-3.79,0L21.556,2.615a.917.917,0,0,1-.77.25l-2.629-.372a2.714,2.714,0,0,0-3.066,2.228l-.459,2.615a.916.916,0,0,1-.476.655L11.81,9.236a2.714,2.714,0,0,0-1.171,3.6l1.166,2.385a.916.916,0,0,1,0,.81l-1.166,2.385a2.714,2.714,0,0,0,1.171,3.6l2.345,1.244a.916.916,0,0,1,.476.655l.459,2.615A2.712,2.712,0,0,0,17.766,28.8a2.788,2.788,0,0,0,.39-.028l2.629-.372a.916.916,0,0,1,.77.25l1.908,1.846a2.714,2.714,0,0,0,3.79,0l1.908-1.846a.917.917,0,0,1,.77-.25l2.629.372a2.714,2.714,0,0,0,3.066-2.228l.459-2.615a.916.916,0,0,1,.476-.655l2.345-1.244a2.714,2.714,0,0,0,1.171-3.6Zm-.85,4.4-2.345,1.244a2.708,2.708,0,0,0-1.407,1.937l-.459,2.615a.918.918,0,0,1-1.037.754l-2.629-.372a2.707,2.707,0,0,0-2.277.74L26,29.2a.918.918,0,0,1-1.282,0L22.81,27.35a2.705,2.705,0,0,0-1.888-.767,2.768,2.768,0,0,0-.388.027l-2.629.372a.918.918,0,0,1-1.037-.754l-.459-2.615A2.708,2.708,0,0,0,15,21.677l-2.345-1.244a.918.918,0,0,1-.4-1.219l1.166-2.385a2.708,2.708,0,0,0,0-2.394l-1.166-2.385a.918.918,0,0,1,.4-1.219L15,9.585a2.708,2.708,0,0,0,1.407-1.937l.459-2.615A.918.918,0,0,1,17.9,4.279l2.629.372a2.708,2.708,0,0,0,2.277-.74l1.908-1.846a.918.918,0,0,1,1.282,0l1.908,1.846a2.708,2.708,0,0,0,2.277.74l2.629-.372a.918.918,0,0,1,1.037.754l.459,2.615a2.708,2.708,0,0,0,1.407,1.936l2.345,1.244a.918.918,0,0,1,.4,1.219l-1.166,2.385a2.708,2.708,0,0,0,0,2.394l1.166,2.385A.918.918,0,0,1,38.062,20.432Z\"\r\n                                            transform=\"translate(-10.359 0.002)\" />\r\n                                        <path class=\"b-offers\"\r\n                                            d=\"M4.044,8.775,6.511,3.48h4.859L15.143.724l3.771,3.119h4.715l1.306,4.933,4.208,2.394-1.523,4.86,1.523,4.5L24.5,23.719l-.871,3.844-5.223.363-3.264,2.756L10.5,27.562H5.93L4.7,22.92.417,19.946l1.959-4.425L.417,11.169Z\" />\r\n                                    </g>\r\n                                </g>\r\n                                <g transform=\"translate(18.507 8.779)\">\r\n                                    <path class=\"a-offers\"\r\n                                        d=\"M157.231,144.056a.9.9,0,0,0-1.275,0l-11.9,11.9a.9.9,0,1,0,1.275,1.275l11.9-11.9A.9.9,0,0,0,157.231,144.056Z\"\r\n                                        transform=\"translate(-143.791 -143.791)\" />\r\n                                </g>\r\n                                <g transform=\"translate(18.447 7.516)\">\r\n                                    <path class=\"a-offers\"\r\n                                        d=\"M146.108,123.116a3.306,3.306,0,1,0,3.306,3.306A3.31,3.31,0,0,0,146.108,123.116Zm0,4.809a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,146.108,127.925Z\"\r\n                                        transform=\"translate(-142.802 -123.116)\" />\r\n                                </g>\r\n                                <g transform=\"translate(25.659 17.133)\">\r\n                                    <g transform=\"translate(0)\">\r\n                                        <path class=\"a-offers\"\r\n                                            d=\"M264.228,280.61a3.306,3.306,0,1,0,3.306,3.306A3.31,3.31,0,0,0,264.228,280.61Zm0,4.809a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,264.228,285.419Z\"\r\n                                            transform=\"translate(-260.922 -280.61)\" />\r\n                                    </g>\r\n                                </g>\r\n                            </g>\r\n                        </svg>\r\n                    </span>\r\n                    <div class=\"listing-title-link\">\r\n                        <h3>{{ offer.title | titlecase }}</h3>\r\n                        <!-- <p>{{ offer.text_to_display | slice:0:80}}</p> -->\r\n                        <span>{{ offer.chosen_button_link }}</span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"right-mat-list-action\">\r\n                    <span *ngIf=\"eventDetails.is_livestream != '1' || this.isreplay\" class=\"show-hide-sec-area\">\r\n                        <span class=\"offer-value-price show-hide-at-level\">\r\n                            {{'EW_CUSTOMIZE.SHOWAT' | translate}}<span class=\"price-value-offer\"> {{ offer.start_time }} </span>\r\n                        </span>\r\n                        <span class=\"offer-value-price  show-hide-at-level\">\r\n                            {{'EW_CUSTOMIZE.HIDEAT' | translate}}<span class=\"price-value-offer\"> {{ offer.end_time }} </span>\r\n                        </span>\r\n                    </span>\r\n    \r\n                    <!-- <span class=\"offer-value-price\">\r\n                        Value: <span class=\"price-value-offer\"> $159.9 </span>\r\n                        <span class=\"infor-more-value\" matTooltip=\"Info about the action\"\r\n                            aria-label=\"Button that displays a tooltip when focused or hovered over\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"9\" viewBox=\"0 0 15 9\">\r\n                                <path id=\"Path_1\" data-name=\"Path 1\"\r\n                                    d=\"M7.55,13.95,4.1,10.5,7.55,7.05,6.5,6,2,10.5,6.5,15Zm3.9,0L14.9,10.5,11.45,7.05,12.5,6,17,10.5,12.5,15l-1.05-1.05Z\"\r\n                                    transform=\"translate(-2 -6)\" fill=\"#00be6b\" />\r\n                            </svg>\r\n                        </span>\r\n                    </span> -->\r\n                    <!-- <button (click)=\"addOffers({offers:offers, i:i})\" class=\"small-button-ew\" mat-flat-button color=\"grey\">{{'APP.EDIT' | translate}}</button> -->\r\n                    <button [matMenuTriggerFor]=\"menu6\" class=\"small-button-ew-icon icon-without-text\" mat-flat-button color=\"grey\">\r\n                        <mat-icon>more_horiz</mat-icon>\r\n                    </button>\r\n                    <mat-menu #menu6=\"matMenu\"  class=\"custom-mat-menu  menu-session-ew\" xPosition=\"before\">\r\n                        <button  mat-menu-item (click)=\"addOffers({offers:offers, i:i})\">\r\n                            <mat-icon>edit</mat-icon>\r\n                            <span>{{'APP.EDIT' | translate}}</span>\r\n                        </button>\r\n                        <button mat-menu-item (click)=\"confirmDelete(offer.id)\"> \r\n                            <mat-icon>delete</mat-icon>\r\n                            <span>{{'APP.DELETE' | translate}}</span>\r\n                        </button>\r\n\r\n                    </mat-menu>\r\n                </div>\r\n            </mat-list-item>\r\n        </mat-list>\r\n    </ng-container>\r\n\r\n<!-- <div class=\"offer-section-manage\"> -->\r\n    <!-- <div class=\"section-header-cta\">\r\n        <span class=\"title-cta-header\">{{'EW_CUSTOMIZE.OFFERS' | translate}}</span>\r\n        <button (click)=\"addOffers({offers:offers})\" class=\"icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small\" mat-flat-button disableRipple>\r\n            <mat-icon>add</mat-icon>{{'EW_CUSTOMIZE.ADD_OFFER' | translate}}\r\n        </button>\r\n    </div> -->\r\n    \r\n\r\n    <!-- <mat-list *ngIf=\"(offers && offers.length == 0 && listLoader == false)\" class=\"mat-list mat-list-base\">\r\n        <mat-list-item class=\"mat-list-item mat-focus-indicator\">       \r\n       \r\n            <div class=\"empty-state-listing padding-bottom-10\">\r\n            <div class=\"empty-listing-state-inner\">\r\n                <span class=\"empty-state-listing-icon\">\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"38\" height=\"31\" viewBox=\"0 0 38 31\">\r\n                    <defs>\r\n                      <linearGradient id=\"linear-gradient\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\r\n                        <stop offset=\"0\" stop-color=\"#090039\"/>\r\n                        <stop offset=\"1\" stop-color=\"#5a547a\" stop-opacity=\"0\"/>\r\n                      </linearGradient>\r\n                    </defs>\r\n                    <g id=\"Component_12_1\" data-name=\"Component 12 – 1\" transform=\"translate(1)\">\r\n                      <path id=\"Path_2542\" data-name=\"Path 2542\" d=\"M-17600.219,20763l8.934,16.883H-17614l8.605-16.883Z\" transform=\"translate(17620.801 -20748.883)\" fill=\"url(#linear-gradient)\"/>\r\n                      <g id=\"Ellipse_610\" data-name=\"Ellipse 610\" transform=\"translate(0 7.319)\" fill=\"#283160\" stroke=\"#fff\" stroke-width=\"1\">\r\n                        <ellipse cx=\"18\" cy=\"4.345\" rx=\"18\" ry=\"4.345\" stroke=\"none\"/>\r\n                        <ellipse cx=\"18\" cy=\"4.345\" rx=\"18.5\" ry=\"4.845\" fill=\"none\"/>\r\n                      </g>\r\n                      <g id=\"Path_2541\" data-name=\"Path 2541\" transform=\"translate(8.842)\" fill=\"#090039\">\r\n                        <path d=\"M 9.234541893005371 9.979501724243164 C 4.336671829223633 9.979501724243164 0.5000019073486328 8.85089111328125 0.5000019073486328 7.410121440887451 C 0.5000019073486328 3.599871397018433 4.418302059173584 0.5000013113021851 9.234541893005371 0.5000013113021851 C 14.05078220367432 0.5000013113021851 17.96908187866211 3.599871397018433 17.96908187866211 7.410121440887451 C 17.96908187866211 8.85089111328125 14.13241195678711 9.979501724243164 9.234541893005371 9.979501724243164 Z\" stroke=\"none\"/>\r\n                        <path d=\"M 9.234541893005371 1.000000953674316 C 4.694002151489258 1.000000953674316 1.000001907348633 3.875571250915527 1.000001907348633 7.410121440887451 C 1.000001907348633 7.759611129760742 1.670711517333984 8.310420989990234 3.169132232666016 8.753131866455078 C 4.731552124023438 9.214740753173828 6.942301750183105 9.479491233825684 9.234541893005371 9.479491233825684 C 11.52678203582764 9.479491233825684 13.7375316619873 9.214740753173828 15.29995155334473 8.753131866455078 C 16.79837226867676 8.310420989990234 17.46908187866211 7.759611129760742 17.46908187866211 7.410121440887451 C 17.46908187866211 3.875571250915527 13.77508163452148 1.000000953674316 9.234541893005371 1.000000953674316 M 9.234541893005371 9.5367431640625e-07 C 14.33464241027832 9.5367431640625e-07 18.46908187866211 3.317621231079102 18.46908187866211 7.410121440887451 C 18.46908187866211 11.5026216506958 0 11.50262069702148 1.9073486328125e-06 7.410121440887451 C 1.9073486328125e-06 3.317621231079102 4.134442329406738 9.5367431640625e-07 9.234541893005371 9.5367431640625e-07 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n                      </g>\r\n                      <circle id=\"Ellipse_611\" data-name=\"Ellipse 611\" cx=\"1.241\" cy=\"1.241\" r=\"1.241\" transform=\"translate(6.207 9.801)\" fill=\"#fff\"/>\r\n                      <circle id=\"Ellipse_612\" data-name=\"Ellipse 612\" cx=\"1.241\" cy=\"1.241\" r=\"1.241\" transform=\"translate(17.379 12.284)\" fill=\"#fff\"/>\r\n                      <circle id=\"Ellipse_613\" data-name=\"Ellipse 613\" cx=\"1.241\" cy=\"1.241\" r=\"1.241\" transform=\"translate(27.311 9.801)\" fill=\"#fff\"/>\r\n                    </g>\r\n                  </svg>\r\n                  \r\n                </span>\r\n                <span class=\"empty-state-listing-content\">\r\n                    {{'EW_CUSTOMIZE.NO_OFFER_ADDED' | translate}}\r\n                </span>\r\n            </div>\r\n        </div>\r\n\r\n        </mat-list-item>\r\n    </mat-list> -->\r\n<!-- </div> -->\r\n","styles":[""]}]}],"members":{"offers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"showlist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"isreplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"add_offers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"updated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":64,"character":19},{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"ew-common-lib","name":"LoggerService","line":66,"character":29},{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":67,"character":35},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonService","line":68,"character":29},{"__symbolic":"reference","name":"EwTranslateService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"loadTranslatedValues":[{"__symbolic":"method"}],"confirmDelete":[{"__symbolic":"method"}],"deleteOffer":[{"__symbolic":"method"}],"getList":[{"__symbolic":"method"}],"addOffers":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"ew-add-offers","template":"<div class=\"outer-top-offers\">\r\n    <div class=\"sidebav-offer-selection\">\r\n        <ul>\r\n            <li *ngFor=\"let item of offersData.offers; let i=index\" [ngClass]=\"{'active': offersData.i == i}\" (click)=\"selectOffer(item, i)\">\r\n                <span class=\"offer-add-title\">{{'EW_CUSTOMIZE.ADD_OFFERS.OFFER' | translate}}</span>\r\n                <span class=\"offer-counting\">{{ i+1 }}</span>\r\n            </li>\r\n            <li class=\"add-offer-sidenav\" [ngClass]=\"{'active': offersData.i == undefined}\"\r\n                \r\n                (click)=\"selectOffer()\"\r\n            >\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19.799\" height=\"19.799\" viewBox=\"0 0 19.799 19.799\">\r\n                    <path id=\"close\"\r\n                        d=\"M8.283,7.136l5.451-5.451A.907.907,0,0,0,12.451.4L7,5.853,1.549.4A.907.907,0,0,0,.266,1.684L5.717,7.136.266,12.587A.907.907,0,1,0,1.549,13.87L7,8.419l5.451,5.451a.907.907,0,1,0,1.283-1.283Zm0,0\"\r\n                        transform=\"translate(9.995 -0.096) rotate(45)\" [style.fill]=\"offersData.i == undefined ? '#ffffff' : '#009aff'\" />\r\n                </svg>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <ew-cta-header #header\r\n     (savePage)=\"saveOffer()\"\r\n     (showAttendeeView)=\"showAttendeePreview()\"\r\n     (onExitPage)=\"closeOffersPage()\"\r\n     [formData]=\"validatorForm.value\"\r\n     [showLoader]=\"sectionLoader\"\r\n    >\r\n    </ew-cta-header>\r\n\r\n    <section class=\"custom-widget\" [ngClass]=\"{'ew-sidebar-open': header.openSidebar}\">\r\n        <lib-ew-main-loader *ngIf=\"(sectionLoader)\"></lib-ew-main-loader>\r\n        <div class=\"custom-widget-left grey-bg-custom\">\r\n            <ew-offer-preview\r\n                [addOfferForm]=\"validatorForm\"\r\n                [countdown]=\"this.editData.countdown\"\r\n                [offerType]=\"validatorForm.value.offer_type\"\r\n            ></ew-offer-preview>\r\n        </div>\r\n\r\n        <form [formGroup]=\"validatorForm\">\r\n        <div class=\"custom-widget-right\">\r\n            <div class=\"widget-inner-outer\">\r\n                <div class=\"sidebar-element-body\">\r\n                    <div class=\"child-list-custom\">\r\n                        <div class=\"elemets-ew-sidebar\">\r\n                            <div class=\"elements-outer-sec-scroll widget-sidebar-elements\">\r\n                                <div class=\"builder-elements-outer sepration-widget-elements-baar\">\r\n\r\n                                    <!-- <div class=\"element-builder-row\">\r\n                                        <div class=\"elements-custom-outer-ew toggle-wiget-scenario\">\r\n                                            <div class=\"left-list-item\">\r\n                                                <span class=\"title-list-nav\">\r\n                                                    Offer Value <span class=\"inner-title-label\">(add value to track\r\n                                                        revenue) </span></span>\r\n                                            </div>\r\n                                            <div class=\"bottom-custom-design-fields field-style-offer-revenu\">\r\n                                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                                    <input matInput placeholder=\"$ 300.99\" value=\"$ 300.99\">\r\n                                                </mat-form-field>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"seprator-widget-count padding-elements-10-top\"></div> -->\r\n\r\n                                    <div class=\"ew-offer-type\">\r\n                                        <label class=\"title-offer-value\">{{'EW_CUSTOMIZE.ADD_OFFERS.OFFER_STYLE' | translate}}</label>\r\n                                        <mat-button-toggle-group formControlName='offer_type'>\r\n                                            <mat-button-toggle value=\"0\" (change)=\"onOfferTypeChange($event.value)\">\r\n                                                <span class=\"deactivated-option-icon\">\r\n                                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n                                                        viewBox=\"0 0 16 16\">\r\n                                                        <g id=\"Ellipse_1\" data-name=\"Ellipse 1\" fill=\"none\"\r\n                                                            stroke=\"#707070\" stroke-width=\"1\">\r\n                                                            <circle cx=\"8\" cy=\"8\" r=\"8\" stroke=\"none\" />\r\n                                                            <circle cx=\"8\" cy=\"8\" r=\"7.5\" fill=\"none\" />\r\n                                                        </g>\r\n                                                    </svg>\r\n                                                </span>\r\n                                                <span class=\"activated-option-icon\">\r\n                                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n                                                        viewBox=\"0 0 16 16\">\r\n                                                        <g id=\"Group_1\" data-name=\"Group 1\"\r\n                                                            transform=\"translate(-1520 -663)\">\r\n                                                            <path id=\"Path_1207\" data-name=\"Path 1207\"\r\n                                                                d=\"M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z\"\r\n                                                                transform=\"translate(1520 663)\" fill=\"#009aff\" />\r\n                                                            <g id=\"success\" transform=\"translate(1520 663)\">\r\n                                                                <g id=\"Group_2448\" data-name=\"Group 2448\"\r\n                                                                    transform=\"translate(4.127 5.057)\">\r\n                                                                    <g id=\"Group_2447\" data-name=\"Group 2447\">\r\n                                                                        <path id=\"Path_1157\" data-name=\"Path 1157\"\r\n                                                                            d=\"M139.622,161.985a.62.62,0,0,0-.875.042l-3.78,4.162-1.826-1.857a.62.62,0,1,0-.884.869l2.286,2.324a.619.619,0,0,0,.442.185H135a.62.62,0,0,0,.447-.2l4.221-4.648A.62.62,0,0,0,139.622,161.985Z\"\r\n                                                                            transform=\"translate(-132.079 -161.824)\"\r\n                                                                            fill=\"#fff\" />\r\n                                                                    </g>\r\n                                                                </g>\r\n                                                            </g>\r\n                                                        </g>\r\n                                                    </svg>\r\n                                                </span>\r\n                                                {{'EW_CUSTOMIZE.ADD_OFFERS.TEXT_OFFER' | translate}}\r\n                                            </mat-button-toggle>\r\n                                            <mat-button-toggle value=\"1\" (change)=\"onOfferTypeChange($event.value)\">\r\n                                                <span class=\"deactivated-option-icon\">\r\n                                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n                                                        viewBox=\"0 0 16 16\">\r\n                                                        <g id=\"Ellipse_1\" data-name=\"Ellipse 1\" fill=\"none\"\r\n                                                            stroke=\"#707070\" stroke-width=\"1\">\r\n                                                            <circle cx=\"8\" cy=\"8\" r=\"8\" stroke=\"none\" />\r\n                                                            <circle cx=\"8\" cy=\"8\" r=\"7.5\" fill=\"none\" />\r\n                                                        </g>\r\n                                                    </svg>\r\n                                                </span>\r\n                                                <span class=\"activated-option-icon\">\r\n                                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n                                                        viewBox=\"0 0 16 16\">\r\n                                                        <g id=\"Group_1\" data-name=\"Group 1\"\r\n                                                            transform=\"translate(-1520 -663)\">\r\n                                                            <path id=\"Path_1207\" data-name=\"Path 1207\"\r\n                                                                d=\"M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z\"\r\n                                                                transform=\"translate(1520 663)\" fill=\"#009aff\" />\r\n                                                            <g id=\"success\" transform=\"translate(1520 663)\">\r\n                                                                <g id=\"Group_2448\" data-name=\"Group 2448\"\r\n                                                                    transform=\"translate(4.127 5.057)\">\r\n                                                                    <g id=\"Group_2447\" data-name=\"Group 2447\">\r\n                                                                        <path id=\"Path_1157\" data-name=\"Path 1157\"\r\n                                                                            d=\"M139.622,161.985a.62.62,0,0,0-.875.042l-3.78,4.162-1.826-1.857a.62.62,0,1,0-.884.869l2.286,2.324a.619.619,0,0,0,.442.185H135a.62.62,0,0,0,.447-.2l4.221-4.648A.62.62,0,0,0,139.622,161.985Z\"\r\n                                                                            transform=\"translate(-132.079 -161.824)\"\r\n                                                                            fill=\"#fff\" />\r\n                                                                    </g>\r\n                                                                </g>\r\n                                                            </g>\r\n                                                        </g>\r\n                                                    </svg>\r\n                                                </span>\r\n                                                {{'EW_CUSTOMIZE.ADD_OFFERS.IMAGE_OFFER' | translate}}\r\n                                            </mat-button-toggle>\r\n                                        </mat-button-toggle-group>\r\n                                    </div>\r\n                                    \r\n                                    <div class=\"sidenav-offer-type\">\r\n\r\n                                        <ew-offer-schedule\r\n                                            *ngIf=\"(eventDetails.is_livestream && eventDetails.is_livestream != '1' || isReplayOffer) \"\r\n                                            [parent]=\"validatorForm\"\r\n                                            (offerScheduleValueChanged) = \"valueChanged($event)\"\r\n                                        >\r\n                                    </ew-offer-schedule>\r\n\r\n                                        <div class=\"element-builder-row\" [class.padding-elements-30-top]=\"eventDetails.is_livestream == '1'\">\r\n                                            <div class=\"elements-custom-outer-ew toggle-wiget-scenario\">\r\n                                                <div class=\"left-list-item\">\r\n                                                    <span class=\"title-list-nav\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_OFFERS.TITLE' | translate}} <span class=\"inner-title-label\">{{'EW_CUSTOMIZE.ADD_OFFERS.INTERNAL_USE_ONLY' | translate}}</span>\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div class=\"bottom-custom-design-fields\">\r\n                                                    <mat-form-field class=\"ew-field-no-label ew-insider-label\" floatLabel=\"never\">\r\n                                                        <input matInput maxlength=\"100\" formControlName=\"title\" placeholder=\"Title\">\r\n                                                            <mat-error *ngIf=\"validatorForm.get('title').invalid && validatorForm.get('title').errors.required\">\r\n                                                                {{'EW_CUSTOMIZE.ADD_OFFERS.REQUIRED' | translate}}\r\n                                                            </mat-error>\r\n                                                    </mat-form-field>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>    \r\n                                        \r\n                                        <ng-container *ngIf=\"validatorForm.value.offer_type == '0'\">\r\n                                        <div class=\"element-builder-row padding-elements-30-top\">\r\n                                            <div class=\"elements-custom-outer-ew toggle-wiget-scenario\">\r\n                                                <div class=\"left-list-item\">\r\n                                                    <span class=\"title-list-nav\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_OFFERS.HEADLINE' | translate}}</span>\r\n                                                </div>\r\n                                                <div class=\"right-list-item\">\r\n                                                    <div class=\"ew-toggle-button\">\r\n                                                        <div class=\"toggle-button-cover\">\r\n                                                            <div class=\"button-cover\">\r\n                                                                <div class=\"button b3\" id=\"button-ew\">\r\n                                                                    <input type=\"checkbox\" formControlName=\"offer_heading_toggle\" class=\"checkbox\" />\r\n                                                                    <div class=\"knobs\">\r\n                                                                        <span></span>\r\n                                                                    </div>\r\n                                                                    <div class=\"layer\"></div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"bottom-custom-design-fields\">\r\n                                                    <mat-form-field class=\"ew-field-no-label ew-insider-label\" floatLabel=\"never\" (click)=\"onInputFocus('offer_heading_toggle')\">\r\n                                                        <input matInput\r\n                                                        libCustomAutofocus\r\n                                                        [enableAutoFocus]=\"!validatorForm.value.offer_heading_toggle\"\r\n                                                         [required]=\"!validatorForm.get('offer_heading_toggle').value\" formControlName=\"offer_heading\" placeholder=\"Headline\" />\r\n                                                        <mat-error *ngIf=\"validatorForm.get('offer_heading').invalid && validatorForm.get('offer_heading').errors.required\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_OFFERS.REQUIRED' | translate}}\r\n                                                    </mat-error>\r\n                                                    </mat-form-field>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"element-builder-row padding-elements-30-top\">\r\n                                            <div class=\"elements-custom-outer-ew toggle-wiget-scenario\">\r\n                                                <div class=\"left-list-item\">\r\n                                                    <span class=\"title-list-nav\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_OFFERS.SUB_HEADLINE' | translate}}</span>\r\n                                                </div>\r\n                                                <div class=\"right-list-item\">\r\n                                                    <div class=\"ew-toggle-button\">\r\n                                                        <div class=\"toggle-button-cover\">\r\n                                                            <div class=\"button-cover\">\r\n                                                                <div class=\"button b3\" id=\"button-ew\">\r\n                                                                    <input type=\"checkbox\" formControlName=\"description_toggle\" class=\"checkbox\">\r\n                                                                    <div class=\"knobs\">\r\n                                                                        <span></span>\r\n                                                                    </div>\r\n                                                                    <div class=\"layer\"></div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"bottom-custom-design-fields\">\r\n                                                    <mat-form-field class=\"ew-field-no-label ew-insider-label\" floatLabel=\"never\" (click)=\"onInputFocus('description_toggle')\">\r\n                                                        <input matInput\r\n                                                        libCustomAutofocus\r\n                                                        [enableAutoFocus]=\"!validatorForm.value.description_toggle\"\r\n                                                         [required]=\"!validatorForm.get('description_toggle').value\" formControlName=\"description\" placeholder=\"Sub Headline\">\r\n                                                        <mat-error *ngIf=\"validatorForm.get('description').invalid && validatorForm.get('description').errors.required\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_OFFERS.REQUIRED' | translate}}\r\n                                                      </mat-error>\r\n                                                        \r\n\r\n                                                    </mat-form-field>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div class=\"seprator-widget-count padding-elements-10-top\"></div>\r\n                                        <div class=\"element-builder-row \">\r\n                                            <div class=\"botton-styling-offer\">\r\n    \r\n                                                <div class=\"elements-custom-outer-ew toggle-wiget-scenario\">\r\n                                                    <div class=\"left-list-item\">\r\n                                                        <span class=\"title-list-nav\">{{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_SIZE' | translate}}</span>\r\n                                                    </div>\r\n                                                    <div class=\"bottom-custom-design-fields\">\r\n                                                        <mat-select matInput class=\"ew-field-no-label\" floatLabel=\"never\" formControlName=\"event_button_size\">\r\n                                                            <mat-option value=\"small-btn-offer\">Small</mat-option>\r\n                                                            <mat-option value=\"medium-btn-offer\">Medium</mat-option>\r\n                                                            <mat-option value=\"large-btn-offer\">Large</mat-option>\r\n                                                        </mat-select>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div class=\"elements-custom-outer-ew toggle-wiget-scenario\">\r\n                                                    <div class=\"left-list-item\">\r\n                                                        <span class=\"title-list-nav\">{{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_ICON' | translate}}</span>\r\n                                                    </div>\r\n                                                    <div class=\"bottom-custom-design-fields\">\r\n                                                        <mat-form-field floatLabel=\"never\" class=\"ew-field-no-label mat-btn-picker-custom\" floatLabel=\"never\">\r\n                                                            <mat-icon class=\"mat-icon-selected\" *ngIf=\"iconSelector.value != ''\">\r\n                                                                {{validatorForm.get('event_button_icon').value}}\r\n                                                            </mat-icon>\r\n                                                            <span *ngIf=\"iconSelector.value == ''\" class=\"offer-icon-select\">Select icon</span>\r\n                                                            <mat-select #iconSelector matInput panelClass=\"testClass\" [compareWith]=\"compareFn\" formControlName=\"event_button_icon\">\r\n                                                                <mat-option value=\"\">Select icon</mat-option>\r\n                                                                <mat-option value=\"vpn_key\"><mat-icon>vpn_key</mat-icon></mat-option>\r\n                                                                <mat-option value=\"lock\"><mat-icon>lock</mat-icon></mat-option>\r\n                                                                <mat-option value=\"local_offer\"><mat-icon>local_offer</mat-icon></mat-option>\r\n                                                                <mat-option value=\"add\"><mat-icon>add</mat-icon></mat-option>\r\n                                                                <mat-option value=\"create\"><mat-icon>create</mat-icon></mat-option>\r\n                                                                <mat-option value=\"insert_invitation\"><mat-icon>insert_invitation</mat-icon></mat-option>\r\n                                                                <mat-option value=\"cloud_upload\"><mat-icon>cloud_upload</mat-icon></mat-option>\r\n                                                                <mat-option value=\"get_app\"><mat-icon>get_app</mat-icon></mat-option>\r\n                                                                <mat-option value=\"share\"><mat-icon>share</mat-icon></mat-option>\r\n                                                            </mat-select>\r\n                                                        </mat-form-field>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"elements-custom-outer-ew toggle-wiget-scenario padding-elements-20-top\">\r\n                                            <div class=\"left-list-item\">\r\n                                                <span class=\"title-list-nav\">{{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_TEXT' | translate}} </span>\r\n                                            </div>\r\n                                            <div class=\"bottom-custom-design-fields\">\r\n                                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                                    <input matInput formControlName=\"event_button_txt\" maxlength=\"21\">\r\n                                                    <mat-error\r\n                                                        *ngIf=\"validatorForm.get('event_button_txt')?.invalid && (validatorForm.get('event_button_txt').dirty || validatorForm.get('event_button_txt').touched)\">\r\n                                                        <div *ngIf=\"validatorForm.get('event_button_txt').errors.required\">\r\n                                                            {{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_TEXT_REQUIRED' | translate}}\r\n                                                        </div>\r\n                                                        <div *ngIf=\"validatorForm.get('event_button_txt').errors.maxlength\">\r\n                                                            {{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_TEXT_25CHAR' | translate}}\r\n                                                        </div>\r\n                                                    </mat-error>\r\n                                                </mat-form-field>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"elements-custom-outer-ew toggle-wiget-scenario padding-elements-10-top\">\r\n                                            <div class=\"left-list-item\">\r\n                                                <span class=\"title-list-nav\">{{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_URL' | translate}}</span>\r\n                                            </div>\r\n                                            <div class=\"bottom-custom-design-fields\">\r\n                                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                                    <input matInput formControlName=\"chosen_button_link\">\r\n                                                    <mat-error >\r\n                                                    <div *ngIf=\"validatorForm.get('chosen_button_link').errors?.urlValid === true\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_OFFERS.VALID_URL' | translate}}\r\n                                                    </div>\r\n                                                </mat-error>\r\n                                                </mat-form-field>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"element-builder-row padding-elements-30-top\">\r\n                                            <span class=\"builder-elements-name\">{{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_COLOR' | translate}}</span>\r\n                                            <div class=\"common-builder-right\">\r\n                                                <mat-form-field class=\"mat-form-field color-picker-mat embeded-color-widget-picker\" floatLabel=\"never\">\r\n                                                    <input matInput type=\"text\"\r\n                                                        [cpPosition]=\"'top'\"\r\n                                                        (colorPickerChange)=\"validatorForm.get('event_button_bg').setValue($event)\"\r\n                                                        [cpOutputFormat]=\"'auto'\" \r\n                                                        [cpAlphaChannel]=\"'enabled'\" \r\n                                                        [colorPicker]=\"validatorForm.get('event_button_bg').value\" \r\n                                                        [formControlName]=\"'event_button_bg'\" \r\n                                                    />\r\n                                                    <span class=\"color-picker-box\" [style.background-color]=\"validatorForm.value['event_button_bg']\"></span>\r\n                                                </mat-form-field>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"element-builder-row padding-elements-30-top\">\r\n                                            <span class=\"builder-elements-name\">{{'EW_CUSTOMIZE.ADD_OFFERS.BUTTON_TEXT_COLOR' | translate}} </span>\r\n                                            <div class=\"common-builder-right\">\r\n                                                <mat-form-field class=\"mat-form-field color-picker-mat embeded-color-widget-picker\" floatLabel=\"never\">\r\n                                                    <input matInput type=\"text\"\r\n                                                        [cpPosition]=\"'top'\"\r\n                                                        (colorPickerChange)=\"validatorForm.get('event_button_color').setValue($event)\"\r\n                                                        [cpOutputFormat]=\"'auto'\" \r\n                                                        [cpAlphaChannel]=\"'enabled'\" \r\n                                                        [colorPicker]=\"validatorForm.get('event_button_color').value\" \r\n                                                        [formControlName]=\"'event_button_color'\" \r\n                                                    />\r\n                                                    <span class=\"color-picker-box\" [style.background-color]=\"validatorForm.value['event_button_color']\"></span>\r\n                                                </mat-form-field>\r\n                                            </div>\r\n                                        </div>\r\n                                        </ng-container>\r\n\r\n                                        <div *ngIf=\"validatorForm.value.offer_type == '1'\" class=\"elements-custom-outer-ew toggle-wiget-scenario padding-elements-30-top\">\r\n                                            <div class=\"left-list-item\">\r\n                                                <span class=\"title-list-nav\">{{'EW_CUSTOMIZE.ADD_OFFERS.IMAGE_URL' | translate}}</span>\r\n                                            </div>\r\n                                            <div class=\"bottom-custom-design-fields\">\r\n                                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                                    <input matInput formControlName=\"chosen_button_link\">\r\n                                                    <mat-error>\r\n                                                        <div *ngIf=\"validatorForm.get('chosen_button_link').errors?.urlValid === true\">\r\n                                                            {{'EW_CUSTOMIZE.ADD_OFFERS.VALID_URL' | translate}}\r\n\r\n                                                        </div>\r\n                                                    </mat-error>\r\n                                                </mat-form-field>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div *ngIf=\"validatorForm.value.offer_type == '1'\" class=\"element-builder-row offer-uplod-imge\">\r\n                                            <span class=\"title-list-nav\">{{'EW_CUSTOMIZE.ADD_OFFERS.OFFER_IMAGE' | translate}}</span>\r\n                                            <div class=\"offer-image-add\">\r\n                                                <lib-ew-ma-image\r\n                                                    [event_id]=\"eventId\"\r\n                                                    default_language=\"en\"\r\n                                                    [showImageLibPopup]=\"showImageLibraryPopup\"\r\n                                                    [env]=\"environment\"\r\n                                                    (selectedImage)=\"selectedImage($event)\"\r\n                                                    *ngIf=\"showImageLibrary\"\r\n                                                ></lib-ew-ma-image>\r\n                                                <mat-error *ngIf=\"validatorForm.get('offerImageForm.button_img').errors?.required\">\r\n                                                    {{'EW_CUSTOMIZE.ADD_OFFERS.REQUIRED' | translate}}\r\n                                                </mat-error>\r\n                                                <!-- [unsplash]=\"false\" -->\r\n                                                <div *ngIf=\"!showImageLibrary\" class=\"uploaded-img-sec\">\r\n                                                    <div class=\"uploaded-img-left\">\r\n                                                        <img src=\"{{ validatorForm.value.offerImageForm.button_img }}\">\r\n                                                    </div>\r\n                                                    <div class=\"uploader-img-right\">\r\n                                                        <span class=\"uploader-img-name\">{{ validatorForm.value.offerImageForm.button_img_name }}</span>\r\n                                                        <span class=\"uploader-img-size\">{{ validatorForm.value.offerImageForm.button_img_width }}x{{ validatorForm.value.offerImageForm.button_img_height }}px</span>\r\n                                                        <span class=\"uploader-img-weight\">{{ validatorForm.value.offerImageForm.button_img_size }}</span>\r\n                                                        <div class=\"call-action-upload-file\">\r\n                                                            <button (click)=\"changeImage()\" class=\"small-button-ew\" mat-flat-button color=\"grey\">{{'APP.CHANGE' | translate}}</button>\r\n                                                            <button (click)=\"removeImage()\" class=\"no-bg-btn theme-button-text-ew-small warning-btn-no-text\">{{'APP.REMOVE' | translate}}</button>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div class=\"seprator-widget-count padding-elements-10-top\"></div>\r\n                                        <div class=\"video-lenth-custom-input\">\r\n                                            <span *ngIf=\"eventDetails.is_livestream != '1' || isReplayOffer\">{{'EW_CUSTOMIZE.ADD_OFFERS.COUNTDOWN' | translate}}</span>\r\n                                            <div class=\"right-list-item ew-countdown-offer\">\r\n                                                <div class=\"ew-toggle-button\">\r\n                                                    <div class=\"toggle-button-cover\">\r\n                                                        <div class=\"button-cover\">\r\n                                                            <div class=\"button b3\" id=\"button-ew\">\r\n                                                                <input type=\"checkbox\" formControlName=\"countdown\" class=\"checkbox\">\r\n                                                                <div class=\"knobs\">\r\n                                                                    <span></span>\r\n                                                                </div>\r\n                                                                <div class=\"layer\"></div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                           <ng-container *ngIf=\"eventDetails.is_livestream == '1' && !isReplayOffer\">\r\n                                            <lib-countdown-input \r\n                                                [topLabelText]=\"('EW_CUSTOMIZE.ADD_OFFERS.COUNTDOWN' | translate)\"\r\n                                                [bottomLabelText]=\"'Hour'\"\r\n                                                [parent]=\"validatorForm\"\r\n                                                [controlName]=\"'countdown_hours'\"                                        \r\n                                                [optionRange]=\"hoursRange\" \r\n                                                [disabled]=\"validatorForm.get('countdown').value\"                                       \r\n                                            ></lib-countdown-input>\r\n                                            <lib-countdown-input                                            \r\n                                                [bottomLabelText]=\"'Min'\"\r\n                                                [parent]=\"validatorForm\"\r\n                                                [marginAddClass]=\"true\"\r\n                                                [controlName]=\"'countdown_mints'\"                                        \r\n                                                [optionRange]=\"mintsRange\" \r\n                                                [disabled]=\"validatorForm.get('countdown').value\"                                        \r\n                                            ></lib-countdown-input>\r\n                                            <lib-countdown-input                                            \r\n                                                [bottomLabelText]=\"'Sec'\"\r\n                                                [parent]=\"validatorForm\"\r\n                                                [marginAddClass]=\"true\"\r\n                                                [controlName]=\"'countdown_seconds'\"                                        \r\n                                                [optionRange]=\"secondsRange\"\r\n                                                [disabled]=\"validatorForm.get('countdown').value\"                                         \r\n                                            ></lib-countdown-input>\r\n                                        </ng-container>\r\n                                        </div>                                        \r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        </form>\r\n    </section>\r\n</div>\r\n","styles":[""]}]}],"members":{"offersData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"exit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":136,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":147,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":162,"character":19},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":163,"character":15},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":164,"character":22},{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":166,"character":35},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonService","line":167,"character":29},{"__symbolic":"reference","module":"ew-common-lib","name":"FlashService","line":168,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closeOffersPage":[{"__symbolic":"method"}],"setForm":[{"__symbolic":"method"}],"compareFn":[{"__symbolic":"method"}],"saveOffer":[{"__symbolic":"method"}],"selectedImage":[{"__symbolic":"method"}],"removeImage":[{"__symbolic":"method"}],"changeImage":[{"__symbolic":"method"}],"showAttendeePreview":[{"__symbolic":"method"}],"hasUnsavedData":[{"__symbolic":"method"}],"selectPoll":[{"__symbolic":"method"}],"selectOffer":[{"__symbolic":"method"}],"updateOffersList":[{"__symbolic":"method"}],"onOfferTypeChange":[{"__symbolic":"method"}],"valueChanged":[{"__symbolic":"method"}],"setCountDownPreview":[{"__symbolic":"method"}],"onInputFocus":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ew-cta-header","template":"<div class=\"top-nav-custom-widget white-bg-header\">\r\n    <div class=\"left-steps-cutom-pages\">\r\n        <span *ngIf=\"page == 'offers'\" class=\"offer-icon-ew-main\">\r\n            <svg id=\"commerce-and-shopping\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24.325\" height=\"25.351\"\r\n            viewBox=\"0 0 24.325 25.351\">\r\n            <g id=\"Group_1350\" data-name=\"Group 1350\" transform=\"translate(0 0)\">\r\n                <g id=\"Group_1349\" data-name=\"Group 1349\" transform=\"translate(0 0)\">\r\n                    <path id=\"Path_782\" data-name=\"Path 782\"\r\n                        d=\"M33.511,13a.743.743,0,0,1,0-.657l.945-1.934a2.2,2.2,0,0,0-.95-2.922l-1.9-1.009a.743.743,0,0,1-.386-.531l-.372-2.121a2.2,2.2,0,0,0-2.486-1.806l-2.132.3a.743.743,0,0,1-.624-.2L24.058.623a2.2,2.2,0,0,0-3.073,0l-1.547,1.5a.743.743,0,0,1-.624.2l-2.132-.3A2.2,2.2,0,0,0,14.2,3.828l-.372,2.12a.743.743,0,0,1-.386.531l-1.9,1.009a2.2,2.2,0,0,0-.95,2.922l.945,1.934a.743.743,0,0,1,0,.657l-.945,1.934a2.2,2.2,0,0,0,.95,2.922l1.9,1.009a.743.743,0,0,1,.386.531l.372,2.121a2.2,2.2,0,0,0,2.169,1.828,2.261,2.261,0,0,0,.317-.022l2.132-.3a.743.743,0,0,1,.625.2l1.547,1.5a2.2,2.2,0,0,0,3.073,0l1.547-1.5a.744.744,0,0,1,.624-.2l2.132.3a2.2,2.2,0,0,0,2.486-1.806l.372-2.12a.743.743,0,0,1,.386-.531l1.9-1.009a2.2,2.2,0,0,0,.95-2.922Zm-.689,3.565-1.9,1.009a2.2,2.2,0,0,0-1.141,1.57l-.372,2.121a.745.745,0,0,1-.841.611l-2.132-.3a2.2,2.2,0,0,0-1.846.6l-1.547,1.5a.745.745,0,0,1-1.04,0l-1.547-1.5a2.193,2.193,0,0,0-1.531-.622,2.244,2.244,0,0,0-.315.022l-2.132.3a.745.745,0,0,1-.841-.611l-.372-2.121a2.2,2.2,0,0,0-1.141-1.57l-1.9-1.009a.745.745,0,0,1-.321-.989l.945-1.934a2.2,2.2,0,0,0,0-1.941L11.9,9.769a.745.745,0,0,1,.321-.989l1.9-1.009A2.2,2.2,0,0,0,15.264,6.2l.372-2.121a.745.745,0,0,1,.841-.611l2.132.3a2.2,2.2,0,0,0,1.846-.6L22,1.674a.745.745,0,0,1,1.04,0l1.547,1.5a2.2,2.2,0,0,0,1.846.6l2.132-.3a.745.745,0,0,1,.841.611L29.779,6.2a2.2,2.2,0,0,0,1.141,1.57l1.9,1.009a.745.745,0,0,1,.321.989L32.2,11.7a2.2,2.2,0,0,0,0,1.941l.945,1.934A.745.745,0,0,1,32.822,16.567Z\"\r\n                        transform=\"translate(-10.359 0.002)\" fill=\"#009aff\" />\r\n                    <path id=\"Path_808\" data-name=\"Path 808\"\r\n                        d=\"M3.358,7.252l2-4.293H9.3L12.357.724l3.058,2.529h3.823l1.059,4,3.412,1.941-1.235,3.941,1.235,3.646-3.764,2.588-.706,3.117L15,22.78l-2.646,2.235L8.593,22.485H4.887l-1-3.764L.417,16.31l1.588-3.588L.417,9.193Z\"\r\n                        transform=\"translate(-0.079 -0.137)\" fill=\"none\" />\r\n                </g>\r\n            </g>\r\n            <g id=\"Group_1352\" data-name=\"Group 1352\" transform=\"translate(6.607 7.12)\">\r\n                <g id=\"Group_1351\" data-name=\"Group 1351\">\r\n                    <path id=\"Path_783\" data-name=\"Path 783\"\r\n                        d=\"M154.689,144.006a.731.731,0,0,0-1.034,0l-9.649,9.649a.731.731,0,1,0,1.034,1.034l9.649-9.649A.731.731,0,0,0,154.689,144.006Z\"\r\n                        transform=\"translate(-143.792 -143.792)\" fill=\"#009aff\" />\r\n                </g>\r\n            </g>\r\n            <g id=\"Group_1354\" data-name=\"Group 1354\" transform=\"translate(6.558 6.096)\">\r\n                <g id=\"Group_1353\" data-name=\"Group 1353\">\r\n                    <path id=\"Path_784\" data-name=\"Path 784\"\r\n                        d=\"M145.483,123.116a2.681,2.681,0,1,0,2.681,2.681A2.684,2.684,0,0,0,145.483,123.116Zm0,3.9A1.218,1.218,0,1,1,146.7,125.8,1.22,1.22,0,0,1,145.483,127.015Z\"\r\n                        transform=\"translate(-142.802 -123.116)\" fill=\"#009aff\" />\r\n                </g>\r\n            </g>\r\n            <g id=\"Group_1356\" data-name=\"Group 1356\" transform=\"translate(12.406 13.894)\">\r\n                <g id=\"Group_1355\" data-name=\"Group 1355\" transform=\"translate(0)\">\r\n                    <path id=\"Path_785\" data-name=\"Path 785\"\r\n                        d=\"M263.6,280.61a2.681,2.681,0,1,0,2.681,2.681A2.684,2.684,0,0,0,263.6,280.61Zm0,3.9a1.218,1.218,0,1,1,1.218-1.218A1.22,1.22,0,0,1,263.6,284.509Z\"\r\n                        transform=\"translate(-260.922 -280.61)\" fill=\"#009aff\" />\r\n                </g>\r\n            </g>\r\n            </svg>\r\n        </span>\r\n        <span *ngIf=\"page == 'polls'\" class=\"offer-icon-ew-main\">\r\n        <!-- <svg id=\"communications_1_\" data-name=\"communications (1)\" xmlns=\"http://www.w3.org/2000/svg\" width=\"25.424\" height=\"20.756\" viewBox=\"0 0 25.424 20.756\">\r\n            <path id=\"Path_786\" data-name=\"Path 786\" d=\"M4.37,20.756a.5.5,0,0,1-.5-.5V17.28H2.88A2.883,2.883,0,0,1,0,14.4V2.88A2.883,2.883,0,0,1,2.88,0H22.544a2.883,2.883,0,0,1,2.88,2.88V14.4a2.883,2.883,0,0,1-2.88,2.88H20.364a.5.5,0,1,1,0-.993h2.179A1.889,1.889,0,0,0,24.431,14.4V2.88A1.889,1.889,0,0,0,22.544.993H2.88A1.889,1.889,0,0,0,.993,2.88V14.4A1.889,1.889,0,0,0,2.88,16.287H4.37a.5.5,0,0,1,.5.5v2.277l2.628-2.628a.5.5,0,0,1,.351-.145h8.547a.5.5,0,1,1,0,.993H8.051l-3.331,3.33a.5.5,0,0,1-.351.145Zm0,0\" fill=\"#ffab27\"/>\r\n            <path id=\"Path_787\" data-name=\"Path 787\" d=\"M297.788,103.852a.5.5,0,0,1-.351-.145l-1.334-1.334-1.334,1.334a.5.5,0,0,1-.7,0l-1.685-1.685a.5.5,0,0,1,0-.7l1.334-1.334L292.38,98.65a.5.5,0,0,1,0-.7l1.685-1.685a.5.5,0,0,1,.7,0L296.1,97.6l1.334-1.334a.5.5,0,0,1,.7,0l1.685,1.685a.5.5,0,0,1,0,.7l-1.334,1.334,1.334,1.334a.5.5,0,0,1,0,.7l-1.685,1.685A.5.5,0,0,1,297.788,103.852Zm-4.354-2.182.983.983,1.334-1.334a.5.5,0,0,1,.7,0l1.334,1.334.983-.983-1.334-1.334a.5.5,0,0,1,0-.7l1.334-1.334-.983-.983-1.334,1.334a.5.5,0,0,1-.7,0l-1.334-1.334-.983.983,1.334,1.334a.5.5,0,0,1,0,.7Zm0,0\" transform=\"translate(-277.724 -91.345)\" fill=\"#ffab27\"/>\r\n            <path id=\"Path_788\" data-name=\"Path 788\" d=\"M67.529,106.735a.5.5,0,0,1-.351-.145l-.739-.739-.021-.02-2.272-2.272a.5.5,0,0,1,0-.7l1.685-1.685a.5.5,0,0,1,.7,0l1,1,2.7-2.7a.5.5,0,0,1,.7,0l1.685,1.685a.5.5,0,0,1,0,.7L67.88,106.59a.5.5,0,0,1-.351.145Zm-.429-1.626.021.02.408.408,4.036-4.036-.983-.983-2.7,2.7a.5.5,0,0,1-.7,0l-.995-1-.983.983Zm0,0\" transform=\"translate(-60.823 -94.387)\" fill=\"#ffab27\"/>\r\n            <path id=\"Path_789\" data-name=\"Path 789\" d=\"M360.618,328.962a.5.5,0,1,1,.351-.145A.5.5,0,0,1,360.618,328.962Zm0,0\" transform=\"translate(-342.239 -311.683)\" fill=\"#ffab27\"/>\r\n        </svg> -->\r\n        <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <g clip-path=\"url(#clip0_1447_33230)\">\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.22559 0.392578H10.5912V16.8755H6.22559V0.392578ZM7.3165 1.48349V15.7846H9.5003V1.48349H7.3165Z\" fill=\"#2B2B30\"/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M-0.0703125 5.07227H4.29531V16.8764H-0.0703125V5.07227ZM1.0206 6.16317V15.7855H3.2044V6.16317H1.0206Z\" fill=\"#2B2B30\"/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5229 9.62695H16.8886V16.8745H12.5229V9.62695ZM13.6139 10.7179V15.7836H15.7977V10.7179H13.6139Z\" fill=\"#2B2B30\"/>\r\n            </g>\r\n            <defs>\r\n            <clipPath id=\"clip0_1447_33230\">\r\n            <rect width=\"17\" height=\"17\" fill=\"white\"/>\r\n            </clipPath>\r\n            </defs>\r\n            </svg>\r\n    \r\n    </span>\r\n        <span class=\"page-title-ew-topnav\">{{ formData?.title | titlecase }}</span>\r\n    </div>\r\n    <div class=\"center-resolution-preview\">\r\n        <!-- <div class=\"web-mobile-preview\">\r\n            <span class=\"web-view-custom common-viewwebm active\">\r\n                <mat-icon>laptop</mat-icon>\r\n            </span>\r\n            <span class=\"mobile-view-custom common-viewwebm\">\r\n                <mat-icon>smartphone</mat-icon>\r\n            </span>\r\n        </div> -->\r\n    </div>\r\n    <div class=\"right-custom-action-baar\">\r\n        <div class=\"page-status-custom-widget\">\r\n            <div class=\"can-toggle demo-rebrand-1\">\r\n                <input id=\"d51\" type=\"checkbox\" [(ngModel)]=\"statusToggle\" (change)=\"statusChange($event)\" name=\"abc\" value=\"true\">\r\n                <label for=\"d51\">\r\n                    <div class=\"can-toggle__switch\" data-checked=\"Publish\" data-unchecked=\"Disable\">\r\n                    </div>\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"action-top-baar-custom\">\r\n            <!-- <span *ngIf=\"page == 'offers'\" class=\"sepration-builder-button\">\r\n                <button class=\"icon-only-button-ew editor-button editor-right-icon\" mat-flat-button color=\"accent\">\r\n                    <mat-icon>code</mat-icon>\r\n                    {{'EW_CUSTOMIZE.TRACKING_PIXEL' | translate}}\r\n                </button>\r\n            </span> -->\r\n\r\n             <button (click)=\"showAttendeePreview()\" [ngClass]=\"{'active': previewActive}\" class=\"icon-only-button-ew editor-button icon-without-text active\" mat-flat-button color=\"accent\"> \r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"15.469\" viewBox=\"0 0 20 15.469\">\r\n                    <g id=\"eye_1_\" data-name=\"eye (1)\" transform=\"translate(0 -58)\">\r\n                        <g id=\"Group_2800\" data-name=\"Group 2800\" transform=\"translate(0 58)\">\r\n                            <g id=\"Group_2799\" data-name=\"Group 2799\" transform=\"translate(0 0)\">\r\n                                <path id=\"Path_1339\" data-name=\"Path 1339\"\r\n                                    d=\"M169.519,274a3.516,3.516,0,1,0,3.516,3.516A3.52,3.52,0,0,0,169.519,274Zm0,5.469a1.953,1.953,0,1,1,1.953-1.953A1.955,1.955,0,0,1,169.519,279.469Z\"\r\n                                    transform=\"translate(-159.519 -265.563)\" fill=\"#2b2b30\" />\r\n                                <path id=\"Path_1340\" data-name=\"Path 1340\"\r\n                                    d=\"M19.916,68.1a10.323,10.323,0,0,0-3.95-4.183L18.081,61.8a.781.781,0,1,0-1.1-1.1L14.5,63.181a11.694,11.694,0,0,0-3.714-.859V58.781a.781.781,0,0,0-1.562,0v3.541a11.694,11.694,0,0,0-3.714.859L3.024,60.7a.781.781,0,1,0-1.1,1.1L4.034,63.92A10.323,10.323,0,0,0,.084,68.1a.781.781,0,0,0,1.395.7A9.458,9.458,0,0,1,10,63.859a9.458,9.458,0,0,1,8.521,4.947.781.781,0,1,0,1.395-.7Z\"\r\n                                    transform=\"translate(0 -58)\" fill=\"#2b2b30\" />\r\n                            </g>\r\n                        </g>\r\n                    </g>\r\n                </svg>\r\n            </button>\r\n            <button (click)=\"toggleSettingsSidebar()\" [ngClass]=\"{'active': openSidebar}\" class=\"icon-only-button-ew editor-button icon-without-text\" mat-flat-button color=\"accent\">\r\n                <mat-icon>settings</mat-icon>\r\n            </button>\r\n            <button (click)=\"savePageData()\" class=\"padding-standard-btn lighten-bg-btn\" mat-flat-button color=\"accent\" [disabled]=\"showLoader\">\r\n                {{'APP.SAVE' | translate}}\r\n            </button>\r\n            <button (click)=\"exitPage()\" class=\"padding-standard-btn lighten-bg-btn\" mat-flat-button color=\"accent\">\r\n                {{'APP.EXIT' | translate}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>","styles":[""]}]}],"members":{"savePage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"onExitPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"showAttendeeView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"formData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"showLoader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"savePageData":[{"__symbolic":"method"}],"exitPage":[{"__symbolic":"method"}],"statusChange":[{"__symbolic":"method"}],"toggleSettingsSidebar":[{"__symbolic":"method"}],"showAttendeePreview":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ew-offer-preview","template":"<div class=\"preview-embeded-custom-widget\">\r\n  <div class=\"widget-custom-form embeded-full-widget-form\">\r\n    <div class=\"row\">\r\n      <div class=\"widget-box\">\r\n        <div class=\"box-widget-form\">\r\n          <div class=\"col m12\">\r\n            <div class=\"section-box no-padding\">\r\n              \r\n              <div *ngIf=\"offerType == 0\" class=\"full-widget-form\">\r\n                <div class=\"form-widget-body\">\r\n                  <h3 *ngIf=\"!addOfferForm.value.offer_heading_toggle\" style=\"text-align: center; font-size: 2rem; font-weight: 700; margin-top: 0; margin-bottom: 15px; color:#333333; line-height: 32px;\">\r\n                    {{ addOfferForm.value.offer_heading }}\r\n                  </h3>\r\n                  <p *ngIf=\"!addOfferForm.value.description_toggle\" style=\"margin-bottom: 25px;color: #333333; text-align: center; font-size:16px; line-height: 24px;\">\r\n                    {{ addOfferForm.get(\"description\").value }}</p>\r\n                  <div *ngIf=\"!addOfferForm.value.countdown && offerType == 0\" class=\"countdown-timer-offers widget-countdow-time\">\r\n                    <div>\r\n                      <span class=\"hours\">{{ addOfferForm.get(\"countdown_hours\").value }}</span>\r\n                      <div class=\"smalltext\">{{'EW_CUSTOMIZE.HOURS' | translate}}\r\n                      </div>\r\n                    </div>\r\n                    <div>\r\n                      <div class=\"ew-sepration-dots\">\r\n                        <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                        <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n                      </div>\r\n                      <span class=\"minutes\">{{ addOfferForm.get(\"countdown_mints\").value }}</span>\r\n                      <div class=\"smalltext\">{{'EW_CUSTOMIZE.MINS' | translate}}\r\n                      </div>\r\n                    </div>\r\n                    <div>\r\n                      <div class=\"ew-sepration-dots\">\r\n                        <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                        <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n                      </div>\r\n                      <span class=\"seconds\">{{ addOfferForm.get(\"countdown_seconds\").value }}</span>\r\n                      <div class=\"smalltext\">{{'EW_CUSTOMIZE.SECS' | translate}}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"widget-action-registration\">\r\n                    <button mat-flat-button *ngIf=\"offerType == 0\"\r\n                      class=\"{{addOfferForm.get('event_button_size').value}} offer-create-btn\"\r\n                      [style.background-color]=\"addOfferForm.get('event_button_bg').value\"\r\n                    >\r\n                      <mat-icon\r\n                        *ngIf=\"addOfferForm.get('event_button_icon').value\"\r\n                        [style.color]=\"addOfferForm.get('event_button_color').value\"\r\n                        >{{ addOfferForm.get(\"event_button_icon\").value }}</mat-icon\r\n                      >\r\n                      <span [style.color]=\"addOfferForm.get('event_button_color').value\">\r\n                        {{ addOfferForm.get(\"event_button_txt\").value }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div *ngIf=\"offerType == 1\" class=\"full-widget-form image-offer-preview\">\r\n                <div class=\"form-widget-body\">\r\n                  <img src=\"{{ addOfferForm.get('offerImageForm.button_img').value }}\">\r\n                  <!-- <img\r\n                    *ngIf=\"\r\n                      offerType == 1 && addOfferForm.value.offerImageForm.button_img.length\r\n                    \"\r\n                    src=\"{{ addOfferForm.value.offerImageForm.button_img }}\"\r\n                    width=\"300\"\r\n                    height=\"200\"\r\n                  /> -->\r\n                  <div *ngIf=\"!addOfferForm.value.countdown\" class=\"countdown-timer-offers widget-countdow-time\">\r\n                    <div>\r\n                      <span class=\"hours\">{{ addOfferForm.get(\"countdown_hours\").value }}</span>\r\n                      <div class=\"smalltext\">{{'EW_CUSTOMIZE.HOURS' | translate}}\r\n                      </div>\r\n                    </div>\r\n                    <div>\r\n                      <div class=\"ew-sepration-dots\">\r\n                        <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                        <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n                      </div>\r\n                      <span class=\"minutes\">{{ addOfferForm.get(\"countdown_mints\").value }}</span>\r\n                      <div class=\"smalltext\">{{'EW_CUSTOMIZE.MINS' | translate}}\r\n                      </div>\r\n                    </div>\r\n                    <div>\r\n                      <div class=\"ew-sepration-dots\">\r\n                        <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                        <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n                      </div>\r\n                      <span class=\"seconds\">{{ addOfferForm.get(\"countdown_seconds\").value }}</span>\r\n                      <div class=\"smalltext\">{{'EW_CUSTOMIZE.SECS' | translate}}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- [class.box-preview-poll-offer]=\"offerType == 1\"  -->\r\n","styles":[""]}]}],"members":{"addOfferForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"countdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"offerType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ew-offer-schedule","template":"<div class=\"seprator-widget-count\">\r\n\t<div class=\"video-lenth-custom-input\">\r\n\t\t<lib-countdown-input\r\n\t\t [topLabelText]=\"'Show at:'\"\r\n\t\t [bottomLabelText]=\"'Hour'\"\r\n\t\t [parent]=\"parent.controls.offerSchedule\"\r\n\t\t [controlName]=\"'start_time_hours'\"\r\n\t\t [optionRange]=\"hoursRange\"\r\n\t\t (dropDownValueChanged) = \"valueChanged($event)\"\r\n\t\t >\r\n\t\t</lib-countdown-input>\r\n\t\t\r\n\t\t<lib-countdown-input\r\n\t\t [bottomLabelText]=\"'Min'\"\r\n\t\t [marginAddClass]=\"true\"\r\n\t\t [parent]=\"parent.controls.offerSchedule\"\r\n\t\t [controlName]=\"'start_time_mints'\"\r\n\t\t [optionRange]=\"mintsRange\"\r\n\t\t (dropDownValueChanged) = \"valueChanged($event)\"\r\n\t\t >\r\n\t\t</lib-countdown-input>\r\n\t\t\r\n\t\t<lib-countdown-input\r\n\t\t [bottomLabelText]=\"'Sec'\"\r\n\t\t [marginAddClass]=\"true\"\r\n\t\t [parent]=\"parent.controls.offerSchedule\"\r\n\t\t [controlName]=\"'start_time_seconds'\"\r\n\t\t [optionRange]=\"secondsRange\"\r\n\t\t (dropDownValueChanged) = \"valueChanged($event)\"\r\n\t\t >\r\n\t\t</lib-countdown-input>\r\n\t</div>\r\n\t<div class=\"video-lenth-custom-input\">\r\n\t\t<lib-countdown-input\r\n\t\t [topLabelText]=\"'Hide at:'\"\r\n\t\t [bottomLabelText]=\"'Hour'\"\r\n\t\t [parent]=\"parent.controls.offerSchedule\"\r\n\t\t [controlName]=\"'end_time_hours'\"\r\n\t\t [optionRange]=\"hoursRange\"\r\n\t\t (dropDownValueChanged) = \"valueChanged($event)\"\r\n\t\t >\r\n\t\t</lib-countdown-input>\r\n\t\t\r\n\t\t<lib-countdown-input\r\n\t\t [bottomLabelText]=\"'Min'\"\r\n\t\t [marginAddClass]=\"true\"\r\n\t\t [parent]=\"parent.controls.offerSchedule\"\r\n\t\t [controlName]=\"'end_time_mints'\"\r\n\t\t [optionRange]=\"mintsRange\"\r\n\t\t (dropDownValueChanged) = \"valueChanged($event)\"\r\n\t\t >\r\n\t\t</lib-countdown-input>\r\n\t\t\r\n\t\t<lib-countdown-input\r\n\t\t [bottomLabelText]=\"'Sec'\"\r\n\t\t [marginAddClass]=\"true\"\r\n\t\t [parent]=\"parent.controls.offerSchedule\"\r\n\t\t [controlName]=\"'end_time_seconds'\"\r\n\t\t [optionRange]=\"secondsRange\"\r\n\t\t (dropDownValueChanged) = \"valueChanged($event)\"\r\n\t\t >\r\n\t\t</lib-countdown-input>\r\n\t</div>\r\n\t<mat-error *ngIf=\"parent.controls.offerSchedule.hasError('endtime-minimun') && parent.touched\">\r\n\t\t{{'EW_CUSTOMIZE.HIDE_TIME_INVALID' | translate}}</mat-error>\r\n</div>\r\n","styles":[""]}]}],"members":{"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"offerScheduleValueChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":4}}]}],"valueChanged":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":50,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setForm":[{"__symbolic":"method"}],"minEndTimeValidation":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-countdown-input","template":"<mat-form-field [formGroup]=\"parent\" floatLabel=\"never\" class=\"ew-field-without-lebel builder-input-fields\"\r\n    [class.margin-added-top]=\"marginAddClass\">\r\n    <label *ngIf=\"(topLabelText)\">{{ topLabelText }}</label>\r\n    <label *ngIf=\"(topLabelText == null)\"></label>\r\n    <mat-select matInput [disabled]=\"disabled\" [compareWith]=\"compareFn\" [formControlName]=\"controlName\" (selectionChange)=\"valueChanged($event)\">\r\n        <mat-option *ngFor=\"let n of optionRange\" [value]=\"(n < 10 ? '0'+n : ''+n)\">{{ n }}</mat-option>\r\n    </mat-select>\r\n    <span class=\"placeholder-custom-tmer\">{{ bottomLabelText }}</span>\r\n</mat-form-field>\r\n","styles":[""]}]}],"members":{"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"topLabelText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"bottomLabelText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"marginAddClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"optionRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"dropDownValueChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"valueChanged":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"compareFn":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"delete-confirmation","template":"<div class=\"delete-confirmation-dailog\">\r\n    <mat-dialog-content *ngIf=\"! data?.confirmExit\">\r\n        <span class=\"delete-clear-conf\">\r\n            <mat-icon>clear</mat-icon>\r\n        </span>\r\n        <span class=\"title-delete-conf\">{{'EW_CUSTOMIZE.ARE_YOU_SURE' | translate }}</span>\r\n        <p>{{'EW_CUSTOMIZE.DELETE_RECORD_OPTION' | translate }}  <br> {{'EW_CUSTOMIZE.UNDONE_MESSAGE' | translate }}</p>\r\n        <div class=\"action-confirmation\">\r\n            <button mat-flat-button color=\"warn\" (click)=\"closeDailog(true)\">{{'APP.DELETE' | translate }}</button>\r\n            <button mat-flat-button color=\"grey\" (click)=\"closeDailog(false)\">{{'APP.CANCEL' | translate }}</button>\r\n        </div>\r\n    </mat-dialog-content>\r\n    <mat-dialog-content *ngIf=\"data?.confirmExit == true\">\r\n        <span class=\"delete-clear-conf\">\r\n            <mat-icon>clear</mat-icon>\r\n        </span>\r\n        <span class=\"title-delete-conf\">{{'EW_CUSTOMIZE.ARE_YOU_SURE' | translate }}</span>\r\n        <p *ngIf=\"!data?.tabswitch\">{{'EW_CUSTOMIZE.CHANGES_NOT_SAVED' | translate }}<br> {{'EW_CUSTOMIZE.EXIT_OPTION' | translate }}</p>\r\n        <p *ngIf=\"data?.tabswitch\">{{'EW_CUSTOMIZE.CHANGES_NOT_SAVED' | translate }}<br> {{'EW_CUSTOMIZE.RESET_OPTION' | translate }}</p>\r\n        <div class=\"action-confirmation\">\r\n            <button mat-flat-button color=\"warn\" (click)=\"closeDailog(true)\">{{'EW_CUSTOMIZE.YES' | translate }}</button>\r\n            <button mat-flat-button color=\"grey\" (click)=\"closeDailog(false)\">{{'EW_CUSTOMIZE.NO' | translate }}</button>\r\n        </div>\r\n    </mat-dialog-content>\r\n</div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":12,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵi"}]},{"__symbolic":"reference","name":"any"}]}],"closeDailog":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ew-attendee-preview","template":"<div class=\"ew-replay-page\">\r\n  <div class=\"exit-view-attende\">\r\n    <span class=\"view-exit-text\">{{\r\n      \"EW_CUSTOMIZE.ADD_OFFERS.PREVIEW_TITLE\" | translate\r\n    }}</span>&nbsp;&nbsp;\r\n    <button class=\"small-button-ew\" mat-flat-button color=\"warn\" (click)=\"closeDailog()\">\r\n      {{ \"EW_CUSTOMIZE.ADD_OFFERS.EXIT_VIEW\" | translate }}\r\n    </button>\r\n  </div>\r\n  <div class=\"top-header-reply\">\r\n    <div class=\"left-reply-header\">\r\n      <span class=\"branding-reply\">\r\n        <img src=\"assets/images/replay-logo.png\" alt=\"ew-logo\" />\r\n      </span>\r\n      <span class=\"title-replay-header\">{{\r\n        \"EW_CUSTOMIZE.ADD_OFFERS.PREVIEW_PAGE_HEADER\" | translate\r\n      }}</span>\r\n      <span class=\"timer-event-ew\">{{\r\n        \"EW_CUSTOMIZE.ADD_OFFERS.TIME\" | translate\r\n      }}</span>\r\n      <span class=\"tag-replay live\">{{\r\n        \"EW_CUSTOMIZE.ADD_OFFERS.LIVE\" | translate\r\n      }}</span>\r\n      <span class=\"event-fi-icon\"><img src=\"assets/images/live-event.png\" /></span>\r\n    </div>\r\n    <div class=\"right-reply-heder\">\r\n      <span class=\"ew-full-screen-replay reconnect-event\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18px\" viewBox=\"0 0 24 24\" width=\"18px\" fill=\"#333\">\r\n          <path d=\"M.01 0h24v24h-24V0z\" fill=\"none\" />\r\n          <path\r\n            d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\" />\r\n        </svg>\r\n        <span class=\"ew-full-name\">{{\r\n          \"EW_CUSTOMIZE.ADD_OFFERS.RECONNECT\" | translate\r\n        }}</span>\r\n      </span>\r\n      <span class=\"ew-full-screen-replay\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\">\r\n          <defs>\r\n            <style>\r\n              .a-full {\r\n                fill: #333;\r\n              }\r\n\r\n            </style>\r\n          </defs>\r\n          <path class=\"a-full\"\r\n            d=\"M5.271,1.318V0H.659A.659.659,0,0,0,0,.659V5.271H1.318V2.247L7.438,8.367l.929-.929L2.247,1.318Z\" />\r\n          <path class=\"a-full\"\r\n            d=\"M316.509,0H311.9V1.318h3.024L308.8,7.438l.929.929,6.121-6.121V5.271h1.318V.659A.659.659,0,0,0,316.509,0Z\"\r\n            transform=\"translate(-299.167)\" />\r\n          <path class=\"a-full\"\r\n            d=\"M315.85,314.921l-6.121-6.121-.929.929,6.121,6.121H311.9v1.318h4.612a.659.659,0,0,0,.659-.659V311.9H315.85Z\"\r\n            transform=\"translate(-299.167 -299.167)\" />\r\n          <path class=\"a-full\"\r\n            d=\"M7.438,308.64l-6.121,6.127v-3.024H0v4.612a.659.659,0,0,0,.659.659H5.271V315.7H2.247l6.121-6.121Z\"\r\n            transform=\"translate(0 -299.014)\" />\r\n        </svg>\r\n        <span class=\"ew-full-name\">{{\r\n          \"EW_CUSTOMIZE.ADD_OFFERS.FULL_SCREEN\" | translate\r\n        }}</span>\r\n      </span>\r\n      <button class=\"small-button-ew\" mat-flat-button color=\"warn\">\r\n        {{ \"EW_CUSTOMIZE.ADD_OFFERS.LEAVE\" | translate }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"ew-replay-preview\">\r\n    <div class=\"left-reply-video\">\r\n      <div class=\"image-container\">\r\n        <!-- <img src=\"assets/images/event-page-img.png\"> -->\r\n      </div>\r\n    </div>\r\n    <div class=\"right-replay-preview\">\r\n      <div class=\"event-ew-reply\" [class.image-offer-event]=\"offerForm.offer_type == '1'\">\r\n        <!-- Text Offer Preview -->\r\n        <div class=\"detail-event-sec-ew\" *ngIf=\"offerForm.offer_type == '0'\">\r\n          <h3 *ngIf=\"!offerForm.offer_heading_toggle\">\r\n            {{ offerForm.offer_heading }}\r\n          </h3>\r\n          <p *ngIf=\"!offerForm.description_toggle\">\r\n            {{ offerForm.description }}\r\n          </p>\r\n          <div *ngIf=\"!offerForm.countdown\" class=\"countdown-timer-offers\">\r\n            <div>\r\n              <span class=\"hours\">{{ offerForm.countdown_hours }}</span>\r\n              <div class=\"smalltext\">\r\n                {{ \"EW_CUSTOMIZE.HOURS\" | translate }}\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div class=\"ew-sepration-dots\">\r\n                <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n              </div>\r\n              <span class=\"minutes\">{{ offerForm.countdown_mints }}</span>\r\n              <div class=\"smalltext\">{{ \"EW_CUSTOMIZE.MINS\" | translate }}</div>\r\n            </div>\r\n            <div>\r\n              <div class=\"ew-sepration-dots\">\r\n                <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n              </div>\r\n              <span class=\"seconds\">{{ offerForm.countdown_seconds }}</span>\r\n              <div class=\"smalltext\">{{ \"EW_CUSTOMIZE.SECS\" | translate }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"widget-action-registration\">\r\n            <button mat-flat-button class=\"{{ offerForm.event_button_size }} offer-create-btn\"\r\n              [style.background-color]=\"offerForm.event_button_bg\">\r\n              <mat-icon *ngIf=\"offerForm.event_button_icon\" [style.color]=\"offerForm.event_button_color\">\r\n                {{ offerForm.event_button_icon }}\r\n              </mat-icon>\r\n              <span [style.color]=\"offerForm.event_button_color\">\r\n                {{ offerForm.event_button_txt }}</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Image Offer Preview -->\r\n        <div class=\"detail-event-sec-ew\" *ngIf=\"offerForm.offer_type == '1'\">\r\n          <div class=\"image-preview-attandee\">\r\n            <img src=\"{{ offerForm.offerImageForm.button_img }}\" />\r\n          </div>\r\n          <div *ngIf=\"!offerForm.countdown\" class=\"countdown-timer-offers\">\r\n            <div>\r\n              <span class=\"hours\">{{ offerForm.countdown_hours }}</span>\r\n              <div class=\"smalltext\">\r\n                {{ \"EW_CUSTOMIZE.HOURS\" | translate }}\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div class=\"ew-sepration-dots\">\r\n                <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n              </div>\r\n              <span class=\"minutes\">{{ offerForm.countdown_mints }}</span>\r\n              <div class=\"smalltext\">{{ \"EW_CUSTOMIZE.MINS\" | translate }}</div>\r\n            </div>\r\n            <div>\r\n              <div class=\"ew-sepration-dots\">\r\n                <div class=\"ew-common-dots ew-top-dot\"></div>\r\n                <div class=\"ew-common-dots ew-bottom-dot\"></div>\r\n              </div>\r\n              <span class=\"seconds\">{{ offerForm.countdown_seconds }}</span>\r\n              <div class=\"smalltext\">{{ \"EW_CUSTOMIZE.SECS\" | translate }}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- <div class=\"chat-event-sec\">\r\n                    <div class=\"top-chat-participent\">\r\n                        <ul>\r\n                            <li class=\"active\">{{'EW_CUSTOMIZE.ADD_OFFERS.CHAT' | translate}}</li>\r\n                            <li>{{'EW_CUSTOMIZE.ADD_OFFERS.PARTICIPANTS' | translate}}</li>\r\n                        </ul>\r\n                    </div> -->\r\n                   \r\n        <div class=\"chat-event-sec\" [style.display]=\"\r\n            (eventType == '0' || eventType == '2') ? 'block' : 'none'\r\n          \">\r\n          <div class=\"ew-form-replay\">\r\n            <span class=\"form-title-replay\">\r\n              <mat-icon>chat_bubble</mat-icon> Drop Your Questions Here\r\n            </span>\r\n            <div class=\"drop-question-box\">\r\n              <span class=\"input-field skel-mask\"></span>\r\n              <span class=\"input-field skel-mask\"></span>\r\n              <span class=\"textarea-field skel-mask\"></span>\r\n              <span class=\"button-field skel-mask\"></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"chat-event-sec\" [style.display]=\"eventType == '1' ? 'block' : 'none'\">\r\n          <div class=\"top-chat-participent\">\r\n            <ul>\r\n              <li (click)=\"chatTab = 'chat'\" [ngClass]=\"{\r\n                  active: chatTab == 'chat'\r\n                }\">\r\n                Chat\r\n              </li>\r\n              <li (click)=\"chatTab = 'attendee'\" [ngClass]=\"{\r\n                  active: chatTab == 'attendee'\r\n                }\">\r\n                Participants\r\n              </li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div class=\"chat-common-area\">\r\n            <div class=\"chat-bosy-event\" [style.display]=\"chatTab == 'chat' ? 'block' : 'none'\">\r\n              <!-- For chat area -->\r\n              <span class=\"chat-loading-ew\">\r\n                <span class=\"left-chat-circle skel-mask\"></span>\r\n                <span class=\"right-chat-message-ew\">\r\n                  <span class=\"chat-load-sms skel-mask\"></span>\r\n                  <span class=\"chat-load-large-sms skel-mask\"></span>\r\n                </span>\r\n              </span>\r\n              <span class=\"chat-loading-ew\">\r\n                <span class=\"left-chat-circle skel-mask\"></span>\r\n                <span class=\"right-chat-message-ew\">\r\n                  <span class=\"chat-load-sms skel-mask\"></span>\r\n                  <span class=\"chat-load-large-sms skel-mask\"></span>\r\n                </span>\r\n              </span>\r\n            </div>\r\n            <div class=\"chat-bosy-event\" [style.display]=\"chatTab == 'attendee' ? 'block' : 'none'\">\r\n              <!-- For Participants area -->\r\n              <div class=\"participants-heading\">\r\n                <span>Presenters</span>\r\n              </div>\r\n              <span class=\"chat-loading-ew\">\r\n                <span class=\"left-chat-circle skel-mask\"></span>\r\n                <span class=\"right-chat-message-ew\">\r\n                  <span class=\"chat-load-sms skel-mask\"></span>\r\n                  <span class=\"chat-load-large-sms skel-mask\"></span>\r\n                </span>\r\n              </span>\r\n\r\n              <div class=\"participants-heading\">\r\n                <span>Attendees</span>\r\n              </div>\r\n              <span class=\"chat-loading-ew\">\r\n                <span class=\"left-chat-circle skel-mask\"></span>\r\n                <span class=\"right-chat-message-ew\">\r\n                  <span class=\"chat-load-sms skel-mask\"></span>\r\n                  <span class=\"chat-load-large-sms skel-mask\"></span>\r\n                </span>\r\n              </span>\r\n              <span class=\"chat-loading-ew\">\r\n                <span class=\"left-chat-circle skel-mask\"></span>\r\n                <span class=\"right-chat-message-ew\">\r\n                  <span class=\"chat-load-sms skel-mask\"></span>\r\n                  <span class=\"chat-load-large-sms skel-mask\"></span>\r\n                </span>\r\n              </span>\r\n            </div>\r\n            <div class=\"chat-footer-ew\" [style.display]=\"chatTab == 'chat' ? 'flex' : 'none'\">\r\n              <!-- this area will come only in case when chat tab is active -->\r\n              <span class=\"right-chat-message-ew\">\r\n                <span class=\"chat-load-sms skel-mask\"></span>\r\n                <span class=\"chat-load-large-sms skel-mask\"></span>\r\n              </span>\r\n              <span class=\"send-button skel-mask\"></span>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- <div class=\"chat-bosy-event\">\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"chat-footer-ew\">\r\n                        <img src=\"assets/images/chat-img.png\">\r\n                    </div> -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":17,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵj"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDailog":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ew-webinar-polls-list","template":"<lib-ew-list-loader *ngIf=\"(listLoader)\"></lib-ew-list-loader>\r\n<ng-container *ngIf=\"!listLoader && polls?.length > 0\">\r\n    <mat-list *ngFor=\"let eachPoll of polls; let i = index\">\r\n        <mat-list-item>\r\n            <div class=\"left-offers-listing\">\r\n                <span class=\"polls-icon-left circle\">\r\n                    <!-- <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"24.492\" viewBox=\"0 0 30 24.492\">\r\n                        <defs>\r\n                            <style>.a-polls { fill: #ffab27; }</style>\r\n                        </defs>\r\n                        <path class=\"a-polls\"\r\n                            d=\"M5.156,24.492a.586.586,0,0,1-.586-.586V20.391H3.4a3.4,3.4,0,0,1-3.4-3.4V3.4A3.4,3.4,0,0,1,3.4,0H26.6A3.4,3.4,0,0,1,30,3.4V16.992a3.4,3.4,0,0,1-3.4,3.4H24.03a.586.586,0,1,1,0-1.172H26.6a2.229,2.229,0,0,0,2.227-2.227V3.4A2.229,2.229,0,0,0,26.6,1.172H3.4A2.229,2.229,0,0,0,1.172,3.4V16.992A2.229,2.229,0,0,0,3.4,19.219H5.156a.586.586,0,0,1,.586.586v2.687l3.1-3.1a.586.586,0,0,1,.414-.172H19.343a.586.586,0,1,1,0,1.172H9.5l-3.93,3.93a.586.586,0,0,1-.415.172Zm0,0\"\r\n                            transform=\"translate(0 0)\" />\r\n                        <path class=\"a-polls\"\r\n                            d=\"M298.787,105.244a.586.586,0,0,1-.414-.172L296.8,103.5l-1.574,1.574a.586.586,0,0,1-.829,0l-1.989-1.989a.586.586,0,0,1,0-.829l1.574-1.574-1.574-1.574a.586.586,0,0,1,0-.829l1.989-1.989a.586.586,0,0,1,.829,0l1.574,1.574,1.574-1.574a.586.586,0,0,1,.829,0l1.989,1.989a.586.586,0,0,1,0,.829l-1.574,1.574,1.574,1.574a.586.586,0,0,1,0,.829l-1.989,1.989A.586.586,0,0,1,298.787,105.244Zm-5.137-2.575,1.16,1.16,1.574-1.574a.586.586,0,0,1,.829,0l1.574,1.574,1.16-1.16-1.574-1.574a.586.586,0,0,1,0-.829l1.574-1.574-1.16-1.16-1.574,1.574a.586.586,0,0,1-.829,0l-1.574-1.574-1.16,1.16,1.574,1.574a.586.586,0,0,1,0,.829Zm0,0\"\r\n                            transform=\"translate(-275.112 -90.485)\" />\r\n                        <path class=\"a-polls\"\r\n                            d=\"M68.164,108.07a.584.584,0,0,1-.415-.172l-.872-.872L66.853,107l-2.681-2.681a.586.586,0,0,1,0-.829l1.989-1.989a.586.586,0,0,1,.829,0l1.174,1.174,3.189-3.189a.586.586,0,0,1,.829,0l1.989,1.989a.586.586,0,0,1,0,.829L68.579,107.9a.584.584,0,0,1-.414.172Zm-.506-1.919.024.023.482.481,4.763-4.763-1.16-1.16-3.189,3.189a.586.586,0,0,1-.829,0l-1.174-1.174-1.16,1.16Zm0,0\"\r\n                            transform=\"translate(-60.251 -93.499)\" />\r\n                        <path class=\"a-polls\" d=\"M360.707,329.141a.585.585,0,1,1,.414-.171A.592.592,0,0,1,360.707,329.141Zm0,0\"\r\n                            transform=\"translate(-339.02 -308.752)\" />\r\n                    </svg> -->\r\n                    <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                        <g clip-path=\"url(#clip0_1447_33230)\">\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.22559 0.392578H10.5912V16.8755H6.22559V0.392578ZM7.3165 1.48349V15.7846H9.5003V1.48349H7.3165Z\" fill=\"#2B2B30\"/>\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M-0.0703125 5.07227H4.29531V16.8764H-0.0703125V5.07227ZM1.0206 6.16317V15.7855H3.2044V6.16317H1.0206Z\" fill=\"#2B2B30\"/>\r\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5229 9.62695H16.8886V16.8745H12.5229V9.62695ZM13.6139 10.7179V15.7836H15.7977V10.7179H13.6139Z\" fill=\"#2B2B30\"/>\r\n                        </g>\r\n                        <defs>\r\n                        <clipPath id=\"clip0_1447_33230\">\r\n                        <rect width=\"17\" height=\"17\" fill=\"white\"/>\r\n                        </clipPath>\r\n                        </defs>\r\n                        </svg>\r\n                </span>\r\n                <div class=\"listing-title-link\">\r\n                    <h3>{{ eachPoll.poll_question | titlecase }}</h3>\r\n                    <!-- <p>{{ eachPoll.text_to_display | slice:0:80}}</p> -->\r\n                    <span>{{ eachPoll.options?.length }} {{'EW_CUSTOMIZE.OPTIONS' | translate}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"right-mat-list-action\">\r\n                <span *ngIf=\"(eventDetails.is_livestream && eventDetails.is_livestream != '1' || isReplayPoll)\" class=\"show-hide-sec-area\">\r\n                    <span class=\"offer-value-price show-hide-at-level\">\r\n                        {{'EW_CUSTOMIZE.SHOWAT' | translate}}<span class=\"price-value-offer\"> {{ eachPoll.start_time }} </span>\r\n                    </span>\r\n                    <span class=\"offer-value-price show-hide-at-level\">\r\n                        {{'EW_CUSTOMIZE.HIDEAT' | translate}}<span class=\"price-value-offer\"> {{ eachPoll.end_time }} </span>\r\n                    </span>\r\n                </span>\r\n    \r\n                <!-- <button (click)=\"addPoll({polls:polls, i:i})\" class=\"small-button-ew\" mat-flat-button color=\"grey\">{{'APP.EDIT' | translate}}</button> -->\r\n                <button [matMenuTriggerFor]=\"menu6\" class=\"small-button-ew-icon icon-without-text\" mat-flat-button color=\"grey\">\r\n                    <mat-icon>more_horiz</mat-icon>\r\n                </button>\r\n                <mat-menu #menu6=\"matMenu\" class=\"custom-mat-menu  menu-session-ew\" xPosition=\"before\">\r\n                    <button mat-menu-item (click)=\"addPoll({polls:polls, i:i})\">\r\n                        <mat-icon>edit</mat-icon>\r\n                        <span>{{'APP.EDIT' | translate}}</span>\r\n                    </button>\r\n                    <button mat-menu-item (click)=\"confirmDelete(eachPoll.id)\">\r\n                        <mat-icon>delete</mat-icon>\r\n                        <span>{{'APP.DELETE' | translate}}</span>\r\n                    </button>\r\n\r\n                </mat-menu>\r\n            </div>\r\n        </mat-list-item>\r\n    </mat-list>\r\n</ng-container>\r\n<!-- <div class=\"offer-section-manage\"> -->\r\n    <!-- <div class=\"section-header-cta\">\r\n        <span class=\"title-cta-header\">{{'EW_CUSTOMIZE.POLLS' | translate}}</span>\r\n        <button (click)=\"addPoll({polls:polls})\" class=\"icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small\" mat-flat-button\r\n            disableRipple>\r\n            <mat-icon>add</mat-icon>{{'EW_CUSTOMIZE.ADDPOLL' | translate}}\r\n        </button>\r\n    </div>\r\n     -->\r\n\r\n\r\n    <!-- <mat-list *ngIf=\"(polls.length == 0 && listLoader == false)\" class=\"mat-list mat-list-base\">\r\n        <mat-list-item class=\"mat-list-item mat-focus-indicator\">\r\n             <div class=\"empty-state-listing padding-bottom-10\">\r\n                <div class=\"empty-listing-state-inner\">\r\n                    <span class=\"empty-state-listing-icon\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"38\" height=\"31\" viewBox=\"0 0 38 31\">\r\n                        <defs>\r\n                          <linearGradient id=\"linear-gradient\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\r\n                            <stop offset=\"0\" stop-color=\"#090039\"/>\r\n                            <stop offset=\"1\" stop-color=\"#5a547a\" stop-opacity=\"0\"/>\r\n                          </linearGradient>\r\n                        </defs>\r\n                        <g id=\"Component_12_1\" data-name=\"Component 12 – 1\" transform=\"translate(1)\">\r\n                          <path id=\"Path_2542\" data-name=\"Path 2542\" d=\"M-17600.219,20763l8.934,16.883H-17614l8.605-16.883Z\" transform=\"translate(17620.801 -20748.883)\" fill=\"url(#linear-gradient)\"/>\r\n                          <g id=\"Ellipse_610\" data-name=\"Ellipse 610\" transform=\"translate(0 7.319)\" fill=\"#283160\" stroke=\"#fff\" stroke-width=\"1\">\r\n                            <ellipse cx=\"18\" cy=\"4.345\" rx=\"18\" ry=\"4.345\" stroke=\"none\"/>\r\n                            <ellipse cx=\"18\" cy=\"4.345\" rx=\"18.5\" ry=\"4.845\" fill=\"none\"/>\r\n                          </g>\r\n                          <g id=\"Path_2541\" data-name=\"Path 2541\" transform=\"translate(8.842)\" fill=\"#090039\">\r\n                            <path d=\"M 9.234541893005371 9.979501724243164 C 4.336671829223633 9.979501724243164 0.5000019073486328 8.85089111328125 0.5000019073486328 7.410121440887451 C 0.5000019073486328 3.599871397018433 4.418302059173584 0.5000013113021851 9.234541893005371 0.5000013113021851 C 14.05078220367432 0.5000013113021851 17.96908187866211 3.599871397018433 17.96908187866211 7.410121440887451 C 17.96908187866211 8.85089111328125 14.13241195678711 9.979501724243164 9.234541893005371 9.979501724243164 Z\" stroke=\"none\"/>\r\n                            <path d=\"M 9.234541893005371 1.000000953674316 C 4.694002151489258 1.000000953674316 1.000001907348633 3.875571250915527 1.000001907348633 7.410121440887451 C 1.000001907348633 7.759611129760742 1.670711517333984 8.310420989990234 3.169132232666016 8.753131866455078 C 4.731552124023438 9.214740753173828 6.942301750183105 9.479491233825684 9.234541893005371 9.479491233825684 C 11.52678203582764 9.479491233825684 13.7375316619873 9.214740753173828 15.29995155334473 8.753131866455078 C 16.79837226867676 8.310420989990234 17.46908187866211 7.759611129760742 17.46908187866211 7.410121440887451 C 17.46908187866211 3.875571250915527 13.77508163452148 1.000000953674316 9.234541893005371 1.000000953674316 M 9.234541893005371 9.5367431640625e-07 C 14.33464241027832 9.5367431640625e-07 18.46908187866211 3.317621231079102 18.46908187866211 7.410121440887451 C 18.46908187866211 11.5026216506958 0 11.50262069702148 1.9073486328125e-06 7.410121440887451 C 1.9073486328125e-06 3.317621231079102 4.134442329406738 9.5367431640625e-07 9.234541893005371 9.5367431640625e-07 Z\" stroke=\"none\" fill=\"#fff\"/>\r\n                          </g>\r\n                          <circle id=\"Ellipse_611\" data-name=\"Ellipse 611\" cx=\"1.241\" cy=\"1.241\" r=\"1.241\" transform=\"translate(6.207 9.801)\" fill=\"#fff\"/>\r\n                          <circle id=\"Ellipse_612\" data-name=\"Ellipse 612\" cx=\"1.241\" cy=\"1.241\" r=\"1.241\" transform=\"translate(17.379 12.284)\" fill=\"#fff\"/>\r\n                          <circle id=\"Ellipse_613\" data-name=\"Ellipse 613\" cx=\"1.241\" cy=\"1.241\" r=\"1.241\" transform=\"translate(27.311 9.801)\" fill=\"#fff\"/>\r\n                        </g>\r\n                      </svg>\r\n                      \r\n                    </span>\r\n                <span class=\"empty-state-listing-content\">\r\n                        {{'EW_CUSTOMIZE.NO_POLLS_ADDED' | translate}}\r\n                    </span> \r\n                </div>\r\n            </div> \r\n        \r\n        </mat-list-item>\r\n    </mat-list> -->\r\n\r\n<!-- </div> -->\r\n","styles":[""]}]}],"members":{"polls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"showlist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"isreplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"add_poll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"updated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":65,"character":19},{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"ew-common-lib","name":"LoggerService","line":67,"character":29},{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":68,"character":35},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonService","line":69,"character":29},{"__symbolic":"reference","name":"EwTranslateService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"loadTranslatedValues":[{"__symbolic":"method"}],"confirmDelete":[{"__symbolic":"method"}],"deletePoll":[{"__symbolic":"method"}],"getList":[{"__symbolic":"method"}],"addPoll":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ew-add-polls","template":"\r\n<div class=\"outer-top-offers poll-outer-top\">\r\n    <div class=\"sidebav-offer-selection\">\r\n        <ul>\r\n            <li *ngFor=\"let item of pollsData.polls; let i=index\" [ngClass]=\"{'active': pollsData.i == i}\" (click)=\"selectPoll(item, i)\">\r\n                <span class=\"offer-add-title\">{{'EW_CUSTOMIZE.ADD_POLL.POLL' | translate}}</span>\r\n                <span class=\"offer-counting\">{{ i+1 }}</span>\r\n            </li>\r\n            <li class=\"add-offer-sidenav\" [ngClass]=\"{'active': pollsData.i == undefined}\"\r\n                \r\n                (click)=\"selectPoll()\"\r\n            >\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19.799\" height=\"19.799\" viewBox=\"0 0 19.799 19.799\">\r\n                    <path id=\"close\" d=\"M8.283,7.136l5.451-5.451A.907.907,0,0,0,12.451.4L7,5.853,1.549.4A.907.907,0,0,0,.266,1.684L5.717,7.136.266,12.587A.907.907,0,1,0,1.549,13.87L7,8.419l5.451,5.451a.907.907,0,1,0,1.283-1.283Zm0,0\" transform=\"translate(9.995 -0.096) rotate(45)\" [style.fill]=\"pollsData.i == undefined ? '#ffffff' : '#009aff'\"/>\r\n                  </svg>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <ew-cta-header #header\r\n     (savePage)=\"savePoll()\"\r\n     (showAttendeeView)=\"showAttendeePreview()\"\r\n     (onExitPage)=\"closePollsPage()\"\r\n     [formData]=\"pollForm.value\"\r\n     [page]=\"'polls'\"\r\n     [showLoader]=\"showLoader\"\r\n    >\r\n    </ew-cta-header>\r\n    \r\n    <section class=\"custom-widget\" [ngClass]=\"{'ew-sidebar-open': header.openSidebar}\">\r\n        <lib-ew-main-loader *ngIf=\"(showLoader)\"></lib-ew-main-loader>\r\n        <div class=\"custom-widget-left grey-bg-custom\">\r\n            <div class=\"preview-embeded-custom-widget\">\r\n                <div class=\"widget-custom-form embeded-full-widget-form\">\r\n                    <div class=\"row\">\r\n                        <div class=\"widget-box\">\r\n                            <div class=\"box-widget-form\">\r\n                                <div class=\"col m12\">\r\n                                    <div class=\"section-box no-padding\">\r\n                                        <div class=\"full-widget-form image-offer-preview\">\r\n                                            <div class=\"form-widget-body\">\r\n                                                <div class=\"poll-area-preview\">\r\n                                                    <span *ngIf=\"pollForm.value.title.length\" class=\"option-poll-preview-title\">{{ pollForm.value.title }}</span>\r\n                                                    <mat-button-toggle-group>\r\n                                                        <mat-button-toggle [checked]=\"i == 0\" *ngFor=\"let item of pollForm.value.options; let i=index\">\r\n                                                            <span class=\"selection-hover-selected\">\r\n                                                                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ew-hover-element\" height=\"18px\" viewBox=\"0 0 24 24\" width=\"18px\"\r\n                                                                    fill=\"#707070\">\r\n                                                                    <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\r\n                                                                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" />\r\n                                                                </svg>\r\n                                                                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ew-selected-element\" width=\"16\" height=\"16\" viewBox=\"0 0 14 14\">\r\n                                                                    <path id=\"Path_2203\" data-name=\"Path 2203\" d=\"M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2ZM7.6,12.5,4.1,9l.987-.987L7.6,10.519l5.313-5.313L13.9,6.2Z\"\r\n                                                                        transform=\"translate(-2 -2)\" fill=\"#009aff\" />\r\n                                                                </svg>\r\n                                                            </span>\r\n                                                              {{ item.option }}\r\n                                                        </mat-button-toggle>\r\n                                                      </mat-button-toggle-group>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <form [formGroup]=\"pollForm\" autocomplete=\"off\">\r\n\r\n        <div class=\"custom-widget-right\">\r\n            <div class=\"widget-inner-outer\">\r\n                <!-- Widget Settings -->\r\n                <div class=\"sidebar-element-body\">\r\n                    <div class=\"child-list-custom\">\r\n\r\n                        <div class=\"elemets-ew-sidebar\">                     \r\n                            <div class=\"elements-outer-sec-scroll widget-sidebar-elements\">\r\n                                <div class=\"builder-elements-outer sepration-widget-elements-baar\">\r\n                                    <div class=\"sidenav-offer-type\">\r\n\r\n                                        <ew-offer-schedule\r\n                                            *ngIf=\"(eventDetails.is_livestream && eventDetails.is_livestream != '1' || isReplayPoll)\"\r\n                                            [parent]=\"pollForm\"\r\n                                        ></ew-offer-schedule>\r\n\r\n                                        <div class=\"element-builder-row\">\r\n                                            <div class=\"elements-custom-outer-ew toggle-wiget-scenario\">\r\n                                                <div class=\"left-list-item\">\r\n                                                    <span class=\"title-list-nav\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_POLL.QUESTION' | translate}}</span>\r\n                                                </div>\r\n                                                <div class=\"bottom-custom-design-fields\">\r\n                                                    <mat-form-field class=\"ew-field-no-label ew-insider-label\" floatLabel=\"never\">\r\n                                                        <input matInput maxlength=\"100\" formControlName=\"title\" placeholder=\"Type here\">\r\n                                                        <mat-error *ngIf=\"invalidTitle\">{{'EW_CUSTOMIZE.ADD_POLL.REQUIRED' | translate}}</mat-error> \r\n                                                    </mat-form-field>\r\n                                                </div>\r\n                                            </div>\r\n    \r\n                                        </div>\r\n                                        <div class=\"element-builder-row add-poll-response-option padding-elements-30-top\">\r\n                                            <div class=\"elements-custom-outer-ew toggle-wiget-scenario\" formArrayName=\"options\">\r\n                                                <div class=\"left-list-item\">\r\n                                                    <span class=\"title-list-nav\">\r\n                                                        {{'EW_CUSTOMIZE.ADD_POLL.RESPONSE_OPTIONS' | translate}}</span>\r\n                                                </div>\r\n                                                <div class=\"bottom-custom-design-fields\">\r\n                                                    <mat-form-field *ngFor=\"let item of options.controls; let i=index\" [formGroupName]=\"i\" class=\"ew-field-without-lebel builder-input-fields ew-insider-label\" floatLabel=\"never\">\r\n                                                        <input matInput placeholder=\"\" formControlName=\"option\">\r\n                                                        <mat-error *ngIf=\"item.controls.option.touched && item.controls.option.errors?.required\">{{'EW_CUSTOMIZE.ADD_POLL.REQUIRED' | translate}}</mat-error>\r\n                                                  \r\n                                                            <span class=\"delete-added-response\" *ngIf=\"options.controls.length > 2\">\r\n                                                                <mat-icon (click)=\"onRemoveOption(i)\">clear</mat-icon>\r\n                                                            </span>\r\n                    \r\n                                                       \r\n                                                    </mat-form-field>\r\n                                                    <!-- <mat-form-field class=\"ew-field-without-lebel builder-input-fields\" floatLabel=\"never\">\r\n                                                        <input matInput placeholder=\"Option\" value=\"Range\">\r\n                                                        <span class=\"delete-added-response\"><mat-icon>clear</mat-icon></span>\r\n                                                    </mat-form-field> -->\r\n                                                    <button class=\"icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small\"\r\n                                                     (click)=\"onAddOption()\"\r\n                                                     [disabled]=\"options.controls.length > 5\"\r\n                                                    mat-flat-button disableRipple><mat-icon>add</mat-icon>{{'EW_CUSTOMIZE.ADD_POLL.ADD_ANOTHER_OPTION' | translate}}</button>\r\n                                                </div>\r\n                                            </div>\r\n    \r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n\r\n    </section>\r\n</div>\r\n","styles":[""]}]}],"members":{"pollsData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}],"exit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":58,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":59,"character":22},{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":61,"character":35},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonService","line":62,"character":29},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":63,"character":19},{"__symbolic":"reference","module":"ew-common-lib","name":"LoggerService","line":64,"character":29},{"__symbolic":"reference","module":"ew-common-lib","name":"FlashService","line":65,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closePollsPage":[{"__symbolic":"method"}],"initialisePollForm":[{"__symbolic":"method"}],"createOptionControl":[{"__symbolic":"method"}],"onAddOption":[{"__symbolic":"method"}],"onRemoveOption":[{"__symbolic":"method"}],"savePoll":[{"__symbolic":"method"}],"saveModelToService":[{"__symbolic":"method"}],"showAttendeePreview":[{"__symbolic":"method"}],"hasUnsavedData":[{"__symbolic":"method"}],"selectPoll":[{"__symbolic":"method"}],"updatePollList":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ew-poll-attendee-preview","template":"<div class=\"ew-replay-page poll-outer-top\">\r\n    <div class=\"exit-view-attende\">\r\n        <span class=\"view-exit-text\">{{'EW_CUSTOMIZE.ADD_POLL.PREVIEW_TITLE' | translate}}</span>&nbsp;&nbsp;\r\n        <button class=\"small-button-ew\" mat-flat-button  color=\"warn\" (click)=\"closeDailog()\">{{'EW_CUSTOMIZE.ADD_POLL.EXIT_VIEW' | translate}}</button>\r\n    </div>\r\n    <div class=\"top-header-reply\">\r\n        <div class=\"left-reply-header\">\r\n            <span class=\"branding-reply\">\r\n                <img src=\"assets/images/replay-logo.png\" alt=\"ew-logo\">\r\n            </span>\r\n            <span class=\"title-replay-header\">{{'EW_CUSTOMIZE.ADD_POLL.PREVIEW_PAGE_HEADER' | translate}}</span>\r\n            <span class=\"timer-event-ew\">{{'EW_CUSTOMIZE.ADD_POLL.TIME' | translate}}</span>\r\n            <!-- <span class=\"tag-replay live\">Live</span>\r\n            <span class=\"event-fi-icon\"><img src=\"assets/images/live-event.png\"></span> -->\r\n        </div>\r\n        <div class=\"right-reply-heder\">\r\n            <span class=\"ew-full-screen-replay reconnect-event\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18px\" viewBox=\"0 0 24 24\" width=\"18px\" fill=\"#333\"><path d=\"M.01 0h24v24h-24V0z\" fill=\"none\"/><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"/></svg>\r\n                <span class=\"ew-full-name\">{{'EW_CUSTOMIZE.ADD_POLL.RECONNECT' | translate}}</span>\r\n            </span>\r\n            <span class=\"ew-full-screen-replay\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\"><defs><style>.a-full{fill:#333;}</style></defs><path class=\"a-full\" d=\"M5.271,1.318V0H.659A.659.659,0,0,0,0,.659V5.271H1.318V2.247L7.438,8.367l.929-.929L2.247,1.318Z\"/><path class=\"a-full\" d=\"M316.509,0H311.9V1.318h3.024L308.8,7.438l.929.929,6.121-6.121V5.271h1.318V.659A.659.659,0,0,0,316.509,0Z\" transform=\"translate(-299.167)\"/><path class=\"a-full\" d=\"M315.85,314.921l-6.121-6.121-.929.929,6.121,6.121H311.9v1.318h4.612a.659.659,0,0,0,.659-.659V311.9H315.85Z\" transform=\"translate(-299.167 -299.167)\"/><path class=\"a-full\" d=\"M7.438,308.64l-6.121,6.127v-3.024H0v4.612a.659.659,0,0,0,.659.659H5.271V315.7H2.247l6.121-6.121Z\" transform=\"translate(0 -299.014)\"/></svg>\r\n                <span class=\"ew-full-name\">{{'EW_CUSTOMIZE.ADD_POLL.FULL_SCREEN' | translate}}</span>\r\n            </span>\r\n            <button class=\"small-button-ew\" mat-flat-button  color=\"warn\">{{'EW_CUSTOMIZE.ADD_POLL.LEAVE' | translate}}</button>\r\n        </div>\r\n    </div>\r\n    <div class=\"ew-replay-preview\">\r\n        <div class=\"left-reply-video\">\r\n            <div class=\"image-container\">\r\n                <!-- <img src=\"assets/images/event-page-img.png\"> -->\r\n            </div>\r\n            \r\n        </div>\r\n        <div class=\"right-replay-preview\">\r\n            <div class=\"event-ew-reply image-offer-event\">\r\n\r\n                <div class=\"poll-area-preview\">\r\n                    <span *ngIf=\"pollFormData.title.length\" class=\"option-poll-preview-title\">{{ pollFormData.title }}</span>\r\n                    <mat-button-toggle-group>\r\n                        <mat-button-toggle [checked]=\"i == 0\" *ngFor=\"let item of pollFormData.options; let i=index\">\r\n                            <span class=\"selection-hover-selected\">\r\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ew-hover-element\" height=\"18px\" viewBox=\"0 0 24 24\" width=\"18px\" fill=\"#707070\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"/></svg>\r\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ew-selected-element\" width=\"16\" height=\"16\"\r\n                                  viewBox=\"0 0 14 14\">\r\n                                  <path id=\"Path_2203\" data-name=\"Path 2203\"\r\n                                    d=\"M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2ZM7.6,12.5,4.1,9l.987-.987L7.6,10.519l5.313-5.313L13.9,6.2Z\"\r\n                                    transform=\"translate(-2 -2)\" fill=\"#009aff\" />\r\n                                </svg>\r\n                              </span>\r\n                            {{ item.option }}\r\n                        </mat-button-toggle>\r\n                      </mat-button-toggle-group>\r\n                </div>\r\n                            \r\n        <div class=\"chat-event-sec\" [style.display]=\"\r\n        (eventType == '0' || eventType == '2') ? 'block' : 'none'\r\n      \">\r\n      <div class=\"ew-form-replay\">\r\n        <span class=\"form-title-replay\">\r\n          <mat-icon>chat_bubble</mat-icon> Drop Your Questions Here\r\n        </span>\r\n        <div class=\"drop-question-box\">\r\n          <span class=\"input-field skel-mask\"></span>\r\n          <span class=\"input-field skel-mask\"></span>\r\n          <span class=\"textarea-field skel-mask\"></span>\r\n          <span class=\"button-field skel-mask\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"chat-event-sec\" [style.display]=\"eventType == '1' ? 'block' : 'none'\">\r\n      <div class=\"top-chat-participent\">\r\n        <ul>\r\n          <li (click)=\"chatTab = 'chat'\" [ngClass]=\"{\r\n              active: chatTab == 'chat'\r\n            }\">\r\n            Chat\r\n          </li>\r\n          <li (click)=\"chatTab = 'attendee'\" [ngClass]=\"{\r\n              active: chatTab == 'attendee'\r\n            }\">\r\n            Participants\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"chat-common-area\">\r\n        <div class=\"chat-bosy-event\" [style.display]=\"chatTab == 'chat' ? 'block' : 'none'\">\r\n          <!-- For chat area -->\r\n          <span class=\"chat-loading-ew\">\r\n            <span class=\"left-chat-circle skel-mask\"></span>\r\n            <span class=\"right-chat-message-ew\">\r\n              <span class=\"chat-load-sms skel-mask\"></span>\r\n              <span class=\"chat-load-large-sms skel-mask\"></span>\r\n            </span>\r\n          </span>\r\n          <span class=\"chat-loading-ew\">\r\n            <span class=\"left-chat-circle skel-mask\"></span>\r\n            <span class=\"right-chat-message-ew\">\r\n              <span class=\"chat-load-sms skel-mask\"></span>\r\n              <span class=\"chat-load-large-sms skel-mask\"></span>\r\n            </span>\r\n          </span>\r\n        </div>\r\n        <div class=\"chat-bosy-event\" [style.display]=\"chatTab == 'attendee' ? 'block' : 'none'\">\r\n          <!-- For Participants area -->\r\n          <div class=\"participants-heading\">\r\n            <span>Presenters</span>\r\n          </div>\r\n          <span class=\"chat-loading-ew\">\r\n            <span class=\"left-chat-circle skel-mask\"></span>\r\n            <span class=\"right-chat-message-ew\">\r\n              <span class=\"chat-load-sms skel-mask\"></span>\r\n              <span class=\"chat-load-large-sms skel-mask\"></span>\r\n            </span>\r\n          </span>\r\n\r\n          <div class=\"participants-heading\">\r\n            <span>Attendees</span>\r\n          </div>\r\n          <span class=\"chat-loading-ew\">\r\n            <span class=\"left-chat-circle skel-mask\"></span>\r\n            <span class=\"right-chat-message-ew\">\r\n              <span class=\"chat-load-sms skel-mask\"></span>\r\n              <span class=\"chat-load-large-sms skel-mask\"></span>\r\n            </span>\r\n          </span>\r\n          <span class=\"chat-loading-ew\">\r\n            <span class=\"left-chat-circle skel-mask\"></span>\r\n            <span class=\"right-chat-message-ew\">\r\n              <span class=\"chat-load-sms skel-mask\"></span>\r\n              <span class=\"chat-load-large-sms skel-mask\"></span>\r\n            </span>\r\n          </span>\r\n        </div>\r\n        <div class=\"chat-footer-ew\" [style.display]=\"chatTab == 'chat' ? 'flex' : 'none'\">\r\n          <!-- this area will come only in case when chat tab is active -->\r\n          <span class=\"right-chat-message-ew\">\r\n            <span class=\"chat-load-sms skel-mask\"></span>\r\n            <span class=\"chat-load-large-sms skel-mask\"></span>\r\n          </span>\r\n          <span class=\"send-button skel-mask\"></span>\r\n        </div>\r\n      </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n            \r\n                <!-- <div class=\"chat-event-sec\">\r\n                    <div class=\"top-chat-participent\">\r\n                        <ul>\r\n                            <li class=\"active\">{{'EW_CUSTOMIZE.ADD_POLL.CHAT' | translate}}</li>\r\n                            <li>{{'EW_CUSTOMIZE.ADD_POLL.PARTICIPANTS' | translate}}</li>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"chat-bosy-event\">\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                        <span class=\"chat-loading-ew\">\r\n                            <span class=\"left-chat-circle\"></span>\r\n                            <span class=\"right-chat-message-ew\">\r\n                                <span  class=\"chat-load-sms\"></span>\r\n                                <span class=\"chat-load-large-sms\"></span>\r\n                            </span>\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"chat-footer-ew\">\r\n                        <img src=\"assets/images/chat-img.png\">\r\n                    </div>\r\n                </div> -->\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":14,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵm"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDailog":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ew-contact-box","template":"<div class=\"webinar-template-inner-section customize-webinar-template\">\r\n    <lib-ew-section-loader *ngIf=\"loader\"></lib-ew-section-loader>\r\n    <div class=\"chat-template-preview-body\">\r\n        <div class=\"chat-box-outer\">\r\n            <div class=\"chat-box-inner\"\r\n             [class.active]=\"contactboxOption == '1'\" (click)=\"changeOption('1')\">\r\n                <span class=\"chat-icon-left\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"31.766\" viewBox=\"0 0 36 31.766\">\r\n                        <g id=\"chat_6_\" data-name=\"chat (6)\" transform=\"translate(0 -30.11)\">\r\n                            <g id=\"Group_3796\" data-name=\"Group 3796\" transform=\"translate(0 30.11)\">\r\n                                <path id=\"Path_2194\" data-name=\"Path 2194\"\r\n                                    d=\"M216.317,191.141H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -179.819)\" fill=\"#2b2b30\" />\r\n                                <path id=\"Path_2195\" data-name=\"Path 2195\"\r\n                                    d=\"M216.317,248.474H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -233.12)\" fill=\"#2b2b30\" />\r\n                                <path id=\"Path_2196\" data-name=\"Path 2196\"\r\n                                    d=\"M216.317,305.807H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -286.422)\" fill=\"#2b2b30\" />\r\n                                <path id=\"Path_2197\" data-name=\"Path 2197\"\r\n                                    d=\"M162.262,125.549H142.177a3.071,3.071,0,0,0-3.067,3.067v12.629a3.071,3.071,0,0,0,3.067,3.067h14.077a.486.486,0,0,1,.384.186l4.546,5.755a.906.906,0,0,0,.714.35.933.933,0,0,0,.307-.052.907.907,0,0,0,.617-.867V144.26a3.081,3.081,0,0,0,2.507-3.015V128.616A3.071,3.071,0,0,0,162.262,125.549Zm2.012,15.7a2.019,2.019,0,0,1-1.986,2.012.527.527,0,0,0-.521.527v5.506l-4.3-5.445a1.535,1.535,0,0,0-1.211-.587H142.177a2.015,2.015,0,0,1-2.012-2.012V128.616a2.015,2.015,0,0,1,2.012-2.012h20.084a2.015,2.015,0,0,1,2.012,2.012Z\"\r\n                                    transform=\"translate(-129.329 -118.838)\" fill=\"#2b2b30\" />\r\n                                <path id=\"Path_2198\" data-name=\"Path 2198\"\r\n                                    d=\"M7.769,45.54a1.406,1.406,0,0,0-.91.523L3.237,50.649v-4.6a.527.527,0,0,0-.521-.527,1.689,1.689,0,0,1-1.662-1.683V32.848a1.686,1.686,0,0,1,1.684-1.684H20.222a1.686,1.686,0,0,1,1.684,1.684v2.034a.527.527,0,0,0,1.055,0V32.848a2.741,2.741,0,0,0-2.738-2.738H2.738A2.741,2.741,0,0,0,0,32.848V43.842a2.751,2.751,0,0,0,2.182,2.681v4.666a.857.857,0,0,0,.583.819.883.883,0,0,0,.29.049.856.856,0,0,0,.675-.331l3.957-5.01a.356.356,0,0,1,.23-.132.527.527,0,0,0-.148-1.044Z\"\r\n                                    transform=\"translate(0 -30.11)\" fill=\"#2b2b30\" />\r\n                            </g>\r\n                        </g>\r\n                    </svg>\r\n                </span>\r\n                <div class=\"right-chat-des\">\r\n                    <span class=\"chat-title-right\">{{'EW_CUSTOMIZE.EW_CONTACT_BOX' | translate }}</span>\r\n                    <span class=\"desc-chat-custom\">{{'EW_CUSTOMIZE.PERMISSION_TO_SEE_AND_SEND_MESSAGES' | translate }}</span>\r\n                </div>\r\n                <span class=\"active-chat\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\r\n                        <path id=\"Path_2203\" data-name=\"Path 2203\" d=\"M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2ZM7.6,12.5,4.1,9l.987-.987L7.6,10.519l5.313-5.313L13.9,6.2Z\"\r\n                            transform=\"translate(-2 -2)\" fill=\"#009aff\" />\r\n                    </svg>\r\n                </span>\r\n            </div>\r\n            <div class=\"chat-box-inner\" [class.active]=\"contactboxOption == '4' || contactboxOption == '2' || contactboxOption == '3'\" (click)=\"changeOption('4')\">\r\n                <span class=\"chat-icon-left\">\r\n                    <svg id=\"Component_1_1\" data-name=\"Component 1 – 1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\"\r\n                        height=\"40.766\" viewBox=\"0 0 40 40.766\">\r\n                        <g id=\"chat_6_\" data-name=\"chat (6)\" transform=\"translate(0 -21.11)\">\r\n                            <g id=\"Group_3796\" data-name=\"Group 3796\" transform=\"translate(0 30.11)\">\r\n                                <path id=\"Path_2194\" data-name=\"Path 2194\"\r\n                                    d=\"M216.317,191.141H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -179.819)\" fill=\"#999\" />\r\n                                <path id=\"Path_2195\" data-name=\"Path 2195\"\r\n                                    d=\"M216.317,248.474H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -233.12)\" fill=\"#999\" />\r\n                                <path id=\"Path_2196\" data-name=\"Path 2196\"\r\n                                    d=\"M216.317,305.807H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -286.422)\" fill=\"#999\" />\r\n                                <path id=\"Path_2197\" data-name=\"Path 2197\"\r\n                                    d=\"M162.262,125.549H142.177a3.071,3.071,0,0,0-3.067,3.067v12.629a3.071,3.071,0,0,0,3.067,3.067h14.077a.486.486,0,0,1,.384.186l4.546,5.755a.906.906,0,0,0,.714.35.933.933,0,0,0,.307-.052.907.907,0,0,0,.617-.867V144.26a3.081,3.081,0,0,0,2.507-3.015V128.616A3.071,3.071,0,0,0,162.262,125.549Zm2.012,15.7a2.019,2.019,0,0,1-1.986,2.012.527.527,0,0,0-.521.527v5.506l-4.3-5.445a1.535,1.535,0,0,0-1.211-.587H142.177a2.015,2.015,0,0,1-2.012-2.012V128.616a2.015,2.015,0,0,1,2.012-2.012h20.084a2.015,2.015,0,0,1,2.012,2.012Z\"\r\n                                    transform=\"translate(-129.329 -118.838)\" fill=\"#999\" />\r\n                                <path id=\"Path_2198\" data-name=\"Path 2198\"\r\n                                    d=\"M7.769,45.54a1.406,1.406,0,0,0-.91.523L3.237,50.649v-4.6a.527.527,0,0,0-.521-.527,1.689,1.689,0,0,1-1.662-1.683V32.848a1.686,1.686,0,0,1,1.684-1.684H20.222a1.686,1.686,0,0,1,1.684,1.684v2.034a.527.527,0,0,0,1.055,0V32.848a2.741,2.741,0,0,0-2.738-2.738H2.738A2.741,2.741,0,0,0,0,32.848V43.842a2.751,2.751,0,0,0,2.182,2.681v4.666a.857.857,0,0,0,.583.819.883.883,0,0,0,.29.049.856.856,0,0,0,.675-.331l3.957-5.01a.356.356,0,0,1,.23-.132.527.527,0,0,0-.148-1.044Z\"\r\n                                    transform=\"translate(0 -30.11)\" fill=\"#999\" />\r\n                            </g>\r\n                        </g>\r\n                        <g id=\"lock-24px_1_\" data-name=\"lock-24px (1)\" transform=\"translate(26)\">\r\n                            <path id=\"Path_2199\" data-name=\"Path 2199\" d=\"M0,0H14V14H0Z\" fill=\"none\" />\r\n                            <path id=\"Path_2200\" data-name=\"Path 2200\"\r\n                                d=\"M12.167,5.083h-.583V3.917a2.917,2.917,0,1,0-5.833,0V5.083H5.167A1.17,1.17,0,0,0,4,6.25v5.833A1.17,1.17,0,0,0,5.167,13.25h7a1.17,1.17,0,0,0,1.167-1.167V6.25A1.17,1.17,0,0,0,12.167,5.083Zm-3.5,5.25A1.167,1.167,0,1,1,9.833,9.167,1.17,1.17,0,0,1,8.667,10.333Zm1.808-5.25H6.858V3.917a1.808,1.808,0,0,1,3.617,0Z\"\r\n                                transform=\"translate(-1.667 -0.417)\" fill=\"#2b2b30\" />\r\n                        </g>\r\n                    </svg>\r\n                </span>\r\n                <div class=\"right-chat-des\">\r\n                    <span class=\"chat-title-right\">{{'EW_CUSTOMIZE.THIRD_PARTY' | translate }}</span>\r\n                    <span class=\"desc-chat-custom\">{{'EW_CUSTOMIZE.CONTROLLED_MESSAGES' | translate }}</span>\r\n                </div>\r\n                <span class=\"active-chat\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\r\n                        <path id=\"Path_2203\" data-name=\"Path 2203\"\r\n                            d=\"M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2ZM7.6,12.5,4.1,9l.987-.987L7.6,10.519l5.313-5.313L13.9,6.2Z\"\r\n                            transform=\"translate(-2 -2)\" fill=\"#009aff\" />\r\n                    </svg>\r\n                </span>\r\n            </div>\r\n            <div class=\"chat-box-inner\" [class.active]=\"contactboxOption == '0'\" (click)=\"changeOption('0');onSubmit();\">\r\n                <span class=\"chat-icon-left\">\r\n                    <svg id=\"Component_2_1\" data-name=\"Component 2 – 1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\"\r\n                        height=\"39.766\" viewBox=\"0 0 40 39.766\">\r\n                        <g id=\"chat_6_\" data-name=\"chat (6)\" transform=\"translate(0 -22.11)\">\r\n                            <g id=\"Group_3796\" data-name=\"Group 3796\" transform=\"translate(0 30.11)\">\r\n                                <path id=\"Path_2194\" data-name=\"Path 2194\"\r\n                                    d=\"M216.317,191.141H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -179.819)\" fill=\"#999\" />\r\n                                <path id=\"Path_2195\" data-name=\"Path 2195\"\r\n                                    d=\"M216.317,248.474H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -233.12)\" fill=\"#999\" />\r\n                                <path id=\"Path_2196\" data-name=\"Path 2196\"\r\n                                    d=\"M216.317,305.807H199.582a.527.527,0,0,0,0,1.055h16.734a.527.527,0,0,0,0-1.055Z\"\r\n                                    transform=\"translate(-185.059 -286.422)\" fill=\"#999\" />\r\n                                <path id=\"Path_2197\" data-name=\"Path 2197\"\r\n                                    d=\"M162.262,125.549H142.177a3.071,3.071,0,0,0-3.067,3.067v12.629a3.071,3.071,0,0,0,3.067,3.067h14.077a.486.486,0,0,1,.384.186l4.546,5.755a.906.906,0,0,0,.714.35.933.933,0,0,0,.307-.052.907.907,0,0,0,.617-.867V144.26a3.081,3.081,0,0,0,2.507-3.015V128.616A3.071,3.071,0,0,0,162.262,125.549Zm2.012,15.7a2.019,2.019,0,0,1-1.986,2.012.527.527,0,0,0-.521.527v5.506l-4.3-5.445a1.535,1.535,0,0,0-1.211-.587H142.177a2.015,2.015,0,0,1-2.012-2.012V128.616a2.015,2.015,0,0,1,2.012-2.012h20.084a2.015,2.015,0,0,1,2.012,2.012Z\"\r\n                                    transform=\"translate(-129.329 -118.838)\" fill=\"#999\" />\r\n                                <path id=\"Path_2198\" data-name=\"Path 2198\"\r\n                                    d=\"M7.769,45.54a1.406,1.406,0,0,0-.91.523L3.237,50.649v-4.6a.527.527,0,0,0-.521-.527,1.689,1.689,0,0,1-1.662-1.683V32.848a1.686,1.686,0,0,1,1.684-1.684H20.222a1.686,1.686,0,0,1,1.684,1.684v2.034a.527.527,0,0,0,1.055,0V32.848a2.741,2.741,0,0,0-2.738-2.738H2.738A2.741,2.741,0,0,0,0,32.848V43.842a2.751,2.751,0,0,0,2.182,2.681v4.666a.857.857,0,0,0,.583.819.883.883,0,0,0,.29.049.856.856,0,0,0,.675-.331l3.957-5.01a.356.356,0,0,1,.23-.132.527.527,0,0,0-.148-1.044Z\"\r\n                                    transform=\"translate(0 -30.11)\" fill=\"#999\" />\r\n                            </g>\r\n                        </g>\r\n                        <g id=\"disabled_by_default-24px\" transform=\"translate(26)\">\r\n                            <rect id=\"Rectangle_1332\" data-name=\"Rectangle 1332\" width=\"14\" height=\"14\" fill=\"none\" />\r\n                            <path id=\"Path_2201\" data-name=\"Path 2201\"\r\n                                d=\"M3,3V13.5H13.5V3Zm8.167,7.344-.822.822L8.25,9.073,6.156,11.167l-.823-.822L7.427,8.25,5.333,6.156l.823-.823L8.25,7.427l2.094-2.094.822.823L9.073,8.25Z\"\r\n                                transform=\"translate(-1.25 -1.25)\" fill=\"#ed5267\" />\r\n                        </g>\r\n                    </svg>\r\n                </span>\r\n                <div class=\"right-chat-des\">\r\n                    <span class=\"chat-title-right\">\r\n                        {{'EW_CUSTOMIZE.DISABLE' | translate }}\r\n                    </span>\r\n                    <span class=\"desc-chat-custom\">\r\n                        {{'EW_CUSTOMIZE.CHATBOX_NOT_AVAILABLE' | translate }}\r\n                    </span>\r\n                </div>\r\n                <span class=\"active-chat\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\"\r\n                        viewBox=\"0 0 14 14\">\r\n                        <path id=\"Path_2203\" data-name=\"Path 2203\"\r\n                            d=\"M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2ZM7.6,12.5,4.1,9l.987-.987L7.6,10.519l5.313-5.313L13.9,6.2Z\"\r\n                            transform=\"translate(-2 -2)\" fill=\"#009aff\" />\r\n                    </svg>\r\n                </span>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"top-chat-section\">\r\n            <div *ngIf=\"contactboxOption != '0'\" class=\"long-chat-section\">\r\n                <span class=\"top-heading-form\">\r\n                    <span class=\"title-top-genral\">{{'EW_CUSTOMIZE.CONTACT_FORM_SETTINGS' | translate }} </span>\r\n                </span>\r\n                <div class=\"form-field-box-genral row\" [formGroup]=\"contactBoxForm\">\r\n                    <div class=\"column-listing-chat\">\r\n                    <mat-form-field *ngIf=\"contactboxOption == '1'; else thirdparty\" class=\"ew-insider-label\">\r\n                        <mat-select [(ngModel)]=\"contactboxOption\" [ngModelOptions]=\"{standalone: true}\" matInput placeholder=\"Contact Box Type\" required>\r\n                            <mat-option value=\"1\">{{'EW_CUSTOMIZE.EW_CONTACT_BOX' | translate }}</mat-option>\r\n                            <!-- <mat-option value=\"4\">Third Party</mat-option>\r\n                            <mat-option value=\"0\">Disable</mat-option>\r\n                            <mat-option value=\"5\">Livechat</mat-option> -->\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                    <ng-template #thirdparty>\r\n                        <mat-form-field class=\"ew-insider-label\">\r\n                            <mat-select [(ngModel)]=\"contactboxOption\" [ngModelOptions]=\"{standalone: true}\" matInput placeholder=\"Contact Box Type\" required>\r\n                                <mat-option value=\"4\">{{'EW_CUSTOMIZE.THIRD_PARTY' | translate }}</mat-option>\r\n                                <mat-option value=\"2\">{{'EW_CUSTOMIZE.FACEBOOK' | translate }}</mat-option>\r\n                            <mat-option value=\"3\">{{'EW_CUSTOMIZE.TWITTER' | translate }}</mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n                    </ng-template>\r\n\r\n                    <mat-form-field class=\"ew-insider-label\">\r\n                        <input matInput formControlName=\"title\" placeholder=\"Box Title\" value=\"Drop your questions and queries below\">\r\n                        <mat-error\r\n\t\t\t\t\t\t\t*ngIf=\"contactBoxForm.get('title').invalid && contactBoxForm.get('title').touched\">\r\n\t\t\t\t\t\t\tRequired!\r\n\t\t\t\t\t\t</mat-error>\r\n                    </mat-form-field>\r\n                    \r\n                    <mat-form-field *ngIf=\"contactboxOption == '1'; else code\" class=\"ew-insider-label\">\r\n                        <input matInput formControlName=\"email\" placeholder=\"Email Address to Receive Questions?\" value=\"tejpalverma20@gmail.com\">\r\n                        <mat-error\r\n\t\t\t\t\t\t\t*ngIf=\"contactBoxForm.get('email').invalid && contactBoxForm.get('email').touched\">\r\n\t\t\t\t\t\t\t<div *ngIf=\"contactBoxForm.get('email').errors.required\">{{'EW_CUSTOMIZE.REQUIRED' | translate }}</div>\r\n\t\t\t\t\t\t\t<div *ngIf=\"contactBoxForm.get('email').errors.email\">{{'EW_CUSTOMIZE.INVALID' | translate }}</div>\r\n\t\t\t\t\t\t</mat-error>\r\n                    </mat-form-field>\r\n                    <!--<ng-template #code>\r\n                        <mat-form-field class=\"ew-insider-label\">\r\n                            <textarea matInput formControlName=\"email\" placeholder=\"Chat widget code\"></textarea>\r\n                            <mat-error\r\n                                *ngIf=\"contactBoxForm.get('email').invalid && contactBoxForm.get('email').touched\">\r\n                                <div *ngIf=\"contactBoxForm.get('email').errors.required\">{{'EW_CUSTOMIZE.REQUIRED' | translate }}</div>\r\n                                <div *ngIf=\"contactBoxForm.get('email').errors.email\">{{'EW_CUSTOMIZE.INVALID' | translate }}</div>\r\n                            </mat-error>\r\n                        </mat-form-field>\r\n                    </ng-template>-->\r\n\r\n                    <ng-template #code>\r\n                        <mat-form-field class=\"ew-insider-label\">\r\n                            <textarea matInput formControlName=\"chatCode\" placeholder=\"Chat widget code\"></textarea>\r\n                            <mat-error\r\n                                *ngIf=\"contactBoxForm.get('chatCode').invalid && contactBoxForm.get('chatCode').touched\">\r\n                                <div *ngIf=\"contactBoxForm.get('chatCode').errors.required\">{{'EW_CUSTOMIZE.REQUIRED' | translate }}</div>\r\n                                <div *ngIf=\"contactBoxForm.get('chatCode').errors.chatCode\">{{'EW_CUSTOMIZE.INVALID' | translate }}</div>\r\n                            </mat-error>\r\n                        </mat-form-field>\r\n                    </ng-template>\r\n\r\n                    <mat-form-field class=\"ew-insider-label\">\r\n                        <mat-select matInput placeholder=\"Display Timings\" formControlName=\"displayTiming\" required>\r\n                            <mat-option value=\"0\">{{'EW_CUSTOMIZE.ALWAYS_VISIBLE' | translate }}</mat-option>\r\n                            <mat-option value=\"1\">{{'EW_CUSTOMIZE.CUSTOM_TIME' | translate }}</mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                    <div class=\"ew-timer-chat\" *ngIf=\"contactBoxForm.value.displayTiming == '1'\">\r\n                        <div class=\"outer-looping-chat-setting\">\r\n                            <ew-contact-box-schedule\r\n                                *ngFor=\"let item of data.display_settings.timer_options; let i=index\"\r\n                                [itemIndex]=\"i\"\r\n                                [showDeleteButton]=\"data.display_settings.timer_options.length > 1\"\r\n                                [parent]=\"contactBoxForm.controls.schedules\"\r\n                                (notifyParent)=\"remove(i)\"\r\n                            ></ew-contact-box-schedule>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"ew-chat-form-ation\" *ngIf=\"contactBoxForm.value.displayTiming == '1'\"><button (click)=\"onAddNewSchedule()\" class=\"icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small\" mat-flat-button disableRipple>\r\n                        <mat-icon>add</mat-icon>{{'EW_CUSTOMIZE.ADD_MORE_TIME' | translate }}</button>\r\n                    </div>\r\n\r\n                    <!-- ////////////// -->\r\n                    <!-- <div class=\"right-genral-section\">\r\n                        <div class=\"form-field-box-genral\">\r\n                            <label class=\"ew-genrall-customize-lbl\"><span class=\"redirec-genrall-lbl\">Redirect attendees after the event ends</span>\r\n                                <div class=\"ew-toggle-button\">\r\n                                    <div class=\"toggle-button-cover\">\r\n                                        <div class=\"button-cover\">\r\n                                            <div class=\"button b2\" id=\"button-ew\">\r\n                                                <input type=\"checkbox\" class=\"checkbox\" [checked]=\"!eventEndUrlStatus\" (change)=\"eventEndUrlStatus = !eventEndUrlStatus\">\r\n                                                <div class=\"knobs\">\r\n                                                    <span></span>\r\n                                                </div>\r\n                                                <div class=\"layer\"></div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </label>\r\n                            <mat-form-field class=\"ew-insider-label\">\r\n                                <input matInput placeholder=\"URL\">\r\n                                <mat-error>Invalid URL!</mat-error>\r\n                            </mat-form-field>\r\n        \r\n                        </div>\r\n                        <div class=\"form-field-box-genral\">\r\n                            <label class=\"ew-genrall-customize-lbl\"><span class=\"redirec-genrall-lbl\">Redirect if click webinar invite link after a webinar has expired</span>\r\n                                <div class=\"ew-toggle-button\">\r\n                                    <div class=\"toggle-button-cover\">\r\n                                        <div class=\"button-cover\">\r\n                                            <div class=\"button b2\" id=\"button-ew\">\r\n                                                <input type=\"checkbox\" class=\"checkbox\" [checked]=\"!eventExpiredUrlStatus\" (change)=\"eventExpiredUrlStatus = !eventExpiredUrlStatus\">\r\n                                                <div class=\"knobs\">\r\n                                                    <span></span>\r\n                                                </div>\r\n                                                <div class=\"layer\"></div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </label>\r\n                            <mat-form-field class=\"ew-insider-label\">\r\n                                <input matInput placeholder=\"URL\">\r\n                                <mat-error>Invalid URL!</mat-error>\r\n                            </mat-form-field>\r\n                        </div>\r\n                    </div> -->\r\n\r\n                    <div class=\"ew-call-action-btn\">\r\n                        <button [disabled]=\"loader\" (click)=\"onSubmit()\" class=\"padding-standard-btn\"  mat-flat-button color=\"accent\">{{'APP.SAVE_CHANGES' | translate }}</button>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n            </div>\r\n            \r\n        </div>\r\n\r\n    </div>\r\n</div>","styles":[""]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"ew-common-lib","name":"LoggerService","line":27,"character":29},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":28,"character":25},{"__symbolic":"reference","module":"ew-common-lib","name":"FlashService","line":29,"character":28},{"__symbolic":"reference","module":"ew-common-lib","name":"EwCommonService","line":30,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initForm":[{"__symbolic":"method"}],"onAddNewSchedule":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"getChatSettings":[{"__symbolic":"method"}],"changeOption":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"getTimeArr":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ew-contact-box-schedule","template":"<div class=\"looping-area-chat\">\r\n\t<mat-form-field class=\"ew-insider-label\">\r\n\t\t<input matInput\r\n\t\t\t[dpDayPicker]=\"config\"\r\n\t\t\t[mode]=\"'time'\"\r\n\t\t\t[theme]=\"'dp-material dp-main'\"\r\n\t\t\t[(ngModel)]=\"startTime\"\r\n\t\t\t(onSelect)=\"onSelect($event, 'start')\"\r\n\t\t\tplaceholder=\"Show at (HH:MM:SS)\" required />\r\n\r\n\t\t\t<!-- <mat-error *ngIf=\"timePicker.control.errors?.required\"\r\n\t\t\t[innerHTML]=\"'Required'\"\r\n\t\t\t></mat-error> -->\r\n\t</mat-form-field>\r\n\r\n\t<mat-form-field class=\"ew-insider-label\">\r\n\t\t<input matInput\r\n\t\t\t[dpDayPicker]=\"config\"\r\n\t\t\t[mode]=\"'time'\"\r\n\t\t\t[theme]=\"'dp-material dp-main'\"\r\n\t\t\t[(ngModel)]=\"endTime\"\r\n\t\t\t(onSelect)=\"onSelect($event, 'end')\"\r\n\t\t\tplaceholder=\"Hide at (HH:MM:SS)\" required />\r\n\t\t\t<!-- <mat-error *ngIf=\"timePicker.control.errors?.required\" [innerHTML]=\"'Required'\"></mat-error> -->\r\n\t</mat-form-field>\r\n<span class=\"ew-remove-field-icon\" *ngIf=\"showDeleteButton \" (click)=\"onRemoveOption()\">\r\n\t<mat-icon>remove</mat-icon>\r\n</span>\r\n</div>\r\n<mat-error\r\n\t*ngIf=\"parent.controls[itemIndex] && parent.controls[itemIndex].hasError('hidetime-minimun') && parent.controls[itemIndex].touched\"\r\n>{{'EW_CUSTOMIZE.SHOW_TIME' | translate }}</mat-error>\r\n","styles":[""]}]}],"members":{"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"itemIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"showDeleteButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"notifyParent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":50,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"initForm":[{"__symbolic":"method"}],"onRemoveOption":[{"__symbolic":"method"}],"minHideTimeValidation":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"event-video-dialog","template":"<div class=\"create-event-dailog-preview edit-schedule-dialog\">\r\n  <div class=\"mat-dialog-header text-only-heading\">\r\n    <div class=\"col m12 modal-header-common\">\r\n\r\n      <div class=\"event-schedule-video-steper\">\r\n        <div class=\"steper-event\">\r\n          <h1 mat-dialog-title>{{'APP.VIDEO_LIBRARY' | translate}}</h1>\r\n        </div>\r\n      </div>\r\n      <span class=\"close-dialog\" (click)=\"closeDailog()\">\r\n        <mat-icon>close</mat-icon>\r\n        <span class=\"exit-event-text\">{{ 'APP.EXIT' | translate }}</span>\r\n      </span>\r\n    </div>\r\n  </div>\r\n\r\n  <ew-video-gallery\r\n    (goTOEventPage)=\"setVideoData($event)\"\r\n    [section_loader]=\"loader\"\r\n    [isEventCreationStep]=\"false\"\r\n    [replayEvent]=\"1\"\r\n    [preSelectedVideo]=\"editDialogData\"\r\n    [open_add_video]=\"open_add_video\"\r\n\r\n  ></ew-video-gallery>\r\n  <div class=\"creation-large-btn-icon\" [ngClass]=\"{'ew-footer-block': data}\">\r\n    <div *ngIf=\"data\" class=\"selected-video-block\">\r\n      <mat-icon>play_circle_outline</mat-icon>\r\n      <u class=\"selected-video-title\" matTooltip=\"{{ data.video_title }}\">{{ data.video_title }}</u>\r\n      <span class=\"date-time\">{{ ((data.selectedSession.uploaded_at)?data.selectedSession.uploaded_at : data.selectedSession.webinar_date_time_formated) | date:'short' }}</span>\r\n    </div>\r\n    <div class=\"ew-button-block\">\r\n      <span class=\"left-btn-creation\">\r\n        <button (click)=\"closeDailog(false)\" mat-stroked-button class=\"small-button-ew outlined-button with-icon large-outline\" color=\"primary\"><mat-icon>chevron_left</mat-icon>Back</button>\r\n      </span>\r\n      <!-- <span class=\"right-btn-creation\" *ngIf=\"isEventCreationStep\">\r\n        <button class=\"large-btn-ew icon-only-button-ew\" mat-flat-button color=\"accent\">{{ 'VIDEO_GALLERY.CONTINUE_TEMPLATE' | translate }}<mat-icon>navigate_next</mat-icon></button>\r\n      </span> -->\r\n      <span class=\"right-btn-creation\">\r\n        <button (click)=\"closeDailog()\" class=\"large-btn-ew\" mat-flat-button color=\"accent\">{{ 'VIDEO_GALLERY.SELECT_VIDEO' | translate }}<mat-icon>navigate_next</mat-icon></button>\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <!-- [preSelectedVideo]=\"editDialogData\" -->\r\n</div>\r\n","styles":[""]}]}],"members":{"add_poll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":25,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵp"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":26,"character":19},{"__symbolic":"reference","name":"EwMaReplayService"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDailog":[{"__symbolic":"method"}],"setVideoData":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ew-video-gallery","template":"<mat-dialog-content>\r\n  <div class=\"event-video-dailog\">\r\n    <section class=\"create-event-section\">\r\n      <div class=\"creater-event-top-section\">\r\n        <div class=\"create-event-container\">\r\n\r\n          <ng-container>\r\n            <!-- *ngIf=\"addNewVideo == false\"-->\r\n            <div class=\"row\">\r\n              <div class=\"col m12\">\r\n\r\n                <div class=\"ew-add-video-event\">\r\n                  <div class=\"top-sorting-event-video\">\r\n                    <div class=\"ew-left-sorting-event\">\r\n                      <div class=\"video-sort-by-event mat-toggle-button-tab\">\r\n\r\n                        <mat-button-toggle-group name=\"fontStyle\" aria-label=\"Font Style\" [value]=\"selectedOption\"\r\n                          (change)=\"changeVideoListType($event)\">\r\n                          <mat-button-toggle value=\"uploaded_to_lib\" (change)=\"changeVideoListType($event)\">\r\n                            {{ 'VIDEO_GALLERY.UPLOADED_TO_LIBRARY' | translate }}\r\n                            <!--<span class=\"total-session-number\"> (10) </span> -->\r\n                          </mat-button-toggle>\r\n                          <mat-button-toggle value=\"recordings\" (change)=\"changeVideoListType($event)\">\r\n                            {{ 'VIDEO_GALLERY.RECORDINGS' | translate }}\r\n                            <!-- <span  class=\"total-session-number\"> (8) </span> -->\r\n                          </mat-button-toggle>\r\n                        </mat-button-toggle-group>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"ew-right-add-video\">\r\n                      <div *ngIf=\"selectedOption == 'uploaded_to_lib'\" class=\"search-web-template\">\r\n                        <input placeholder=\"{{ 'VIDEO_GALLERY.SEARCH_INPUT' | translate }}\"\r\n                          (keyup.enter)=\"onSearchEnter($event)\" name=\"search\" [value]=\"search\" autocomplete=\"false\">\r\n                        <span class=\"search-icon-template\">\r\n                          <mat-icon>search</mat-icon>\r\n                        </span>\r\n                      </div>\r\n                      <div *ngIf=\"selectedOption == 'recordings'\" class=\"video-sort-by-event ew-video-search-select\">\r\n                        <!-- <mat-form-field floatLabel=\"never\" class=\"ew-field-no-label\">\r\n                          <mat-select (selectionChange)=\"changewebinarIdFilter($event)\" [(value)]=\"webinarIdFilter\"\r\n                            matInput placeholder=\"Select Event\">\r\n                            <mat-option value=\"\">Select Event</mat-option> -->\r\n                            <!-- <mat-option value=\"0\">None</mat-option> -->\r\n                            <!-- <mat-option *ngFor=\"let eventName of eventNameArray | keyvalue\" [value]=\"eventName.key\">\r\n                              {{ eventName.value }}\r\n                            </mat-option>\r\n                          </mat-select>\r\n                        </mat-form-field> -->\r\n\r\n                        <mat-form-field floatLabel=\"never\" class=\"no-label-form ew-field-no-label\">\r\n                          <mat-select (selectionChange)=\"changewebinarIdFilter($event)\" [(value)]=\"webinarIdFilter\"\r\n                           placeholder=\"Search Event\">\r\n                              <!-- <mat-option class=\"select-with-search\"> -->\r\n                                <div class=\"sticky-input\">\r\n\r\n                                  <ngx-mat-select-search\r\n                                    [(ngModel)]=\"webinarSearchInsideDropDown\"\r\n                                    (ngModelChange)=\"onChangeFilterWebinars()\"\r\n                                    placeholderLabel=\"search\"\r\n                                    [disableScrollToActiveOnOptionsChanged]=\"true\"\r\n                                    noEntriesFoundLabel=\"No entry matches\">\r\n                                  </ngx-mat-select-search>\r\n                                </div>\r\n                              <!-- </mat-option> -->\r\n                              <mat-option *ngIf=\"webinarSearchInsideDropDown.length == 0\" value=\"\">Select Event</mat-option>\r\n                              <mat-option *ngFor=\"let eventName of filterEventNameArray | keyvalue\" [value]=\"eventName.key\">\r\n                                {{ eventName.value | titlecase }}\r\n                              </mat-option>\r\n                          </mat-select>\r\n                        </mat-form-field>\r\n                      </div>\r\n\r\n                      <div class=\"video-sort-by-event ew-event-section-video\">\r\n\r\n                        <mat-form-field floatLabel=\"never\" class=\"ew-field-no-label\">\r\n                          <mat-select matInput placeholder=\"Sort By\" (selectionChange)=\"changeSorting($event)\"\r\n                            [(value)]=\"sortBy\">\r\n                            <mat-option value=\"time_desc\">Date Descending</mat-option>\r\n                            <mat-option value=\"time_asc\">Date Ascending</mat-option>\r\n                            <mat-option value=\"name_asc\">Name A-Z</mat-option>\r\n                            <mat-option value=\"name_desc\">Name Z-A</mat-option>\r\n                          </mat-select>\r\n                        </mat-form-field>\r\n                      </div>\r\n                      <button *ngIf=\"selectedOption == 'uploaded_to_lib' && addNewVideo == false\"\r\n                        class=\"icon-only-button-ew padding-right-15px-ew\" mat-flat-button color=\"accent\"\r\n                        (click)=\"showAddNewVideoForm(true)\">\r\n                        <mat-icon>add</mat-icon>{{ 'VIDEO_GALLERY.ADD_NEW_VIDEO' | translate }}\r\n                      </button> <!-- *ngIf=\"selectedOption == 'uploaded_to_lib'\"-->\r\n\r\n                    </div>\r\n                  </div>\r\n                  <div *ngIf=\"selectedOption == 'recordings' && sessions.length == 0 && this.section_loader.showSectionLoader == false\" class=\"no-video-record-box\">\r\n                    <div class=\"no-event-data\">\r\n                      <img src=\"{{getFinalAssetUrl('assets/images/no-recordings-video-found.svg')}}\" class=\"width-300\">\r\n                      <h4>{{'VIDEO_GALLERY.NO_RECORDING_FOUND' | translate}}</h4>\r\n                      <span class=\"title-dec\">{{'VIDEO_GALLERY.NO_RECORDING_MESSAGE' | translate}}</span>\r\n                    </div>\r\n                  </div>\r\n                  <div *ngIf=\"selectedOption == 'uploaded_to_lib' && sessions.length == 0 && this.section_loader.showSectionLoader == false\" class=\"no-video-record-box\">\r\n                    <div class=\"no-event-data\">\r\n                      <img src=\"{{getFinalAssetUrl('assets/images/no-recordings-video-found.svg')}}\" class=\"width-300\">\r\n                      <h4 *ngIf=\"searched_content.length == 0\">{{'VIDEO_GALLERY.NO_VIDEO_FOUND' | translate}}</h4>\r\n                      <h4 *ngIf=\"searched_content.length > 0\">{{'VIDEO_GALLERY.NO_SEARCH_VIDEO_FOUND' | translate}}</h4>\r\n                      <span *ngIf=\"searched_content.length == 0\" class=\"title-dec\">{{'VIDEO_GALLERY.NO_VIDEO_MESSAGE' | translate}}</span>\r\n                      <span *ngIf=\"searched_content.length > 0\" class=\"title-dec\">{{'VIDEO_GALLERY.NO_SEARCH_VIDEO_MESSAGE' | translate}}</span>\r\n                    </div>\r\n                  </div>\r\n                  <div *ngIf=\"selectedOption == 'recordings'\" class=\"row event-video-gallary-section \">\r\n                    <div class=\"col s6 m6 l4 xl3 event-video-outer-column\"\r\n                      *ngFor=\"let session of sessions | paginate : { id: pagination_id, itemsPerPage: limit, currentPage: page, totalItems: totalItems }\"\r\n                      [ngClass]=\"{selected : selectedSession && (selectedSession.id == session.id)}\">\r\n                      <div class=\"event-video-column\">\r\n                        <div class=\"event-video-placeholder\">\r\n                          <div (click)=\"preview(session.video_select_link)\" class=\"default-video-img {{ (session.thumbnail_url)? '' : 'video-format-icon' }}\">\r\n                            <img src=\"{{ getValidThumbnail(session.thumbnail_url,session.video_select_link) }}\">\r\n                          </div>\r\n                          <span (click)=\"selectSession(session)\" class=\"selection-hover-selected\">\r\n                            <svg class=\"ew-hover-element\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\r\n                              <rect width=\"30\" height=\"30\" rx=\"12\" fill=\"white\"/>\r\n\r\n                              <path d=\"M27 12C27 7.02944 22.9706 3 18 3H12C7.02944 3 3 7.02944 3 12V18C3 22.9706 7.02944 27 12 27H18C22.9706 27 27 22.9706 27 18V12Z\" fill=\"white\"/>\r\n\r\n                              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4.5H18C22.1421 4.5 25.5 7.85786 25.5 12V18C25.5 22.1421 22.1421 25.5 18 25.5H12C7.85786 25.5 4.5 22.1421 4.5 18V12C4.5 7.85786 7.85786 4.5 12 4.5ZM18 3C22.9706 3 27 7.02944 27 12V18C27 22.9706 22.9706 27 18 27H12C7.02944 27 3 22.9706 3 18V12C3 7.02944 7.02944 3 12 3H18Z\" fill=\"#178EFC\"/>\r\n\r\n                            </svg>\r\n                            <svg class=\"ew-selected-element\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\r\n                              <rect width=\"30\" height=\"30\" rx=\"12\" fill=\"white\"/>\r\n\r\n                              <path d=\"M3 12C3 7.02944 7.02944 3 12 3H18C22.9706 3 27 7.02944 27 12V18C27 22.9706 22.9706 27 18 27H12C7.02944 27 3 22.9706 3 18V12Z\" fill=\"#178EFC\"/>\r\n\r\n                              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 4.5H12C7.85786 4.5 4.5 7.85786 4.5 12V18C4.5 22.1421 7.85786 25.5 12 25.5H18C22.1421 25.5 25.5 22.1421 25.5 18V12C25.5 7.85786 22.1421 4.5 18 4.5ZM12 3C7.02944 3 3 7.02944 3 12V18C3 22.9706 7.02944 27 12 27H18C22.9706 27 27 22.9706 27 18V12C27 7.02944 22.9706 3 18 3H12Z\" fill=\"#178EFC\"/>\r\n\r\n                              <path d=\"M12.5001 18.475L9.02513 15L7.8418 16.175L12.5001 20.8333L22.5001 10.8333L21.3251 9.65833L12.5001 18.475Z\" fill=\"white\"/>\r\n\r\n                            </svg>\r\n                          </span>\r\n                          <span class=\"video-full-time\" (click)=\"preview(session.video_select_link)\">\r\n                            {{ session.webinar_video_length}}\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"video-description\" (click)=\"preview(session.video_select_link)\">\r\n                          <span class=\"title-event-gallary\">{{ session.webinar_event_name | titlecase }}\r\n                          </span>\r\n                          <span class=\"ew-event-schedule-date-time\">\r\n                            <span class=\"material-icons\">library_add</span> {{ session.webinar_date_time_formated }}\r\n                          </span>\r\n                          <span class=\"video-icon-placeholder\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"30px\"\r\n                              viewBox=\"0 0 24 24\" width=\"30px\" fill=\"#000000\">\r\n                              <g>\r\n                                <rect fill=\"none\" height=\"24\" width=\"24\" />\r\n                              </g>\r\n                              <g>\r\n                                <path\r\n                                  d=\"M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M9.5,16.5l7-4.5l-7-4.5V16.5z\" />\r\n                              </g>\r\n                            </svg>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                  </div>\r\n                  <div *ngIf=\"selectedOption == 'uploaded_to_lib'\" class=\"row event-video-gallary-section\">\r\n                    <div class=\"col s6 m6 l4 xl3 event-video-outer-column\"\r\n                      *ngFor=\"let eachVideo of sessions | paginate : { id: pagination_id, itemsPerPage: limit, currentPage: page, totalItems: totalItems }\"\r\n                      [ngClass]=\"{selected : selectedSession && (selectedSession.video_id == eachVideo.video_id)}\">\r\n                      <div class=\"event-video-column\">\r\n                        <div class=\"event-video-placeholder\">\r\n                          <div (click)=\"preview(eachVideo.video_url)\" class=\"default-video-img {{ (eachVideo.thumbnail_url)? '' : 'video-format-icon' }}\">\r\n                            <img src=\"{{ getValidThumbnail(eachVideo.thumbnail_url, eachVideo.video_url)}}\">\r\n                          </div>\r\n                          <span (click)=\"selectSession(eachVideo)\" class=\"selection-hover-selected\">\r\n                            <svg class=\"ew-hover-element\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\r\n                              <rect width=\"30\" height=\"30\" rx=\"12\" fill=\"white\"/>\r\n\r\n                              <path d=\"M27 12C27 7.02944 22.9706 3 18 3H12C7.02944 3 3 7.02944 3 12V18C3 22.9706 7.02944 27 12 27H18C22.9706 27 27 22.9706 27 18V12Z\" fill=\"white\"/>\r\n\r\n                              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4.5H18C22.1421 4.5 25.5 7.85786 25.5 12V18C25.5 22.1421 22.1421 25.5 18 25.5H12C7.85786 25.5 4.5 22.1421 4.5 18V12C4.5 7.85786 7.85786 4.5 12 4.5ZM18 3C22.9706 3 27 7.02944 27 12V18C27 22.9706 22.9706 27 18 27H12C7.02944 27 3 22.9706 3 18V12C3 7.02944 7.02944 3 12 3H18Z\" fill=\"#178EFC\"/>\r\n\r\n                            </svg>\r\n                            <svg class=\"ew-selected-element\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\r\n                              <rect width=\"30\" height=\"30\" rx=\"12\" fill=\"white\"/>\r\n\r\n                              <path d=\"M3 12C3 7.02944 7.02944 3 12 3H18C22.9706 3 27 7.02944 27 12V18C27 22.9706 22.9706 27 18 27H12C7.02944 27 3 22.9706 3 18V12Z\" fill=\"#178EFC\"/>\r\n\r\n                              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 4.5H12C7.85786 4.5 4.5 7.85786 4.5 12V18C4.5 22.1421 7.85786 25.5 12 25.5H18C22.1421 25.5 25.5 22.1421 25.5 18V12C25.5 7.85786 22.1421 4.5 18 4.5ZM12 3C7.02944 3 3 7.02944 3 12V18C3 22.9706 7.02944 27 12 27H18C22.9706 27 27 22.9706 27 18V12C27 7.02944 22.9706 3 18 3H12Z\" fill=\"#178EFC\"/>\r\n\r\n                              <path d=\"M12.5001 18.475L9.02513 15L7.8418 16.175L12.5001 20.8333L22.5001 10.8333L21.3251 9.65833L12.5001 18.475Z\" fill=\"white\"/>\r\n\r\n                            </svg>\r\n                          </span>\r\n                          <span class=\"video-full-time\" (click)=\"preview(eachVideo.video_url)\">\r\n                            {{ this.replayService.convertSecondsToTime(eachVideo.video_length) }}\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"video-description\" (click)=\"preview(eachVideo.video_url)\">\r\n                          <span class=\"title-event-gallary\">{{ eachVideo.video_title | titlecase }}\r\n                          </span>\r\n                          <span class=\"ew-event-schedule-date-time\">\r\n                            <span class=\"material-icons\">library_add</span> {{ eachVideo.upload_time_formated }}\r\n                          </span>\r\n                          <span class=\"video-icon-placeholder\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"30px\"\r\n                              viewBox=\"0 0 24 24\" width=\"30px\" fill=\"#000000\">\r\n                              <g>\r\n                                <rect fill=\"none\" height=\"24\" width=\"24\" />\r\n                              </g>\r\n                              <g>\r\n                                <path\r\n                                  d=\"M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M9.5,16.5l7-4.5l-7-4.5V16.5z\" />\r\n                              </g>\r\n                            </svg>\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <pagination-controls *ngIf=\"totalPages > 1\" id=\"{{ pagination_id }}\" (pageChange)=\"pageChanged($event)\" responsive=\"true\" nextLabel=\"\" previousLabel=\"\">\r\n                  </pagination-controls>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- </div> -->\r\n          </ng-container>\r\n\r\n        </div>\r\n      </div>\r\n\r\n    </section>\r\n    <lib-ew-section-loader *ngIf=\"section_loader.showSectionLoader\"></lib-ew-section-loader>\r\n  </div>\r\n</mat-dialog-content>\r\n<!-- <div class=\"creation-large-btn-icon\">\r\n  <span class=\"left-btn-creation\">\r\n    <button (click)=\"goTOEventPage.emit(false);\" mat-stroked-button class=\"small-button-ew outlined-button with-icon large-outline\" color=\"primary\"><mat-icon>chevron_left</mat-icon>Back</button>\r\n  </span>\r\n\r\n  <span class=\"right-btn-creation\" *ngIf=\"isEventCreationStep\">\r\n    <button (click)=\"goToEvent()\" class=\"large-btn-ew icon-only-button-ew\" mat-flat-button color=\"accent\">{{ 'VIDEO_GALLERY.CONTINUE_TEMPLATE' | translate }}<mat-icon>navigate_next</mat-icon></button>\r\n  </span>\r\n  <span class=\"right-btn-creation\" *ngIf=\"! isEventCreationStep && sessions.length > 0\">\r\n    <button (click)=\"goToEvent()\" class=\"large-btn-ew\" mat-flat-button color=\"accent\">{{ 'VIDEO_GALLERY.SELECT_VIDEO' | translate }}<mat-icon>navigate_next</mat-icon></button>\r\n  </span>\r\n</div> -->\r\n<div class=\"sidebar-dialog-main\" *ngIf=\"addNewVideo == true\">\r\n  <div class=\"fixed-right-sidebar add-new-video-sidebar ew-sidebar-open\">\r\n    <div class=\"add-video-inner-con\">\r\n      <div class=\"sidebar-title-header\">\r\n        <h3>{{ 'VIDEO_GALLERY.ADD_VIDEO_URL' | translate }}<mat-icon class=\"close-sidebar\"\r\n            (click)=\"addNewVideo = false\">close</mat-icon>\r\n        </h3>\r\n      </div>\r\n      <div class=\"video-content\">\r\n        <div class=\"add-video-fields margin-top-20\">\r\n          <mat-form-field class=\"with-label-design\" floatLabel=\"never\">\r\n            <label>{{ 'VIDEO_GALLERY.VIDEO_TITLE' | translate }} <span class=\"inner-title-label\">{{ 'VIDEO_GALLERY.INTERNAL_USE' | translate }}</span></label>\r\n            <input matInput [(ngModel)]=\"newVideoForm.video_title\" [customValidator]=\"videoTitleValidator\" name=\"video_title\" #videoTitleCtrl=\"ngModel\" required pattern=\".*\\S+.*\"\r\n              placeholder=\"{{ 'VIDEO_GALLERY.VIDEO_TITLE' | translate }}\">\r\n            <mat-error *ngIf=\"videoTitleCtrl.hasError('required') || videoTitleCtrl.invalid\">{{ 'VIDEO_GALLERY.REQUIRED' | translate }}\r\n            </mat-error>\r\n          </mat-form-field>\r\n        </div>\r\n        <div class=\"add-video-fields add-video-url-field\">\r\n          <mat-form-field class=\"with-label-design\" floatLabel=\"never\">\r\n            <label>{{ 'VIDEO_GALLERY.VIDEO_URL' | translate }}</label>\r\n            <input matInput #videoId [(ngModel)]=\"newVideoForm.video_url\" [customValidator]=\"myValidator\" name=\"video_url\"\r\n              #videoUrlCtrl=\"ngModel\" required (keyup)=\"getDuration($event)\"\r\n              placeholder=\"{{ 'VIDEO_GALLERY.ADD_VIDEO_URL' | translate }}\">\r\n            <mat-error *ngIf=\"videoUrlCtrl.hasError('url_invalid')\">{{ 'VIDEO_GALLERY.INVALID_URL' | translate }}\r\n            </mat-error>\r\n            <mat-error *ngIf=\"videoUrlCtrl.hasError('required')\">{{ 'VIDEO_GALLERY.REQUIRED' | translate }}</mat-error>\r\n          </mat-form-field>\r\n          <div class=\"accepted-video-url\">\r\n            <!-- <h3>{{ 'VIDEO_GALLERY.ACCEPTED_HEADING' | translate }}</h3> -->\r\n            <p>{{ 'VIDEO_GALLERY.VIDEO_TYPES' | translate }}</p>\r\n          </div>\r\n        </div>\r\n\r\n       \r\n\r\n        <div class=\"video-lenth-custom-input\">\r\n          <span class=\"title-video-lenth\">{{ 'VIDEO_GALLERY.VIDEO_LENGTH' | translate }}</span>\r\n          <mat-form-field class=\"ew-insider-label\">\r\n            <input matInput #timePickerHr=\"ngModel\" [(ngModel)]=\"newVideoForm.video_length_hr\" required\r\n              name=\"video_length_hr\" type=\"number\" min=\"0\" placeholder=\"{{ 'VIDEO_GALLERY.HOUR' | translate }}\" maxlength=\"2\"\r\n              pattern=\"\\d*\" />\r\n            <mat-error *ngIf=\"timePickerHr.hasError('pattern')\">{{ 'VIDEO_GALLERY.NUMBER_ALLOWED' | translate }}</mat-error>\r\n          </mat-form-field>\r\n          <mat-form-field class=\"ew-insider-label\">\r\n            <input matInput #timePickerMin=\"ngModel\" [(ngModel)]=\"newVideoForm.video_length_min\" required\r\n              name=\"video_length_min\" type=\"number\" max=\"59\" min=\"0\" placeholder=\"{{ 'VIDEO_GALLERY.MIN' | translate }}\" pattern=\"\\d*\"\r\n              maxlength=\"2\" />\r\n            <mat-error *ngIf=\"timePickerMin.hasError('pattern')\">{{ 'VIDEO_GALLERY.NUMBER_ALLOWED' | translate }}</mat-error>\r\n          </mat-form-field>\r\n          <mat-form-field class=\"ew-insider-label\">\r\n\r\n            <input matInput #timePicker=\"ngModel\" [(ngModel)]=\"newVideoForm.video_length_sec\" required\r\n            name=\"video_length_sec\" type=\"number\" max=\"59\" min=\"0\" placeholder=\"{{ 'VIDEO_GALLERY.SEC' | translate }}\" maxlength=\"2\"\r\n            pattern=\"\\d*\" />\r\n            <mat-error *ngIf=\"timePicker.hasError('required')\">{{ 'VIDEO_GALLERY.REQUIRED' | translate }}</mat-error>\r\n            <mat-error *ngIf=\"timePicker.hasError('pattern')\">{{ 'VIDEO_GALLERY.NUMBER_ALLOWED' | translate }}</mat-error>\r\n            <span class=\"placeholder-custom-tmer\"></span>\r\n          </mat-form-field>\r\n          <mat-error *ngIf=\"videoLengthError==true\">{{ 'VIDEO_GALLERY.VIDEO_LENGTH_ERROR' | translate }}</mat-error>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar-footer\">\r\n        <button mat-stroked-button class=\"outlined-button with-icon\" color=\"primary\"\r\n          (click)=\"addNewVideo = false\">{{ 'VIDEO_GALLERY.CANCEL' | translate }}</button>\r\n        <button (click)=\"addVideo()\" class=\"icon-only-button-ew\" mat-flat-button\r\n          color=\"accent\">{{ 'VIDEO_GALLERY.ADD_VIDEO' | translate }} <mat-icon>keyboard_arrow_right</mat-icon></button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"eventId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":4}}]}],"replayEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":4}}]}],"default_lang":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"goTOEventPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"totalSessions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"section_loader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"isEventCreationStep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"preSelectedVideo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"open_add_video":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"videoUrlCtrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":109,"character":3},"arguments":["videoUrlCtrl"]}]}],"timePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":110,"character":3},"arguments":["timePicker"]}]}],"videoTitleCtrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":111,"character":3},"arguments":["videoTitleCtrl"]}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":112,"character":3},"arguments":["iconClass"]}]}],"videoId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":3},"arguments":["videoId"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ew-common-lib","name":"AuthenticationService","line":129,"character":35},{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":131,"character":19},{"__symbolic":"reference","name":"EwTranslateService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":133,"character":22},{"__symbolic":"reference","module":"ew-common-lib","name":"FlashService","line":134,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"initLanguage":[{"__symbolic":"method"}],"getVideoSessionsList":[{"__symbolic":"method"}],"getLibVideosList":[{"__symbolic":"method"}],"onSearchEnter":[{"__symbolic":"method"}],"changeVideoListType":[{"__symbolic":"method"}],"changewebinarIdFilter":[{"__symbolic":"method"}],"goToEvent":[{"__symbolic":"method"}],"addVideo":[{"__symbolic":"method"}],"pageChanged":[{"__symbolic":"method"}],"resetRecords":[{"__symbolic":"method"}],"convertDateToLocalString":[{"__symbolic":"method"}],"OnReset":[{"__symbolic":"method"}],"getDuration":[{"__symbolic":"method"}],"getDurationMPA":[{"__symbolic":"method"}],"preview":[{"__symbolic":"method"}],"changeSorting":[{"__symbolic":"method"}],"getValidThumbnail":[{"__symbolic":"method"}],"selectSession":[{"__symbolic":"method"}],"getFinalAssetUrl":[{"__symbolic":"method"}],"showAddNewVideoForm":[{"__symbolic":"method"}],"onChangeFilterWebinars":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[customValidator]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":5,"character":24},"useExisting":{"__symbolic":"reference","name":"ɵr"},"multi":true}]}]}],"members":{"customValidator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"validate":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-video-preview","template":"<div class=\"video-preview-dailog\">\r\n  <iframe #target frameborder=\"0\" src=\"video-frame.html\"></iframe>\r\n  <div class=\"close-download-share\">\r\n    <span class=\"close-dailog-lbr common-lbr-dialog\" (click)=\"closeDailog()\">\r\n        <mat-icon>close</mat-icon>\r\n    </span>\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":["target",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":20,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵs"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":21,"character":19},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":22,"character":22},{"__symbolic":"reference","name":"EwMaReplayService"},{"__symbolic":"reference","module":"ew-common-lib","name":"FlashService","line":24,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDailog":[{"__symbolic":"method"}],"secondsToHms":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"EwMaReplayService":"./lib/ew-ma-replay.service","EwMaReplayComponent":"./lib/ew-ma-replay.component","translateModule":"./lib/ew-ma-replay.module","EwMaReplayModule":"./lib/ew-ma-replay.module","EwTranslateService":"./lib/services/ew-translate.service","ɵa":"./lib/components/replay-page/replay-page.component","ɵb":"./lib/components/replay-page/replay-page.component","ɵc":"./lib/components/offers/offers-list/offers-list.component","ɵd":"./lib/components/offers/add-offers/add-offers.component","ɵe":"./lib/components/offers/add-offers/cta-header/cta-header.component","ɵf":"./lib/components/offers/add-offers/offer-preview/offer-preview.component","ɵg":"./lib/components/offers/add-offers/offer-schedule/offer-schedule.component","ɵh":"./lib/components/offers/add-offers/countdown-input/countdown-input.component","ɵi":"./lib/components/offers/delete-confirmation/delete-confirmation.component","ɵj":"./lib/components/offers/add-offers/attendee-preview/attendee-preview.component","ɵk":"./lib/components/polls/polls-list/polls-list.component","ɵl":"./lib/components/polls/add-polls/add-polls.component","ɵm":"./lib/components/polls/add-polls/poll-attendee-preview/poll-attendee-preview.component","ɵn":"./lib/components/contact-box/contact-box.component","ɵo":"./lib/components/contact-box/contact-box-schedule/contact-box-schedule.component","ɵp":"./lib/components/event-video-dialog/event-video-dialog.component","ɵq":"./lib/components/video-gallery/video-gallery.component","ɵr":"./lib/components/video-gallery/custom-validator.directive","ɵs":"./lib/components/video-gallery/video-preview/video-preview.component"},"importAs":"ew-ma-replay"}