https://brafford-photography.web.app/5379.576b4f3b69354b6a.js

1"use strict";(self.webpackChunktonomo=self.webpackChunktonomo||[]).push([[5379],{67259:(D,E,n)=>{n.d(E,{D4:()=>_}),n(18906),n(55672);var o=n(47796),b=n(69808),s=n(93075),i=n(48966),c=n(32368),l=n(96410),t=n(5e3);let _=(()=>{class a{}return a.\u0275fac=function(g){return new(g||a)},a.\u0275mod=t.\u0275\u0275defineNgModule({type:a}),a.\u0275inj=t.\u0275\u0275defineInjector({imports:[[b.CommonModule,l.kWm,l.OUg,l.FqG,l.QX1,s.UX,l.sJM,l.kx_,i.Is,l.g_V,c.rP,l.vmb,o.HT,l.cKw,l.zS5,l.wn4]]}),a})();n(88561),n(69449)},69401:(D,E,n)=>{n.d(E,{Y:()=>l,o:()=>c});var e=n(5e3),r=n(69808);function o(t,_){if(1&t&&(e.\u0275\u0275elementStart(0,"h4"),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),2&t){const p=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate(p.eyebrow)}}function b(t,_){1&t&&e.\u0275\u0275elementContainer(0)}function s(t,_){if(1&t&&(e.\u0275\u0275elementStart(0,"footer",5),e.\u0275\u0275template(1,b,1,0,"ng-container",6),e.\u0275\u0275elementEnd()),2&t){const p=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("ngTemplateOutlet",p.footer.tpl)}}const i=["*"];let c=(()=>{class t{constructor(p){this.tpl=p}}return t.\u0275fac=function(p){return new(p||t)(e.\u0275\u0275directiveInject(e.TemplateRef))},t.\u0275dir=e.\u0275\u0275defineDirective({type:t,selectors:[["","tnJobFormDialogFooter",""]]}),t})(),l=(()=>{class t{constructor(){this.eyebrow="",this.title=""}}return t.\u0275fac=function(p){return new(p||t)},t.\u0275cmp=e.\u0275\u0275defineComponent({type:t,selectors:[["tn-job-form-dialog"]],contentQueries:function(p,u,a){if(1&p&&e.\u0275\u0275contentQuery(a,c,5),2&p){let v;e.\u0275\u0275queryRefresh(v=e.\u0275\u0275loadQuery())&&(u.footer=v.first)}},inputs:{eyebrow:"eyebrow",title:"title"},ngContentSelectors:i,decls:8,vars:3,consts:[[1,"job-form-dialog"],[1,"job-form-dialog__header"],[4,"ngIf"],[1,"job-form-dialog__body"],["class","job-form-dialog__footer",4,"ngIf"],[1,"job-form-dialog__footer"],[4,"ngTemplateOutlet"]],template:function(p,u){1&p&&(e.\u0275\u0275projectionDef(),e.\u0275\u0275elementStart(0,"section",0)(1,"header",1),e.\u0275\u0275template(2,o,2,1,"h4",2),e.\u0275\u0275elementStart(3,"h1"),e.\u0275\u0275text(4),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(5,"div",3),e.\u0275\u0275projection(6),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(7,s,2,1,"footer",4),e.\u0275\u0275elementEnd()),2&p&&(e.\u0275\u0275advance(2),e.\u0275\u0275property("ngIf",u.eyebrow),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(u.title),e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",u.footer))},directives:[r.NgIf,r.NgTemplateOutlet],styles:["[_nghost-%COMP%]{display:flex;height:100%;width:100%}[_nghost-%COMP%]     h2{font-size:1.5rem;font-weight:500;line-height:2rem;--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}[_nghost-%COMP%]     h3{font-size:1.125rem;font-weight:700;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}[_nghost-%COMP%]     p{font-size:1rem;font-weight:400;line-height:1.5rem}[_nghost-%COMP%]     h4{font-size:1rem;font-weight:500;line-height:1.25rem}[_nghost-%COMP%]     label{cursor:default}.job-form-dialog[_ngcontent-%COMP%]{display:flex;min-height:0;width:100%;flex:1 1 0%;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.job-form-dialog__header[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(246 246 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem 1.5rem 1.75rem}.job-form-dialog__header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{--tw-text-opacity: 1;color:rgb(128 128 128 / var(--tw-text-opacity, 1))}.job-form-dialog__header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-weight:700;line-height:2.25rem;--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1));font-size:28px}.job-form-dialog__body[_ngcontent-%COMP%]{display:flex;min-height:0;flex:1 1 0%;flex-direction:column;gap:1.75rem;overflow-y:auto;padding:1.75rem}.job-form-dialog__footer[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(246 246 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem 1.5rem}.job-form-dialog__footer[_ngcontent-%COMP%]     button{width:180px;border-radius:.5rem;font-size:1.125rem;font-weight:700}"],changeDetection:0}),t})()},60736:(D,E,n)=>{n.d(E,{n:()=>t});var e=n(5e3),r=n(30050),o=n(69808),b=n(255);function s(_,p){if(1&_&&e.\u0275\u0275element(0,"i",6),2&_){const u=e.\u0275\u0275nextContext().$implicit;e.\u0275\u0275classProp("rotate-180",u)}}function i(_,p){if(1&_&&(e.\u0275\u0275elementStart(0,"p",7),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),2&_){const u=e.\u0275\u0275nextContext(2);e.\u0275\u0275advance(1),e.\u0275\u0275textInterpolate1(" ",u.description," ")}}function c(_,p){if(1&_&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"div",1)(2,"h2")(3,"span",2),e.\u0275\u0275text(4),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(5,s,1,2,"i",3),e.\u0275\u0275elementEnd(),e.\u0275\u0275template(6,i,2,1,"p",4),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(7,"div",5),e.\u0275\u0275projection(8),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementContainerEnd()),2&_){const u=p.$implicit,a=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("uiTriggerToggle",a.collapsible),e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(a.title),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",a.collapsible),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngIf",a.description&&u),e.\u0275\u0275advance(1),e.\u0275\u0275property("hidden",!u)}}const l=["*"];let t=(()=>{class _{constructor(){this.title="",this.description="",this.collapsible=!0}}return _.\u0275fac=function(u){return new(u||_)},_.\u0275cmp=e.\u0275\u0275defineComponent({type:_,selectors:[["tn-job-form-section"]],inputs:{title:"title",description:"description",collapsible:"collapsible"},ngContentSelectors:l,decls:1,vars:0,consts:[[4,"uiToggle"],[1,"job-form-section__header",3,"uiTriggerToggle"],[1,"flex-1","min-w-0"],["size","24","uiIcon","keyboard_arrow_down",3,"rotate-180",4,"ngIf"],["class","job-form-section__description",4,"ngIf"],[1,"job-form-section__body",3,"hidden"],["size","24","uiIcon","keyboard_arrow_down"],[1,"j

1ob-form-section__description"]],template:function(u,a){1&u&&(e.\u0275\u0275projectionDef(),e.\u0275\u0275template(0,c,9,5,"ng-container",0))},directives:[r.mN,r.MM,o.NgIf,b.a],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(246 246 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem}.job-form-section__header[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem}.job-form-section__header.is-clickable[_ngcontent-%COMP%]{cursor:pointer}.job-form-section__header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{display:flex;width:100%;align-items:center;justify-content:space-between}.job-form-section__description[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}.job-form-section__body[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}"],changeDetection:0}),_})()},9569:(D,E,n)=>{n.d(E,{Jw:()=>u,RC:()=>p});var e=n(5e3),r=n(69808);function o(a,v){1&a&&e.\u0275\u0275elementContainer(0)}function b(a,v){if(1&a&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275template(1,o,1,0,"ng-container",7),e.\u0275\u0275elementContainerEnd()),2&a){const g=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("ngTemplateOutlet",g.titleDirective.first)}}function s(a,v){if(1&a&&e.\u0275\u0275text(0),2&a){const g=e.\u0275\u0275nextContext();e.\u0275\u0275textInterpolate1(" ",g.title," ")}}function i(a,v){1&a&&e.\u0275\u0275elementContainer(0)}function c(a,v){if(1&a&&(e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275template(1,i,1,0,"ng-container",7),e.\u0275\u0275elementContainerEnd()),2&a){const g=e.\u0275\u0275nextContext();e.\u0275\u0275advance(1),e.\u0275\u0275property("ngTemplateOutlet",g.descriptionDirective.first)}}function l(a,v){if(1&a&&e.\u0275\u0275text(0),2&a){const g=e.\u0275\u0275nextContext();e.\u0275\u0275textInterpolate1(" ",g.description," ")}}const t=["*"];let _=(()=>{class a{}return a.\u0275fac=function(g){return new(g||a)},a.\u0275dir=e.\u0275\u0275defineDirective({type:a,selectors:[["","tnJobHeaderTitle",""]]}),a})(),p=(()=>{class a{}return a.\u0275fac=function(g){return new(g||a)},a.\u0275dir=e.\u0275\u0275defineDirective({type:a,selectors:[["","tnJobHeaderDescription",""]]}),a})(),u=(()=>{class a{constructor(){this.title="",this.description=""}}return a.\u0275fac=function(g){return new(g||a)},a.\u0275cmp=e.\u0275\u0275defineComponent({type:a,selectors:[["tn-job-header"]],contentQueries:function(g,d,C){if(1&g&&(e.\u0275\u0275contentQuery(C,_,5,e.TemplateRef),e.\u0275\u0275contentQuery(C,p,5,e.TemplateRef)),2&g){let m;e.\u0275\u0275queryRefresh(m=e.\u0275\u0275loadQuery())&&(d.titleDirective=m),e.\u0275\u0275queryRefresh(m=e.\u0275\u0275loadQuery())&&(d.descriptionDirective=m)}},inputs:{title:"title",description:"description"},ngContentSelectors:t,decls:11,vars:4,consts:[[1,"flex-1","min-w-0"],[1,"mb-8","text-gray-85","font-bold","text-24","job-title"],[4,"ngIf","ngIfElse"],["titleTpl",""],[1,"text-gray-40","text-14"],["descriptionTpl",""],[1,"flex-shrink-0","ml-auto"],[4,"ngTemplateOutlet"]],template:function(g,d){if(1&g&&(e.\u0275\u0275projectionDef(),e.\u0275\u0275elementStart(0,"div",0)(1,"h2",1),e.\u0275\u0275template(2,b,2,1,"ng-container",2),e.\u0275\u0275template(3,s,1,1,"ng-template",null,3,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(5,"p",4),e.\u0275\u0275template(6,c,2,1,"ng-container",2),e.\u0275\u0275template(7,l,1,1,"ng-template",null,5,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(9,"div",6),e.\u0275\u0275projection(10),e.\u0275\u0275elementEnd()),2&g){const C=e.\u0275\u0275reference(4),m=e.\u0275\u0275reference(8);e.\u0275\u0275advance(2),e.\u0275\u0275property("ngIf",d.titleDirective.first)("ngIfElse",C),e.\u0275\u0275advance(4),e.\u0275\u0275property("ngIf",d.descriptionDirective.first)("ngIfElse",m)}},directives:[r.NgIf,r.NgTemplateOutlet],styles:["[_nghost-%COMP%]{display:flex;align-items:flex-start;gap:.25rem;padding:1.625rem 1.5rem}.job-title[_ngcontent-%COMP%]{line-height:32px}button.new-job-btn[_ngcontent-%COMP%]{display:flex;height:2.5rem;align-items:center;justify-content:center;gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));font-size:.875rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));padding:8px 16px!important;border-radius:4px;line-height:28px}"],changeDetection:0}),a})()},88561:(D,E,n)=>{n.d(E,{w:()=>g});var e=n(658),r=n(96410),o=n(5e3),b=n(69808),s=n(39998),i=n(55186),c=n(255),l=n(90384);function t(d,C){if(1&d&&(o.\u0275\u0275elementStart(0,"div",9)(1,"label"),o.\u0275\u0275text(2," Dropbox folder "),o.\u0275\u0275elementEnd(),o.\u0275\u0275elementStart(3,"div",10),o.\u0275\u0275element(4,"img",13),o.\u0275\u0275elementStart(5,"a",14),o.\u0275\u0275text(6),o.\u0275\u0275elementEnd()()()),2&d){const m=o.\u0275\u0275nextContext().$implicit;o.\u0275\u0275advance(5),o.\u0275\u0275property("href",m.deliverable_link,o.\u0275\u0275sanitizeUrl),o.\u0275\u0275advance(1),o.\u0275\u0275textInterpolate(m.deliverable_link)}}function _(d,C){if(1&d&&(o.\u0275\u0275elementStart(0,"div",4)(1,"div",5),o.\u

10275\u0275element(2,"tn-job-order-item-option",6)(3,"ui-form-select-remove-button",7),o.\u0275\u0275elementEnd(),o.\u0275\u0275elementStart(4,"div",8)(5,"div",9)(6,"label"),o.\u0275\u0275text(7," Shoot Date "),o.\u0275\u0275elementEnd(),o.\u0275\u0275elementStart(8,"div",10),o.\u0275\u0275element(9,"i",11),o.\u0275\u0275elementStart(10,"span"),o.\u0275\u0275text(11),o.\u0275\u0275pipe(12,"dayjsDateFormat"),o.\u0275\u0275elementEnd()()(),o.\u0275\u0275elementStart(13,"div",9)(14,"label"),o.\u0275\u0275text(15," Due Date "),o.\u0275\u0275elementEnd(),o.\u0275\u0275elementStart(16,"div",10),o.\u0275\u0275element(17,"i",11),o.\u0275\u0275elementStart(18,"span"),o.\u0275\u0275text(19),o.\u0275\u0275pipe(20,"dayjsDateFormat"),o.\u0275\u0275elementEnd()()()(),o.\u0275\u0275template(21,t,7,2,"div",12),o.\u0275\u0275elementEnd()),2&d){const m=C.$implicit,h=o.\u0275\u0275nextContext(3);o.\u0275\u0275advance(2),o.\u0275\u0275property("item",m),o.\u0275\u0275advance(1),o.\u0275\u0275property("size",16)("value",m.value)("iconVariant","filled"),o.\u0275\u0275advance(6),o.\u0275\u0275property("size",20),o.\u0275\u0275advance(2),o.\u0275\u0275textInterpolate(null!=m.when&&m.when.start_time?o.\u0275\u0275pipeBind3(12,9,null==m.when?null:m.when.start_time,"MMM DD, h:mm a",h.appConfigService.timeZone):"-"),o.\u0275\u0275advance(6),o.\u0275\u0275property("size",20),o.\u0275\u0275advance(2),o.\u0275\u0275textInterpolate(m.deadline?o.\u0275\u0275pipeBind4(20,13,m.deadline,"MMM DD, h:mm a",h.appConfigService.timeZone,!0):"-"),o.\u0275\u0275advance(2),o.\u0275\u0275property("ngIf",m.deliverable_link)}}function p(d,C){if(1&d&&(o.\u0275\u0275elementContainerStart(0),o.\u0275\u0275template(1,_,22,18,"div",3),o.\u0275\u0275elementContainerEnd()),2&d){const m=o.\u0275\u0275nextContext().$implicit;o.\u0275\u0275advance(1),o.\u0275\u0275property("ngForOf",m)}}function u(d,C){1&d&&o.\u0275\u0275projection(0)}function a(d,C){if(1&d&&(o.\u0275\u0275elementContainerStart(0),o.\u0275\u0275template(1,p,2,1,"ng-container",1),o.\u0275\u0275template(2,u,1,0,"ng-template",null,2,o.\u0275\u0275templateRefExtractor),o.\u0275\u0275elementContainerEnd()),2&d){const m=C.$implicit,h=o.\u0275\u0275reference(3);o.\u0275\u0275advance(1),o.\u0275\u0275property("ngIf",m.length)("ngIfElse",h)}}const v=["*"];let g=(()=>{class d{constructor(m,h){this.formSelect=m,this.appConfigService=h}}return d.\u0275fac=function(m){return new(m||d)(o.\u0275\u0275directiveInject(r.ii7),o.\u0275\u0275directiveInject(e._ZM))},d.\u0275cmp=o.\u0275\u0275defineComponent({type:d,selectors:[["tn-job-order-detail-item"]],ngContentSelectors:v,decls:2,vars:3,consts:[[4,"ngIf"],[4,"ngIf","ngIfElse"],["optSelect",""],["class","flex flex-col gap-16",4,"ngFor","ngForOf"],[1,"flex","flex-col","gap-16"],[1,"flex","items-center","gap-12"],[1,"flex-1",3,"item"],["iconName","cancel",3,"size","value","iconVariant"],[1,"job-order-detail-item__form-group"],[1,"job-order-detail-item__form-item"],[1,"job-order-detail-item__form-value"],["uiIcon","calendar_today",3,"size"],["class","job-order-detail-item__form-item",4,"ngIf"],["alt","","src","/assets/icon/dropbox.svg"],["target","_blank",1,"flex-1","break-all",3,"href"]],template:function(m,h){1&m&&(o.\u0275\u0275projectionDef(),o.\u0275\u0275template(0,a,4,2,"ng-container",0),o.\u0275\u0275pipe(1,"async")),2&m&&o.\u0275\u0275property("ngIf",o.\u0275\u0275pipeBind1(1,1,h.formSelect.selectedOptions))},directives:[b.NgIf,b.NgForOf,s.j,i.c,c.a],pipes:[b.AsyncPipe,l.B],styles:["[_nghost-%COMP%]{display:block}.job-order-detail-item__form-group[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:1rem}.job-order-detail-item__form-item[_ngcontent-%COMP%]{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:.25rem}.job-order-detail-item__form-value[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:400;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}"],changeDetection:0}),d})()},39998:(D,E,n)=>{n.d(E,{j:()=>i});var e=n(5e3),r=n(69808),o=n(255);function b(c,l){if(1&c&&e.\u0275\u0275element(0,"img",10),2&c){const t=e.\u0275\u0275nextContext();e.\u0275\u0275property("src",t.item.coverImage,e.\u0275\u0275sanitizeUrl)("alt",t.item.client_full_name)}}function s(c,l){1&c&&e.\u0275\u0275element(0,"i",11),2&c&&e.\u0275\u0275property("size",24)}let i=(()=>{class c{}return c.\u0275fac=function(t){return new(t||c)},c.\u0275cmp=e.\u0275\u0275defineComponent({type:c,selectors:[["tn-job-order-item-option"]],inputs:{item:"item"}

1,decls:14,vars:5,consts:[[1,"job-order-item-option"],[1,"job-order-item-option__row"],[1,"job-order-item-option__thumb"],["class","job-order-item-option__image",3,"src","alt",4,"ngIf","ngIfElse"],["placeholder",""],[1,"job-order-item-option__details"],[1,"job-order-item-option__primary"],[1,"job-order-item-option__order-no"],[1,"job-order-item-option__address"],[1,"job-order-item-option__name"],[1,"job-order-item-option__image",3,"src","alt"],["uiIcon","place",1,"job-order-item-option__placeholder-icon",3,"size"]],template:function(t,_){if(1&t&&(e.\u0275\u0275elementStart(0,"div",0)(1,"div",1)(2,"div",2),e.\u0275\u0275template(3,b,1,2,"img",3),e.\u0275\u0275template(4,s,1,1,"ng-template",null,4,e.\u0275\u0275templateRefExtractor),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(6,"div",5)(7,"div",6)(8,"p",7),e.\u0275\u0275text(9),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(10,"p",8),e.\u0275\u0275text(11),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(12,"p",9),e.\u0275\u0275text(13),e.\u0275\u0275elementEnd()()()()),2&t){const p=e.\u0275\u0275reference(5);e.\u0275\u0275advance(3),e.\u0275\u0275property("ngIf",_.item.coverImage)("ngIfElse",p),e.\u0275\u0275advance(6),e.\u0275\u0275textInterpolate1("#",_.item.orderNo,""),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate1(" ",null==_.item.property_address?null:_.item.property_address.formatted_address," "),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate(_.item.client_full_name)}},directives:[r.NgIf,o.a],styles:["[_nghost-%COMP%]{display:block}.job-order-item-option__row[_ngcontent-%COMP%]{display:flex;width:100%;align-items:center;gap:.75rem}.job-order-item-option__thumb[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(226 226 226 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1));width:90px;height:60px}.job-order-item-option__image[_ngcontent-%COMP%]{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.job-order-item-option__placeholder-icon[_ngcontent-%COMP%]{--tw-text-opacity: 1;color:rgb(80 80 80 / var(--tw-text-opacity, 1))}.job-order-item-option__details[_ngcontent-%COMP%]{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:.5rem;--tw-text-opacity: 1;color:rgb(80 80 80 / var(--tw-text-opacity, 1))}.job-order-item-option__primary[_ngcontent-%COMP%]{display:flex;width:100%;min-width:0;flex-direction:column;gap:.25rem}.job-order-item-option__order-no[_ngcontent-%COMP%]{margin:0;white-space:nowrap;font-size:.75rem;font-weight:500;line-height:1rem}.job-order-item-option__address[_ngcontent-%COMP%]{margin:0;font-size:1rem;font-weight:500;line-height:1.25rem}.job-order-item-option__name[_ngcontent-%COMP%]{margin:0;white-space:nowrap;font-size:.8125rem;font-weight:400;line-height:1.25rem}"],changeDetection:0}),c})()},74528:(D,E,n)=>{n.d(E,{s:()=>s});var e=n(24254),r=n(5e3),o=n(255);const b=["*"];let s=(()=>{class i{constructor(){this.type="Default"}get icon(){return(0,e.rbG)(this.type)}}return i.\u0275fac=function(l){return new(l||i)},i.\u0275cmp=r.\u0275\u0275defineComponent({type:i,selectors:[["tn-job-service-item"]],inputs:{type:"type"},ngContentSelectors:b,decls:4,vars:2,consts:[[1,"service-icon"],[3,"uiIcon","size"],[1,"service-label"]],template:function(l,t){1&l&&(r.\u0275\u0275projectionDef(),r.\u0275\u0275elementStart(0,"span",0),r.\u0275\u0275element(1,"i",1),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(2,"span",2),r.\u0275\u0275projection(3),r.\u0275\u0275elementEnd()),2&l&&(r.\u0275\u0275advance(1),r.\u0275\u0275property("uiIcon",t.icon)("size",14))},directives:[o.a],styles:[".service-icon[_ngcontent-%COMP%]{display:inline-flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:.125rem;--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.service-label[_ngcontent-%COMP%]{font-size:.875rem;font-weight:400;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}[_nghost-%COMP%]{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1));padding:.125rem .5rem}"]}),i})()},69449:(D,E,n)=>{n.d(E,{a:()=>c});var e=n(96410),r=n(5e3),o=n(69808),b=n(74528),s=n(55186);function i(l,t){if(1&l&&(r.\u0275\u0275elementStart(0,"li",2)(1,"tn-job-service-item",3),r.\u0275\u0275text(2),r.\u0275\u0275elementEnd(),r.\u0275\u0275element(3,"ui-form-select-remove-button",4),r.\u0275\u0275elementEnd()),2&l){const _=t.$implicit;r.\u0275\u0275advance(1),r.\u0275\u0275property("type",_.type),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate1(" ",_.label," "),r.\u0275\u0275advance(1),r.\u0275\u0275property("value",_.value)("size",24)}}let c=(()=>{class l{constructor(_){this.formSelect=_,this.selectedOptions$=this.formSelect.selectedOptions}trackByValue(_,p){return p.value}}return l.\u0275fac=function(_){return new(_||l)(r.\u0275\u0275directiveInject(e.ii7))},l.\u0275cmp=r.\u0275\u0275defineComponent({type:l,selectors:[["tn-job-services-list"]],decls:3,vars:4,consts:[[1,"services-job-list"],["class","service-item",4,"ngFor","ngForOf","ngForTrackBy"],[1,"service-item"],[3,"type"],["ariaLabel","Remove service",3,"value","size"]],template:function(_,p){1&_&&(r.\u0275\u0275elementStart(0,"ul",0),r.\u0275\u0275template(1,i,4,4,"li",1),r.\u0275\u0275pipe(2,"async"),r.\u0275\u0275elementEnd()),2&_&&(r.\u0275\u0275advance(1),r.\u0275\u0275property("ngForOf",r.\u0275\u0275pipeBind1(2,2,p.selectedOptions$))("ngForTrackBy",p.trackByValue))},directives:[o.NgForOf,b.s,s.c],pipes:[o.AsyncPipe],styles:["[_nghost-%COMP%]{display:block}[_nghost-%COMP%]   .services-job-list[_ngcontent-%COMP%]{margin:0;display:flex;list-style-type:none;flex-direction:column;gap:.25rem;padding:0}.service-item[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}"],changeDetection:0}),l})()},18906:(D,E,n)=>{n.d(E,{F:()=>g});

1var e=n(93075),r=n(88514),o=n(1059),b=n(24850),s=n(658),i=n(5e3),c=n(78600),l=n(85224),t=n(12960),_=n(55672),p=n(46246),u=n(32368),a=n(69808);function v(d,C){if(1&d&&i.\u0275\u0275element(0,"tn-job-template-schedule-fields",11),2&d){const m=i.\u0275\u0275nextContext();i.\u0275\u0275property("options",m.autoCreateOptions)}}let g=(()=>{class d{constructor(m){this.controlContainer=m,this.dueDateOptions=[{value:s.lGI.IMMEDIATELY,label:"Due immediately"},{value:s.lGI.BUSINESS_DAYS_AFTER,label:"X business days after appointment"},{value:s.lGI.BUSINESS_DAYS_AFTER_AT_TIME,label:"X business days after appointment, at Y time"},{value:s.lGI.CALENDAR_DAYS_AFTER,label:"X calendar days after appointment"},{value:s.lGI.CALENDAR_DAYS_AFTER_AT_TIME,label:"X calendar days after appointment, at Y time"}],this.autoCreateOptions=[{value:s.wQ_.IMMEDIATELY,label:"Immediately after the appointment"},{value:s.wQ_.AFTER_DELAY,label:"X time after the appointment"},{value:s.wQ_.AT_TIME,label:"At a specific time on the appointment day"}],this.isActive$=(0,r.P)(()=>{var h,M,P;return null===(M=null===(h=this.controlContainer.control)||void 0===h?void 0:h.get("enabled"))||void 0===M?void 0:M.valueChanges.pipe((0,o.O)(null===(P=this.controlContainer.control)||void 0===P?void 0:P.value.enabled),(0,b.U)(I=>I))})}}return d.\u0275fac=function(m){return new(m||d)(i.\u0275\u0275directiveInject(e.gN))},d.\u0275cmp=i.\u0275\u0275defineComponent({type:d,selectors:[["tn-job-template-general-form"]],features:[i.\u0275\u0275ProvidersFeature([],[{provide:e.gN,useExisting:e.x0}])],decls:19,vars:5,consts:[["uiFormFieldLabel","","for","name"],["id","name","name","name","type","text","formControlName","name","placeholder","e.g. Video Editing"],["formGroupName","dueDate","label","Due Date",3,"options"],["uiFormFieldLabel","","for","instructions"],["id","instructions","name","instructions","uiFroalaEditor","","formControlName","instructions"],[1,"flex","flex-col","gap-20"],[1,"text-gray-85"],[1,"flex","items-center","gap-8"],[1,"text-14","text-gray-85"],["formControlName","enabled",1,"mat-slide-toggle-v2","mat-slide-toggle-inverse",3,"disableRipple"],["formGroupName","autoCreate","label","Set job auto creation time",3,"options",4,"ngIf"],["formGroupName","autoCreate","label","Set job auto creation time",3,"options"]],template:function(m,h){1&m&&(i.\u0275\u0275elementStart(0,"ui-form-field")(1,"label",0),i.\u0275\u0275text(2," Job Name "),i.\u0275\u0275elementEnd(),i.\u0275\u0275elementStart(3,"ui-form-input-group"),i.\u0275\u0275element(4,"input",1),i.\u0275\u0275elementEnd()(),i.\u0275\u0275element(5,"tn-job-template-schedule-fields",2),i.\u0275\u0275elementStart(6,"ui-form-field")(7,"label",3),i.\u0275\u0275text(8," Job Instructions "),i.\u0275\u0275elementEnd(),i.\u0275\u0275element(9,"div",4),i.\u0275\u0275elementEnd(),i.\u0275\u0275elementStart(10,"div",5)(11,"h3",6),i.\u0275\u0275text(12," Template Status "),i.\u0275\u0275elementEnd(),i.\u0275\u0275elementStart(13,"label",7)(14,"span",8),i.\u0275\u0275text(15," Enable this job "),i.\u0275\u0275elementEnd(),i.\u0275\u0275element(16,"mat-slide-toggle",9),i.\u0275\u0275elementEnd(),i.\u0275\u0275template(17,v,1,1,"tn-job-template-schedule-fields",10),i.\u0275\u0275pipe(18,"async"),i.\u0275\u0275elementEnd()),2&m&&(i.\u0275\u0275advance(5),i.\u0275\u0275property("options",h.dueDateOptions),i.\u0275\u0275advance(11),i.\u0275\u0275property("disableRipple",!0),i.\u0275\u0275advance(1),i.\u0275\u0275property("ngIf",i.\u0275\u0275pipeBind1(18,3,h.isActive$)))},directives:[c.hg,l.S,t.e,e.Fj,e.JJ,e.u,_.D,e.JL,e.x0,p.V,u.Rr,a.NgIf],pipes:[a.AsyncPipe],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}"],changeDetection:0}),d})()},55672:(D,E,n)=>{n.d(E,{D:()=>W});var e=n(93075),r=n(88514),o=n(21086),b=n(1059),s=n(75778),i=n(5154),c=n(24850),l=n(658),t=n(5e3),_=n(78600),p=n(85224),u=n(12960),a=n(76998),v=n(43860),g=n(99093),d=n(255),C=n(73929),m=n(24444),h=n(69808),M=n(75244),P=n(31808),I=n(30049);function S(f,x){if(1&f&&(t.\u0275\u0275elementStart(0,"ui-dropdown-select-option",9),t.\u0275\u0275text(1),t.\u0275\u0275elementEnd()),2&f){const y=x.$implicit;t.\u0275\u0275property("value",y.value),t.\u0275\u0275advance(1),t.\u0275\u0275textInterpolate1(" ",y.label," ")}}function j(f,x){if(1&f&&(t.\u0275\u0275elementStart(0,"ui-blank-dropdown"),t.\u0275\u0275template(1,S,2,2,"ui-dropdown-select-option",8),t.\u0275\u0275elementEnd()),2&f){const y=t.\u0275\u0275nextContext().$implicit;t.\u0275\u0275advance(1),t.\u0275\u0275property("ngForOf",y)}}function F(f,x){1&f&&(t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275template(1,j,2,1,"ui-blank-dropdown",7),t.\u0275\u0275elementContainerEnd())}function w(f,x){if(1&f&&(t.\u0275\u0275elementStart(0,"p",10),t.\u0275\u0275text(1),t.\u0275\u0275elementEnd()),2&f){const y=t.\u0275\u0275nextContext();t.\u0275\u0275advance(1),t.\u0275\u0275textInterpolate1(" ",y.description," ")}}function A(f,x){if(1&f&&(t.\u0275\u0275elementStart(0,"ui-dropdown-select-option",9),t.\u0275\u0275text(1),t.\u0275\u0275elementEnd()),2&f){const y=x.$implicit;t.\u0275\u0275property("value",y.value),t.\u0275\u0275advance(1),t.\u0275\u0275textInterpolate1(" ",y.label," ")}}function J(f,x){if(1&f&&(t.\u0275\u0275elementStart(0,"ui-blank-dropdown"),t.\u0275\u0275template(1,A,2,2,"ui-dropdown-select-option",8),t.\u0275\u0275elementEnd()),2&f){const y=t.\u0275\u0275nextContext().$implicit;t.\u0275\u0275advance(1),t.\u0275\u0275property("ngForOf",y)}}function R(f,x){1&f&&(t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275template(1,J,2,1,"ui-blank-dropdown",7),t.\u0275\u0275elementContainerEnd())}function B(f,x){if(1&f&&(t.\u0275\u0275elementStart(0,"ui-form-field")(1,"label",11),t.\u0275\u0275text(2," Select Days "),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(3,"div",12)(4,"ui-form-input-group",13),t.\u0275\u0275element(5,"input",14)(6,"i",3),t.\u0275\u0275template(7,R,2,0,"ng-container",4),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(8,"span",15),t.\u0275\u0275text(9," Days "),t.\u0275\u0275elementEnd()()()),2&f){const y=t.\u0275\u0275nextContext();t.\u0275\u0275advance(7),t.\u0275\u0275property("uiToFormSelectOption",y.dayOptions)}}function L(f,x){1&f&&(t.\u0275\u0275elementStart(0,"ui-form-field")(1,"label",16),t.\u0275\u0275text(2," Select Delay "),t.\u0275\u0275elementEnd(),t.\u0275\u0275element(3,"ui-duration-picker",17),t.\u0275\u0275elementEnd())}function U(f,x){1&f&&(t.\u0275\u0275elementStart(0,"ui-form-field")(1,"label",16),t.\u0275\u0275text(2," Select Time "),t.\u0275\u0275elementEnd(),t.\u0275\u0275element(3,"ui-time-picker",18),t.\u0275\u0275elementEnd())}const K=Array.from({length:14},(f,x)=>({value:x+1,label:(x+1).toString()}));let W=(()=>{class f{constructor(y){this.controlContainer=y,this.type$=(0,r.P)(()=>{var O;const T=null===(O=this.controlContainer.control)||void 0===O?void 0:O.get("type");return T?T.valueChanges.pipe((0,b.O)(T.value)):(0,o.of)(void 0)}).pipe((0,s.x)(),(0,i.d)({bufferSize:1,refCount:!0})),this.label="",this.options=[],this.dayOptions=K,this.showDaySelect$=this.t

1ype$.pipe((0,c.U)(O=>!!O&&(0,l.jtR)(O))),this.showTimeSelect$=this.type$.pipe((0,c.U)(O=>!!O&&(0,l.FjP)(O))),this.showDelaySelect$=this.type$.pipe((0,c.U)(O=>!!O&&(0,l.Ted)(O)))}}return f.\u0275fac=function(y){return new(y||f)(t.\u0275\u0275directiveInject(e.gN))},f.\u0275cmp=t.\u0275\u0275defineComponent({type:f,selectors:[["tn-job-template-schedule-fields"]],inputs:{label:"label",description:"description",options:"options"},features:[t.\u0275\u0275ProvidersFeature([],[{provide:e.gN,useExisting:e.x0}])],decls:14,vars:12,consts:[["uiFormFieldLabel","","for","type"],["uiFormSelect","","uiDropdown","","formControlName","type"],["uiInputSelect",""],["uiIcon","unfold_more"],[4,"uiToFormSelectOption"],["class","mt-8 mb-0 text-12 leading-4 text-gray-60",4,"ngIf"],[4,"ngIf"],[4,"uiDropdownTemplate"],[3,"value",4,"ngFor","ngForOf"],[3,"value"],[1,"mt-8","mb-0","text-12","leading-4","text-gray-60"],["uiFormFieldLabel","","for","days"],[1,"flex","items-center","gap-8"],["uiFormSelect","","uiDropdown","","formControlName","days",1,"w-78"],["uiInputSelect","","type","number","min","1","max","14"],[1,"text-14","text-gray-60"],["uiFormFieldLabel",""],["formControlName","delay"],["formControlName","time"]],template:function(y,O){1&y&&(t.\u0275\u0275elementStart(0,"ui-form-field")(1,"label",0),t.\u0275\u0275text(2),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(3,"ui-form-input-group",1),t.\u0275\u0275element(4,"input",2)(5,"i",3),t.\u0275\u0275template(6,F,2,0,"ng-container",4),t.\u0275\u0275elementEnd(),t.\u0275\u0275template(7,w,2,1,"p",5),t.\u0275\u0275elementEnd(),t.\u0275\u0275template(8,B,10,1,"ui-form-field",6),t.\u0275\u0275pipe(9,"async"),t.\u0275\u0275template(10,L,4,0,"ui-form-field",6),t.\u0275\u0275pipe(11,"async"),t.\u0275\u0275template(12,U,4,0,"ui-form-field",6),t.\u0275\u0275pipe(13,"async")),2&y&&(t.\u0275\u0275advance(2),t.\u0275\u0275textInterpolate1(" ",O.label," "),t.\u0275\u0275advance(4),t.\u0275\u0275property("uiToFormSelectOption",O.options),t.\u0275\u0275advance(1),t.\u0275\u0275property("ngIf",O.description),t.\u0275\u0275advance(1),t.\u0275\u0275property("ngIf",t.\u0275\u0275pipeBind1(9,6,O.showDaySelect$)),t.\u0275\u0275advance(2),t.\u0275\u0275property("ngIf",t.\u0275\u0275pipeBind1(11,8,O.showDelaySelect$)),t.\u0275\u0275advance(2),t.\u0275\u0275property("ngIf",t.\u0275\u0275pipeBind1(13,10,O.showTimeSelect$)))},directives:[_.hg,p.S,u.e,a.n,v.w,e.JJ,e.u,g.S,d.a,C.z,v.S,m.$,h.NgForOf,M.O,h.NgIf,P.w,I.eQ],pipes:[h.AsyncPipe],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}"],changeDetection:0}),f})()},55186:(D,E,n)=>{n.d(E,{c:()=>b});var e=n(73020),r=n(5e3),o=n(255);let b=(()=>{class s{constructor(c){this.formSelect=c,this.size=20,this.iconName="delete_outline",this.iconVariant="outlined"}remove(){const c=this.formSelect.selectedValue.getValue();this.formSelect.selectedValue.next(c.filter(l=>l!==this.value))}}return s.\u0275fac=function(c){return new(c||s)(r.\u0275\u0275directiveInject(e.i))},s.\u0275cmp=r.\u0275\u0275defineComponent({type:s,selectors:[["ui-form-select-remove-button"]],inputs:{value:"value",size:"size",ariaLabel:"ariaLabel",iconName:"iconName",iconVariant:"iconVariant"},decls:2,vars:4,consts:[["type","button",1,"remove-btn",3,"click"],[3,"uiIcon","size","uiIconVariant"]],template:function(c,l){1&c&&(r.\u0275\u0275elementStart(0,"button",0),r.\u0275\u0275listener("click",function(){return l.remove()}),r.\u0275\u0275element(1,"i",1),r.\u0275\u0275elementEnd()),2&c&&(r.\u0275\u0275attribute("aria-label",l.ariaLabel),r.\u0275\u0275advance(1),r.\u0275\u0275property("uiIcon",l.iconName)("size",l.size)("uiIconVariant",l.iconVariant))},directives:[o.a],styles:["[_nghost-%COMP%]{display:inline-flex}.remove-btn[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(80 80 80 / var(--tw-text-opacity, 1));background:transparent;border:0;padding:4px;cursor:pointer}.remove-btn[_ngcontent-%COMP%]:hover{--tw-text-opacity: 1;color:rgb(20 20 20 / var(--tw-text-opacity, 1))}"],changeDetection:0}),s})()}}]);