https://shutter-coast-media.web.app/2559.d34a5fc5987e6c8e.js

1"use strict";(self.webpackChunktonomo=self.webpackChunktonomo||[]).push([[2559],{87366:(M,I,r)=>{r.d(I,{qk:()=>A,bN:()=>B,gq:()=>E});var u=r(69808),t=r(93075),d=r(74202),f=r(51062),b=r(96410),e=r(5e3);let E=(()=>{class n{}return n.\u0275fac=function(o){return new(o||n)},n.\u0275mod=e.\u0275\u0275defineNgModule({type:n}),n.\u0275inj=e.\u0275\u0275defineInjector({imports:[[u.CommonModule,b.eYi,d.Bz,t.UX,f.aw]]}),n})();var p=r(48966),C=r(67656),y=r(255),S=r(66809),x=r(72751);function P(n,s){1&n&&e.\u0275\u0275element(0,"i",9)}function D(n,s){if(1&n){const o=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"div",6),e.\u0275\u0275listener("click",function(){const g=e.\u0275\u0275restoreView(o).$implicit;return e.\u0275\u0275nextContext().toggleSelection(g.storeKey)}),e.\u0275\u0275template(1,P,1,0,"i",7),e.\u0275\u0275element(2,"img",8),e.\u0275\u0275elementEnd()}if(2&n){const o=s.$implicit,i=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",i.selectedPhotoKeys.has(o.storeKey)),e.\u0275\u0275advance(1),e.\u0275\u0275property("src",o.thumbnail,e.\u0275\u0275sanitizeUrl)}}let T=(()=>{class n{constructor(o,i){this.dialogRef=o,this.data=i,this.selectedPhotoKeys=new Set}toggleSelection(o){this.data.singleSelection?this.selectedPhotoKeys=new Set([o]):(this.selectedPhotoKeys=new Set(this.selectedPhotoKeys),this.selectedPhotoKeys.has(o)?this.selectedPhotoKeys.delete(o):this.selectedPhotoKeys.add(o))}trackBy(o){return o}onSubmit(){const o=[...this.selectedPhotoKeys].map(i=>this.data.photos.find(v=>v.storeKey===i));this.dialogRef.close(o)}onCancel(){this.dialogRef.close()}}return n.\u0275fac=function(o){return new(o||n)(e.\u0275\u0275directiveInject(p.so),e.\u0275\u0275directiveInject(p.WI))},n.\u0275cmp=e.\u0275\u0275defineComponent({type:n,selectors:[["tn-choose-photo-dialog"]],decls:15,vars:7,consts:[[1,"p-min","pr-16","grid","grid-cols-6","gap-4"],["class","relative cursor-pointer",3,"click",4,"ngFor","ngForOf","ngForTrackBy"],[1,"body","text-gray-50"],[1,"body-semibold"],["uiBtnSize","medium","uiBtnTheme","main","themeMode","secondary","matDialogClose","",1,"ml-auto"],["uiBtnSize","medium","uiBtnTheme","main",3,"disabled","click"],[1,"relative","cursor-pointer",3,"click"],["class","selection-icon","size","22","uiIcon","check_circle","uiIconVariant","filled",4,"ngIf"],[1,"w-full","h-full","object-cover","rounded",3,"src"],["size","22","uiIcon","check_circle","uiIconVariant","filled",1,"selection-icon"]],template:function(o,i){1&o&&(e.\u0275\u0275elementStart(0,"ui-dialog-header"),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(2,"mat-dialog-content")(3,"div",0),e.\u0275\u0275template(4,D,3,2,"div",1),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(5,"mat-dialog-actions")(6,"div")(7,"span",2),e.\u0275\u0275text(8,"Selected "),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(9,"span",3),e.\u0275\u0275text(10),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(11,"button",4),e.\u0275\u0275text(12," Cancel "),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(13,"button",5),e.\u0275\u0275listener("click",function(){return i.onSubmit()}),e.\u0275\u0275text(14),e.\u0275\u0275elementEnd()()),2&o&&(e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate(i.data.dialogTitle||"Choose Photos"),e.\u0275\u0275advance(3),e.\u0275\u0275property("ngForOf",i.data.photos)("ngForTrackBy",i.trackBy),e.\u0275\u0275advance(6),e.\u0275\u0275textInterpolate2(" ",i.selectedPhotoKeys.size," of ",i.data.singleSelection?1:i.data.photos.length," "),e.\u0275\u0275advance(3),e.\u0275\u0275property("disabled",0===i.selectedPhotoKeys.size),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",i.data.submitBtnName||"Add Images"," "))},directives:[C.A,p.xY,u.NgForOf,u.NgIf,y.a,p.H8,S.s,x.V,p.ZT],styles:[".selection-icon[_ngcontent-%COMP%]{position:absolute;top:.75rem;left:.75rem;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));color:var(--brand-50, #228BE6)}"],changeDetection:0}),n})(),B=(()=>{class n{constructor(o){this.matDialog=o}openDialog(o){return this.matDialog.open(T,{panelClass:"app-v2",width:"calc(100vw - 240px)",data:o}).afterClosed()}}return n.\u0275fac=function(o){return new(o||n)(e.\u0275\u0275inject(p.uw))},n.\u0275prov=e.\u0275\u0275defineInjectable({token:n,factory:n.\u0275fac,providedIn:"root"}),n})();var m=r(53251),c=r(87238),l=r(92338);function a(n,s){1&n&&e.\u0275\u0275element(0,"i",14)}function h(n,s){if(1&n){const o=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"div",11),e.\u0275\u0275listener("click",function(){const g=e.\u0275\u0275restoreView(o).$implicit;return e.\u0275\u0275nextContext().togglePhotoSelection(g.storeKey)}),e.\u0275\u0275element(1,"img",12),e.\u0275\u0275template(2,a,1,0,"i",13),e.\u0275\u0275elementEnd()}if(2&n){const o=s.$implicit,i=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("src",o.thumbnail,e.\u0275\u0275sanitizeUrl),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",i.selectedPhotoKey===o.storeKey)}}function _(n,s){1&n&&e.\u0275\u0275element(0,"i",14)}function F(n,s){if(1&n){const o=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"div",15),e.\u0275\u0275listener("click",function(){const g=e.\u0275\u0275restoreView(o).$implicit;return e.\u0275\u0275nextContext().toggleVideoSelection(g.id)}),e.\u0275\u0275element(1,"ui-video-player",16),e.\u0275\u0275template(2,_,1,0,"i",13),e.\u0275\u0275elementEnd()}if(2&n){const o=s.$implicit,i=e.\u0275\u0275nextContext();e.\u0275\u0275property("matTooltip",o.title),e.\u0275\u0275advance(1),e.\u0275\u0275property("url",o.url),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",i.selectedVideoId===o.id)}}const k=function(n){return["/admin/property-dashboard",n,"photo-gallery"]};function K(n,s){if(1&n&&(e.\u0275\u0275elementStart(0,"div",17),e.\u0275\u0275text(1," Upload more photos in "),e.\u0275\u0275elementStart(2,"a",18),e.\u0275\u0275text(3," Photo Gallery "),e.\u0275\u0275elementEnd()()),2&n){const o=e.\u0275\u0275nextContext();e.\u0275\u0275advance(2),e.\u0275\u0275property("routerLink",e.\u0275\u0275pureFunction1(1,k,o.data.orderId))}}const L=function(n){return["/admin/property-dashboard",n,"videos"]};function V(n,s){if(1&n&&(e.\u0275\u0275elementStart(0,"div",17),e.\u0275\u0275text(1," Upload more videos in "),e.\u0275\u0275elementStart(2,"a",18),e.\u0275\u0275text(3," Videos "),e.\u0275\u0275elementEnd()()),2&n){const o=e.\u0275\u0275nextContext();e.\u0275\u0275advance(2),e.\u0275\u0275property("routerLink",e.\u0275\u0275pureFunction1(1,L,o.data.orderId))}}let z=(()=>{class n{constructor(o,i){this.dialogRef=o,this.data=i,this.selectedPhotoKey=null,this.selectedVideoId=null,this.selectedTabIndex=0}togglePhotoSelection(o){this.selectedPhotoKey=this.selectedPhotoKey===o?null:o,this.selectedVideoId=null}toggleVideoSelection(o){this.selectedVideoId=this.selectedVideoId===o?null:o,this.selectedPhotoKey=null}trackBy(o){return o}onSubmit(){this.dialogRef.close({selectedPhoto:this.selectedPhotoKey&&this.data.photos.find(o=>o.storeKey===this.selectedPhotoKey),selectedVideo:this.selectedVideoId&&this.data.videos.find(o=>o.id===this.selectedVideoId)})}onCancel(){this.dialogRef.close()}}return n.\u0275fac=function(o){return new(o||n)(e.\u0275\u0275directiveInject(p.so),e.\u0275\u0275directiveInject(p.WI))},n.\u0275cmp=e.\u0275\u0275defineComponent({type:n,selectors:[["tn-choose-cover-dialog"]],decls:19,vars:10,consts:[["animationDuration","0ms",1,"pt-16",3,"selectedIndex","selectedIndexChange"],["label","Photos"],[1,"p-min","pt-16","pr-16","grid","grid-cols-6","gap-4"],["class","relative cursor-pointer",3,"click",4,"ngFor","ngForOf","ngForTrackBy"],["label","Videos"],["class","relative cursor-pointer",3,"matTooltip","click",4,"ngFor","ngForOf","ngForTrackBy"],[1,"justify-between"],["class","text-12 text-gray-50",4,"ngIf"],[1,"flex","justify-between","items-center","gap-8"],["uiBtnSize","medium","uiBtnTheme","main","themeMode","secondary","matDialogClose",""],["uiBtnSize","medium","uiBtnTheme","main",3,"disabled","click"],[1,"relative","cursor-pointer",3,"click"],[1,"w-full","h-full","object-cover","rounded",3,"src"],["class","selection-icon","size","22","uiIcon","check_circle","uiIconVariant","filled",4,"ngIf"],["size","22","uiIcon","check_circle","uiIconVariant","filled",1,"selection-icon"],[1,"relative","cursor-pointer",3,"matTooltip","click"],[1,"pointer-events-none",3,"url"],[1,"text-12","text-gray-50"],["matDialogClose","",1,"text-12",3,"routerLink"]],template:function(o,i){1&o&&(e.\u0275\u0275elementStart(0,"ui-dialog-header"),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(2,"mat-tab-group",0),e.\u0275\u0275listener("selectedIndexChange",function(g){return i.selectedTabIndex=g}),e.\u0275\u0275elementStart(3,"mat-tab",1)(4,"mat-dialog-content")(5,"div",2),e.\u0275\u0275template(6,h,3,2,"div",3),e.\u0275\u0275elementEnd()()(),e.\u0275\u0275elementStart(7,"mat-tab",4)(8,"mat-dialog-content")(9,"div",2),e.\u0275\u0275template(10,F,3,3,"div",5),e.\u0275\u0275elementEnd()()()(),e.\u0275\u0275elementStart(11,"mat-dialog-actions",6),e.\u0275\u0275template(12,K,4,3,"div",7),e.\u0275\u0275template(13,V,4,3,"div",7),e.\u0275\u0275elementStart(14,"div",8)(15,"button",9),e.\u0275\u0275text(16," Cancel "),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(17,"button",10),e.\u0275\u0275listener("click",function(){return i.onSubmit()}),e.\u0275\u0275text(18),e.\u0275\u0275elementEnd()()()),2&o&&(e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate(i.data.dialogTitle||"Choose Cover"),e.\u0275\u0275advance(1),e.\u0275\u0275property("selectedIndex",i.selectedTabIndex),e.\u0275\u0275advance(4),e.\u0275\u0275property("ngForOf",i.data.photos)("ngForTrackBy",i.trackBy),e.\u0275\u0275advance(4),e.\u0275\u0275property("ngForOf",i.data.videos)("ngForTrackBy",i.trackBy),e.\u0275\u0275advance(2),e.\u0275\u0275property("ngIf",0===i.selectedTabIndex),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",1===i.selectedTabIndex),e.\u0275\u0275advance(4),e.\u0275\u0275property("disabled",null===i.selectedPhotoKey&&null===i.selectedVideoId),e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",i.data.submitBtnName||"Save"," "))},directives:[C.A,m.SP,m.uX,p.xY,u.NgForOf,u.NgIf,y.a,c.gM,l.p,p.H8,d.yS,p.ZT,S.s,x.V],styles:["mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{--dialog-inset: 0}.selection-icon[_ngcontent-%COMP%]{position:absolute;top:.75rem;left:.75rem;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));color:var(--brand-50, #228BE6)}"],changeDetection:0}),n})(),A=(()=>{class n{constructor(o){this.matDialog=o}openDialog(o){return this.matDialog.open(z,{panelClass:"app-v2",width:"calc(100vw - 240px)",data:o}).afterClosed()}}return n.\u0275fac=function(o){return new(o||n)(e.\u0275\u0275inject(p.uw))},n.\u0275prov=e.\u0275\u0275defineInjectable({token:n,factory:n.\u0275fac,providedIn:"root"}),n})()},16784:(M,I,r)=>{r.d(I,{S:()=>m});var u=r(70655),t=r(5e3),d=r(93075),f=r(44224),b=r(92198),e=r(69808),E=r(61432),p=r(46655),C=r(66809),y=r(72751),S=r(255),x=r(51062);function P(c,l){if(1&c){const a=t.\u0275\u0275getCurrentView();t.\u0275\u0275elementStart(0,"div",7)(1,"div",8)(2,"ui-form-group"),t.\u0275\u0275element(3,"ui-textarea",9),t.\u0275\u0275pipe(4,"translate"),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(5,"button",10,11),t.\u0275\u0275listener("click",function(){const F=t.\u0275\u0275restoreView(a).index;return t.\u0275\u0275nextContext().removeSnippet(F)}),t.\u0275\u0275pipe(7,"translate"),t.\u0275\u0275element(8,"i",12),t.\u0275\u0275elementEnd()()()}if(2&c){const a=l.index,h=t.\u0275\u0275reference(6);t.\u0275\u0275advance(3),t.\u0275\u0275property("placeholder",t.\u0275\u0275pipeBind1(4,4,"SNIPPETS_PASTE_P

1LACEHOLDER"))("formControlName",a),t.\u0275\u0275advance(2),t.\u0275\u0275attribute("aria-label",t.\u0275\u0275pipeBind1(7,6,"DELETE")),t.\u0275\u0275advance(3),t.\u0275\u0275property("size",h.iconSize)}}function D(c,l){if(1&c){const a=t.\u0275\u0275getCurrentView();t.\u0275\u0275elementStart(0,"button",13,14),t.\u0275\u0275listener("click",function(){return t.\u0275\u0275restoreView(a),t.\u0275\u0275nextContext().addSnippet()}),t.\u0275\u0275element(2,"i",15),t.\u0275\u0275text(3),t.\u0275\u0275pipe(4,"translate"),t.\u0275\u0275elementEnd()}if(2&c){const a=t.\u0275\u0275reference(1);t.\u0275\u0275advance(2),t.\u0275\u0275property("size",a.iconSize),t.\u0275\u0275advance(1),t.\u0275\u0275textInterpolate1(" ",t.\u0275\u0275pipeBind1(4,2,"SNIPPETS_ADD")," ")}}function T(c,l){if(1&c){const a=t.\u0275\u0275getCurrentView();t.\u0275\u0275elementStart(0,"button",16,17),t.\u0275\u0275listener("click",function(){return t.\u0275\u0275restoreView(a),t.\u0275\u0275nextContext().addSnippet()}),t.\u0275\u0275element(2,"i",15),t.\u0275\u0275text(3),t.\u0275\u0275pipe(4,"translate"),t.\u0275\u0275elementEnd()}if(2&c){const a=t.\u0275\u0275reference(1);t.\u0275\u0275advance(2),t.\u0275\u0275property("size",a.iconSize),t.\u0275\u0275advance(1),t.\u0275\u0275textInterpolate1(" ",t.\u0275\u0275pipeBind1(4,2,"SNIPPETS_ADD")," ")}}function B(c,l){if(1&c){const a=t.\u0275\u0275getCurrentView();t.\u0275\u0275elementStart(0,"button",18),t.\u0275\u0275listener("click",function(){return t.\u0275\u0275restoreView(a),t.\u0275\u0275nextContext().saveSnippets()}),t.\u0275\u0275text(1),t.\u0275\u0275pipe(2,"translate"),t.\u0275\u0275elementEnd()}if(2&c){const a=t.\u0275\u0275nextContext();t.\u0275\u0275property("disabled",a.snippetsForm.invalid),t.\u0275\u0275advance(1),t.\u0275\u0275textInterpolate1(" ",t.\u0275\u0275pipeBind1(2,2,"SAVE")," ")}}let m=class{constructor(l){this.formBuilder=l,this.snippets=[],this.btnLink=!1,this.btnIcon=!1,this.btnSave=!1,this.formUpdated=new t.EventEmitter,this.formSubmitted=new t.EventEmitter,this.snippetsForm=this.formBuilder.group({snippets:this.formBuilder.array([],d.kI.required)})}get snippetsFormArray(){return this.snippetsForm.get("snippets")}ngOnInit(){this.fillForm(),this.watchFormStatus()}addSnippet(){this.snippetsFormArray.push(this.formBuilder.control("",d.kI.required))}removeSnippet(l){this.snippetsFormArray.removeAt(l)}saveSnippets(){this.snippetsForm.markAllAsTouched(),this.snippetsForm.valid&&this.formSubmitted.emit(this.snippetsFormArray.value)}watchFormStatus(){this.snippetsForm.statusChanges.pipe((0,f.t)(this),(0,b.h)(l=>"VALID"===l)).subscribe(()=>{this.formUpdated.emit(this.snippetsFormArray.value)})}fillForm(){this.snippetsForm=this.formBuilder.group({snippets:this.formBuilder.array(this.snippets.map(l=>this.formBuilder.control(l,d.kI.required)))})}};m.\u0275fac=function(l){return new(l||m)(t.\u0275\u0275directiveInject(d.qu))},m.\u0275cmp=t.\u0275\u0275defineComponent({type:m,selectors:[["ui-snippets-list"]],inputs:{snippets:"snippets",btnLink:"btnLink",btnIcon:"btnIcon",btnSave:"btnSave"},outputs:{formUpdated:"formUpdated",formSubmitted:"formSubmitted"},decls:7,vars:5,consts:[[3,"formGroup"],["formArrayName","snippets"],["class","flex items-center mb-16",4,"ngFor","ngForOf"],[1,"flex","items-center","gap-8"],["uiBtnSize","small","uiBtnTheme","main","themeMode","text",3,"click",4,"ngIf"],["uiBtnSize","small","uiBtnTheme","main","themeMode","tertiary",3,"click",4,"ngIf"],["uiBtnSize","small","uiBtnTheme","main",3,"disabled","click",4,"ngIf"],[1,"flex","items-center","mb-16"],[1,"relative","w-2/3"],[3,"placeholder","formControlName"],["type","button","uiBtnSize","small","iconOnly","","uiBtnTheme","setting","themeMode","text",1,"absolute","top-0","-right-40",3,"click"],["removeSnippetButton","btnSize"],["uiIcon","delete",3,"size"],["uiBtnSize","small","uiBtnTheme","main","themeMode","text",3,"click"],["addSnippetLink","btnSize"],["uiIcon","add",3,"size"],["uiBtnSize","small","uiBtnTheme","main","themeMode","tertiary",3,"click"],["addSnippetIcon","btnSize"],["uiBtnSize","small","uiBtnTheme","main",3,"disabled","click"]],template:function(l,a){1&l&&(t.\u0275\u0275elementStart(0,"form",0)(1,"div",1),t.\u0275\u0275template(2,P,9,8,"div",2),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(3,"div",3),t.\u0275\u0275template(4,D,5,4,"button",4),t.\u0275\u0275template(5,T,5,4,"button",5),t.\u0275\u0275template(6,B,3,4,"button",6),t.\u0275\u0275elementEnd()()),2&l&&(t.\u0275\u0275property("formGroup",a.snippetsForm),t.\u0275\u0275advance(2),t.\u0275\u0275property("ngForOf",a.snippetsFormArray.controls),t.\u0275\u0275advance(2),t.\u0275\u0275property("ngIf",a.btnLink),t.\u0275\u0275advance(1),t.\u0275\u0275property("ngIf",a.btnIcon),t.\u0275\u0275advance(1),t.\u0275\u0275property("ngIf",a.btnSave))},directives:[d._Y,d.JL,d.sg,d.CE,e.NgForOf,E.H,p.R,d.JJ,d.u,C.s,y.V,S.a,e.NgIf],pipes:[x.X$],encapsulation:2,changeDetection:0}),m=(0,u.gn)([(0,f.c)(),(0,u.w6)("design:paramtypes",[d.qu])],m)}}]);