https://kystriksveien.no/dist/all/chunks/2267-002b70e19710d5f13b19.js

1"use strict";(globalThis.webpackChunkwips_components_scripts||=[]).push([[2267],{"070b3a26c6891d57"(e,l,t){t.r(l),t.d(l,{default:()=>x});var a=t("b641633d6c906d19"),i=t("82d8eefb58430341"),o=t("99c472be6da17922"),n=t("a54fa6d0a722ba3f"),u=t("ab5c7e913102dd40"),s=t("d9492f72911b6294"),r=(t("6bcf20aa1369abd3"),t("eb0d7dd6674ec63a")),d=t("92c490e8e5efe9cd"),c=t("ae9d05444599c85c"),v=t("99abdbf555eb565c");var f=t("7a6fd9e5902000cd"),b=t("57d05961455c7f88");const p=["textContent"],m=(0,a.pM)({inheritAttrs:!1,directives:{ContextMenu:b.A}}),k=(0,a.pM)({...m,__name:"GridBlockWrapper",props:{classList:{default:()=>({})},blockComponent:{},publishedData:{default:()=>({})},blockProps:{default:()=>({})},publishId:{},publishedToId:{},containerName:{},objectName:{default:null},position:{},blockId:{},title:{default:""},embeddedContext:{default:null}},emits:["ready"],setup(e,{expose:l,emit:b}){(0,i.$9)(e=>({b7da6c2c:q.value,v1d9284a1:Q.value,v16f25317:U.value,d7202520:K.value,v466328ba:O.value,v125efcce:X.value,v869e32a4:N.value,v4f6e2f90:Z.value}));const m=(0,a.$V)(()=>Promise.all([t.e(46855),t.e(56689),t.e(86962),t.e(6349),t.e(20116),t.e(83281),t.e(31890),t.e(60186),t.e(83128),t.e(54514),t.e(57099),t.e(69781),t.e(49807),t.e(79534),t.e(32723),t.e(66576),t.e(35160),t.e(52220),t.e(37694),t.e(24774),t.e(36807)]).then(t.bind(t,"ba72b30b7c99cafb"))),k=b,{t:x}=(0,u.s)(),h=e,W=(0,a.rk)("blockComponentRef"),E=(0,a.WQ)(f.SA,(0,n.KR)(!1)),y=(0,a.WQ)(f.eE,null),w=(0,a.WQ)(f.z8,(0,n.KR)("row")),C=(0,a.WQ)(f.rF,()=>{}),B=(0,a.WQ)(f.HQ,()=>{}),{adminMode:g,blockAdmin:R,blockPublishedContextData:_,effectiveTitle:M,hasTitle:I,wrapperClassList:A,displayValue:F,updateTitle:T,updateVisibility:V,blockIsReady:L,wrappedOnBlockComponentMounted:P}=function(e,l){const{isAdministrator:t}=(0,r.bP)((0,d.x)()),i=(0,n.IJ)(null),o=(0,n.KR)(null),u=(0,n.KR)(!0);let s=null;const f=new Promise(e=>{s=e});v.default.instance().getBlockAdmin().then(e=>{i.value=e});const b=(0,a.EW)(()=>new c.F(e.containerName,e.publishedToId,e.publishId)),p=(0,a.EW)(()=>o.value??e.title??""),m=(0,a.EW)(()=>p.value.length>0),k=(0,a.EW)(()=>{const l=e.publishedData?.["title-align"]??"left";return["center","left","right"].includes(l)?l:"left"}),x=(0,a.EW)(()=>t.value||u.value?null:"none"),h=(0,a.EW)(()=>e.classList??{}),W=(0,a.EW)(()=>({"--block-title-text-align":k.value,"--block-wrapper-display-value":x.value}));return{adminMode:t,blockAdmin:i,blockPublishedContextData:b,effectiveTitle:p,hasTitle:m,titleAlignment:k,displayValue:x,wrapperClassList:h,cssVariables:W,updateTitle:e=>{o.value=e},updateVisibility:e=>{u.value=e},blockIsReady:()=>f,wrappedOnBlockComponentMounted:()=>{const e=l.value;e?.setPublishedContextData&&e.setPublishedContextData(b.value),(async()=>{for(;!l.value;)await new Promise(e=>setTimeout(e,100));const e=l.value.blockIsReady??null;e instanceof Function?(await e(),s()):s()})()}}}(h,W);L().then(()=>k("ready"));const G=(0,n.KR)({});function $(e,l){const t=G.value[e];return void 0!==t?t:h.publishedData?.[e]??l}const Q=(0,a.EW)(()=>$("flex-grow",0)),U=(0,a.EW)(()=>$("flex-shrink",1)),D=(0,a.EW)(()=>$("flex-basis-value",100)),H=(0,a.EW)(()=>$("flex-basis-unit","%")),K=(0,a.EW)(()=>D.value+H.value),O=(0,a.EW)(()=>$("mobile-flex-grow",Q.value)),X=(0,a.EW)(()=>$("mobile-flex-shrink",U.value)),z=(0,a.EW)(()=>$("mobile-flex-basis-value",D.value)),S=(0,a.EW)(()=>$("mobile-flex-basis-unit",H.value)),N=(0,a.EW)(()=>z.value+S.value),Y=(0,a.EW)(()=>$("title-alignment","center")),j=(0,a.EW)(()=>$("force-wrap-before",!1)),J=(0,a.EW)(()=>$("force-wrap-after",!1)),q=(0,a.EW)(()=>F.value??"grid"),Z=(0,a.EW)(()=>"hidden"===Y.value?"center":Y.value),ee=(0,n.KR)(!1),le=(0,a.EW)(()=>({flexGrow:Q.value,flexShrink:U.value,flexBasisValue:D.value,flexBasisUnit:H.value,mobileFlexGrow:O.value,mobileFlexShrink:X.value,mobileFlexBasisValue:z.value,mobileFlexBasisUnit:S.value,titleAlignment:Y.value,forceWrapBefore:j.value,forceWrapAfter:J.value}));function te(e,l){if(E.value&&y)return G.value={...G.value,[e]:l},void y(h.publishId,e,l);R.value.updatePublishedData(h.publishId,e,l)}function ae(){ee.value=!0}function ie(e){const l=[["flex-grow",e.flexGrow,Q.value],["flex-shrink",e.flexShrink,U.value],["flex-basis-value",e.flexBasisValue,D.value],["flex-basis-unit",e.flexBasisUnit,H.value],["mobile-flex-grow",e.mobileFlexGrow,O.value],["mobile-flex-shrink",e.mobileFlexShrink,X.value],["mobile-flex-basis-value",e.mobileFlexBasisValue,z.value],["mobile-flex-basis-unit",e.mobileFlexBasisUnit,S.value],["title-alignment",e.titleAlignment,Y.value],["force-wrap-before",e.forceWrapBefore,j.value],["force-wrap-after",e.forceWrapAfter,J.value]];for(const[e,t,a]of l)t!==a&&te(e,t)}l({blockIsReady:L,forceWrapBefore:j,forceWrapAfter:J});let oe=null,ne=0,ue=0,se=0,re=0,de=0,ce=0,ve=!1,fe="%",be="flex-basis-value";function pe(e){const l=e.currentTarget;l.setPointerCapture(e.pointerId),oe=e.pointerId,ne=e.clientX,ue=e.clientY,ve=window.matchMedia("(max-width: 768px)").matches;const t=l.parentElement;se=t?.offsetWidth??0,re=t?.offsetHeight??0,de=t?.parentElement?.offsetWidth??1,ce=t?.parentElement?.offsetHeight??1,fe=ve?S.value:H.value,be=ve?"mobile-flex-basis-value":"flex-basis-value",l.addEventListener("pointermove",me),l.addEventListener("pointerup",ke),l.addEventListener("lostpointercapture",ke)}function me(e){const l="column"===w.value||"column-reverse"===w.value,t=l?e.clientY-ue:e.clientX-ne,a=l?re:se;let i;if("%"===fe){const e=l?ce:de,o=Math.max(32,a+t);i=Math.min(100,Math.max(1,Math.round(o/e*100)))}else i=Math.max(1,Math.round(a+t));G.value={...G.value,[be]:i}}function ke(e){if(e.pointerId!==oe)return;const l=e.currentTarget;l.removeEventListener("pointermove",me),l.removeEventListener("pointerup",ke),l.removeEventListener("lostpointercapture",ke),oe=null,y&&void 0!==G.value[be]&&y(h.publishId,be,G.value[be])}const xe=(0,a.EW)(()=>E.value&&g.value&&R.value?[[x("Edit block"),()=>R.value.editBlock(null,h.blockId,()=>B(h.publishId))],[x("Layout settings"),()=>ae()],[x("Remove block"),()=>

1R.value.deleteBlock(h.publishId,C)]]:[]);return(l,t)=>{const i=(0,a.gN)("context-menu");return(0,a.bo)(((0,a.uX)(),(0,a.CE)("div",{class:(0,o.C4)([[l.$style.flexBlock,(0,n.R1)(A),{[l.$style.editMode]:(0,n.R1)(E)}],"grid-block-wrapper"])},[(0,n.R1)(I)&&"hidden"!==Y.value?((0,a.uX)(),(0,a.CE)("h3",{key:0,textContent:(0,o.v_)((0,n.R1)(M)),class:(0,o.C4)(l.$style.blockTitle)},null,10,p)):(0,a.Q3)("",!0),((0,a.uX)(),(0,a.Wv)((0,a.$y)(e.blockComponent),(0,a.v6)({ref_key:"blockComponentRef",ref:W},e.blockProps,{"published-context-data":(0,n.R1)(_),onVnodeMounted:(0,n.R1)(P),"onUpdate:title":(0,n.R1)(T),"onUpdate:visibility":(0,n.R1)(V)}),null,16,["published-context-data","onVnodeMounted","onUpdate:title","onUpdate:visibility"])),(0,n.R1)(E)?((0,a.uX)(),(0,a.CE)("div",{key:1,class:(0,o.C4)(l.$style.controlsOverlay)},[(0,a.Lk)("div",{class:(0,o.C4)(l.$style.overlayButton),onClick:ae},[(0,a.bF)(s.default,{"icon-name":"settings"})],2),(0,a.Lk)("div",{class:(0,o.C4)(["grid-drag-handle",l.$style.overlayButton])},[(0,a.bF)(s.default,{"icon-name":"open_with"})],2)],2)):(0,a.Q3)("",!0),(0,n.R1)(E)?((0,a.uX)(),(0,a.CE)("div",{key:2,class:(0,o.C4)(l.$style.resizeHandle),onPointerdown:pe},null,34)):(0,a.Q3)("",!0),(0,a.bF)((0,n.R1)(m),{modelValue:ee.value,"onUpdate:modelValue":t[0]||(t[0]=e=>ee.value=e),"initial-values":le.value,onApply:ie},null,8,["modelValue","initial-values"])],2)),[[i,xe.value]])}}}),x=(0,t("461bee8a7784aa7f").A)(k,[["__cssModules",{$style:{flexBlock:"GridBlockWrapper__flexBlock--WlwCo",blockTitle:"GridBlockWrapper__blockTitle--FlCw8",controlsOverlay:"GridBlockWrapper__controlsOverlay--O7k5g",resizeHandle:"GridBlockWrapper__resizeHandle--dMRs8",overlayButton:"GridBlockWrapper__overlayButton--OK_z0",editMode:"GridBlockWrapper__editMode--EyHL3"}}]])}}]);