"use strict";(self.webpackChunkcom_ampifire_user_interface=self.webpackChunkcom_ampifire_user_interface||[]).push([[9160],{15451:function(t,e,i){i.d(e,{E:function(){return y}});var s=i(48122),n=i(2988),a=i(8177),r=i(31635),l=i(36599),o=i(85007),u=i(15261),d=i(74365),p=i(11265),h=i(47537),c=i(95205),g=i(67189);let m=class AInfographic extends d.aW{linkValidation=!1;containerStyle={};zoomedToolbarHeight=44;isFullScreen=!1;useLightTheme=!1;getVisibleBoxes(){return this.boxes.filter((t=>!t.video_zoom_box))}toggleZoom(){this.isFullScreen=!this.isFullScreen,setTimeout((()=>this.onResize()),300)}toggleTheme(){this.useLightTheme=!this.useLightTheme}computeScale(){if(this.width&&this.height)if(this.isFullScreen){const{width:t,height:e}=this.getContainerBoxRect(),i=t<e?t/this.width:e/this.height,s=(this.height*i-this.zoomedToolbarHeight)/this.height;this.updateContainerHeight(this.height*s+"px"),this.$nextTick((()=>{this.scale=s}))}else{const{width:t,height:e}=this.getContainerBoxRect(),i=t<e?t/this.width:e/this.height;this.updateContainerHeight(this.height*i+"px"),this.$nextTick((()=>{this.scale=i}))}}updateContainerHeight(t){this.containerStyle={height:t,maxHeight:t}}};(0,r.Cg)([(0,o.T)()],m.prototype,"isFullScreen",void 0),(0,r.Cg)([(0,o.T)()],m.prototype,"useLightTheme",void 0),m=(0,r.Cg)([(0,l.Ay)({components:{AThemeToggle:c.A,AFullScreen:h.A,ABoxActions:p.A,AVideoBox:g.y,ValidationProvider:u.LW}})],m);var f=m,y=(0,i(14486).A)(f,(function render(){var t=this,e=t._self._c;t._self._setupProxy;return e("validation-provider",{ref:"provider",attrs:{slim:"","detect-input":!1,rules:t.rules,name:t.fieldName,vid:t.$attrs.vid}},[e(s.A,{directives:[{def:a.A,name:"resize",rawName:"v-resize",value:t.onResize,expression:"onResize"}],staticClass:"pa-0"},[e(s.A,{ref:"container",staticClass:"amp-infographic-preview",class:{zoom:t.isFullScreen,light:t.useLightTheme},style:t.containerStyle},[t.isLoading?t._e():e("a-box-actions",{attrs:{options:t.actionOptions,readonly:t.readonly},on:{change:t.change,"media-deleted":t.onMediaDeleted}}),e("div",{staticClass:"text-right pa-1 actions"},[e("a-theme-toggle",{on:{"toggle-theme":t.toggleTheme}}),e("a-full-screen",{on:{"toggle-zoom":t.toggleZoom}})],1),e("div",{staticClass:"slide-container",style:t.slideStyle},[t.isLoading?e(n.A,{staticClass:"progress-indicator",attrs:{indeterminate:"",color:"white",size:"350",width:"30"}}):t._l(t.getVisibleBoxes(),(function(i,s){return e("a-video-box",{key:i.id,attrs:{box:i,index:s,readonly:t.readonly},on:{change:t.change,action:t.onBoxAction}})}))],2)],1)],1)],1)}),[],!1,null,"14947f3a",null).exports},53818:function(t,e,i){i.d(e,{Lq:function(){return g},nY:function(){return y},ZJ:function(){return A},kW:function(){return L}});var s=i(1231),n=i(48122),a=i(22369),r=i(31635),l=i(36599),o=i(85471);let u=class AmpPageMixin extends o.default{get input(){return[this.inputs,this.inputPadding,"py-0","elevated-input"].join(" ")}get inputs(){return"white"}get inputPadding(){return this.$vuetify.breakpoint.smAndDown?"pa-4":"pa-6"}get firstInput(){return[this.inputs,this.inputPadding,"pb-0","elevated-input-first"].join(" ")}get lastInput(){return[this.inputs,this.inputPadding,"pt-0",this.$vuetify.breakpoint.smAndDown?"elevated-input":"elevated-input-last"].join(" ")}get columnLeft(){return"py-0"}get columnRight(){return"py-0"}get firstColumnLeft(){return"pb-0"}get lastColumnLeft(){return this.$vuetify.breakpoint.smAndDown?"py-0":"pt-0"}get firstColumnRight(){return this.$vuetify.breakpoint.smAndDown?"py-0":""}get lastColumnRight(){return this.$vuetify.breakpoint.smAndDown?"pt-0":"py-0"}get validation(){return this.$vuetify.breakpoint.smAndDown?"white px-4 py-0 elevated-input":"py-0 px-0"}get firstValidation(){return this.$vuetify.breakpoint.smAndDown?"white px-4 py-0 elevated-input":"pt-6 pb-0 px-0"}get lastValidation(){return this.$vuetify.breakpoint.smAndDown?"white px-4 pt-0 elevated-input-last":"py-0 px-0"}};u=(0,r.Cg)([l.Ay],u);var d=u;let p=class AmpRow extends((0,l.vE)(d)){};p=(0,r.Cg)([l.Ay],p);var h=p,c=i(14486),g=(0,c.A)(h,(function render(){var t=this,e=t._self._c;t._self._setupProxy;return e(a.A,[e(s.A,{class:t.columnLeft,attrs:{cols:"12",md:"8"}},[e(n.A,{class:t.input},[t._t("input")],2)],1),e(s.A,{class:t.columnRight,attrs:{cols:"12",md:"4"}},[e(n.A,{class:t.validation},[t._t("validation")],2)],1)],1)}),[],!1,null,null,null).exports;let m=class AmpRowFirst extends((0,l.vE)(d)){};m=(0,r.Cg)([l.Ay],m);var f=m,y=(0,c.A)(f,(function render(){var t=this,e=t._self._c;t._self._setupProxy;return e(a.A,[e(s.A,{class:t.firstColumnLeft,attrs:{cols:"12",md:"8"}},[e(n.A,{class:t.firstInput},[t._t("input")],2)],1),e(s.A,{class:t.firstColumnRight,attrs:{cols:"12",md:"4"}},[e(n.A,{class:t.firstValidation},[t._t("validation")],2)],1)],1)}),[],!1,null,null,null).exports;let v=class AmpRowLast extends((0,l.vE)(d)){};v=(0,r.Cg)([l.Ay],v);var b=v,A=(0,c.A)(b,(function render(){var t=this,e=t._self._c;t._self._setupProxy;return e(a.A,[e(s.A,{class:t.lastColumnLeft,attrs:{cols:"12",md:"8"}},[e(n.A,{class:t.lastInput},[t._t("input")],2)],1),e(s.A,{class:t.lastColumnRight,attrs:{cols:"12",md:"4"}},[e(n.A,{class:t.lastValidation},[t._t("validation")],2)],1)],1)}),[],!1,null,null,null).exports,_=i(88582),x=i(5609);const C=o.default.extend({name:"AmpValidation",props:{input:{type:Object,default(){return null}},parse:{type:Boolean,default(){return!1}},limit:{type:[String,Number],default(){return 0}},loading:{type:Boolean,default(){return!1}}}});let k=class AmpValidation extends C{get errors(){const t=this.input?.$refs?.provider?.errors;if(t){const e=this.parse?t.flatMap((t=>JSON.parse(t))):t;return this.limitBy?e.slice(0,this.limitBy):e}return[]}get limitBy(){return Number(this.limit)}onInputUpdated(){const t=this.input;t?.$refs.provider&&t.$refs.provider.validate()}};(0,r.Cg)([(0,_.o)("input")],k.prototype,"onInputUpdated",null),k=(0,r.Cg)([(0,l.Ay)({components:{AAlert:x.a}})],k);var S=k,L=(0,c.A)(S,(function render(){var t=this,e=t._self._c;t._self._setupProxy;return t.loading?t._e():e(n.A,{staticClass:"pa-0"},[t._l(t.errors,(function(t,i){return e("a-alert",{key:i,attrs:{message:t}})})),t.errors.length?t._e():t._t("default")],2)}),[],!1,null,null,null).exports},9656:function(t,e,i){i.d(e,{P:function(){return h}});var s=i(22045),n=i(97585),a=i(31635),r=i(85471),l=i(36599),o=i(8158);const u=r.default.extend({props:{status:{type:String,default(){return""}},large:{type:Boolean,default(){return!1}},dense:{type:Boolean,default(){return!1}},tooltip:{type:String,default(){return""}},label:{type:String,default(){return""}},color:{type:String,default(){return""}},textColor:{type:String,default(){return""}},iconOnly:{type:Boolean,default(){return!1}}}});let d=class StatusChip extends u{get rootClass(){return["status-chip",(0,o.LW)(this.status).replace(/\W/g,""),this.$slots.icon&&this.iconOnly?"pa-1":this.dense?"pa-2":null,this.color||this.textColor?"custom-colored":null,this.$vnode?.data?.staticClass].filter(Boolean).join(" ")}get displayLabel(){return this.label||(this.iconOnly?null:this.status)}get displayTooltip(){return this.tooltip||this.status}get shouldDisplayTooltip(){return this.label&&this.label!==this.status||this.$slots.icon||this.$slots.label||this.tooltip}};d=(0,a.Cg)([l.Ay],d);var p=d,h=(0,i(14486).A)(p,(function render(){var t=this,e=t._self._c;t._self._setupProxy;return t.shouldDisplayTooltip?e(n.A,{attrs:{bottom:""},scopedSlots:t._u([{key:"activator",fn:function({on:i,attrs:n}){return[e(s.A,t._g(t._b({class:t.rootClass,attrs:{small:!t.large,color:t.color,"text-color":t.textColor}},"v-chip",n,!1),i),[t.displayLabel?e("span",[t._t("label",(function(){return[t._v(t._s(t.displayLabel))]})),t._t("icon")],2):t._t("icon")],2)]}}],null,!0)},[e("span",{domProps:{innerHTML:t._s(t.displayTooltip)}})]):e(s.A,{class:t.rootClass,attrs:{small:!t.large,color:t.color,"text-color":t.textColor}},[t.displayLabel?e("span",[t._t("label",(function(){return[t._v(t._s(t.displayLabel))]})),t._t("icon")],2):t._t("icon")],2)}),[],!1,null,"7e1f684a",null).exports},49160:function(t,e,i){i.r(e),i.d(e,{default:function(){return A}});var s=i(22187),n=i(1231),a=i(48122),r=i(58897),l=i(69504),o=i(65423),u=i(31635),d=i(36599),p=i(95353),h=i(74365),c=i(85007),g=i(88582),m=i(15451),f=i(9656),y=i(53818);let v=class Infographic extends((0,d.vE)(h.yI)){isClient;modules;onModulesChanged(){this.onMounted()}video={};endpoint="/infographics/review";get link(){return[{type:"primary",label:"Edit",to:this.editLink,warn:!1}]}get moduleId(){return this.modules?.infographic_id}get announcementId(){return this.$route.params.announcementId}get sourceUrl(){return[this.endpoint,this.moduleId].join("/")}get editLink(){return`/announcements/edit/${this.announcementId}/infographic`}get imageLink(){return`/infographics/image/${this.video.id}`}get isEditable(){return this.video.is_editable}get status(){return this.video.status_string??""}onMounted(){this.moduleId?this.load():this.edit()}onData(t){this.video=t.entity,this.emitLinks()}emitLinks(){this.$emit("links",this.isEditable?this.link:[])}edit(){this.$router.push(this.editLink)}};(0,u.Cg)([(0,c.X)({from:"modules",default(){return null}})],v.prototype,"modules",void 0),(0,u.Cg)([(0,g.o)("modules")],v.prototype,"onModulesChanged",null),v=(0,u.Cg)([(0,d.Ay)({components:{AmpRow:y.Lq,AmpRowFirst:y.nY,AmpRowLast:y.ZJ,AInfographic:m.E,StatusChip:f.P},computed:{...(0,p.L8)("user",["isClient"])}})],v);var b=v,A=(0,i(14486).A)(b,(function render(){var t=this,e=t._self._c;t._self._setupProxy;return e(a.A,{staticClass:"amp-module-page"},[e("amp-row-first",{scopedSlots:t._u([{key:"input",fn:function(){return[t.video.id&&!t.isEditable?e("status-chip",{staticClass:"mb-3",class:{"amp-module-element-hoisted":t.$vuetify.breakpoint.mdAndUp},attrs:{large:t.$vuetify.breakpoint.mdAndUp,status:t.status}}):t._e(),t.isLoading?e(o.A,{staticClass:"pt-2 pb-1",attrs:{loading:"",type:"heading"}}):e("h2",{staticClass:"font-weight-medium text-justify"},[t._v(" "+t._s(t.video.title||"\xa0")+" ")]),e(r.A,{staticClass:"my-4"})]},proxy:!0}])}),e("amp-row-last",{scopedSlots:t._u([{key:"input",fn:function(){return[e("a-infographic",{staticClass:"py-3",attrs:{label:"Preview",template:t.video.video_template,readonly:""}}),e(n.A,{staticClass:"text-right px-0 pt-0",attrs:{cols:"12"}},[e(s.A,{attrs:{text:"",block:t.$vuetify.breakpoint.smAndDown,disabled:t.isLoading,target:"_blank",href:t.imageLink}},[e(l.A,{attrs:{small:"",left:""}},[t._v("image")]),t._v(" View Image ")],1)],1)]},proxy:!0}])})],1)}),[],!1,null,null,null).exports},65423:function(t,e,i){i.d(e,{A:function(){return o}});var s=i(43446),n=i(64724),a=i(81582),r=i(72006),l=i(69463),o=(0,r.A)(s.A,n.A,a.A).extend({name:"VSkeletonLoader",props:{boilerplate:Boolean,loading:Boolean,loadingText:{type:String,default:"$vuetify.loading"},tile:Boolean,transition:String,type:String,types:{type:Object,default:()=>({})}},computed:{attrs(){return this.isLoading?{"aria-busy":!this.boilerplate||void 0,"aria-live":this.boilerplate?void 0:"polite","aria-label":this.boilerplate?void 0:this.$vuetify.lang.t(this.loadingText),role:this.boilerplate?void 0:"alert",...this.$attrs}:this.$attrs},classes(){return{"v-skeleton-loader--boilerplate":this.boilerplate,"v-skeleton-loader--is-loading":this.isLoading,"v-skeleton-loader--tile":this.tile,...this.themeClasses,...this.elevationClasses}},isLoading(){return!("default"in this.$scopedSlots)||this.loading},rootTypes(){return{actions:"button@2",article:"heading, paragraph",avatar:"avatar",button:"button",card:"image, card-heading","card-avatar":"image, list-item-avatar","card-heading":"heading",chip:"chip","date-picker":"list-item, card-heading, divider, date-picker-options, date-picker-days, actions","date-picker-options":"text, avatar@2","date-picker-days":"avatar@28",heading:"heading",image:"image","list-item":"text","list-item-avatar":"avatar, text","list-item-two-line":"sentences","list-item-avatar-two-line":"avatar, sentences","list-item-three-line":"paragraph","list-item-avatar-three-line":"avatar, paragraph",paragraph:"text@3",sentences:"text@2",table:"table-heading, table-thead, table-tbody, table-tfoot","table-heading":"heading, text","table-thead":"heading@6","table-tbody":"table-row-divider@6","table-row-divider":"table-row, divider","table-row":"table-cell@6","table-cell":"text","table-tfoot":"text@2, avatar@2",text:"text",...this.types}}},methods:{genBone(t,e){return this.$createElement("div",{staticClass:`v-skeleton-loader__${t} v-skeleton-loader__bone`},e)},genBones(t){const[e,i]=t.split("@");return Array.from({length:i}).map((()=>this.genStructure(e)))},genStructure(t){let e=[];t=t||this.type||"";const i=this.rootTypes[t]||"";if(t===i);else{if(t.indexOf(",")>-1)return this.mapBones(t);if(t.indexOf("@")>-1)return this.genBones(t);i.indexOf(",")>-1?e=this.mapBones(i):i.indexOf("@")>-1?e=this.genBones(i):i&&e.push(this.genStructure(i))}return[this.genBone(t,e)]},genSkeleton(){const t=[];return this.isLoading?t.push(this.genStructure()):t.push((0,l.$c)(this)),this.transition?this.$createElement("transition",{props:{name:this.transition},on:{afterEnter:this.resetStyles,beforeEnter:this.onBeforeEnter,beforeLeave:this.onBeforeLeave,leaveCancelled:this.resetStyles}},t):t},mapBones(t){return t.replace(/\s/g,"").split(",").map(this.genStructure)},onBeforeEnter(t){this.resetStyles(t),this.isLoading&&(t._initialStyle={display:t.style.display,transition:t.style.transition},t.style.setProperty("transition","none","important"))},onBeforeLeave(t){t.style.setProperty("display","none","important")},resetStyles(t){t._initialStyle&&(t.style.display=t._initialStyle.display||"",t.style.transition=t._initialStyle.transition,delete t._initialStyle)}},render(t){return t("div",{staticClass:"v-skeleton-loader",attrs:this.attrs,on:this.$listeners,class:this.classes,style:this.isLoading?this.measurableStyles:void 0},[this.genSkeleton()])}})}}]);
//# sourceMappingURL=9160.40396835.js.map