@fabric-ds/vue - npm Package Compare versions

Comparing version 0.12.1 to 0.12.2

dist/fabric-vue.js

@@ -1,2 +0,2 @@
-import{modelProps as e,createModel as t}from"create-v-model";import{openBlock as l,createElementBlock as a,Fragment as n,withDirectives as o,createElementVNode as r,mergeProps as i,vModelDynamic as s,normalizeClass as d,renderSlot as u,computed as c,resolveComponent as p,createBlock as f,withCtx as v,resolveDynamicComponent as b,createVNode as m,TransitionGroup as g,Transition as h,h as w,toRefs as y,inject as x,ref as k,watch as C,reactive as B,provide as _,onBeforeUnmount as L,createTextVNode as $,toDisplayString as V,createCommentVNode as S,onMounted as T,watchEffect as D,normalizeProps as M,guardReactiveProps as E,vModelSelect as A,vModelText as z,renderList as I,toRef as q,nextTick as F,withModifiers as j,normalizeStyle as H,vModelCheckbox as O,vShow as R}from"vue";import{expand as P,collapse as W}from"element-collapse";import K from"@finn-no/dom-focus-lock-fixed";import{setup as U,teardown as N}from"scroll-doctor";import Z from"femtobounce";import{computePosition as G,flip as X,offset as J,shift as Q,arrow as Y}from"@floating-ui/dom";const ee={default:()=>"f-"+Date.now().toString(36).slice(5,8)+"-"+Math.random().toString(36).slice(2,8)},te=Symbol(),le=e=>t=>e.forEach((e=>{if(!e.name)throw`Missing name property for ${e}`;t.component(e.name)||t.component(e.name,e)}));var ae={name:"fToggleItem",props:{id:ee,label:String,labelClass:null,...e()},setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const ne=["id"],oe=["for","innerHTML"],re=["for"];ae.render=function(e,t,c,p,f,v){return l(),a(n,null,[o(r("input",i({id:c.id,"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t)},e.$attrs),null,16,ne),[[s,e.model]]),c.label?(l(),a("label",{key:0,for:c.id,innerHTML:c.label,class:d(c.labelClass)},null,10,oe)):(l(),a("label",{key:1,for:c.id,class:d(c.labelClass)},[u(e.$slots,"default")],10,re))],64)},ae.__file="components/generic/f-toggle-item.vue";var ie={name:"fClickable",components:{fToggleItem:ae},props:{href:String,label:Boolean,radio:Boolean,checkbox:Boolean},setup:e=>({clickableClasses:"absolute inset-0 h-full w-full appearance-none cursor-pointer",labelClasses:"px-12 py-8 field-label cursor-pointer",type:c((()=>e.radio?"radio":"checkbox"))})};ie.render=function(e,t,a,n,o,s){const c=p("f-toggle-item");return a.radio||a.checkbox?(l(),f(c,i({key:0,class:["focus-ring focus-ring-inset",e.clickableClasses],type:e.type,"label-class":{[e.labelClasses]:a.label}},e.$attrs),{default:v((()=>[u(e.$slots,"default")])),_:3},16,["class","type","label-class"])):(l(),f(b(a.href?"a":"button"),{key:1,class:d(["focus-ring focus-ring-inset",{[e.labelClasses]:a.label}]),href:a.href,type:a.href?void 0:e.$attrs.type||"button"},{default:v((()=>[r("span",{class:d(e.clickableClasses),"aria-hidden":"true"},null,2),u(e.$slots,"default")])),_:3},8,["class","href","type"]))},ie.__file="components/generic/f-clickable.vue";var se={name:"fDeadToggle",components:{fToggleItem:ae},props:{radio:Boolean,checkbox:Boolean},setup:e=>({type:c((()=>e.radio?"radio":"checkbox"))})};const de={class:"input-toggle h-20 w-20 pointer-events-none","aria-hidden":"true"};se.render=function(e,t,n,o,r,s){const d=p("f-toggle-item");return l(),a("div",de,[m(d,i({class:"hidden","label-class":"-mt-2",type:e.type},e.$attrs),null,16,["type"])])},se.__file="components/generic/f-dead-toggle.vue";var ue={name:"fExpandTransition",props:{group:Boolean,tag:String},setup(e,{emit:t,slots:l}){const a=e.group?g:h,n=()=>t("expand"),o=()=>t("collapse");return()=>w(a,{css:!1,onEnter:P,onAfterEnter:n,onLeave:W,onAfterLeave:o,tag:e.tag},l)}};const ce={valid:!0},pe={valid:!1,hint:"Må fylles ut"};function fe(e){return null==e?pe:("string"!=typeof e||e.trim())&&("number"!=typeof e||!Number.isNaN(e))||pe}const ve=()=>x("validation:collector"),be=()=>{const e=k([]),t=k(!1),l=c((()=>e.value.every((e=>e.valid)))),a=c((()=>e.value.filter((e=>e.required)).every((e=>e.valid))));C(t,(()=>e.value.forEach((e=>e.shouldValidate=t.value))));const n=B({registerValidation:l=>{l.shouldValidate.value=t.value,e.value.push(l)},unregisterValidation:t=>{const l=e.value.indexOf(t);-1!==l&&e.value.splice(l,1)},validationElements:e,childrenShouldValidate:t,allChildrenValid:l,valid:l,completed:a,validate:()=>t.value=!0});return _("validation:collector",n),y(n)},me=e=>{const t=k(!1),l=c((()=>{const t="function"==typeof e.required?e.required:fe;return e.required?[t].concat(e.rules||[]):e.rules||[]})),a=c((()=>{if(!l.value.length)return ce;let t;return l.value.some((l=>(t=l(e.modelValue),"object"==typeof t)))?t:ce})),n=c((()=>a.value.valid)),o=c((()=>a.value.hint)),r=c((()=>t.value||!!a.value.always)),i=c((()=>r.value&&!a.value.valid)),s=x("validation:collector",null);if(s){const e={shouldValidate:t,valid:n};s.registerValidation(e),L((()=>s.unregisterValidation(e)))}return{triggerValidation:()=>{t.value=!0},shouldValidate:t,validation:a,valid:n,validationMsg:o,showValidation:r,hasErrorMessage:i,collector:s}},ge={id:ee,label:String,role:String,invalid:Boolean,hint:String,optional:Boolean,labelLevel:Number,rules:{type:Array,default:()=>[]},...e()},he=(e,t)=>e?t:void 0;var we={name:"fField",inheritAttrs:!1,props:{...ge,as:{type:String,default:"div"},required:[Boolean,Function],disabled:Boolean},setup(e,{slots:t}){const{triggerValidation:l,valid:a,validationMsg:n,hasErrorMessage:o,collector:r}=me(e),i=c((()=>"fieldset"===e.as)),s=c((()=>i.value?"legend":"label")),d=c((()=>i.value?void 0:e.id)),u=c((()=>(e.label||t.label)&&e.id+":label")),p=c((()=>e.id+":hint")),f=c((()=>he(o.value,e.id+":error"))),v=c((()=>({"aria-labelledby":u.value,"aria-describedby":he(e.hint,p.value),"aria-errormessage":f.value,"aria-invalid":!a.value||e.invalid||void 0,"aria-required":e.required&&!0}))),b=c((()=>he(i.value,v.value)));return{triggerValidation:l,validationMsg:n,hasErrorMessage:o,labelType:s,labelFor:d,labelId:u,hintId:p,errorId:f,aria:v,wrapperAria:b,collector:r,valueOrUndefined:he}}};const ye={key:0,class:"pl-8 font-normal text-14 text-gray-500"},xe={key:1,class:"field-hint"},ke=["id","innerHTML"],Ce={key:1},Be=["id"];we.render=function(e,t,n,o,r,s){return l(),f(b(n.as),i({class:["field",{"is-invalid":o.hasErrorMessage,"is-disabled":n.disabled,[e.$attrs.class||""]:!0}],role:e.role},o.wrapperAria),{default:v((()=>[e.label?(l(),f(b(o.labelType),{key:0,class:"field-label",id:o.labelId,for:o.labelFor,role:o.valueOrUndefined(e.labelLevel,"heading"),"aria-level":o.valueOrUndefined(e.labelLevel,e.labelLevel)},{default:v((()=>[$(V(e.label),1),e.optional?(l(),a("span",ye," (valgfritt)")):S("v-if",!0)])),_:1},8,["id","for","role","aria-level"])):S("v-if",!0),u(e.$slots,"default",{triggerValidation:o.triggerValidation,labelFor:e.id,labelId:o.labelId,aria:o.aria}),u(e.$slots,"control",{form:o.collector}),e.hint||o.hasErrorMessage?(l(),a("div",xe,[e.hint?(l(),a("span",{key:0,id:o.hintId,innerHTML:e.hint},null,8,ke)):S("v-if",!0),e.hint&&o.hasErrorMessage?(l(),a("span",Ce,", ")):S("v-if",!0),o.hasErrorMessage?(l(),a("span",{key:2,id:o.errorId},V(o.validationMsg),9,Be)):S("v-if",!0)])):S("v-if",!0)])),_:3},16,["class","role"])},we.__file="components/forms/f-field.vue";var _e={name:"fInput",components:{fField:we},inheritAttrs:!1,props:{...ge,type:{type:String,default:"text"},inputWrapperClass:String,autocomplete:{type:String,default:"off"},mask:Object},setup(e,{emit:l}){const a=t({props:e,emit:l}),n=k(null);return e.mask&&(({props:e,emit:t,inputEl:l})=>{const a=x("Cleave",null);if(!a)throw"Cleave not provided from Vue app, cannot set up mask";let n=null;T((()=>{n=new a(l.value,Object.assign({},e.mask,{onValueChanged:e=>t("update:modelValue",e.target.rawValue)})),D((()=>{e.modelValue!==n.getRawValue()&&n.setRawValue(e.modelValue)}))})),L((()=>{n.destroy(),n=null}))})({props:e,emit:l,inputEl:n}),{model:a,inputEl:n}}};const Le=["onBlur","autocomplete","id","type"],$e=["onBlur","autocomplete","id","type"];_e.render=function(e,t,n,c,b,m){const g=p("f-field");return l(),f(g,i({...e.$attrs,...e.$props},{class:{"has-suffix":e.$slots.suffix,"has-prefix":e.$slots.prefix}}),{default:v((({triggerValidation:p,aria:f})=>[r("div",{class:d(["input",n.inputWrapperClass])},[u(e.$slots,"prefix",{inputElement:c.inputEl}),n.mask?(l(),a("input",i({key:0},{...f,...e.$attrs,class:""},{onBlur:p,ref:"inputEl",autocomplete:n.autocomplete,id:e.id,type:n.type}),null,16,Le)):o((l(),a("input",i({key:1},{...f,...e.$attrs,class:""},{onBlur:p,ref:"inputEl",autocomplete:n.autocomplete,id:e.id,type:n.type,"onUpdate:modelValue":t[0]||(t[0]=e=>c.model=e)}),null,16,$e)),[[s,c.model]]),u(e.$slots,"suffix",{inputElement:c.inputEl})],2)])),_:3},16,["class"])},_e.__file="components/forms/f-input.vue";var Ve={name:"fSelect",components:{fField:we},inheritAttrs:!1,props:ge,setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const Se={class:"input mb-0"},Te={class:"input--select__wrap"},De=["id","onBlur"];Ve.render=function(e,t,a,n,s,d){const c=p("f-field");return l(),f(c,M(E({...e.$attrs,...e.$props})),{default:v((({triggerValidation:l})=>[r("div",Se,[r("div",Te,[o(r("select",i({...e.$attrs,class:""},{"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t),id:e.id,onBlur:l}),[u(e.$slots,"default")],16,De),[[A,e.model]])])])])),_:3},16)},Ve.__file="components/forms/f-select.vue";var Me={name:"fTextarea",components:{fField:we},inheritAttrs:!1,props:ge,setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const Ee={class:"input input--textarea mb-0"},Ae=["id","onBlur"];Me.render=function(e,t,a,n,s,d){const u=p("f-field");return l(),f(u,M(E({...e.$attrs,...e.$props})),{default:v((({triggerValidation:l})=>[r("div",Ee,[o(r("textarea",i({...e.$attrs,class:""},{"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t),id:e.id,onBlur:l}),null,16,Ae),[[z,e.model]])])])),_:1},16)},Me.__file="components/forms/f-textarea.vue";const ze=e=>"value"in e&&"label"in e;var Ie={name:"fToggle",components:{fField:we,fToggleItem:ae},inheritAttrs:!1,props:{...ge,radio:Boolean,checkbox:Boolean,radioButton:Boolean,equalWidth:Boolean,small:Boolean,disabled:Boolean,toggles:{type:Array,required:!0,validator:e=>e.every(ze)}},setup:(e,{emit:l})=>({model:t({props:e,emit:l}),type:c((()=>e.radio||e.radioButton?"radio":"checkbox")),role:c((()=>e.toggles.length>1?e.radio||e.radioButton?"radiogroup":"group":void 0)),wrapperClasses:c((()=>({"input-toggle--is-disabled":e.disabled&&!e.radioButton,"segment-control":e.radioButton,"segment-control--justified":e.equalWidth,"segment-control--small":e.small,"segment-control--is-disabled":e.disabled&&e.radioButton,"input-toggle":e.radio||e.checkbox}))),optionsClasses:c((()=>({"flex flex-row segment-control-options":e.radioButton})))})};Ie.render=function(e,t,o,s,u,c){const b=p("f-toggle-item"),m=p("f-field");return l(),f(m,i({as:"fieldset"},{...e.$attrs,...e.$props},{role:e.role}),{default:v((({triggerValidation:s})=>[r("div",{class:d(e.wrapperClasses)},[(l(!0),a(n,null,I(o.toggles,((a,n)=>(l(),f(b,i({modelValue:e.model,"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t),type:e.type,disabled:o.disabled,name:e.id+":toggles",key:e.id+n+e.type},a,{onBlur:s}),null,16,["modelValue","type","disabled","name","onBlur"])))),128))],2)])),_:1},16,["role"])},Ie.__file="components/forms/f-toggle.vue";var qe={name:"fForm",props:{as:{default:"form"},shouldValidate:{type:null,default:te},...e({modelDefault:te}),...e({modelName:"completed",modelDefault:te})},setup(e,{emit:t}){const{allChildrenValid:l,completed:a,childrenShouldValidate:n}=be();e.modelValue!==te&&D((()=>t("update:modelValue",l.value))),e.completed!==te&&D((()=>t("update:completed",a.value))),e.shouldValidate!==te&&D((()=>n.value=e.shouldValidate))}};qe.render=function(e,t,a,n,o,r){return l(),f(b(a.as),null,{default:v((()=>[u(e.$slots,"default")])),_:3})},qe.__file="components/forms/f-form.vue";const Fe={wrapper:"f-slider relative w-full h-44 py-2",track:"track absolute bg-blue-200 h-4 top-20 rounded-4 w-full",trackDisabled:"pointer-events-none bg-gray-200",activeTrack:"larger-active-track absolute bg-blue-600 h-4 top-20 rounded-4",activeTrackDisabled:"bg-bluegray-300 pointer-events-none",thumb:"f-thumb absolute w-24 h-24 bottom-10 rounded-4 outline-none",thumbEnabled:"shadow bg-blue-600 cursor-pointer",thumbDisabled:"bg-bluegray-300 cursor-disabled pointer-events-none"},je={backdrop:"f-modal-backdrop fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-20",modal:"f-modal rounded-8 mx-0 sm:mx-16 bg-white flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 flex-grow flex-shrink px-16 sm:px-32 relative",footer:"flex justify-end flex-shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",title:"-mt-4 sm:-mt-8 h-40 sm:h-48 grid f-grid gap-8 sm:gap-16 f-modal-title items-center px-16 sm:px-32 border-b sm:border-b-0 flex-shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:"button button--pill f-modal-title-button",titleButtonLeft:"-ml-8 sm:-ml-12",titleButtonRight:"-mr-8 sm:-mr-12",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24"},He="group block relative break-words last-child:mb-0 p-16 rounded-8",Oe="-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",Re={stepVertical:"step-v grid f-grid grid-flow-col gap-x-16",stepVerticalLeft:"step-v-l",stepVerticalRight:"step-v-r text-right",stepHorizontal:"step-h flex-1 grid f-grid gap-y-16 items-center",stepDot:"rounded-full border-2 h-20 w-20 transition-colors duration-300",stepDotVertical:"",stepDotVerticalLeft:"",stepDotVerticalRight:"col-start-2",stepDotHorizontal:"row-start-2 justify-self-end",stepDotActive:"border-blue-600 bg-blue-600 text-blue-600",stepDotComplete:"border-blue-600 bg-blue-600 text-white",stepDotIncomplete:"border-bluegray-300 bg-white text-white",stepLine:"step-line transition-colors duration-300",stepLineVertical:"w-2 h-full justify-self-center",stepLineVerticalLeft:"",stepLineVerticalRight:"col-start-2",stepLineHorizontal:"h-2 w-full row-start-2",stepLineIncomplete:"bg-bluegray-300",stepLineComplete:"bg-blue-600",content:"last-child:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},Pe="cursor-pointer overflow-hidden relative transition-all outline-none",We="f-card rounded-8",Ke="border-2 rounded-4",Ue="border-bluegray-300 hover:bg-gray-50 hover:border-bluegray-400 active:border-bluegray-300",Ne="border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",Ze="border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",Ge="f-card-outline absolute rounded-8 inset-0 transition-all border-2",Xe="border-transparent",Je="border-blue-600 hover:border-blue-700",Qe={label:"block relative h-24 w-44 cursor-pointer f-switch",labelDisabled:"pointer-events-none",switchTrack:"absolute h-full w-full rounded-full transition-colors",switchTrackSelected:"bg-blue-600 f-track-selected",switchTrackUnselected:"bg-gray-300 f-track-unselected",switchTrackDisabled:"bg-bluegray-200",switchThumb:"absolute transition-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",switchThumbSelected:"f-switch-selected",switchThumbNotDisabled:"bg-white shadow",switchThumbDisabled:"bg-bluegray-300"},Ye={wrapperUnderlined:"border-b border-gray-200 -mx-16 sm:mx-0 px-4 sm:px-0 mb-32",wrapperContained:"",tabContainer:"mx-auto max-w-screen-md w-full grid f-grid relative",wunderbar:"absolute border-blue-600 -bottom-4 border-b-4 transition-all"},et="grid f-grid items-center gap-8 focus-ring font-normal antialias p-16 pb-4 hover:underline f-tab",tt="active-tab",lt="rounded-t-8",at="bg-aqua-50",nt="mx-auto ",ot="f-tab-icon",rt="text-blue-600",it="text-gray-300",st="font-bold content-underlined",dt="text-gray-500 f-tab-text",ut="text-blue-600",ct="font-bold",pt="f-expandable",ft="bg-aqua-50",vt="py-0 px-0 "+He,bt=Oe,mt="inline-block align-middle transform transition-transform",gt="relative left-8",ht="f-expandable-chevron absolute right-16",wt="-rotate-180",yt="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block hover:underline focus:underline",xt="w-full text-left relative "+He,kt="hover:text-aqua-700 active:text-aqua-800",Ct="absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focus-ring ",Bt={wrapper:Ct+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-12"},_t={wrapper:Ct+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-secondary text-12"};var Lt={name:"fSuffix",props:{clear:Boolean,search:Boolean,label:String},setup:()=>({c:Bt})};const $t={key:0,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Vt=[r("path",{fill:"currentColor","fill-rule":"evenodd",d:"M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z","clip-rule":"evenodd"},null,-1)],St={key:1,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Tt=[r("g",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5","clip-path":"url(#nra-cclip0)"},[r("path",{d:"M8.796 11.803A5.684 5.684 0 104.349 1.341a5.684 5.684 0 004.447 10.462zM11 11l4 4"})],-1),r("defs",null,[r("clipPath",{id:"nra-cclip0"},[r("path",{fill:"currentColor",d:"M0 0h16v16H0z"})])],-1)];Lt.render=function(e,t,n,o,r,i){return l(),f(b(n.label?"div":"button"),{class:d({[e.c.wrapper]:!0,[n.label?e.c.wrapperWithIcon:e.c.wrapperWithLabel]:!0})},{default:v((()=>[n.clear?(l(),a("svg",$t,Vt)):n.search?(l(),a("svg",St,Tt)):n.label?(l(),a("span",{key:2,class:d(e.c.label)},V(n.label),3)):S("v-if",!0)])),_:1},8,["class"])},Lt.__file="components/forms/f-suffix.vue";var Dt={name:"fAffix",props:{prefix:Boolean,suffix:Boolean,clear:Boolean,search:Boolean,label:String},setup(e){const t=c((()=>e.prefix?_t:Bt));return{wrapperClass:c((()=>({[t.value.wrapper]:!0,[e.label?t.value.wrapperWithLabel:t.value.wrapperWithIcon]:!0}))),labelClass:c((()=>t.value.label))}}};const Mt={key:0,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Et=[r("path",{fill:"currentColor","fill-rule":"evenodd",d:"M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z","clip-rule":"evenodd"},null,-1)],At={key:1,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},zt=[r("g",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5","clip-path":"url(#nra-cclip0)"},[r("path",{d:"M8.796 11.803A5.684 5.684 0 104.349 1.341a5.684 5.684 0 004.447 10.462zM11 11l4 4"})],-1),r("defs",null,[r("clipPath",{id:"nra-cclip0"},[r("path",{fill:"currentColor",d:"M0 0h16v16H0z"})])],-1)];Dt.render=function(e,t,n,o,r,i){return l(),f(b(n.label?"div":"button"),{class:d(o.wrapperClass)},{default:v((()=>[n.clear?(l(),a("svg",Mt,Et)):n.search?(l(),a("svg",At,zt)):n.label?(l(),a("span",{key:2,class:d(o.labelClass)},V(n.label),3)):S("v-if",!0)])),_:1},8,["class"])},Dt.__file="components/forms/f-affix.vue";const It={install:le([we,_e,Ve,Me,Ie,qe,Lt,Dt])};var qt={name:"fBox",props:{bleed:Boolean,as:{type:String,default:"div"},clickable:Boolean,info:Boolean,neutral:Boolean,bordered:Boolean},setup:e=>({boxClasses:c((()=>({[He]:!0,[Oe]:e.bleed,"bg-aqua-50":e.info,"hover:bg-aqua-100 active:bg-aqua-200":e.info&&e.clickable,"bg-bluegray-100":e.neutral,"hover:bg-bluegray-200 active:bg-bluegray-300":e.neutral&&e.clickable,"border-2 border-bluegray-300":e.bordered})))})};qt.render=function(e,t,a,n,o,r){return l(),f(b(a.as),{class:d(e.boxClasses)},{default:v((()=>[u(e.$slots,"default")])),_:3},8,["class"])},qt.__file="components/box/f-box.vue";const Ft={install:le([qt,ie])},jt=w("span",{ariaHidden:!0,class:"select-none"},"/");var Ht={name:"fBreadcrumbs",components:{Breadcrumbify:(e,t)=>((e,t)=>{const l=e[0].type===n?e[0].children:e;return[].concat(...l.map((e=>[e,t]))).slice(0,-1)})(t.slots.default(),jt)},props:{ariaLabel:{type:String,default:"Her er du"}}};const Ot=["aria-label"],Rt={class:"sr-only"},Pt={class:"flex space-x-8"};Ht.render=function(e,t,n,o,i,s){const d=p("breadcrumbify");return l(),a("nav",{"aria-label":n.ariaLabel},[r("h2",Rt,V(n.ariaLabel),1),r("div",Pt,[m(d,null,{default:v((()=>[u(e.$slots,"default")])),_:3})])],8,Ot)},Ht.__file="components/breadcrumbs/f-breadcrumbs.vue";const Wt={install:le([Ht])};var Kt={name:"fButton",props:{primary:Boolean,secondary:Boolean,negative:Boolean,utility:Boolean,quiet:Boolean,small:Boolean,link:Boolean,pill:Boolean,loading:Boolean,href:String,label:String},setup:(e,{attrs:t})=>({buttonClass:c((()=>({button:!0,"button--primary":e.primary&&!e.negative,"button--destructive":e.primary&&e.negative,"button--flat":(e.secondary||!e.negative&&!e.utility)&&e.quiet,"button--destructive-flat":e.negative&&e.quiet,"button--utility-flat":e.utility&&e.quiet,"button--small":e.small,"button--utility":e.utility&&!e.quiet,"button--link":e.link,"button--pill":e.pill,"button--in-progress":e.loading}))),saneDefaults:c((()=>({type:e.href?void 0:t.type||"button",rel:"_blank"===t.target?t.rel||"noopener":void 0})))})};const Ut={key:0,role:"progressbar","aria-valuenow":"0","aria-valuetext":"Laster...",class:"sr-only"};Kt.render=function(e,t,n,o,r,s){return l(),f(b(n.href?"a":"button"),i({href:n.href,class:e.buttonClass},e.saneDefaults),{default:v((()=>[u(e.$slots,"default",{},(()=>[$(V(n.label),1)])),n.loading?(l(),a("span",Ut)):S("v-if",!0)])),_:3},16,["href","class"])},Kt.__file="components/button/f-button.vue";const Nt={install:le([Kt])};var Zt={name:"fButtonGroup",props:{outlined:Boolean,raised:Boolean,vertical:Boolean},setup(e){_("outlined",q(e,"outlined")),_("raised",q(e,"raised")),_("quiet",q(e,"quiet"));return{classes:c((()=>({"border border-gray-300":e.outlined,"filter drop-shadow-10":e.raised,[e.vertical?"divide-y":"divide-x"]:!0,"flex-col":e.vertical})))}}};Zt.render=function(e,t,n,o,r,i){return l(),a("div",{class:d(["f-button-group inline-flex rounded-4 divide-gray-300 overflow-hidden",o.classes])},[u(e.$slots,"default")],2)},Zt.__file="components/button-group/f-button-group.vue";var Gt={name:"fButtonGroupItem",props:{selected:Boolean},setup(e){const t=x("outlined",!1);x("raised",!1),x("quiet",!1);return{wrapperClass:c((()=>({"relative last-child:mb-0 hover:bg-gray-50 active:bg-gray-100":!0,[t.value?"border-gray-300":"border-transparent"]:!0,[e.selected?"bg-gray-200":"bg-white"]:!0,"bg-gray-200 hover:bg-gray-300 active:bg-gray-400":e.selected})))}}};Gt.render=function(e,t,n,o,r,i){return l(),a("div",{class:d(o.wrapperClass)},[u(e.$slots,"default")],2)},Gt.__file="components/button-group/f-button-group-item.vue";const Xt={install:le([ie,Zt,Gt])};var Jt={name:"fCard",props:{as:{type:String,default:"div"},selected:Boolean,flat:Boolean},setup:e=>({outerClasses:c((()=>({[Pe]:!0,[We]:!e.flat,[Ze]:e.selected,[Ke]:e.flat,[e.selected?Ne:Ue]:e.flat}))),innerClasses:c((()=>({[Ge]:!0,[e.selected?Je:Xe]:!0})))})};Jt.render=function(e,t,n,o,r,i){return l(),f(b(n.as),{class:d(e.outerClasses)},{default:v((()=>[n.flat?S("v-if",!0):(l(),a("div",{key:0,class:d(e.innerClasses)},null,2)),u(e.$slots,"default")])),_:3},8,["class"])},Jt.__file="components/card/f-card.vue";const Qt={install:le([ie,Jt])};var Yt={name:"fExpandable",props:{title:String,box:Boolean,bleed:Boolean,info:Boolean,buttonClass:String,contentClass:String,chevron:{type:Boolean,default:!0},as:{type:String,default:"div"},animated:Boolean,...e({modelDefault:te})},emits:["expand","collapse"],setup:(e,{emit:l,slots:a})=>{const n=e.modelValue===te?k(!1):t({props:e,emit:l}),o=e.animated?ue:"div";e.animated||C(n,(async e=>{await F(),l(e?"expand":"collapse")}));const r=c((()=>e.title||a.title)),i=c((()=>({[pt]:!0,[ft]:e.info,[vt]:e.box,[bt]:e.bleed}))),s=c((()=>({[e.buttonClass||""]:!0,[yt]:!0,[xt]:e.box,[kt]:e.info}))),d=c((()=>({[mt]:!0,[e.box?ht:gt]:!0,[wt]:n.value}))),u=c((()=>({[e.contentClass||""]:!0,[He+(r.value?" pt-0":"")]:e.box})));return{expanded:n,contentComponent:o,buttonClasses:s,chevronClasses:d,contentClasses:u,wrapperClasses:i,hasTitle:r}}};const el=["aria-expanded"],tl={key:0,class:"h4"},ll=[r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},[r("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M2.5 5.5L8 11l5.5-5.5"})],-1)],al={key:0};Yt.render=function(e,t,n,o,i,s){return l(),f(b(n.as),{class:d(e.wrapperClasses)},{default:v((()=>[e.hasTitle?(l(),a("button",{key:0,type:"button","aria-expanded":e.expanded,class:d(e.buttonClasses),onClick:t[0]||(t[0]=t=>e.expanded=!e.expanded)},[u(e.$slots,"title",{expanded:e.expanded}),n.title?(l(),a("span",tl,V(n.title),1)):S("v-if",!0),n.chevron?(l(),a("div",{key:1,class:d(e.chevronClasses)},ll,2)):S("v-if",!0)],10,el)):S("v-if",!0),(l(),f(b(e.contentComponent),{onExpand:t[1]||(t[1]=t=>e.$emit("expand")),onCollapse:t[2]||(t[2]=t=>e.$emit("collapse"))},{default:v((()=>[e.expanded?(l(),a("div",al,[r("div",{class:d(e.contentClasses)},[u(e.$slots,"default")],2)])):S("v-if",!0)])),_:3},32))])),_:3},8,["class"])},Yt.__file="components/expandable/f-expandable.vue";var nl={name:"fWillExpand",props:{key:ee}};nl.render=function(e,t,n,o,r,i){return l(),a("div",{key:n.key},[u(e.$slots,"default")])},nl.__file="components/expandable/f-will-expand.vue";const ol={install:le([Yt,ue,nl])},rl="transition-gpu transition-transform",il="undefined"!=typeof window;var sl={name:"fModal",props:{left:[Object,Boolean],right:[Object,Boolean],title:String,titleAttrs:Object,headerClasses:[String,Object],contentClasses:[String,Object],modelValue:Boolean,contentId:ee},emits:["dismiss","left","right","shown","hidden"],setup(e,{emit:t}){const l=k(null),a=k(null),n=k(null),o=k(!1),r=k(!1),i=k(!1),s=()=>t("dismiss"),d=e=>{"Escape"===e.key&&s()},u=c((()=>({[rl]:!0,[i.value?"duration-300":"duration-1"]:!0,[je.titleButton]:!0,[je.titleButtonLeft]:!0,"justify-self-start":!0}))),p=c((()=>({[rl]:!0,[i.value?"duration-300":"duration-0"]:!0,"justify-self-center":e.left,"col-span-2":!e.left}))),f=c((()=>({[rl]:!0,[i.value?"duration-300":"duration-0"]:!0,[je.titleButton]:!0,[je.titleButtonRight]:!0,"justify-self-end":!0})));C((()=>[e.left,e.right,e.title]),(async()=>{i.value=!0,await F(),i.value=!1}));const v=()=>{1.02*l.value?.scrollHeight>innerHeight?l.value.style.borderRadius="0px":l.value.style.borderRadius=null};async function b(e){il&&(e||await async function(){l.value&&(K.off(l.value),l.value.removeEventListener("transitionend",v,{passive:!0})),removeEventListener("keydown",d),N(),t("hidden")}(),await async function(e){e?o.value=e:r.value=e,await F(),e?r.value=e:o.value=e,await F()}(e),e&&await async function(){K.on(l.value),l.value.addEventListener("transitionend",v,{passive:!0}),addEventListener("keydown",d,{passive:!0}),U(a.value),t("shown")}())}return C((()=>e.modelValue),b,{immediate:!0}),L(b),{c:je,modalEl:l,backdropEl:n,emitDismiss:s,contentEl:a,showModal:o,showContent:r,titleLeftClasses:u,titleCenterClasses:p,titleRightClasses:f}}};const dl=[r("path",{fill:"currentColor","fill-rule":"nonzero",d:"M8 2.25a.75.75 0 01.743.648L8.75 3v8.189l3.72-3.72a.75.75 0 011.133.977l-.073.084-5 5a.747.747 0 01-.374.204l-.104.014h-.104a.747.747 0 01-.478-.218l-5-5a.75.75 0 01.976-1.133l.084.073 3.72 3.719V3A.75.75 0 018 2.25z"},null,-1)],ul=[r("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M12 12l6 6-6-6-6 6 6-6zm0 0L6 6l6 6 6-6-6 6z"},null,-1)],cl=["id"];sl.render=function(e,t,n,o,s,c){return l(),f(h,{name:"fade"},{default:v((()=>[o.showModal?(l(),a("div",{key:0,class:d(o.c.backdrop),onClick:t[2]||(t[2]=j(((...e)=>o.emitDismiss&&o.emitDismiss(...e)),["self"])),ref:"backdropEl"},[m(h,{name:"slide"},{default:v((()=>[o.showContent?(l(),a("div",{key:0,class:d(o.c.modal),tabindex:"-1","aria-modal":"true","aria-labelledby":"f-modal-title",role:"dialog",ref:"modalEl"},[r("div",{class:d([o.c.title,n.headerClasses])},[m(g,{name:"f-modal-title"},{default:v((()=>[n.left?(l(),a("button",i({key:0,"aria-label":"Tilbake",onClick:t[0]||(t[0]=t=>e.$emit("left")),class:o.titleLeftClasses,key:"left"},n.left),[u(e.$slots,"left",{},(()=>[(l(),a("svg",{"aria-hidden":"true",class:d([o.c.titleButtonIcon,"transform rotate-90"]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},dl,2))]))],16)):S("v-if",!0),r("div",i({class:o.titleCenterClasses,key:"title"},n.titleAttrs),[n.title?(l(),a("p",{key:0,id:"f-modal-title",class:d(o.c.titleText)},V(n.title),3)):S("v-if",!0),u(e.$slots,"title")],16),n.right?(l(),a("button",i({key:1,"aria-label":"Lukk",onClick:t[1]||(t[1]=t=>e.$emit("right")),class:o.titleRightClasses,key:"right"},n.right),[u(e.$slots,"right",{},(()=>[(l(),a("svg",{"aria-hidden":"true",class:d(o.c.titleButtonIcon),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},ul,2))]))],16)):S("v-if",!0)])),_:3})],2),e.$slots.default?(l(),a("div",{key:0,class:d([o.c.content,n.contentClasses]),ref:"contentEl",id:n.contentId},[u(e.$slots,"default")],10,cl)):S("v-if",!0),e.$slots.footer?(l(),a("div",{key:1,class:d(o.c.footer)},[u(e.$slots,"footer")],2)):S("v-if",!0)],2)):S("v-if",!0)])),_:3})],2)):S("v-if",!0)])),_:3})},sl.__file="components/modal/f-modal.vue";const pl={install:le([sl])},fl={pill:"inline-flex items-center py-8 focus-ring text-12 transition-all",pillSuggestion:"bg-gray-200 hover:bg-gray-300 active:bg-gray-400 text-gray-700 font-bold",pillFilter:"bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white",label:"pl-12 rounded-l-full",labelSuggestion:"",labelFilter:"",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-10 rounded-r-full"};var vl={name:"fPill",inheritAttrs:!1,props:{label:String,canClose:Boolean,suggestion:Boolean},setup:(e,{emit:t})=>({c:fl})};const bl={class:"flex items-center"},ml=r("span",{class:"sr-only"},"Åpne filter ",-1),gl={class:"sr-only"},hl=r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",fill:"none",viewBox:"0 0 16 16","aria-hidden":"true"},[r("path",{fill:"currentColor",d:"M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z"})],-1);vl.render=function(e,t,n,o,s,u){return l(),a("div",bl,[r("button",i({type:"button",class:{[e.c.pill]:!0,[n.suggestion?e.c.pillSuggestion:e.c.pillFilter]:!0,[e.c.label]:!0,[n.canClose?e.c.labelWithClose:e.c.labelWithoutClose]:!0}},e.$attrs),[ml,r("span",null,V(n.label),1)],16),n.canClose?(l(),a("button",{key:0,type:"button",class:d({[e.c.pill]:!0,[n.suggestion?e.c.pillSuggestion:e.c.pillFilter]:!0,[e.c.close]:!0}),onClick:t[0]||(t[0]=t=>e.$emit("close"))},[r("span",gl,"Fjern filter "+V(n.label),1),hl],2)):S("v-if",!0)])},vl.__file="components/pill/f-pill.vue";const wl={install:le([vl])},yl=Object.freeze({up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight",end:"End",home:"Home",pageup:"PageUp",pagedown:"PageDown"}),xl=Object.values(yl),kl={passive:!0};const Cl=(e,{min:t,max:l})=>{return a=e,Number.isFinite(parseFloat(a))?Math.min(Math.max(Number(e),t),l):t;var a};function Bl({props:e,sliderState:t}){const l=t=>Cl(t,{max:e.max,min:e.min});const a=()=>(t.position-e.min)/(e.max-e.min)*100;function n(){t.sliderPressed=!1,window.removeEventListener("touchmove",o),window.removeEventListener("mousemove",o)}function o(l){const{value:a}=function(l){const{left:a,width:n}=t.dimensions,o="touches"in l?l.touches[0].clientX:l.clientX;let r=Math.min(Math.max((o-a-16)/n,0),1)||0;return{value:e.min+r*(e.max-e.min)}}(l),n=function(e,t=2){const l=t?Math.pow(10,t):1;return Math.round(e*l)/l}(a);t.thumbEl?.focus(),t.position!==n&&(t.position=n)}return{handleKeyDown:function(a){const n=a.key;if(xl.includes(n))if(a.preventDefault(),[yl.left,yl.right,yl.up,yl.down].includes(n)){const e=[yl.right,yl.up].includes(n)?1:-1;t.position=l(t.val+e*t.step)}else if(n===yl.home)t.position=e.min;else if(n===yl.end)t.position=e.max;else{const a=n===yl.pageup?1:-1,o=2,r=50;t.position=l(t.val+a*t.step*Math.max(o,Math.min(r,Math.ceil((e.max-e.min)/10/t.step))))}},handleFocus:function(e){},handleBlur:function(e){},handleMouseDown:function(e){t.sliderPressed=!0,"touches"in e?(window.addEventListener("touchmove",o,kl),window.addEventListener("touchend",n,{once:!0})):(window.addEventListener("mousemove",o,kl),window.addEventListener("mouseup",n,{once:!0})),e.stopPropagation(),e.preventDefault()},handleClick:function(e){o(e)},getThumbPosition:a,getThumbTransform:()=>a()/100*t.dimensions.width,getShiftedChange:e=>{const l=1/t.step;return Math.floor(e*l)/l}}}var _l={name:"fSlider",props:{min:{type:Number,default:0},max:{type:Number,default:100},step:Number,label:String,labelledBy:String,disabled:Boolean,...e()},setup(e,{emit:l,attrs:a}){const n=k(null),o=k(null),r=k({}),i=e=>r.value=e,{mountedHook:s,unmountedHook:d}=(()=>{let e;return{mountedHook:(t,l)=>{l(t.getBoundingClientRect()),e=new ResizeObserver((e=>t=>{const{left:l,width:a}=t[0].target.getBoundingClientRect();e({left:l,width:a-24})})(l)),e.observe(t)},unmountedHook:()=>{e.disconnect()}}})();T((()=>s(n.value,i))),L(d);const u=k(!1),p=t({props:e,emit:l}),f=k(p.value),v=c((()=>e.step||1)),b={get position(){return f.value},set position(e){f.value=e},get sliderPressed(){return u.value},set sliderPressed(e){u.value=e},get val(){return p.value},set val(e){p.value=e},get thumbEl(){return o.value},get dimensions(){return r.value},get step(){return v.value},emitFocus(e){l("focus",e)},emitBlur(e){l("blur",e)}},{handleKeyDown:m,handleFocus:g,handleBlur:h,handleMouseDown:w,handleClick:y,getThumbPosition:x,getThumbTransform:B,getShiftedChange:_}=Bl({props:e,sliderState:b}),$=c(x),V=c(B),S=c((()=>({transform:"translateX("+V.value+"px)"}))),D=c((()=>({left:0,right:100-$.value+"%"}))),M=c((()=>({"aria-label":e.label,"aria-labelledby":e.labelledBy,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":p.value,"aria-valuetext":a["aria-valuetext"]})));return C(f,(()=>{if(f.value===e.modelValue)return;const t=e.step?_(f.value):f.value;p.value!==t&&(p.value=t)})),C((()=>e.modelValue),(()=>{u.value||f.value===e.modelValue||(f.value=e.modelValue)})),{c:Fe,aria:M,sliderLine:n,thumb:o,sliderActiveStyle:D,thumbStyles:S,handleClick:y,handleBlur:h,handleFocus:g,handleKeyDown:m,handleMouseDown:w,v:p}}};_l.render=function(e,t,n,o,s,u){return l(),a("div",{class:d(o.c.wrapper)},[r("div",{class:d({[o.c.trackDisabled]:n.disabled,[o.c.track]:!0}),ref:"sliderLine",onClick:t[0]||(t[0]=(...e)=>o.handleClick&&o.handleClick(...e))},null,2),r("div",{class:d({[o.c.activeTrackDisabled]:n.disabled,[o.c.activeTrack]:!0}),style:H(o.sliderActiveStyle),onClick:t[1]||(t[1]=(...e)=>o.handleClick&&o.handleClick(...e))},null,6),r("div",i({class:{[o.c.thumbDisabled]:n.disabled,[o.c.thumbEnabled]:!n.disabled,[o.c.thumb]:!0},ref:"thumb",role:"slider",tabindex:"0"},o.aria,{style:o.thumbStyles,onMousedown:t[2]||(t[2]=(...e)=>o.handleMouseDown&&o.handleMouseDown(...e)),onTouchstart:t[3]||(t[3]=(...e)=>o.handleMouseDown&&o.handleMouseDown(...e)),onBlur:t[4]||(t[4]=(...e)=>o.handleBlur&&o.handleBlur(...e)),onFocus:t[5]||(t[5]=(...e)=>o.handleFocus&&o.handleFocus(...e)),onKeydown:t[6]||(t[6]=(...e)=>o.handleKeyDown&&o.handleKeyDown(...e))}),null,16)],2)},_l.__file="components/slider/f-slider.vue";const Ll={install:le([_l])};var $l={name:"fStep",props:{active:Boolean,complete:Boolean},setup:()=>({vertical:x("steps-vertical",!0),left:x("steps-left",!0),c:Re})};const Vl=["aria-current"],Sl=["aria-label"],Tl=[r("path",{fill:"currentColor",d:"M13.007 4.447a.75.75 0 01.046 1.06l-5.5 6a.75.75 0 01-1.083.023l-3-3a.75.75 0 011.06-1.06l2.446 2.446 4.971-5.423a.75.75 0 011.06-.046z"},null,-1)];$l.render=function(e,t,n,o,i,s){return l(),a("div",{class:d(["f-step",{[e.c.stepVertical]:e.vertical,[e.c.stepVerticalLeft]:e.vertical&&e.left,[e.c.stepVerticalRight]:e.vertical&&!e.left,[e.c.stepHorizontal]:!e.vertical}])},[e.vertical?S("v-if",!0):(l(),a("div",{key:0,class:d(["step-line-h-l",{[e.c.stepLine]:!0,[e.c.stepLineHorizontal]:!e.vertical,[e.c.stepLineIncomplete]:!n.active&&!n.complete,[e.c.stepLineComplete]:n.active||n.complete}])},null,2)),r("div",{"aria-current":n.active?"step":void 0,class:d({[e.c.stepDot]:!0,[e.c.stepDotVertical]:e.vertical,[e.c.stepDotVerticalLeft]:e.vertical&&e.left,[e.c.stepDotVerticalRight]:e.vertical&&!e.left,[e.c.stepDotHorizontal]:!e.vertical,[e.c.stepDotIncomplete]:!(n.active||n.complete),[e.c.stepDotActive]:n.active,[e.c.stepDotComplete]:n.complete})},[(l(),a("svg",{role:"img","aria-label":n.complete?"✓":"⍻",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},Tl,8,Sl))],10,Vl),r("div",{class:d(["step-line-h-r",{[e.c.stepLine]:!0,[e.c.stepLineVertical]:e.vertical,[e.c.stepLineVerticalLeft]:e.vertical&&e.left,[e.c.stepLineVerticalRight]:e.vertical&&!e.left,[e.c.stepLineHorizontal]:!e.vertical,[e.c.stepLineIncomplete]:!n.complete,[e.c.stepLineComplete]:n.complete}])},null,2),r("div",{class:d({[e.c.content]:!0,[e.c.contentVertical]:e.vertical,[e.c.contentHorizontal]:!e.vertical})},[u(e.$slots,"default")],2)],2)},$l.__file="components/steps/f-step.vue";var Dl={name:"fSteps",props:{horizontal:Boolean,right:Boolean},setup(e){const t=k(!e.horizontal),l=k(!e.right);_("steps-vertical",t),_("steps-left",l),D((()=>t.value=!e.horizontal)),D((()=>l.value=!e.right))}};Dl.render=function(e,t,n,o,r,i){return l(),a("div",{class:d(["w-full",{flex:n.horizontal}])},[u(e.$slots,"default")],2)},Dl.__file="components/steps/f-steps.vue";const Ml={install:le([$l,Dl])};var El={name:"fSwitch",props:{id:ee,disabled:Boolean,...e()},setup(e){const l=t({props:e}),a=k(null);return{model:l,c:Qe,inputEl:a,simulateClick:()=>a.value.click()}}};const Al={class:"tap-highlight-transparent"},zl=["id","disabled"];El.render=function(e,t,n,i,s,u){return l(),a("div",Al,[o(r("input",{type:"checkbox",class:"sr-only",id:n.id,"onUpdate:modelValue":t[0]||(t[0]=e=>i.model=e),disabled:n.disabled,ref:"inputEl"},null,8,zl),[[O,i.model]]),r("div",{onClick:t[1]||(t[1]=(...e)=>i.simulateClick&&i.simulateClick(...e)),class:d({[i.c.label]:!0,[i.c.labelDisabled]:n.disabled})},[r("div",{class:d({[i.c.switchTrack]:!0,[i.c.switchTrackSelected]:i.model&&!n.disabled,[i.c.switchTrackUnselected]:!i.model&&!n.disabled,[i.c.switchTrackDisabled]:n.disabled})},null,2),r("div",{class:d({[i.c.switchThumb]:!0,[i.c.switchThumbSelected]:i.model,[n.disabled?i.c.switchThumbDisabled:i.c.switchThumbNotDisabled]:!0})},null,2)],2)])},El.__file="components/switch/f-switch.vue";const Il={install:le([El])},ql=Object.freeze({left:"ArrowLeft",right:"ArrowRight",home:"Home",end:"End"}),Fl=Object.values(ql),jl=({tabs:e,activeTab:t,focusActive:l})=>async a=>{var n;if(!(e=>e.altKey||e.ctrlKey||e.shiftKey)(n=a)&&Fl.includes(n.key))try{const n=e.value.indexOf(t.value),o=(()=>{switch(a.key){case ql.home:return 0;case ql.end:return e.value.length-1;case ql.left:return Math.max(0,n-1);case ql.right:return Math.min(e.value.length-1,n+1)}})();n!==o&&(a.preventDefault(),t.value=e.value[o],await F(),l())}catch(e){console.warn("Problem handling tabs keydown",e)}};var Hl={name:"fTabs",props:{contained:Boolean,...e()},setup(e,{slots:l}){const a=t({props:e}),o=k(null),r=k(null),i=k([]),s=c((()=>i.value.length)),d=c((()=>{return(e=l.default(),e[0].type===n?e[0].children:e).length;var e})),u=(e=>()=>e.value.querySelector(".active-tab"))(o);_("tab-controller",{registerTab:e=>i.value.push(e),unregisterTab:e=>{const t=i.value.indexOf(e);-1!==t&&i.value.splice(t,1)},onKeydown:jl({tabs:i,activeTab:a,focusActive:()=>u()?.focus()})}),_("activeTab",a),_("contained",q(e,"contained"));const p=async()=>{if(!e.contained){await F();try{const e=u(),{left:t}=o.value.getBoundingClientRect(),{left:l,width:a}=e.getBoundingClientRect();r.value.style.left=l-t+"px",r.value.style.width=a+"px"}catch(e){console.warn("Problem updating tabs",e)}}};return T((()=>{C(a,p,{immediate:!0}),C((()=>e.contained),p);new ResizeObserver(Z(p,100)).observe(o.value)})),{c:Ye,tabContainer:o,wunderbar:r,numberOfTabs:s,slotFallback:d}}};Hl.render=function(e,t,n,o,i,s){return l(),a("nav",{class:d({[n.contained?o.c.wrapperContained:o.c.wrapperUnderlined]:!0})},[r("div",{class:d({[o.c.tabContainer]:!0,[`grid-cols-${o.numberOfTabs||o.slotFallback}`]:!0}),ref:"tabContainer",role:"tablist"},[u(e.$slots,"default"),n.contained?S("v-if",!0):(l(),a("span",{key:0,class:d(o.c.wunderbar),ref:"wunderbar"},null,2))],2)],2)},Hl.__file="components/tabs/f-tabs.vue";var Ol={name:"fTab",props:{label:String,name:{type:String,required:!0}},setup(e){const t=x("tab-controller"),l=x("activeTab"),a=x("contained"),n=c((()=>e.name===l.value));t.registerTab(e.name),L((()=>{t?.unregisterTab?.(e.name)}));const o=c((()=>({[st]:!a.value,[n.value?ut:dt]:!a.value,[ct]:a.value&&n.value}))),r=c((()=>({[nt]:!0,[ot]:!a.value,[n.value?rt:it]:!a.value}))),i=c((()=>({[et]:!0,[tt]:n.value,[lt]:a.value,[at]:a.value&&n.value})));return{isActive:n,setActive:()=>l.value=e.name,contentClasses:o,iconClasses:r,tabClasses:i,onKeydown:t.onKeydown}}};const Rl=["id","aria-selected","aria-controls","tabindex"];Ol.render=function(e,t,n,o,i,s){return l(),a("button",{class:d(o.tabClasses),onClick:t[0]||(t[0]=(...e)=>o.setActive&&o.setActive(...e)),role:"tab",id:`fabric-tab-${n.name}`,"aria-selected":o.isActive,"aria-controls":o.isActive?`fabric-tabpanel-${n.name}`:void 0,tabindex:o.isActive?0:-1,onKeydown:t[1]||(t[1]=(...e)=>o.onKeydown&&o.onKeydown(...e))},[e.$slots.default?(l(),a("span",{key:0,class:d(o.iconClasses)},[u(e.$slots,"default")],2)):S("v-if",!0),r("span",{class:d(o.contentClasses)},[$(V(n.label)+" ",1),u(e.$slots,"label")],2)],42,Rl)},Ol.__file="components/tabs/f-tab.vue";var Pl={name:"fTabPanel",props:{name:{type:String,required:!0}}};const Wl=["id","aria-labelledby"];Pl.render=function(e,t,n,o,r,i){return l(),a("div",{tabindex:"-1",role:"tabpanel",id:`fabric-tabpanel-${n.name}`,"aria-labelledby":`fabric-tab-${n.name}`},[u(e.$slots,"default")],8,Wl)},Pl.__file="components/tabs/f-tab-panel.vue";const Kl={install:le([Hl,Ol,Pl])},Ul="top",Nl="bottom",Zl={[Ul]:Nl,[Nl]:Ul,left:"right",right:"left"},Gl=[Ul,Nl,"left","right"],Xl={left:-45,[Ul]:45,right:135,[Nl]:-135},Jl={tooltip:Boolean,popover:Boolean,callout:Boolean,noArrow:Boolean,...Gl.reduce(((e,t)=>(e[t]=Boolean,e)),{})},Ql=({actualDirection:e,directionName:t,arrowEl:l})=>{e.value=t.value;const a=(n=t.value,[Ul,Nl].includes(n));var n;l.value.$el.style.left=a?"calc(50% - 7px)":null,l.value.$el.style.top=a?null:"calc(50% - 7px)"};var Yl={name:"fAttentionArrow",inheritAttrs:!1,props:{...Jl,direction:String},setup:e=>{const t=c((()=>Zl[e.direction]));return{arrowClass:c((()=>({"absolute h-14 w-14 border-2 border-b-0 border-r-0 transform":!0,[`-${t.value}-8`]:!0,"bg-gray-700 border-gray-700":e.tooltip,"bg-green-100 border-green-400":e.callout,"bg-white border-white":e.popover}))),arrowStyle:c((()=>({borderTopLeftRadius:"4px",[`margin-${t.value}`]:"-0.5px",transform:`rotate(${Xl[t.value]}deg)`})))}}};Yl.render=function(e,t,n,o,r,i){return l(),a("div",{class:d(e.arrowClass),style:H(e.arrowStyle)},null,6)},Yl.__file="components/attention/f-attention-arrow.vue";var ea={name:"fAttentionItem",props:{...Jl,...e({modelDefault:te}),targetEl:Object,attentionClass:[Object,String],attentionEl:{default:()=>k(null)}},components:{fAttentionArrow:Yl},setup:(e,{emit:l})=>{const a=c((()=>Gl.find((t=>e[t])))),n=c((()=>({"border-2 relative":!0,"bg-gray-700 border-gray-700 text-white rounded-4 py-6 px-8":e.tooltip,"bg-green-100 border-green-400 py-8 px-16 rounded-8":e.callout,"bg-white border-white rounded-8 p-16 filter drop-shadow-20":e.popover}))),o=e.modelValue===te?k(!0):t({props:e,emit:l}),r=k(null),i=k(a.value),s=async()=>{if(!o.value)return;if(await F(),e.callout)return Ql({directionName:a,arrowEl:r,actualDirection:i});const t=await G(e.targetEl,e.attentionEl.value,{placement:a.value,middleware:[X(),J(8),Q({padding:16}),Y({element:e.noArrow?void 0:r.value.$el})]});i.value=t.placement,Object.assign(e.attentionEl.value.style,{left:"0",top:"0",transform:`translate3d(${Math.round(t.x)}px, ${Math.round(t.y)}px, 0)`});let{x:l,y:n}=t.middlewareData.arrow;r.value.$el.style.left=l?l+"px":null,r.value.$el.style.top=n?n+"px":null};return T((async()=>{C((()=>[e.top,e.bottom,e.left,e.right]),s),C(o,s,{immediate:e.callout})})),{wrapperClass:n,attentionRef:e.attentionEl,arrowEl:r,actualDirection:i,model:o}}};const ta={class:"last-child:mb-0"};ea.render=function(e,t,n,s,c,v){const b=p("f-attention-arrow");return o((l(),a("div",{class:d([{"absolute z-50":!e.callout},n.attentionClass]),ref:"attentionRef"},[r("div",{class:d(e.wrapperClass)},[e.noArrow?S("v-if",!0):(l(),f(b,i({key:0},e.$props,{ref:"arrowEl",direction:e.actualDirection}),null,16,["direction"])),r("div",ta,[u(e.$slots,"default")])],2)],2)),[[R,e.model]])},ea.__file="components/attention/f-attention.vue";const la={install:e=>e.component(ea.name,ea)},aa={negative:"red",positive:"green",warning:"yellow",info:"aqua",neutral:"bluegray"},na=Object.keys(aa);var oa={props:{title:String,...na.reduce(((e,t)=>(e[t]=Boolean,e)),{}),...e()},components:{fExpandTransition:ue},setup:(e,l)=>{const a=t({props:e,emit:l}),n=c((()=>{const t=na.find((t=>e[t]));return aa[t]})),o=c((()=>`var(--f-${n.value}-600)`)),r=c((()=>({borderLeftColor:o.value}))),i=c((()=>({"border rounded-4 border-l-4 p-16":!0,[`bg-${n.value}-50 border-${n.value}-300`]:!0})));return{model:a,fillVar:o,wrapperClass:i,wrapperStyle:r}}};const ra={class:"f-expandable"},ia={key:0,role:"alert"},sa={class:"flex"},da={class:"w-16 mr-8"},ua={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},ca=[r("path",{fill:"#D91F0A",d:"M4.1 1.6A2 2 0 0 1 5.5 1h5c.5 0 1 .2 1.4.6L15.4 5c.4.4.6.9.6 1.4v5c0 .5-.2 1-.6 1.4L12 16.4a2 2 0 0 1-1.4.6h-5a2 2 0 0 1-1.4-.6L.6 13a2 2 0 0 1-.6-1.4v-5c0-.5.2-1 .6-1.4L4 1.6Z"},null,-1),$(),r("path",{fill:"#fff","fill-rule":"evenodd",d:"M8 4.3c.4 0 .8.3.8.7v5a.8.8 0 0 1-1.6 0V5c0-.4.4-.8.8-.8Z","clip-rule":"evenodd"},null,-1),$(),r("path",{fill:"#fff",d:"M8.8 12.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z"},null,-1)],pa={key:1,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},fa=[r("g",{"clip-path":"url(#a)"},[r("circle",{cx:"8",cy:"9",r:"8",fill:"#059E6F",transform:"rotate(180 8 9)"}),$(),r("path",{fill:"#fff","fill-rule":"evenodd",d:"M11.5 6c.3.2.3.7 0 1l-4 4.5a.8.8 0 0 1-1 0l-2-2a.8.8 0 0 1 1-1L7 9.9 10.4 6c.3-.3.8-.3 1.1 0Z","clip-rule":"evenodd"})],-1),$(),r("defs",null,[r("clipPath",{id:"a"},[r("path",{fill:"#fff",d:"M0 0h16v16H0z",transform:"translate(0 1)"})])],-1)],va={key:2,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},ba=[r("path",{fill:"#D5840B",d:"m.2 13 6-11a2.1 2.1 0 0 1 3.6 0l6 11a2 2 0 0 1-1.9 3H2.1a2 2 0 0 1-1.9-3Z"},null,-1),$(),r("path",{fill:"#fff","fill-rule":"evenodd",d:"M8 4.3c.4 0 .8.3.8.7v5a.8.8 0 0 1-1.6 0V5c0-.4.4-.8.8-.8Z","clip-rule":"evenodd"},null,-1),$(),r("path",{fill:"#fff",d:"M8.8 12.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z"},null,-1)],ma={key:3,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},ga=["fill"],ha=r("path",{fill:"#fff","fill-rule":"evenodd",d:"M7.3 13a.8.8 0 0 0 1.5 0V9a.8.8 0 0 0-1.6 0v4ZM8 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z","clip-rule":"evenodd"},null,-1),wa={class:"last-child:mb-0 text-14"},ya={class:"font-bold"};oa.render=function(e,t,n,o,i,s){const c=p("f-expand-transition");return l(),a("div",ra,[m(c,null,{default:v((()=>[e.model?(l(),a("div",ia,[e.model?(l(),a("div",{key:0,class:d(e.wrapperClass),style:H(e.wrapperStyle)},[r("div",sa,[r("div",da,[e.negative?(l(),a("svg",ua,ca)):e.positive?(l(),a("svg",pa,fa)):e.warning?(l(),a("svg",va,ba)):(l(),a("svg",ma,[S(" nb: logic controlling fill "),r("circle",{cx:"8",cy:"9",r:"8",fill:e.fillVar},null,8,ga),ha]))]),r("div",wa,[r("p",ya,V(n.title),1),u(e.$slots,"default")])])],6)):S("v-if",!0)])):S("v-if",!0)])),_:3})])},oa.__file="components/alert/f-alert.vue";const xa={install:le([oa])};export{xa as Alert,la as Attention,Ft as Box,Wt as Breadcrumbs,Nt as Button,Xt as ButtonGroup,Qt as Card,ol as Expandable,It as Forms,pl as Modal,wl as Pill,Ll as Slider,Ml as Steps,Il as Switch,Kl as Tabs,te as absentProp,me as createValidation,be as createValidationCollector,pe as defaultInvalid,fe as defaultRequiredRule,ce as defaultValid,Dt as fAffix,oa as fAlert,ea as fAttention,qt as fBox,Ht as fBreadcrumbs,Kt as fButton,Zt as fButtonGroup,Gt as fButtonGroupItem,Jt as fCard,ie as fClickable,se as fDeadToggle,ue as fExpandTransition,Yt as fExpandable,we as fField,qe as fForm,_e as fInput,sl as fModal,vl as fPill,Ve as fSelect,_l as fSlider,$l as fStep,Dl as fSteps,Lt as fSuffix,El as fSwitch,Ol as fTab,Pl as fTabPanel,Hl as fTabs,Me as fTextarea,Ie as fToggle,ae as fToggleItem,nl as fWillExpand,ee as id,le as installer,ve as useForm};
+import{modelProps as e,createModel as t}from"create-v-model";import{openBlock as l,createElementBlock as a,Fragment as o,withDirectives as n,createElementVNode as r,mergeProps as i,vModelDynamic as s,normalizeClass as d,renderSlot as u,computed as c,resolveComponent as p,createBlock as f,withCtx as v,resolveDynamicComponent as b,createVNode as m,TransitionGroup as g,Transition as h,h as w,toRefs as y,inject as x,ref as k,watch as B,reactive as C,provide as _,onBeforeUnmount as L,createTextVNode as V,toDisplayString as $,createCommentVNode as S,onMounted as M,watchEffect as T,normalizeProps as D,guardReactiveProps as E,vModelSelect as A,vModelText as j,renderList as z,unref as I,useAttrs as O,toRef as F,useSlots as q,nextTick as H,withModifiers as R,normalizeStyle as P,vModelCheckbox as W,vShow as K}from"vue";import{expand as U,collapse as N}from"element-collapse";import Z from"@finn-no/dom-focus-lock-fixed";import{setup as G,teardown as X}from"scroll-doctor";import J from"femtobounce";import{computePosition as Q,flip as Y,offset as ee,shift as te,arrow as le}from"@floating-ui/dom";const ae={default:()=>"f-"+Date.now().toString(36).slice(5,8)+"-"+Math.random().toString(36).slice(2,8)},oe=Symbol(),ne=e=>t=>e.forEach((e=>{if(!e.name)throw`Missing name property for ${e}`;t.component(e.name)||t.component(e.name,e)}));var re={name:"fToggleItem",props:{id:ae,label:String,labelClass:null,...e()},setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const ie=["id"],se=["for","innerHTML"],de=["for"];re.render=function(e,t,c,p,f,v){return l(),a(o,null,[n(r("input",i({id:c.id,"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t)},e.$attrs),null,16,ie),[[s,e.model]]),c.label?(l(),a("label",{key:0,for:c.id,innerHTML:c.label,class:d(c.labelClass)},null,10,se)):(l(),a("label",{key:1,for:c.id,class:d(c.labelClass)},[u(e.$slots,"default")],10,de))],64)},re.__file="components/generic/f-toggle-item.vue";var ue={name:"fClickable",components:{fToggleItem:re},props:{href:String,label:Boolean,radio:Boolean,checkbox:Boolean},setup:e=>({clickableClasses:"absolute inset-0 h-full w-full appearance-none cursor-pointer",labelClasses:"px-12 py-8 field-label cursor-pointer",type:c((()=>e.radio?"radio":"checkbox"))})};ue.render=function(e,t,a,o,n,s){const c=p("f-toggle-item");return a.radio||a.checkbox?(l(),f(c,i({key:0,class:["focus-ring focus-ring-inset",e.clickableClasses],type:e.type,"label-class":{[e.labelClasses]:a.label}},e.$attrs),{default:v((()=>[u(e.$slots,"default")])),_:3},16,["class","type","label-class"])):(l(),f(b(a.href?"a":"button"),{key:1,class:d(["focus-ring focus-ring-inset",{[e.labelClasses]:a.label}]),href:a.href,type:a.href?void 0:e.$attrs.type||"button"},{default:v((()=>[r("span",{class:d(e.clickableClasses),"aria-hidden":"true"},null,2),u(e.$slots,"default")])),_:3},8,["class","href","type"]))},ue.__file="components/generic/f-clickable.vue";var ce={name:"fDeadToggle",components:{fToggleItem:re},props:{radio:Boolean,checkbox:Boolean},setup:e=>({type:c((()=>e.radio?"radio":"checkbox"))})};const pe={class:"input-toggle h-20 w-20 pointer-events-none","aria-hidden":"true"};ce.render=function(e,t,o,n,r,s){const d=p("f-toggle-item");return l(),a("div",pe,[m(d,i({class:"hidden","label-class":"-mt-2",type:e.type},e.$attrs),null,16,["type"])])},ce.__file="components/generic/f-dead-toggle.vue";var fe={name:"fExpandTransition",props:{group:Boolean,tag:String},setup(e,{emit:t,slots:l}){const a=e.group?g:h,o=()=>t("expand"),n=()=>t("collapse");return()=>w(a,{css:!1,onEnter:U,onAfterEnter:o,onLeave:N,onAfterLeave:n,tag:e.tag},l)}};const ve={valid:!0},be={valid:!1,hint:"Må fylles ut"};function me(e){return null==e?be:("string"!=typeof e||e.trim())&&("number"!=typeof e||!Number.isNaN(e))||be}const ge=()=>x("validation:collector"),he=()=>{const e=k([]),t=k(!1),l=c((()=>e.value.every((e=>e.valid)))),a=c((()=>e.value.filter((e=>e.required)).every((e=>e.valid))));B(t,(()=>e.value.forEach((e=>e.shouldValidate=t.value))));const o=C({registerValidation:l=>{l.shouldValidate.value=t.value,e.value.push(l)},unregisterValidation:t=>{const l=e.value.indexOf(t);-1!==l&&e.value.splice(l,1)},validationElements:e,childrenShouldValidate:t,allChildrenValid:l,valid:l,completed:a,validate:()=>t.value=!0});return _("validation:collector",o),y(o)},we=e=>{const t=k(!1),l=c((()=>{const t="function"==typeof e.required?e.required:me;return e.required?[t].concat(e.rules||[]):e.rules||[]})),a=c((()=>{if(!l.value.length)return ve;let t;return l.value.some((l=>(t=l(e.modelValue),"object"==typeof t)))?t:ve})),o=c((()=>a.value.valid)),n=c((()=>a.value.hint)),r=c((()=>t.value||!!a.value.always)),i=c((()=>r.value&&!a.value.valid)),s=x("validation:collector",null);if(s){const e={shouldValidate:t,valid:o};s.registerValidation(e),L((()=>s.unregisterValidation(e)))}return{triggerValidation:()=>{t.value=!0},shouldValidate:t,validation:a,valid:o,validationMsg:n,showValidation:r,hasErrorMessage:i,collector:s}},ye={id:ae,label:String,role:String,invalid:Boolean,hint:String,optional:Boolean,labelLevel:Number,rules:{type:Array,default:()=>[]},...e()},xe=(e,t)=>e?t:void 0;var ke={name:"fField",inheritAttrs:!1,props:{...ye,as:{type:String,default:"div"},required:[Boolean,Function],disabled:Boolean},setup(e,{slots:t}){const{triggerValidation:l,valid:a,validationMsg:o,hasErrorMessage:n,collector:r}=we(e),i=c((()=>"fieldset"===e.as)),s=c((()=>i.value?"legend":"label")),d=c((()=>i.value?void 0:e.id)),u=c((()=>(e.label||t.label)&&e.id+":label")),p=c((()=>e.id+":hint")),f=c((()=>xe(n.value,e.id+":error"))),v=c((()=>({"aria-labelledby":u.value,"aria-describedby":xe(e.hint,p.value),"aria-errormessage":f.value,"aria-invalid":!a.value||e.invalid||void 0,"aria-required":e.required&&!0}))),b=c((()=>xe(i.value,v.value)));return{triggerValidation:l,validationMsg:o,hasErrorMessage:n,labelType:s,labelFor:d,labelId:u,hintId:p,errorId:f,aria:v,wrapperAria:b,collector:r,valueOrUndefined:xe}}};const Be={key:0,class:"pl-8 font-normal text-14 text-gray-500"},Ce={key:1,class:"field-hint"},_e=["id","innerHTML"],Le={key:1},Ve=["id"];ke.render=function(e,t,o,n,r,s){return l(),f(b(o.as),i({class:["field",{"is-invalid":n.hasErrorMessage,"is-disabled":o.disabled,[e.$attrs.class||""]:!0}],role:e.role},n.wrapperAria),{default:v((()=>[e.label?(l(),f(b(n.labelType),{key:0,class:"field-label",id:n.labelId,for:n.labelFor,role:n.valueOrUndefined(e.labelLevel,"heading"),"aria-level":n.valueOrUndefined(e.labelLevel,e.labelLevel)},{default:v((()=>[V($(e.label),1),e.optional?(l(),a("span",Be," (valgfritt)")):S("v-if",!0)])),_:1},8,["id","for","role","aria-level"])):S("v-if",!0),u(e.$slots,"default",{triggerValidation:n.triggerValidation,labelFor:e.id,labelId:n.labelId,aria:n.aria}),u(e.$slots,"control",{form:n.collector}),e.hint||n.hasErrorMessage?(l(),a("div",Ce,[e.hint?(l(),a("span",{key:0,id:n.hintId,innerHTML:e.hint},null,8,_e)):S("v-if",!0),e.hint&&n.hasErrorMessage?(l(),a("span",Le,", ")):S("v-if",!0),n.hasErrorMessage?(l(),a("span",{key:2,id:n.errorId},$(n.validationMsg),9,Ve)):S("v-if",!0)])):S("v-if",!0)])),_:3},16,["class","role"])},ke.__file="components/forms/f-field.vue";var $e={name:"fInput",components:{fField:ke},inheritAttrs:!1,props:{...ye,type:{type:String,default:"text"},inputWrapperClass:String,autocomplete:{type:String,default:"off"},mask:Object},setup(e,{emit:l}){const a=t({props:e,emit:l}),o=k(null);return e.mask&&(({props:e,emit:t,inputEl:l})=>{const a=x("Cleave",null);if(!a)throw"Cleave not provided from Vue app, cannot set up mask";let o=null;M((()=>{o=new a(l.value,Object.assign({},e.mask,{onValueChanged:e=>t("update:modelValue",e.target.rawValue)})),T((()=>{e.modelValue!==o.getRawValue()&&o.setRawValue(e.modelValue)}))})),L((()=>{o.destroy(),o=null}))})({props:e,emit:l,inputEl:o}),{model:a,inputEl:o}}};const Se=["onBlur","autocomplete","id","type"],Me=["onBlur","autocomplete","id","type"];$e.render=function(e,t,o,c,b,m){const g=p("f-field");return l(),f(g,i({...e.$attrs,...e.$props},{class:{"has-suffix":e.$slots.suffix,"has-prefix":e.$slots.prefix}}),{default:v((({triggerValidation:p,aria:f})=>[r("div",{class:d(["input",o.inputWrapperClass])},[u(e.$slots,"prefix",{inputElement:c.inputEl}),o.mask?(l(),a("input",i({key:0},{...f,...e.$attrs,class:""},{onBlur:p,ref:"inputEl",autocomplete:o.autocomplete,id:e.id,type:o.type}),null,16,Se)):n((l(),a("input",i({key:1},{...f,...e.$attrs,class:""},{onBlur:p,ref:"inputEl",autocomplete:o.autocomplete,id:e.id,type:o.type,"onUpdate:modelValue":t[0]||(t[0]=e=>c.model=e)}),null,16,Me)),[[s,c.model]]),u(e.$slots,"suffix",{inputElement:c.inputEl})],2)])),_:3},16,["class"])},$e.__file="components/forms/f-input.vue";var Te={name:"fSelect",components:{fField:ke},inheritAttrs:!1,props:ye,setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const De={class:"input mb-0"},Ee={class:"input--select__wrap"},Ae=["id","onBlur"];Te.render=function(e,t,a,o,s,d){const c=p("f-field");return l(),f(c,D(E({...e.$attrs,...e.$props})),{default:v((({triggerValidation:l})=>[r("div",De,[r("div",Ee,[n(r("select",i({...e.$attrs,class:""},{"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t),id:e.id,onBlur:l}),[u(e.$slots,"default")],16,Ae),[[A,e.model]])])])])),_:3},16)},Te.__file="components/forms/f-select.vue";var je={name:"fTextarea",components:{fField:ke},inheritAttrs:!1,props:ye,setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const ze={class:"input input--textarea mb-0"},Ie=["id","onBlur"];je.render=function(e,t,a,o,s,d){const u=p("f-field");return l(),f(u,D(E({...e.$attrs,...e.$props})),{default:v((({triggerValidation:l})=>[r("div",ze,[n(r("textarea",i({...e.$attrs,class:""},{"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t),id:e.id,onBlur:l}),null,16,Ie),[[j,e.model]])])])),_:1},16)},je.__file="components/forms/f-textarea.vue";const Oe=e=>"value"in e&&"label"in e;var Fe={name:"fToggle",components:{fField:ke,fToggleItem:re},inheritAttrs:!1,props:{...ye,radio:Boolean,checkbox:Boolean,radioButton:Boolean,equalWidth:Boolean,small:Boolean,disabled:Boolean,toggles:{type:Array,required:!0,validator:e=>e.every(Oe)}},setup:(e,{emit:l})=>({model:t({props:e,emit:l}),type:c((()=>e.radio||e.radioButton?"radio":"checkbox")),role:c((()=>e.toggles.length>1?e.radio||e.radioButton?"radiogroup":"group":void 0)),wrapperClasses:c((()=>({"input-toggle--is-disabled":e.disabled&&!e.radioButton,"segment-control":e.radioButton,"segment-control--justified":e.equalWidth,"segment-control--small":e.small,"segment-control--is-disabled":e.disabled&&e.radioButton,"input-toggle":e.radio||e.checkbox}))),optionsClasses:c((()=>({"flex flex-row segment-control-options":e.radioButton})))})};Fe.render=function(e,t,n,s,u,c){const b=p("f-toggle-item"),m=p("f-field");return l(),f(m,i({as:"fieldset"},{...e.$attrs,...e.$props},{role:e.role}),{default:v((({triggerValidation:s})=>[r("div",{class:d(e.wrapperClasses)},[(l(!0),a(o,null,z(n.toggles,((a,o)=>(l(),f(b,i({modelValue:e.model,"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t),type:e.type,disabled:n.disabled,name:e.id+":toggles",key:e.id+o+e.type},a,{onBlur:s}),null,16,["modelValue","type","disabled","name","onBlur"])))),128))],2)])),_:1},16,["role"])},Fe.__file="components/forms/f-toggle.vue";var qe={name:"fForm",props:{as:{default:"form"},shouldValidate:{type:null,default:oe},...e({modelDefault:oe}),...e({modelName:"completed",modelDefault:oe})},setup(e,{emit:t}){const{allChildrenValid:l,completed:a,childrenShouldValidate:o}=he();e.modelValue!==oe&&T((()=>t("update:modelValue",l.value))),e.completed!==oe&&T((()=>t("update:completed",a.value))),e.shouldValidate!==oe&&T((()=>o.value=e.shouldValidate))}};qe.render=function(e,t,a,o,n,r){return l(),f(b(a.as),null,{default:v((()=>[u(e.$slots,"default")])),_:3})},qe.__file="components/forms/f-form.vue";const He={wrapper:"f-slider relative w-full h-44 py-2",track:"track absolute bg-blue-200 h-4 top-20 rounded-4 w-full",trackDisabled:"pointer-events-none bg-gray-200",activeTrack:"larger-active-track absolute bg-blue-600 h-4 top-20 rounded-4",activeTrackDisabled:"bg-bluegray-300 pointer-events-none",thumb:"f-thumb absolute w-24 h-24 bottom-10 rounded-4 outline-none",thumbEnabled:"shadow bg-blue-600 cursor-pointer",thumbDisabled:"bg-bluegray-300 cursor-disabled pointer-events-none"},Re={backdrop:"f-modal-backdrop fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-20",modal:"f-modal rounded-8 mx-0 sm:mx-16 bg-white flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 flex-grow flex-shrink px-16 sm:px-32 relative",footer:"flex justify-end flex-shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",title:"-mt-4 sm:-mt-8 h-40 sm:h-48 grid f-grid gap-8 sm:gap-16 f-modal-title items-center px-16 sm:px-32 border-b sm:border-b-0 flex-shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:"button button--pill f-modal-title-button",titleButtonLeft:"-ml-8 sm:-ml-12",titleButtonRight:"-mr-8 sm:-mr-12",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24"},Pe="group block relative break-words last-child:mb-0 p-16 rounded-8",We="-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",Ke={stepVertical:"step-v grid f-grid grid-flow-col gap-x-16",stepVerticalLeft:"step-v-l",stepVerticalRight:"step-v-r text-right",stepHorizontal:"step-h flex-1 grid f-grid gap-y-16 items-center",stepDot:"rounded-full border-2 h-20 w-20 transition-colors duration-300",stepDotVertical:"",stepDotVerticalLeft:"",stepDotVerticalRight:"col-start-2",stepDotHorizontal:"row-start-2 justify-self-end",stepDotActive:"border-blue-600 bg-blue-600 text-blue-600",stepDotComplete:"border-blue-600 bg-blue-600 text-white",stepDotIncomplete:"border-bluegray-300 bg-white text-white",stepLine:"step-line transition-colors duration-300",stepLineVertical:"w-2 h-full justify-self-center",stepLineVerticalLeft:"",stepLineVerticalRight:"col-start-2",stepLineHorizontal:"h-2 w-full row-start-2",stepLineIncomplete:"bg-bluegray-300",stepLineComplete:"bg-blue-600",content:"last-child:mb-0",contentVertical:"row-span-2 pb-32",contentHorizontal:"col-span-3 px-16 row-start-1 text-center"},Ue="cursor-pointer overflow-hidden relative transition-all outline-none",Ne="f-card rounded-8",Ze="border-2 rounded-4",Ge="border-bluegray-300 hover:bg-gray-50 hover:border-bluegray-400 active:border-bluegray-300",Xe="border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",Je="border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",Qe="f-card-outline absolute rounded-8 inset-0 transition-all border-2",Ye="border-transparent",et="border-blue-600 hover:border-blue-700",tt={label:"block relative h-24 w-44 cursor-pointer f-switch",labelDisabled:"pointer-events-none",switchTrack:"absolute h-full w-full rounded-full transition-colors",switchTrackSelected:"bg-blue-600 f-track-selected",switchTrackUnselected:"bg-gray-300 f-track-unselected",switchTrackDisabled:"bg-bluegray-200",switchThumb:"absolute transition-gpu h-16 w-16 top-4 left-4 rounded-full transition-transform",switchThumbSelected:"f-switch-selected",switchThumbNotDisabled:"bg-white shadow",switchThumbDisabled:"bg-bluegray-300"},lt={wrapperUnderlined:"border-b border-gray-200 -mx-16 sm:mx-0 px-4 sm:px-0 mb-32",wrapperContained:"",tabContainer:"mx-auto max-w-screen-md w-full grid f-grid relative",wunderbar:"absolute border-blue-600 -bottom-4 border-b-4 transition-all"},at="grid f-grid items-center gap-8 focus-ring font-normal antialias p-16 pb-4 hover:underline f-tab",ot="active-tab",nt="rounded-t-8",rt="bg-aqua-50",it="mx-auto ",st="f-tab-icon",dt="text-blue-600",ut="text-gray-300",ct="font-bold content-underlined",pt="text-gray-500 f-tab-text",ft="text-blue-600",vt="font-bold",bt="f-expandable",mt="bg-aqua-50",gt="py-0 px-0 "+Pe,ht=We,wt="inline-block align-middle transform transition-transform transition-gpu",yt="relative left-8",xt="f-expandable-chevron absolute right-16",kt="-rotate-180",Bt="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block hover:underline focus:underline",Ct="w-full text-left relative "+Pe,_t="hover:text-aqua-700 active:text-aqua-800",Lt="absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focus-ring ",Vt={wrapper:Lt+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-12"},$t={wrapper:Lt+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-secondary text-12"};var St={name:"fSuffix",props:{clear:Boolean,search:Boolean,label:String},setup:()=>({c:Vt})};const Mt={key:0,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Tt=[r("path",{fill:"currentColor","fill-rule":"evenodd",d:"M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z","clip-rule":"evenodd"},null,-1)],Dt={key:1,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Et=[r("g",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5","clip-path":"url(#nra-cclip0)"},[r("path",{d:"M8.796 11.803A5.684 5.684 0 104.349 1.341a5.684 5.684 0 004.447 10.462zM11 11l4 4"})],-1),r("defs",null,[r("clipPath",{id:"nra-cclip0"},[r("path",{fill:"currentColor",d:"M0 0h16v16H0z"})])],-1)];St.render=function(e,t,o,n,r,i){return l(),f(b(o.label?"div":"button"),{class:d({[e.c.wrapper]:!0,[o.label?e.c.wrapperWithIcon:e.c.wrapperWithLabel]:!0})},{default:v((()=>[o.clear?(l(),a("svg",Mt,Tt)):o.search?(l(),a("svg",Dt,Et)):o.label?(l(),a("span",{key:2,class:d(e.c.label)},$(o.label),3)):S("v-if",!0)])),_:1},8,["class"])},St.__file="components/forms/f-suffix.vue";var At={name:"fAffix",props:{prefix:Boolean,suffix:Boolean,clear:Boolean,search:Boolean,label:String},setup(e){const t=c((()=>e.prefix?$t:Vt));return{wrapperClass:c((()=>({[t.value.wrapper]:!0,[e.label?t.value.wrapperWithLabel:t.value.wrapperWithIcon]:!0}))),labelClass:c((()=>t.value.label))}}};const jt={key:0,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},zt=[r("title",null,"X",-1),r("path",{fill:"currentColor","fill-rule":"evenodd",d:"M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z","clip-rule":"evenodd"},null,-1)],It={key:1,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Ot=[r("title",null,"Forstørrelsesglass",-1),r("g",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5","clip-path":"url(#nra-cclip0)"},[r("path",{d:"M8.796 11.803A5.684 5.684 0 104.349 1.341a5.684 5.684 0 004.447 10.462zM11 11l4 4"})],-1),r("defs",null,[r("clipPath",{id:"nra-cclip0"},[r("path",{fill:"currentColor",d:"M0 0h16v16H0z"})])],-1)];At.render=function(e,t,o,n,r,i){return l(),f(b(o.label?"div":"button"),{class:d(n.wrapperClass)},{default:v((()=>[o.clear?(l(),a("svg",jt,zt)):o.search?(l(),a("svg",It,Ot)):o.label?(l(),a("span",{key:2,class:d(n.labelClass)},$(o.label),3)):S("v-if",!0)])),_:1},8,["class"])},At.__file="components/forms/f-affix.vue";const Ft={install:ne([ke,$e,Te,je,Fe,qe,St,At])},qt={name:"fBox"};var Ht=Object.assign(qt,{props:{bleed:Boolean,as:{type:String,default:"div"},clickable:Boolean,info:Boolean,neutral:Boolean,bordered:Boolean},setup(e){const t=e,a=c((()=>({[Pe]:!0,[We]:t.bleed,"bg-aqua-50":t.info,"hover:bg-aqua-100 active:bg-aqua-200":t.info&&t.clickable,"bg-bluegray-100":t.neutral,"hover:bg-bluegray-200 active:bg-bluegray-300":t.neutral&&t.clickable,"border-2 border-bluegray-300":t.bordered})));return(t,o)=>(l(),f(b(e.as),{class:d(I(a))},{default:v((()=>[u(t.$slots,"default")])),_:3},8,["class"]))}});Ht.__file="components/box/f-box.vue";const Rt={install:ne([Ht,ue])};const Pt=w("span",{ariaHidden:!0,class:"select-none"},"/");var Wt={name:"fBreadcrumbs",components:{Breadcrumbify:(e,t)=>{const l=t.slots.default();return function(e,t){return e.flatMap((e=>[e,t])).slice(0,-1)}(l[0].type===o?l[0].children:l,Pt)}},props:{ariaLabel:{type:String,default:"Her er du"}}};const Kt=["aria-label"],Ut={class:"sr-only"},Nt={class:"flex space-x-8"};Wt.render=function(e,t,o,n,i,s){const d=p("breadcrumbify");return l(),a("nav",{"aria-label":o.ariaLabel},[r("h2",Ut,$(o.ariaLabel),1),r("div",Nt,[m(d,null,{default:v((()=>[u(e.$slots,"default")])),_:3})])],8,Kt)},Wt.__file="components/breadcrumbs/f-breadcrumbs.vue";const Zt={install:ne([Wt])},Gt={key:0,role:"progressbar","aria-valuenow":"0","aria-valuetext":"Laster...",class:"sr-only"},Xt={name:"fButton"};var Jt=Object.assign(Xt,{props:{primary:Boolean,secondary:Boolean,negative:Boolean,utility:Boolean,quiet:Boolean,small:Boolean,link:Boolean,pill:Boolean,loading:Boolean,href:String,label:String},setup(e){const t=e,o=O(),n=c((()=>({button:!0,"button--primary":t.primary&&!t.negative,"button--destructive":t.primary&&t.negative,"button--flat":(t.secondary||!t.negative&&!t.utility)&&t.quiet,"button--destructive-flat":t.negative&&t.quiet,"button--utility-flat":t.utility&&t.quiet,"button--small":t.small,"button--utility":t.utility&&!t.quiet,"button--link":t.link,"button--pill":t.pill,"button--in-progress":t.loading}))),r=c((()=>({type:t.href?void 0:o.type||"button",rel:"_blank"===o.target?o.rel||"noopener":void 0})));return(t,o)=>(l(),f(b(e.href?"a":"button"),i({href:e.href,class:I(n)},I(r)),{default:v((()=>[u(t.$slots,"default",{},(()=>[V($(e.label),1)])),e.loading?(l(),a("span",Gt)):S("v-if",!0)])),_:3},16,["href","class"]))}});Jt.__file="components/button/f-button.vue";const Qt={install:ne([Jt])},Yt={name:"fButtonGroup"};var el=Object.assign(Yt,{props:{outlined:Boolean,raised:Boolean,vertical:Boolean},setup(e){const t=e;_("outlined",F(t,"outlined"));const o=c((()=>({"border border-gray-300":t.outlined,"filter drop-shadow-10":t.raised,[t.vertical?"divide-y":"divide-x"]:!0,"flex-col":t.vertical})));return(e,t)=>(l(),a("div",{class:d(["f-button-group inline-flex rounded-4 divide-gray-300 overflow-hidden",I(o)])},[u(e.$slots,"default")],2))}});el.__file="components/button-group/f-button-group.vue";const tl={name:"fButtonGroupItem"};var ll=Object.assign(tl,{props:{selected:Boolean},setup(e){const t=e,o=x("outlined",!1),n=c((()=>({"relative last-child:mb-0 hover:bg-gray-50 active:bg-gray-100":!0,[o.value?"border-gray-300":"border-transparent"]:!0,[t.selected?"bg-gray-200":"bg-white"]:!0,"bg-gray-200 hover:bg-gray-300 active:bg-gray-400":t.selected})));return(e,t)=>(l(),a("div",{class:d(I(n))},[u(e.$slots,"default")],2))}});ll.__file="components/button-group/f-button-group-item.vue";const al={install:ne([ue,el,ll])},ol={name:"fCard"};var nl=Object.assign(ol,{props:{as:{type:String,default:"div"},selected:Boolean,flat:Boolean},setup(e){const t=e,o=c((()=>({[Ue]:!0,[Ne]:!t.flat,[Je]:t.selected,[Ze]:t.flat,[t.selected?Xe:Ge]:t.flat}))),n=c((()=>({[Qe]:!0,[t.selected?et:Ye]:!0})));return(t,r)=>(l(),f(b(e.as),{class:d(I(o))},{default:v((()=>[e.flat?S("v-if",!0):(l(),a("div",{key:0,class:d(I(n))},null,2)),u(t.$slots,"default")])),_:3},8,["class"]))}});nl.__file="components/card/f-card.vue";const rl={install:ne([ue,nl])},il=["aria-expanded"],sl={key:0,class:"h4"},dl=[r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},[r("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M2.5 5.5L8 11l5.5-5.5"})],-1)],ul={key:0},cl={name:"fExpandable"};var pl=Object.assign(cl,{props:{title:String,box:Boolean,bleed:Boolean,info:Boolean,buttonClass:String,contentClass:String,chevron:{type:Boolean,default:!0},as:{type:String,default:"div"},animated:Boolean,...e({modelDefault:oe})},emits:["expand","collapse"],setup(e,{emit:o}){const n=e,i=q(),s=n.modelValue===oe?k(!1):t({props:n,emit:o}),p=n.animated?fe:"div";n.animated||B(s,(async e=>{await H(),o(e?"expand":"collapse")}));const m=c((()=>n.title||i.title)),g=c((()=>({[bt]:!0,[mt]:n.info,[gt]:n.box,[ht]:n.bleed}))),h=c((()=>({[n.buttonClass||""]:!0,[Bt]:!0,[Ct]:n.box,[_t]:n.info}))),w=c((()=>({[wt]:!0,[n.box?xt:yt]:!0,[kt]:s.value}))),y=c((()=>({[n.contentClass||""]:!0,[Pe+(m.value?" pt-0":"")]:n.box})));return(t,n)=>(l(),f(b(e.as),{class:d(I(g))},{default:v((()=>[I(m)?(l(),a("button",{key:0,type:"button","aria-expanded":I(s),class:d(I(h)),onClick:n[0]||(n[0]=e=>s.value=!I(s))},[u(t.$slots,"title",{expanded:I(s)}),e.title?(l(),a("span",sl,$(e.title),1)):S("v-if",!0),e.chevron?(l(),a("div",{key:1,class:d(I(w))},dl,2)):S("v-if",!0)],10,il)):S("v-if",!0),(l(),f(b(I(p)),{onExpand:n[1]||(n[1]=e=>o("expand")),onCollapse:n[2]||(n[2]=e=>o("collapse"))},{default:v((()=>[I(s)?(l(),a("div",ul,[r("div",{class:d(I(y))},[u(t.$slots,"default")],2)])):S("v-if",!0)])),_:3},32))])),_:3},8,["class"]))}});pl.__file="components/expandable/f-expandable.vue";var fl={name:"fWillExpand",props:{key:ae}};fl.render=function(e,t,o,n,r,i){return l(),a("div",{key:o.key},[u(e.$slots,"default")])},fl.__file="components/expandable/f-will-expand.vue";const vl={install:ne([pl,fe,fl])},bl="transition-gpu transition-transform",ml="undefined"!=typeof window;var gl={name:"fModal",props:{left:[Object,Boolean],right:[Object,Boolean],title:String,titleAttrs:Object,headerClasses:[String,Object],contentClasses:[String,Object],modelValue:Boolean,contentId:ae},emits:["dismiss","left","right","shown","hidden"],setup(e,{emit:t}){const l=k(null),a=k(null),o=k(null),n=k(!1),r=k(!1),i=k(!1),s=()=>t("dismiss"),d=e=>{"Escape"===e.key&&s()},u=c((()=>({[bl]:!0,[i.value?"duration-300":"duration-1"]:!0,[Re.titleButton]:!0,[Re.titleButtonLeft]:!0,"justify-self-start":!0}))),p=c((()=>({[bl]:!0,[i.value?"duration-300":"duration-0"]:!0,"justify-self-center":e.left,"col-span-2":!e.left}))),f=c((()=>({[bl]:!0,[i.value?"duration-300":"duration-0"]:!0,[Re.titleButton]:!0,[Re.titleButtonRight]:!0,"justify-self-end":!0})));B((()=>[e.left,e.right,e.title]),(async()=>{i.value=!0,await H(),i.value=!1}));const v=()=>{1.02*l.value?.scrollHeight>innerHeight?l.value.style.borderRadius="0px":l.value.style.borderRadius=null};async function b(e){ml&&(e||await async function(){l.value&&(Z.off(l.value),l.value.removeEventListener("transitionend",v,{passive:!0})),removeEventListener("keydown",d),X(),t("hidden")}(),await async function(e){e?n.value=e:r.value=e,await H(),e?r.value=e:n.value=e,await H()}(e),e&&await async function(){Z.on(l.value),l.value.addEventListener("transitionend",v,{passive:!0}),addEventListener("keydown",d,{passive:!0}),G(a.value),t("shown")}())}return B((()=>e.modelValue),b,{immediate:!0}),L(b),{c:Re,modalEl:l,backdropEl:o,emitDismiss:s,contentEl:a,showModal:n,showContent:r,titleLeftClasses:u,titleCenterClasses:p,titleRightClasses:f}}};const hl=[r("path",{fill:"currentColor","fill-rule":"nonzero",d:"M8 2.25a.75.75 0 01.743.648L8.75 3v8.189l3.72-3.72a.75.75 0 011.133.977l-.073.084-5 5a.747.747 0 01-.374.204l-.104.014h-.104a.747.747 0 01-.478-.218l-5-5a.75.75 0 01.976-1.133l.084.073 3.72 3.719V3A.75.75 0 018 2.25z"},null,-1)],wl=[r("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M12 12l6 6-6-6-6 6 6-6zm0 0L6 6l6 6 6-6-6 6z"},null,-1)],yl=["id"];gl.render=function(e,t,o,n,s,c){return l(),f(h,{name:"fade"},{default:v((()=>[n.showModal?(l(),a("div",{key:0,class:d(n.c.backdrop),onClick:t[2]||(t[2]=R(((...e)=>n.emitDismiss&&n.emitDismiss(...e)),["self"])),ref:"backdropEl"},[m(h,{name:"slide"},{default:v((()=>[n.showContent?(l(),a("div",{key:0,class:d(n.c.modal),tabindex:"-1","aria-modal":"true","aria-labelledby":"f-modal-title",role:"dialog",ref:"modalEl"},[r("div",{class:d([n.c.title,o.headerClasses])},[m(g,{name:"f-modal-title"},{default:v((()=>[o.left?(l(),a("button",i({key:0,"aria-label":"Tilbake",onClick:t[0]||(t[0]=t=>e.$emit("left")),class:n.titleLeftClasses,key:"left"},o.left),[u(e.$slots,"left",{},(()=>[(l(),a("svg",{"aria-hidden":"true",class:d([n.c.titleButtonIcon,"transform rotate-90"]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},hl,2))]))],16)):S("v-if",!0),r("div",i({class:n.titleCenterClasses,key:"title"},o.titleAttrs),[o.title?(l(),a("p",{key:0,id:"f-modal-title",class:d(n.c.titleText)},$(o.title),3)):S("v-if",!0),u(e.$slots,"title")],16),o.right?(l(),a("button",i({key:1,"aria-label":"Lukk",onClick:t[1]||(t[1]=t=>e.$emit("right")),class:n.titleRightClasses,key:"right"},o.right),[u(e.$slots,"right",{},(()=>[(l(),a("svg",{"aria-hidden":"true",class:d(n.c.titleButtonIcon),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},wl,2))]))],16)):S("v-if",!0)])),_:3})],2),e.$slots.default?(l(),a("div",{key:0,class:d([n.c.content,o.contentClasses]),ref:"contentEl",id:o.contentId},[u(e.$slots,"default")],10,yl)):S("v-if",!0),e.$slots.footer?(l(),a("div",{key:1,class:d(n.c.footer)},[u(e.$slots,"footer")],2)):S("v-if",!0)],2)):S("v-if",!0)])),_:3})],2)):S("v-if",!0)])),_:3})},gl.__file="components/modal/f-modal.vue";const xl={install:ne([gl])},kl={pill:"inline-flex items-center py-8 focus-ring text-12 transition-all",pillSuggestion:"bg-gray-200 hover:bg-gray-300 active:bg-gray-400 text-gray-700 font-bold",pillFilter:"bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white",label:"pl-12 rounded-l-full",labelSuggestion:"",labelFilter:"",labelWithoutClose:"pr-12 rounded-r-full",labelWithClose:"pr-2",close:"pr-12 pl-4 py-10 rounded-r-full"};var Bl={name:"fPill",inheritAttrs:!1,props:{label:String,canClose:Boolean,suggestion:Boolean},setup:(e,{emit:t})=>({c:kl})};const Cl={class:"flex items-center"},_l=r("span",{class:"sr-only"},"Åpne filter ",-1),Ll={class:"sr-only"},Vl=r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",fill:"none",viewBox:"0 0 16 16","aria-hidden":"true"},[r("path",{fill:"currentColor",d:"M4.03 2.97a.75.75 0 00-1.06 1.06L6.94 8l-3.97 3.97a.75.75 0 101.06 1.06L8 9.06l3.97 3.97a.75.75 0 101.06-1.06L9.06 8l3.97-3.97a.75.75 0 00-1.06-1.06L8 6.94 4.03 2.97z"})],-1);Bl.render=function(e,t,o,n,s,u){return l(),a("div",Cl,[r("button",i({type:"button",class:{[e.c.pill]:!0,[o.suggestion?e.c.pillSuggestion:e.c.pillFilter]:!0,[e.c.label]:!0,[o.canClose?e.c.labelWithClose:e.c.labelWithoutClose]:!0}},e.$attrs),[_l,r("span",null,$(o.label),1)],16),o.canClose?(l(),a("button",{key:0,type:"button",class:d({[e.c.pill]:!0,[o.suggestion?e.c.pillSuggestion:e.c.pillFilter]:!0,[e.c.close]:!0}),onClick:t[0]||(t[0]=t=>e.$emit("close"))},[r("span",Ll,"Fjern filter "+$(o.label),1),Vl],2)):S("v-if",!0)])},Bl.__file="components/pill/f-pill.vue";const $l={install:ne([Bl])},Sl=Object.freeze({up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight",end:"End",home:"Home",pageup:"PageUp",pagedown:"PageDown"}),Ml=Object.values(Sl),Tl={passive:!0};const Dl=(e,{min:t,max:l})=>{return a=e,Number.isFinite(parseFloat(a))?Math.min(Math.max(Number(e),t),l):t;var a};function El({props:e,sliderState:t}){const l=t=>Dl(t,{max:e.max,min:e.min});const a=()=>(t.position-e.min)/(e.max-e.min)*100;function o(){t.sliderPressed=!1,window.removeEventListener("touchmove",n),window.removeEventListener("mousemove",n)}function n(l){const{value:a}=function(l){const{left:a,width:o}=t.dimensions,n="touches"in l?l.touches[0].clientX:l.clientX;let r=Math.min(Math.max((n-a-16)/o,0),1)||0;return{value:e.min+r*(e.max-e.min)}}(l),o=function(e,t=2){const l=t?Math.pow(10,t):1;return Math.round(e*l)/l}(a);t.thumbEl?.focus(),t.position!==o&&(t.position=o)}return{handleKeyDown:function(a){const o=a.key;if(Ml.includes(o))if(a.preventDefault(),[Sl.left,Sl.right,Sl.up,Sl.down].includes(o)){const e=[Sl.right,Sl.up].includes(o)?1:-1;t.position=l(t.val+e*t.step)}else if(o===Sl.home)t.position=e.min;else if(o===Sl.end)t.position=e.max;else{const a=o===Sl.pageup?1:-1,n=2,r=50;t.position=l(t.val+a*t.step*Math.max(n,Math.min(r,Math.ceil((e.max-e.min)/10/t.step))))}},handleFocus:function(e){},handleBlur:function(e){},handleMouseDown:function(e){t.sliderPressed=!0,"touches"in e?(window.addEventListener("touchmove",n,Tl),window.addEventListener("touchend",o,{once:!0})):(window.addEventListener("mousemove",n,Tl),window.addEventListener("mouseup",o,{once:!0})),e.stopPropagation(),e.preventDefault()},handleClick:function(e){n(e)},getThumbPosition:a,getThumbTransform:()=>a()/100*t.dimensions.width,getShiftedChange:e=>{const l=1/t.step;return Math.floor(e*l)/l}}}var Al={name:"fSlider",props:{min:{type:Number,default:0},max:{type:Number,default:100},step:Number,label:String,labelledBy:String,disabled:Boolean,...e()},setup(e,{emit:l,attrs:a}){const o=k(null),n=k(null),r=k({}),i=e=>r.value=e,{mountedHook:s,unmountedHook:d}=(()=>{let e;return{mountedHook:(t,l)=>{l(t.getBoundingClientRect()),e=new ResizeObserver((e=>t=>{const{left:l,width:a}=t[0].target.getBoundingClientRect();e({left:l,width:a-24})})(l)),e.observe(t)},unmountedHook:()=>{e.disconnect()}}})();M((()=>s(o.value,i))),L(d);const u=k(!1),p=t({props:e,emit:l}),f=k(p.value),v=c((()=>e.step||1)),b={get position(){return f.value},set position(e){f.value=e},get sliderPressed(){return u.value},set sliderPressed(e){u.value=e},get val(){return p.value},set val(e){p.value=e},get thumbEl(){return n.value},get dimensions(){return r.value},get step(){return v.value},emitFocus(e){l("focus",e)},emitBlur(e){l("blur",e)}},{handleKeyDown:m,handleFocus:g,handleBlur:h,handleMouseDown:w,handleClick:y,getThumbPosition:x,getThumbTransform:C,getShiftedChange:_}=El({props:e,sliderState:b}),V=c(x),$=c(C),S=c((()=>({transform:"translateX("+$.value+"px)"}))),T=c((()=>({left:0,right:100-V.value+"%"}))),D=c((()=>({"aria-label":e.label,"aria-labelledby":e.labelledBy,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":p.value,"aria-valuetext":a["aria-valuetext"]})));return B(f,(()=>{if(f.value===e.modelValue)return;const t=e.step?_(f.value):f.value;p.value!==t&&(p.value=t)})),B((()=>e.modelValue),(()=>{u.value||f.value===e.modelValue||(f.value=e.modelValue)})),{c:He,aria:D,sliderLine:o,thumb:n,sliderActiveStyle:T,thumbStyles:S,handleClick:y,handleBlur:h,handleFocus:g,handleKeyDown:m,handleMouseDown:w,v:p}}};Al.render=function(e,t,o,n,s,u){return l(),a("div",{class:d(n.c.wrapper)},[r("div",{class:d({[n.c.trackDisabled]:o.disabled,[n.c.track]:!0}),ref:"sliderLine",onClick:t[0]||(t[0]=(...e)=>n.handleClick&&n.handleClick(...e))},null,2),r("div",{class:d({[n.c.activeTrackDisabled]:o.disabled,[n.c.activeTrack]:!0}),style:P(n.sliderActiveStyle),onClick:t[1]||(t[1]=(...e)=>n.handleClick&&n.handleClick(...e))},null,6),r("div",i({class:{[n.c.thumbDisabled]:o.disabled,[n.c.thumbEnabled]:!o.disabled,[n.c.thumb]:!0},ref:"thumb",role:"slider",tabindex:"0"},n.aria,{style:n.thumbStyles,onMousedown:t[2]||(t[2]=(...e)=>n.handleMouseDown&&n.handleMouseDown(...e)),onTouchstart:t[3]||(t[3]=(...e)=>n.handleMouseDown&&n.handleMouseDown(...e)),onBlur:t[4]||(t[4]=(...e)=>n.handleBlur&&n.handleBlur(...e)),onFocus:t[5]||(t[5]=(...e)=>n.handleFocus&&n.handleFocus(...e)),onKeydown:t[6]||(t[6]=(...e)=>n.handleKeyDown&&n.handleKeyDown(...e))}),null,16)],2)},Al.__file="components/slider/f-slider.vue";const jl={install:ne([Al])};var zl={name:"fStep",props:{active:Boolean,complete:Boolean},setup:()=>({vertical:x("steps-vertical",!0),left:x("steps-left",!0),c:Ke})};const Il=["aria-current"],Ol=["aria-label"],Fl=[r("path",{fill:"currentColor",d:"M13.007 4.447a.75.75 0 01.046 1.06l-5.5 6a.75.75 0 01-1.083.023l-3-3a.75.75 0 011.06-1.06l2.446 2.446 4.971-5.423a.75.75 0 011.06-.046z"},null,-1)];zl.render=function(e,t,o,n,i,s){return l(),a("div",{class:d(["f-step",{[e.c.stepVertical]:e.vertical,[e.c.stepVerticalLeft]:e.vertical&&e.left,[e.c.stepVerticalRight]:e.vertical&&!e.left,[e.c.stepHorizontal]:!e.vertical}])},[e.vertical?S("v-if",!0):(l(),a("div",{key:0,class:d(["step-line-h-l",{[e.c.stepLine]:!0,[e.c.stepLineHorizontal]:!e.vertical,[e.c.stepLineIncomplete]:!o.active&&!o.complete,[e.c.stepLineComplete]:o.active||o.complete}])},null,2)),r("div",{"aria-current":o.active?"step":void 0,class:d({[e.c.stepDot]:!0,[e.c.stepDotVertical]:e.vertical,[e.c.stepDotVerticalLeft]:e.vertical&&e.left,[e.c.stepDotVerticalRight]:e.vertical&&!e.left,[e.c.stepDotHorizontal]:!e.vertical,[e.c.stepDotIncomplete]:!(o.active||o.complete),[e.c.stepDotActive]:o.active,[e.c.stepDotComplete]:o.complete})},[(l(),a("svg",{role:"img","aria-label":o.complete?"✓":"⍻",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},Fl,8,Ol))],10,Il),r("div",{class:d(["step-line-h-r",{[e.c.stepLine]:!0,[e.c.stepLineVertical]:e.vertical,[e.c.stepLineVerticalLeft]:e.vertical&&e.left,[e.c.stepLineVerticalRight]:e.vertical&&!e.left,[e.c.stepLineHorizontal]:!e.vertical,[e.c.stepLineIncomplete]:!o.complete,[e.c.stepLineComplete]:o.complete}])},null,2),r("div",{class:d({[e.c.content]:!0,[e.c.contentVertical]:e.vertical,[e.c.contentHorizontal]:!e.vertical})},[u(e.$slots,"default")],2)],2)},zl.__file="components/steps/f-step.vue";var ql={name:"fSteps",props:{horizontal:Boolean,right:Boolean},setup(e){const t=k(!e.horizontal),l=k(!e.right);_("steps-vertical",t),_("steps-left",l),T((()=>t.value=!e.horizontal)),T((()=>l.value=!e.right))}};ql.render=function(e,t,o,n,r,i){return l(),a("div",{class:d(["w-full",{flex:o.horizontal}])},[u(e.$slots,"default")],2)},ql.__file="components/steps/f-steps.vue";const Hl={install:ne([zl,ql])};var Rl={name:"fSwitch",props:{id:ae,disabled:Boolean,...e()},setup(e){const l=t({props:e}),a=k(null);return{model:l,c:tt,inputEl:a,simulateClick:()=>a.value.click()}}};const Pl={class:"tap-highlight-transparent"},Wl=["id","disabled"];Rl.render=function(e,t,o,i,s,u){return l(),a("div",Pl,[n(r("input",{type:"checkbox",class:"sr-only",id:o.id,"onUpdate:modelValue":t[0]||(t[0]=e=>i.model=e),disabled:o.disabled,ref:"inputEl"},null,8,Wl),[[W,i.model]]),r("div",{onClick:t[1]||(t[1]=(...e)=>i.simulateClick&&i.simulateClick(...e)),class:d({[i.c.label]:!0,[i.c.labelDisabled]:o.disabled})},[r("div",{class:d({[i.c.switchTrack]:!0,[i.c.switchTrackSelected]:i.model&&!o.disabled,[i.c.switchTrackUnselected]:!i.model&&!o.disabled,[i.c.switchTrackDisabled]:o.disabled})},null,2),r("div",{class:d({[i.c.switchThumb]:!0,[i.c.switchThumbSelected]:i.model,[o.disabled?i.c.switchThumbDisabled:i.c.switchThumbNotDisabled]:!0})},null,2)],2)])},Rl.__file="components/switch/f-switch.vue";const Kl={install:ne([Rl])},Ul=Object.freeze({left:"ArrowLeft",right:"ArrowRight",home:"Home",end:"End"}),Nl=Object.values(Ul),Zl=({tabs:e,activeTab:t,focusActive:l})=>async a=>{var o;if(!(e=>e.altKey||e.ctrlKey||e.shiftKey)(o=a)&&Nl.includes(o.key))try{const o=e.value.indexOf(t.value),n=(()=>{switch(a.key){case Ul.home:return 0;case Ul.end:return e.value.length-1;case Ul.left:return Math.max(0,o-1);case Ul.right:return Math.min(e.value.length-1,o+1)}})();o!==n&&(a.preventDefault(),t.value=e.value[n],await H(),l())}catch(e){console.warn("Problem handling tabs keydown",e)}};var Gl={name:"fTabs",props:{contained:Boolean,...e()},setup(e,{slots:l}){const a=t({props:e}),n=k(null),r=k(null),i=k([]),s=c((()=>i.value.length)),d=c((()=>{return(e=l.default(),e[0].type===o?e[0].children:e).length;var e})),u=(e=>()=>e.value.querySelector(".active-tab"))(n);_("tab-controller",{registerTab:e=>i.value.push(e),unregisterTab:e=>{const t=i.value.indexOf(e);-1!==t&&i.value.splice(t,1)},onKeydown:Zl({tabs:i,activeTab:a,focusActive:()=>u()?.focus()})}),_("activeTab",a),_("contained",F(e,"contained"));const p=async()=>{if(!e.contained){await H();try{const e=u(),{left:t}=n.value.getBoundingClientRect(),{left:l,width:a}=e.getBoundingClientRect();r.value.style.left=l-t+"px",r.value.style.width=a+"px"}catch(e){console.warn("Problem updating tabs",e)}}};return M((()=>{B(a,p,{immediate:!0}),B((()=>e.contained),p);new ResizeObserver(J(p,100)).observe(n.value)})),{c:lt,tabContainer:n,wunderbar:r,numberOfTabs:s,slotFallback:d}}};Gl.render=function(e,t,o,n,i,s){return l(),a("nav",{class:d({[o.contained?n.c.wrapperContained:n.c.wrapperUnderlined]:!0})},[r("div",{class:d({[n.c.tabContainer]:!0,[`grid-cols-${n.numberOfTabs||n.slotFallback}`]:!0}),ref:"tabContainer",role:"tablist"},[u(e.$slots,"default"),o.contained?S("v-if",!0):(l(),a("span",{key:0,class:d(n.c.wunderbar),ref:"wunderbar"},null,2))],2)],2)},Gl.__file="components/tabs/f-tabs.vue";var Xl={name:"fTab",props:{label:String,name:{type:String,required:!0}},setup(e){const t=x("tab-controller"),l=x("activeTab"),a=x("contained"),o=c((()=>e.name===l.value));t.registerTab(e.name),L((()=>{t?.unregisterTab?.(e.name)}));const n=c((()=>({[ct]:!a.value,[o.value?ft:pt]:!a.value,[vt]:a.value&&o.value}))),r=c((()=>({[it]:!0,[st]:!a.value,[o.value?dt:ut]:!a.value}))),i=c((()=>({[at]:!0,[ot]:o.value,[nt]:a.value,[rt]:a.value&&o.value})));return{isActive:o,setActive:()=>l.value=e.name,contentClasses:n,iconClasses:r,tabClasses:i,onKeydown:t.onKeydown}}};const Jl=["id","aria-selected","aria-controls","tabindex"];Xl.render=function(e,t,o,n,i,s){return l(),a("button",{class:d(n.tabClasses),onClick:t[0]||(t[0]=(...e)=>n.setActive&&n.setActive(...e)),role:"tab",id:`fabric-tab-${o.name}`,"aria-selected":n.isActive,"aria-controls":n.isActive?`fabric-tabpanel-${o.name}`:void 0,tabindex:n.isActive?0:-1,onKeydown:t[1]||(t[1]=(...e)=>n.onKeydown&&n.onKeydown(...e))},[e.$slots.default?(l(),a("span",{key:0,class:d(n.iconClasses)},[u(e.$slots,"default")],2)):S("v-if",!0),r("span",{class:d(n.contentClasses)},[V($(o.label)+" ",1),u(e.$slots,"label")],2)],42,Jl)},Xl.__file="components/tabs/f-tab.vue";var Ql={name:"fTabPanel",props:{name:{type:String,required:!0}}};const Yl=["id","aria-labelledby"];Ql.render=function(e,t,o,n,r,i){return l(),a("div",{tabindex:"-1",role:"tabpanel",id:`fabric-tabpanel-${o.name}`,"aria-labelledby":`fabric-tab-${o.name}`},[u(e.$slots,"default")],8,Yl)},Ql.__file="components/tabs/f-tab-panel.vue";const ea={install:ne([Gl,Xl,Ql])},ta="top",la="bottom",aa={[ta]:la,[la]:ta,left:"right",right:"left"},oa=[ta,la,"left","right"],na={left:-45,[ta]:45,right:135,[la]:-135},ra={tooltip:Boolean,popover:Boolean,callout:Boolean,noArrow:Boolean,...oa.reduce(((e,t)=>(e[t]=Boolean,e)),{})},ia=({actualDirection:e,directionName:t,arrowEl:l})=>{e.value=t.value;const a=(o=t.value,[ta,la].includes(o));var o;l.value.$el.style.left=a?"calc(50% - 7px)":null,l.value.$el.style.top=a?null:"calc(50% - 7px)"};var sa={name:"fAttentionArrow",inheritAttrs:!1,props:{...ra,direction:String},setup:e=>{const t=c((()=>aa[e.direction]));return{arrowClass:c((()=>({"absolute h-14 w-14 border-2 border-b-0 border-r-0 transform":!0,[`-${t.value}-8`]:!0,"bg-gray-700 border-gray-700":e.tooltip,"bg-green-100 border-green-400":e.callout,"bg-white border-white":e.popover}))),arrowStyle:c((()=>({borderTopLeftRadius:"4px",[`margin-${t.value}`]:"-0.5px",transform:`rotate(${na[t.value]}deg)`})))}}};sa.render=function(e,t,o,n,r,i){return l(),a("div",{class:d(e.arrowClass),style:P(e.arrowStyle)},null,6)},sa.__file="components/attention/f-attention-arrow.vue";var da={name:"fAttentionItem",props:{...ra,...e({modelDefault:oe}),targetEl:Object,attentionClass:[Object,String],attentionEl:{default:()=>k(null)}},components:{fAttentionArrow:sa},setup:(e,{emit:l})=>{const a=c((()=>oa.find((t=>e[t])))),o=c((()=>({"border-2 relative":!0,"bg-gray-700 border-gray-700 text-white rounded-4 py-6 px-8":e.tooltip,"bg-green-100 border-green-400 py-8 px-16 rounded-8":e.callout,"bg-white border-white rounded-8 p-16 filter drop-shadow-20":e.popover}))),n=e.modelValue===oe?k(!0):t({props:e,emit:l}),r=k(null),i=k(a.value),s=async()=>{if(!n.value)return;if(await H(),e.callout)return ia({directionName:a,arrowEl:r,actualDirection:i});const t=await Q(e.targetEl,e.attentionEl.value,{placement:a.value,middleware:[Y(),ee(8),te({padding:16}),le({element:e.noArrow?void 0:r.value.$el})]});i.value=t.placement,Object.assign(e.attentionEl.value.style,{left:"0",top:"0",transform:`translate3d(${Math.round(t.x)}px, ${Math.round(t.y)}px, 0)`});let{x:l,y:o}=t.middlewareData.arrow;r.value.$el.style.left=l?l+"px":null,r.value.$el.style.top=o?o+"px":null};return M((async()=>{B((()=>[e.top,e.bottom,e.left,e.right]),s),B(n,s,{immediate:e.callout})})),{wrapperClass:o,attentionRef:e.attentionEl,arrowEl:r,actualDirection:i,model:n}}};const ua={class:"last-child:mb-0"};da.render=function(e,t,o,s,c,v){const b=p("f-attention-arrow");return n((l(),a("div",{class:d([{"absolute z-50":!e.callout},o.attentionClass]),ref:"attentionRef"},[r("div",{class:d(e.wrapperClass),"data-test":"wrapper"},[e.noArrow?S("v-if",!0):(l(),f(b,i({key:0},e.$props,{ref:"arrowEl",direction:e.actualDirection}),null,16,["direction"])),r("div",ua,[u(e.$slots,"default")])],2)],2)),[[K,e.model]])},da.__file="components/attention/f-attention.vue";const ca={install:e=>e.component(da.name,da)},pa={negative:"red",positive:"green",warning:"yellow",info:"aqua",neutral:"bluegray"},fa=Object.keys(pa),va=fa.reduce(((e,t)=>(e[t]=Boolean,e)),{}),ba={class:"f-expandable"},ma={key:0,role:"alert"},ga={class:"flex"},ha={class:"w-16 mr-8"},wa={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},ya=[r("path",{fill:"#D91F0A",d:"M4.1 1.6A2 2 0 0 1 5.5 1h5c.5 0 1 .2 1.4.6L15.4 5c.4.4.6.9.6 1.4v5c0 .5-.2 1-.6 1.4L12 16.4a2 2 0 0 1-1.4.6h-5a2 2 0 0 1-1.4-.6L.6 13a2 2 0 0 1-.6-1.4v-5c0-.5.2-1 .6-1.4L4 1.6Z"},null,-1),V(),r("path",{fill:"#fff","fill-rule":"evenodd",d:"M8 4.3c.4 0 .8.3.8.7v5a.8.8 0 0 1-1.6 0V5c0-.4.4-.8.8-.8Z","clip-rule":"evenodd"},null,-1),V(),r("path",{fill:"#fff",d:"M8.8 12.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z"},null,-1)],xa={key:1,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},ka=[r("g",{"clip-path":"url(#a)"},[r("circle",{cx:"8",cy:"9",r:"8",fill:"#059E6F",transform:"rotate(180 8 9)"}),V(),r("path",{fill:"#fff","fill-rule":"evenodd",d:"M11.5 6c.3.2.3.7 0 1l-4 4.5a.8.8 0 0 1-1 0l-2-2a.8.8 0 0 1 1-1L7 9.9 10.4 6c.3-.3.8-.3 1.1 0Z","clip-rule":"evenodd"})],-1),V(),r("defs",null,[r("clipPath",{id:"a"},[r("path",{fill:"#fff",d:"M0 0h16v16H0z",transform:"translate(0 1)"})])],-1)],Ba={key:2,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},Ca=[r("path",{fill:"#D5840B",d:"m.2 13 6-11a2.1 2.1 0 0 1 3.6 0l6 11a2 2 0 0 1-1.9 3H2.1a2 2 0 0 1-1.9-3Z"},null,-1),V(),r("path",{fill:"#fff","fill-rule":"evenodd",d:"M8 4.3c.4 0 .8.3.8.7v5a.8.8 0 0 1-1.6 0V5c0-.4.4-.8.8-.8Z","clip-rule":"evenodd"},null,-1),V(),r("path",{fill:"#fff",d:"M8.8 12.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z"},null,-1)],_a={key:3,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},La=["fill"],Va=r("path",{fill:"#fff","fill-rule":"evenodd",d:"M7.3 13a.8.8 0 0 0 1.5 0V9a.8.8 0 0 0-1.6 0v4ZM8 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z","clip-rule":"evenodd"},null,-1),$a={class:"last-child:mb-0 text-14","data-test":"content"},Sa={class:"font-bold"},Ma={name:"fAlert"};var Ta=Object.assign(Ma,{props:{title:String,...va,...e()},emits:["update:modelValue"],setup(e,{emit:o}){const n=e,i=t({props:n,emit:o}),s=c((()=>{const e=fa.find((e=>n[e]));return pa[e]})),p=c((()=>`var(--f-${s.value}-600)`)),f=c((()=>({borderLeftColor:p.value}))),b=c((()=>({"border rounded-4 border-l-4 p-16":!0,[`bg-${s.value}-50 border-${s.value}-300`]:!0})));return(t,o)=>(l(),a("div",ba,[m(I(fe),null,{default:v((()=>[I(i)?(l(),a("div",ma,[I(i)?(l(),a("div",{key:0,class:d(I(b)),style:P(I(f)),"data-test":"wrapper"},[r("div",ga,[r("div",ha,[t.negative?(l(),a("svg",wa,ya)):t.positive?(l(),a("svg",xa,ka)):t.warning?(l(),a("svg",Ba,Ca)):(l(),a("svg",_a,[S(" nb: logic controlling fill "),r("circle",{cx:"8",cy:"9",r:"8",fill:I(p)},null,8,La),Va]))]),r("div",$a,[r("p",Sa,$(e.title),1),u(t.$slots,"default")])])],6)):S("v-if",!0)])):S("v-if",!0)])),_:3})]))}});Ta.__file="components/alert/f-alert.vue";const Da={install:ne([Ta])};export{Da as Alert,ca as Attention,Rt as Box,Zt as Breadcrumbs,Qt as Button,al as ButtonGroup,rl as Card,vl as Expandable,Ft as Forms,xl as Modal,$l as Pill,jl as Slider,Hl as Steps,Kl as Switch,ea as Tabs,oe as absentProp,we as createValidation,he as createValidationCollector,be as defaultInvalid,me as defaultRequiredRule,ve as defaultValid,At as fAffix,Ta as fAlert,da as fAttention,Ht as fBox,Wt as fBreadcrumbs,Jt as fButton,el as fButtonGroup,ll as fButtonGroupItem,nl as fCard,ue as fClickable,ce as fDeadToggle,fe as fExpandTransition,pl as fExpandable,ke as fField,qe as fForm,$e as fInput,gl as fModal,Bl as fPill,Te as fSelect,Al as fSlider,zl as fStep,ql as fSteps,St as fSuffix,Rl as fSwitch,Xl as fTab,Ql as fTabPanel,Gl as fTabs,je as fTextarea,Fe as fToggle,re as fToggleItem,fl as fWillExpand,ae as id,ne as installer,ge as useForm};
 //# sourceMappingURL=fabric-vue.js.map

package.json

 {
   "name": "@fabric-ds/vue",
-  "version": "0.12.1",
+  "version": "0.12.2",
   "description": "Fabric components for Vue 3",
@@ -14,2 +14,4 @@ "type": "module",
     "dev": "cd example && vite",
+    "test": "vitest run",
+    "watch": "vitest watch",
     "build": "rm -rf dist && npm run build:npm && npm run build:eik",
@@ -30,7 +32,7 @@ "build:npm": "rollup -c",
   "dependencies": {
-    "@eik/rollup-plugin": "^4.0.24",
+    "@eik/rollup-plugin": "^4.0.25",
     "@fabric-ds/core": "^0.0.13",
-    "@fabric-ds/css": "^1.1.4",
+    "@fabric-ds/css": "^1.1.5",
     "@finn-no/dom-focus-lock-fixed": "^1.0.6",
-    "@floating-ui/dom": "^0.5.2",
+    "@floating-ui/dom": "^0.5.3",
     "create-v-model": "^2.1.2",
@@ -42,3 +44,3 @@ "element-collapse": "^1.1.0",
   "devDependencies": {
-    "@babel/core": "^7.18.2",
+    "@babel/core": "^7.18.5",
     "@babel/preset-env": "^7.18.2",
@@ -50,11 +52,14 @@ "@rollup/plugin-babel": "^5.3.1",
     "@vue/compiler-sfc": "^3.2.37",
+    "@vue/test-utils": "^2.0.1",
     "cleave-lite": "^1.0.0",
     "drnm": "^0.9.0",
-    "rollup": "^2.75.5",
+    "happy-dom": "^5.3.1",
+    "rollup": "^2.75.7",
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-vue": "^6.0.0",
-    "vite": "^2.9.10",
+    "vite": "^2.9.12",
+    "vitest": "^0.15.1",
     "vue": "^3.2.37",
-    "vue-router": "^4.0.15"
+    "vue-router": "^4.0.16"
   },
@@ -61,0 +66,0 @@ "publishConfig": {

README.md

@@ -5,3 +5,3 @@ # fabric vue
 
-- Run `yarn dev`, this causes Vite (from the `example` folder) to start a server on port 3003
+- Run `pnpm dev`, this causes Vite (from the `example` folder) to start a server on port 3003
 
@@ -8,0 +8,0 @@ ## Publishing

No alert changes

Worsened metrics

Total package byte prevSize

570141

decreased by-5.5%

Dev dependency count

19

increased by18.75%

Lines of code

453

decreased by-0.66%

Dependency changes

• Updated@eik/rollup-plugin@^4.0.25

• Updated@fabric-ds/css@^1.1.5

• Updated@floating-ui/dom@^0.5.3