https://www.fmmattsson.com/ui-dist/vue-js/169.33ec9d9e.js

1"use strict";(globalThis.webpackChunkknowit_seed_project=globalThis.webpackChunkknowit_seed_project||[]).push([[169],{44335:(e,t,a)=>{a.d(t,{T:()=>o});const o=function(e){return window.__litium&&window.__litium.translation[e]||e}},74602:(e,t,a)=>{a.d(t,{uX:()=>m,Q1:()=>h,Kk:()=>f,or:()=>b,aE:()=>g});var o=a(62850),n=a(46266);const l={productTemplateType:{type:Number,required:!0},productLanguage:{type:String,default:"en"},templateStartupJsonData:{type:Object,default:null}},r={vuexModuleName:(0,o.ref)(""),isFetchingProductData:(0,o.ref)(!1),needsScrolling:(0,o.ref)(!1),showProductList:(0,o.ref)(!1),showOptionsPanel:(0,o.ref)(!1),apiEndPoint:(0,o.ref)("")},d=e=>n.A.post(r.apiEndPoint.value,{ids:e,lang:l.productLanguage});async function i(){await(0,o.nextTick)(),r.needsScrolling.value&&(()=>{r.needsScrolling.value=!1;const e=Math.max(document.documentElement.clientHeight,window.innerHeight||0),t=document.getElementById("bottom-of-list").getBoundingClientRect().top;if(t<e)return;const a=e/2;window.scrollTo({top:t-a,behavior:"smooth"})})()}var c=a(82124);let u=null;const s={...{...r}},p={...{...l}},m=()=>({...p}),f=()=>({...s}),g=e=>{s.isFetchingProductData.value=!0,d(e).then((e=>{s.isFetchingProductData.value=!1;const t=e.data;if(Array.isArray(t)){s.needsScrolling.value=!0;const e=u.state[s.vuexModuleName.value].products;u.dispatch(s.vuexModuleName.value+"/saveProducts",e.concat(t))}}),(e=>{s.isFetchingProductData.value=!1,console.error("Error when fetching product data",e)}))},v=()=>{const e=u.state[s.vuexModuleName.value].products;if(void 0===e||0===e.length)return;s.isFetchingProductData.value=!0;let t=e.map((e=>e.productNumber));d(t).then((t=>{s.isFetchingProductData.value=!1;const a=t.data;if(Array.isArray(a)){const t=((e,t)=>t.filter((t=>0===e.filter((e=>t.productNumber==e.productNumber)).length)))(a,e);t.length>0&&console.warn("These products could not be fetched from server",t.map((e=>e.name))),a.forEach((e=>{u.dispatch(s.vuexModuleName.value+"/updateProduct",e)}))}s.showProductList.value=!0}),(e=>{s.isFetchingProductData.value=!1,s.showProductList.value=!0,console.error("Error fetching product data when trying to sync products",e)}))},h=e=>{s.apiEndPoint.value="/api/catalogue/products",s.vuexModuleName.value=e,u=(0,c.Pj)(),null!==p.templateStartupJsonData&&u.dispatch(s.vuexModuleName.value+"/updateState",p.templateStartupJsonData);u.state[s.vuexModuleName.value].products.length>0?v():s.showProductList.value=!0},b=()=>{i()}},29873:(e,t,a)=>{a.d(t,{X:()=>o});const o=()=>({vuexNamespace:{type:String,required:!0,default:""}})},22670:(e,t,a)=>{a.d(t,{A:()=>o,R:()=>n});const o="sortilog",n="flyerMaker"},58824:(e,t,a)=>{a.d(t,{A:()=>O});var o=a(62850);const n=["data-open"],l=(0,o.createElementVNode)("i",{class:"fa fa-times-circle margin-right-1","aria-hidden":"true"},null,-1),r={class:"reveal--label-maker__spacing"};var d=a(54011),i=a(5608),c=a(82124),u=a(29873),s=a(44335);const p={name:"ResetTemplateData",components:{modal:i.A},props:{...(0,u.X)()},setup(e){const t="modal__"+(0,d.A)(),a=(0,c.Pj)();return{modalId:t,handleOk:function(){a.dispatch(e.vuexNamespace+"/resetState")},translate:s.T}}};var m=a(66262);const f=(0,m.A)(p,[["render",function(e,t,a,d,i,c){const u=(0,o.resolveComponent)("modal");return(0,o.openBlock)(),(0,o.createElementBlock)("div",null,[(0,o.createElementVNode)("button",{"data-open":d.modalId,class:"c-button c-button--rounded c-label-maker__create-pdf__toggle-button"},[l,(0,o.createTextVNode)((0,o.toDisplayString)(d.translate("sortilog.reset.btn")),1)],8,n),(0,o.createVNode)(u,{modalId:d.modalId,title:d.translate("sortilog.reset.title"),okTitle:d.translate("sortilog.reset.btn"),size:"small",onOk:d.handleOk},{default:(0,o.withCtx)((()=>[(0,o.createElementVNode)("div",r,[(0,o.createElementVNode)("h2",null,(0,o.toDisplayString)(d.translate("sortilog.reset.subtitle")),1),(0,o.createElementVNode)("p",null,(0,o.toDisplayString)(d.translate("sortilog.reset.message")),1)])])),_:1},8,["modalId","title","okTitle","onOk"])])}]]),g={class:"c-label-maker__create-pdf"},v={type:"hidden",name:"json",ref:"pdfModel"},h={class:"c-button c-button--rounded c-label-maker__create-pdf__toggle-button"},b=(0,o.createElementVNode)("span",{class:"c-label-maker__product-picker__icon fal fa-file-pdf"},null,-1);const y={class:"notification-container"},T=[(0,o.createElementVNode)("span",{"aria-hidden":"true"},"×",-1)];const k={props:{title:{type:String,required:!1,default:""},text:{type:String,required:!1,default:""},classType:{type:String,required:!1,default:"Warning"},closable:{type:Boolean,required:!1,default:!0}},setup(e,{emit:t}){const a=(0,o.ref)(!1),n=(0,o.ref)("");(0,o.onMounted)((()=>{a.value=!0}));return{show:a,destroyNotification:()=>

1{a.value&&(a.value=!1,setTimeout((()=>{t("closed-notification")}),500))},extraText:n,changeExtraText:e=>{n.value=e}}}},N=(0,m.A)(k,[["render",function(e,t,a,n,l,r){return(0,o.openBlock)(),(0,o.createElementBlock)("div",y,[(0,o.createVNode)(o.Transition,{name:"notification",mode:"out-in"},{default:(0,o.withCtx)((()=>[n.show?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:(0,o.normalizeClass)("callout "+a.classType)},[(0,o.createElementVNode)("h5",null,(0,o.toDisplayString)(a.title),1),(0,o.createElementVNode)("p",null,(0,o.toDisplayString)(a.text),1),(0,o.createElementVNode)("p",null,(0,o.toDisplayString)(n.extraText),1),a.closable?((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:0,class:"close-button","aria-label":"Dismiss alert",type:"button",onClick:t[0]||(t[0]=(...e)=>n.destroyNotification&&n.destroyNotification(...e))},T)):(0,o.createCommentVNode)("v-if",!0)],2)):(0,o.createCommentVNode)("v-if",!0)])),_:1})])}]]);var E;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.SUCCESS="success",e.WARNING="warning",e.ALERT="alert"}(E||(E={}));const w=(e,t,a,n=!0)=>{const l=document.createElement("div");let r=null,d=null;const i=(0,o.h)(N,{onClosedNotification:()=>{((e,t)=>

1{t&&t.unmount(),e&&document.body.removeChild(e)})(l,d)}});return d=(0,o.createApp)(i,{title:e,text:t,classType:a,closable:n}),r=d.mount(l),document.body.appendChild(l),r};var D=a(46266);const _={name:"CreatePdf",components:{modal:i.A},props:{templateType:{type:Number,required:!0},templateModel:{type:Object},language:{type:String,required:!0},predefinedContent:{type:Object,required:!1},bookletModal:{type:Boolean,default:!1,required:!1},endpoint:{type:String,required:!0}},setup(e){const t=(0,o.ref)(!1),a="modal__"+(0,d.A)(),n=(0,o.ref)(null),l=(0,o.ref)(null),r=()=>{e.predefinedContent&&(e.templateModel.predefinedContent=e.predefinedContent),e.templateModel.isBooklet=t.value,n.value.value=JSON.stringify(e.templateModel);let a={json:e.templateModel,templatetype:e.templateType,language:e.language};var o=w((0,s.T)("createpdfpopup.title"),(0,s.T)("createpdfpopup.text"),E.PRIMARY,!0);D.A.post(e.endpoint,JSON.stringify(a),{headers:{"Content-Type":"application/json"}}).then((e=>{setTimeout((()=>i(e.data,o,null)),1e3)}),(e=>{((e,t,a,o=!0,n=3e3)=>{let l=w(e,t,a,o);setTimeout((()=>{l.destroyNotification()}),n)})((0,s.T)("createpdfpopup.title"),(0,s.T)("createerrorpopup.text"),E.ALERT,!0,4e3)}))},i=(e,t,a)=>{a||(a=Date.now()),D.A.get(`/api/pdf/statuscheck?fileid=${e}`).then((o=>{if("Done"===o.data)((e,t)=>{D.A.get(`/api/pdf/getfile?fileid=${e}`,{responseType:"blob",headers:{"Content-Type":"application/json"}}).then((e=>{var t=window.URL.createObjectURL(e.data),a=document.createElement("a");a.href=t,a.download=(new Date).toISOString().slice(0,10),a.click()})).finally((()=>{(e=>{e.destroyNotification()})(t)}))})(e,t);else{let o=Math.round((Date.now()-a)/1e3);t.changeExtraText(`${(0,s.T)("createdpdfpopup.waitingtext")} ${o} s`),setTimeout((()=>i(e,t,a)),1e3)}})).catch((e=>{}))};return{isBooklet:t,modalId:a,submitForm:r,createPdf:t=>{t.preventDefault(),e.bookletModal||r()},bookletModalHide:e=>{r()},pdfModel:n,translate:s.T,form:l}}},x=(0,m.A)(_,[["render",function(e,t,a,n,l,r){return(0,o.openBlock)(),(0,o.createElementBlock)("div",g,[(0,o.createElementVNode)("form",{ref:"form",onSubmit:t[2]||(t[2]=(0,o.withModifiers)(((...e)=>n.createPdf&&n.createPdf(...e)),["prevent"])),class:"c-label-maker__product-picker__form"},[(0,o.createElementVNode)("input",v,null,512),(0,o.withDirectives)((0,o.createElementVNode)("input",{type:"hidden",name:"templateType","onUpdate:modelValue":t[0]||(t[0]=e=>a.templateType=e)},null,512),[[o.vModelText,a.templateType]]),(0,o.withDirectives)((0,o.createElementVNode)("input",{type:"hidden",name:"lang","onUpdate:modelValue":t[1]||(t[1]=e=>a.language=e)},null,512),[[o.vModelText,a.language]]),(0,o.createElementVNode)("button",h,[b,(0,o.createTextVNode)((0,o.toDisplayString)(n.translate("sortilog.createpdf")),1)])],544)])}]]),S={key:0,class:"c-label-maker__create-pdf"},M={type:"hidden",name:"json",ref:"pdfModel"},V=(0,o.createElementVNode)("button",{class:"c-button c-button--rounded c-label-maker__create-pdf__toggle-button"},[(0,o.createElementVNode)("i",{class:"fa fa-code","aria-hidden":"true"}),(0,o.createTextVNode)(" Debug PDF ")],-1);const C={showDebugUtils:!1,showBetaUtils:!1},P={name:"DebugPdfHtml",props:{templateType:{type:Number,required:!0},templateModel:{type:Object},predefinedContent:{type:Object,required:!1}},setup(e){C.showDebugUtils=-1!==document.location.href.indexOf("debug=true"),C.showBetaUtils=-1!==document.location.href.indexOf("beta=true");const t=(0,o.ref)(null);return{...{...C},createPdf:a=>{a.preventDefault(),e.predefinedContent&&(e.templateModel.predefinedContent=e.predefinedContent),t.value.value=JSON.stringify(e.templateModel),a.target.submit()},pdfModel:t}}},A=(0,m.A)(P,[["render",function(e,t,a,n,l,r){return e.showDebugUtils?((0,o.openBlock)(),(0,o.createElementBlock)("div",S,[(0,o.createElementVNode)("form",{method:"post",action:"/site.axd/pdf/ashtml",onSubmit:t[1]||(t[1]=(0,o.withModifiers)(((...e)=>n.createPdf&&n.createPdf(...e)),["prevent"])),class:"c-label-maker__product-picker__form"},[(0,o.createElementVNode)("input",M,null,512),(0,o.withDirectives)((0,o.createElementVNode)("input",{type:"hidden",name:"templateType","onUpdate:modelValue":t[0]||(t[0]=e=>a.templateType=e)},null,512),[[o.vModelText,a.templateType]]),V],32)])):(0,o.createCommentVNode)("v-if",!0)}]]);var B;!function(e){e[e.SORTILOG=0]="SORTILOG",e[e.FLYERMAKER=1]="FLYERMAKER"}(B||(B={}));const R={name:"ActionsMenu",components:{"create-pdf":x,"reset-template-data":f,"debug-pdf-html":A},props:{templateType:{type:Number,required:!0},language:{type:String,default:"en"},predefinedContent:{type:Object,required:!1},bookletModal:{type:Boolean,default:!1,required:!1},...(0,u.X)()},setup(e){const t=(0,c.Pj)();return{templateModel:(0,o.computed)((()=>t.state[e.vuexNamespace])),endpoint:(e=>{const t="/api/pdf";return e===B.SORTILOG?`${t}/generatelargepdf`:e===B.FLYERMAKER?`${t}/generate/flyer`:null})(e.templateType)}}},O=(0,m.A)(R,[["render",function(e,t,a,n,l,r){const d=(0,o.resolveComponent)("create-pdf"),i=(0,o.resolveComponent)("reset-template-data"),c=(0,o.resolveComponent)("debug-pdf-html");return(0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,[(0,o.createVNode)(d,{templateModel:n.templateModel,templateType:a.templateType,language:a.language,bookletModal:a.bookletModal,predefinedContent:a.predefinedContent,endpoint:n.endpoint},null,8,["templateModel","templateType","language","bookletModal","predefinedContent","endpoint"]),(0,o.createVNode)(i,{vuexNamespace:e.vuexNamespace},null,8,["vuexNamespace"]),(0,o.createVNode)(c,{templateModel:n.templateModel,templateType:a.templateType,predefinedContent:a.predefinedContent},null,8,["templateModel","templateType","predefinedContent"])],64)}]])},1268:(e,t,a)=>{a.d(t,{A:()=>s});var o=a(62850);const n={class:"c-custom-logo"},l={class:"c-custom-logo__container"}

1,r=["src"],d=[(0,o.createElementVNode)("i",{class:"fa fa-trash","aria-hidden":"true"},null,-1)];var i=a(43058),c=a(44335);const u={props:{modelValue:String},setup(e,t){let a=(0,o.ref)(e.modelValue),n=(0,o.ref)(!1),l=(0,o.ref)("");const r=(0,o.reactive)({multiple:!1,onDrop:function(e,t){const a=e[0].size/1048576;if(a>2)return n.value=!0,void(l.value=`File is too big (${a.toFixed(2)}MiB). Max filesize: 2MiB`);n.value=t.length>0;let o=new FileReader;o.onload=function(e){n.value?m(""):m(e.target.result)}.bind(this),o.readAsDataURL(e[0])},accept:"image/*,.svg"}),d=(0,o.computed)((()=>void 0!==a.value&&""!==a.value)),{getRootProps:u,getInputProps:s,...p}=(0,i.V)(r);function m(e){a.value=e,t.emit("update:modelValue",e)}return{imageDataUrl:a,hasImageDataUrl:d,uploadedFileHasError:n,errorMessage:l,options:r,getRootProps:u,getInputProps:s,removeLogo:function(){m("")},translate:c.T}}};const s=(0,a(66262).A)(u,[["render",function(e,t,a,i,c,u){return(0,o.openBlock)(),(0,o.createElementBlock)("span",n,[(0,o.withDirectives)((0,o.createElementVNode)("div",l,[(0,o.createElementVNode)("img",{class:"c-custom-logo__img img-fluid",src:i.imageDataUrl},null,8,r),(0,o.withDirectives)((0,o.createElementVNode)("button",{onClick:t[0]||(t[0]=(...e)=>i.removeLogo&&i.removeLogo(...e)),class:"button c-button c-button--rounded c-button--theme-mora-gray remove-custom-logo",title:"Remove image"},d,512),[[o.vShow,i.hasImageDataUrl]])],512),[[o.vShow,i.hasImageDataUrl]]),(0,o.withDirectives)((0,o.createElementVNode)("div",(0,o.mergeProps)(i.getRootProps(),{class:"c-custom-logo__dropzone"}),[(0,o.createElementVNode)("input",(0,o.normalizeProps)((0,o.guardReactiveProps)(i.getInputProps())),null,16),(0,o.createElementVNode)("p",null,(0,o.toDisplayString)(i.translate("sortilog.customlogo")),1)],16),[[o.vShow,!i.hasImageDataUrl]]),(0,o.withDirectives)((0,o.createElementVNode)("div",{class:"error-message"},(0,o.toDisplayString)(i.errorMessage),513),[[o.vShow,i.uploadedFileHasError]])])}]])},61653:(e,t,a)=>{a.d(t,{A:()=>u});var o=a(62850);const n={ref:"root"};var l=a(31062),r=a.n(l);const{bind:d,unbind:i}=r().directive,c={name:"EditableText",props:{modelValue:String,placeholderText:String,allowNewline:{type:Boolean,default:!1}},setup(e,t){const a=(0,o.ref)(null);let n=null;(0,o.onMounted)((()=>{n=a.value.firstElementChild,n&&(n.setAttribute("contenteditable",!0),n.setAttribute("autocomplete","diable_autocomplete_random_"+Date.now()),n.addEventListener("keydown",(t=>{(function(t){return!(!e.allowNewline&&"Enter"===t.key)})(t)||t.preventDefault()})),n.addEventListener("keyup",(e=>{e.currentTarget.dataset.isOverflowing=function(e){let t=e.currentTarget;return t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth+1}(e),c()})),n.addEventListener("paste",(e=>{e.preventDefault();let t="";if(e.clipboardData)return t=e.clipboardData.getData("text/plain"),document.execCommand("insertText",!1,t),!1;window.clipboardData&&(t=window.clipboardData.getData("Text"),window.getSelection&&window.getSelection().getRangeAt(0).insertNode(document.createTextNode(t))),c()})),n.addEventListener("mousedown",(t=>{e.placeholderText&&(n.dataset.placeholderText="",d(n,{value:r})),t.stopPropagation()})),e.modelValue&&(n.innerHTML+=e.modelValue),e.placeholderText&&(n.dataset.placeholderText=e.placeholderText))}));let{modelValue:l}=(0,o.toRefs)(e);function r(t){e.placeholderText&&(n.dataset.placeholderText=e.placeholderText,i(n))}function c(){var e,a;t.emit("update:modelValue",(e=n.innerHTML,"<br>"===(a=e.replace(new RegExp("</(div|p)>","gm"),"").replace(new RegExp("<(div|p)>","gm"),"<br />")).trim()?"":a))}return(0,o.watch)(l,(e=>{document.activeElement===n&&""!==e||(n.innerHTML=e)})),{root:a,content:n}}};const u=(0,a(66262).A)(c,[["render",function(e,t,a,l,r,d){return(0,o.openBlock)(),(0,o.createElementBlock)("span",n,[(0,o.renderSlot)(e.$slots,"default")],512)}]])},5608:(e,t,a)=>{a.d(t,{A:()=>v});var o=a(62850);const n=["id"],l={class:"c-label-maker c-label-maker--modal"},r={class:"c-label-maker__product-picker__header"},d=(0,o.createElementVNode)("button",{class:"close-button","data-close":"","aria-label":"Stäng modal",type:"button"},[(0,o.createElementVNode)("span",{"aria-hidden":"true"},"×")],-1),i={class:"title"},c={key:0,class:"buttons reveal--label-maker__spacing reveal--label-maker__footer"};var u=a(68991),s=a(44335),p=a(96569),m=a(74692),f=a.n(m);u.i.addToJquery(f()),u.i.plugin(p.g,"Reveal");const g={props:{modalId:{type:String,required:!0},title:{type:String,required:!1,default:""},okTitle:{type:String,required:!1,default:""},cancelTitle:{type:String,required:!1,default:(0,s.T)("sortilog.cancel")},size:{type:String,default:""}},setup(e,t){(0,o.onMounted)((()=>{f()("#"+e.modalId).foundation(),f()("#"+e.modalId).on("closed.zf.reveal",(function(){t.emit("close")})),f()("#"+e.modalId).on("open",(function(){t.emit("open")}))}

1));return{handleOk:()=>{t.emit("ok")},handleCancel:()=>{t.emit("cancel")}}}};const v=(0,a(66262).A)(g,[["render",function(e,t,a,u,s,p){return(0,o.openBlock)(),(0,o.createElementBlock)("div",{id:a.modalId,ref:"modal",class:(0,o.normalizeClass)(`${a.size} reveal fast reveal--label-maker`),"data-reveal":"","data-animation-in":"slide-in-down"},[(0,o.createElementVNode)("div",l,[(0,o.createElementVNode)("div",r,[d,(0,o.createElementVNode)("h2",i,(0,o.toDisplayString)(a.title),1)]),(0,o.renderSlot)(e.$slots,"default"),a.okTitle.length>0?((0,o.openBlock)(),(0,o.createElementBlock)("div",c,[(0,o.createElementVNode)("button",{class:"c-button c-button--rounded cancel-button c-button-outline--primary",onClick:t[0]||(t[0]=(...e)=>u.handleCancel&&u.handleCancel(...e)),"data-close":""},(0,o.toDisplayString)(a.cancelTitle),1),(0,o.createElementVNode)("button",{class:"c-button c-button--rounded c-button--primary ok-button",onClick:t[1]||(t[1]=(...e)=>u.handleOk&&u.handleOk(...e)),"data-close":""},(0,o.toDisplayString)(a.okTitle),1)])):(0,o.createCommentVNode)("v-if",!0)])],10,n)}]])}}]);