@fabric-ds/vue - npm Package Compare versions

Comparing version 0.12.6 to 0.13.0-next.0

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 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","data-test":"backdrop"},[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)),"data-test":"slider-active"},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,"data-test":"thumb",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"},fa=Object.keys(pa),va=fa.reduce(((e,t)=>(e[t]=Boolean,e)),{}),ba={class:"f-expandable"},ma={key:0,role:"alert"},ga=["role"],ha={class:"flex"},wa={class:"w-16 mr-8",style:{"min-width":"16px"}},ya={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},xa=[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)],ka={key:1,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},Ba=[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)],Ca={key:2,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},_a=[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)],La={key:3,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},Va=["fill"],$a=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),Sa={class:"last-child:mb-0 text-14","data-test":"content"},Ma={key:0,class:"font-bold"},Ta={name:"fAlert"};var Da=Object.assign(Ta,{props:{title:String,role:{type:String,default:"alert"},...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",role:e.role},[r("div",ha,[r("div",wa,[t.negative?(l(),a("svg",ya,xa)):t.positive?(l(),a("svg",ka,Ba)):t.warning?(l(),a("svg",Ca,_a)):(l(),a("svg",La,[S(" nb: logic controlling fill "),r("circle",{cx:"8",cy:"9",r:"8",fill:I(p)},null,8,Va),$a]))]),r("div",Sa,[e.title?(l(),a("p",Ma,$(e.title),1)):S("v-if",!0),u(t.$slots,"default")])])],14,ga)):S("v-if",!0)])):S("v-if",!0)])),_:3})]))}});Da.__file="components/alert/f-alert.vue";const Ea={install:ne([Da])};export{Ea 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,Da 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};
+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,inject as y,ref as x,watch as k,reactive as B,provide as C,toRefs as _,onBeforeUnmount as L,createTextVNode as V,toDisplayString as $,createCommentVNode as M,onMounted as S,watchEffect as T,normalizeProps as D,guardReactiveProps as E,vModelSelect as A,vModelText as j,renderList as F,unref as z,useAttrs as O,toRef as I,useSlots as q,nextTick as H,withModifiers as R,normalizeStyle as P,vModelCheckbox as W,vShow as K}from"vue";import{expand as N,collapse as U}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";for(var ae,oe=256,ne=[];oe--;)ne[oe]=(oe+256).toString(16).substring(1);const re={default:()=>"f-"+function(){var e,t=0,l="";if(!ae||oe+16>256){for(ae=Array(t=256);t--;)ae[t]=256*Math.random()|0;t=oe=0}for(;t<16;t++)e=ae[oe+t],l+=6==t?ne[15&e|64]:8==t?ne[63&e|128]:ne[e],1&t&&t>1&&t<11&&(l+="-");return oe++,l}()},ie=Symbol(),se=e=>t=>e.forEach((e=>{if(!e.name)throw`Missing name property for ${e}`;t.component(e.name)||t.component(e.name,e)}));var de={name:"fToggleItem",props:{id:re,label:String,labelClass:null,...e()},setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const ue=["id"],ce=["for","innerHTML"],pe=["for"];de.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,ue),[[s,e.model]]),c.label?(l(),a("label",{key:0,for:c.id,innerHTML:c.label,class:d(c.labelClass)},null,10,ce)):(l(),a("label",{key:1,for:c.id,class:d(c.labelClass)},[u(e.$slots,"default")],10,pe))],64)},de.__file="components/generic/f-toggle-item.vue";var fe={name:"fClickable",components:{fToggleItem:de},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"))})};fe.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"]))},fe.__file="components/generic/f-clickable.vue";var ve={name:"fDeadToggle",components:{fToggleItem:de},props:{radio:Boolean,checkbox:Boolean},setup:e=>({type:c((()=>e.radio?"radio":"checkbox"))})};const be={class:"input-toggle h-20 w-20 pointer-events-none","aria-hidden":"true"};ve.render=function(e,t,o,n,r,s){const d=p("f-toggle-item");return l(),a("div",be,[m(d,i({class:"hidden","label-class":"-mt-2",type:e.type},e.$attrs),null,16,["type"])])},ve.__file="components/generic/f-dead-toggle.vue";var me={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:N,onAfterEnter:o,onLeave:U,onAfterLeave:n,tag:e.tag},l)}};const ge={valid:!0},he={valid:!1,hint:"Må fylles ut"};function we(e){return null==e?he:("string"!=typeof e||e.trim())&&("number"!=typeof e||!Number.isNaN(e))||he}const ye=()=>y("validation:collector"),xe=()=>{const e=x([]),t=x(!1),l=c((()=>e.value.every((e=>e.valid)))),a=c((()=>e.value.filter((e=>e.required)).every((e=>e.valid))));k(t,(()=>e.value.forEach((e=>e.shouldValidate=t.value))));const o=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 C("validation:collector",o),_(o)},ke=e=>{const t=x(!1),l=c((()=>{const t="function"==typeof e.required?e.required:we;return e.required?[t].concat(e.rules||[]):e.rules||[]})),a=c((()=>{if(!l.value.length)return ge;let t;return l.value.some((l=>(t=l(e.modelValue),"object"==typeof t)))?t:ge})),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=y("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}},Be={id:re,label:String,role:String,invalid:Boolean,hint:String,optional:Boolean,labelLevel:Number,rules:{type:Array,default:()=>[]},...e()},Ce=(e,t)=>e?t:void 0;var _e={name:"fField",inheritAttrs:!1,props:{...Be,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}=ke(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((()=>Ce(n.value,e.id+":error"))),v=c((()=>({"aria-labelledby":u.value,"aria-describedby":Ce(e.hint,p.value),"aria-errormessage":f.value,"aria-invalid":!a.value||e.invalid||void 0,"aria-required":e.required&&!0}))),b=c((()=>Ce(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:Ce}}};const Le={key:0,class:"pl-8 font-normal text-14 text-gray-500"},Ve={key:1,class:"field-hint"},$e=["id","innerHTML"],Me={key:1},Se=["id"];_e.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",Le," (valgfritt)")):M("v-if",!0)])),_:1},8,["id","for","role","aria-level"])):M("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",Ve,[e.hint?(l(),a("span",{key:0,id:n.hintId,innerHTML:e.hint},null,8,$e)):M("v-if",!0),e.hint&&n.hasErrorMessage?(l(),a("span",Me,", ")):M("v-if",!0),n.hasErrorMessage?(l(),a("span",{key:2,id:n.errorId},$(n.validationMsg),9,Se)):M("v-if",!0)])):M("v-if",!0)])),_:3},16,["class","role"])},_e.__file="components/forms/f-field.vue";var Te={name:"fInput",components:{fField:_e},inheritAttrs:!1,props:{...Be,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=x(null);return e.mask&&(({props:e,emit:t,inputEl:l})=>{const a=y("Cleave",null);if(!a)throw"Cleave not provided from Vue app, cannot set up mask";let o=null;S((()=>{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 De=["onBlur","autocomplete","id","type"],Ee=["onBlur","autocomplete","id","type"];Te.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,De)):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,Ee)),[[s,c.model]]),u(e.$slots,"suffix",{inputElement:c.inputEl})],2)])),_:3},16,["class"])},Te.__file="components/forms/f-input.vue";var Ae={name:"fSelect",components:{fField:_e},inheritAttrs:!1,props:Be,setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const je={class:"input mb-0"},Fe={class:"input--select__wrap"},ze=["id","onBlur"];Ae.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",je,[r("div",Fe,[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,ze),[[A,e.model]])])])])),_:3},16)},Ae.__file="components/forms/f-select.vue";var Oe={name:"fTextarea",components:{fField:_e},inheritAttrs:!1,props:Be,setup:(e,{emit:l})=>({model:t({props:e,emit:l})})};const Ie={class:"input input--textarea mb-0"},qe=["id","onBlur"];Oe.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",Ie,[n(r("textarea",i({...e.$attrs,class:""},{"onUpdate:modelValue":t[0]||(t[0]=t=>e.model=t),id:e.id,onBlur:l}),null,16,qe),[[j,e.model]])])])),_:1},16)},Oe.__file="components/forms/f-textarea.vue";const He=e=>"value"in e&&"label"in e;var Re={name:"fToggle",components:{fField:_e,fToggleItem:de},inheritAttrs:!1,props:{...Be,radio:Boolean,checkbox:Boolean,radioButton:Boolean,equalWidth:Boolean,small:Boolean,disabled:Boolean,toggles:{type:Array,required:!0,validator:e=>e.every(He)}},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})))})};Re.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,F(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"])},Re.__file="components/forms/f-toggle.vue";var Pe={name:"fForm",props:{as:{default:"form"},shouldValidate:{type:null,default:ie},...e({modelDefault:ie}),...e({modelName:"completed",modelDefault:ie})},setup(e,{emit:t}){const{allChildrenValid:l,completed:a,childrenShouldValidate:o}=xe();e.modelValue!==ie&&T((()=>t("update:modelValue",l.value))),e.completed!==ie&&T((()=>t("update:completed",a.value))),e.shouldValidate!==ie&&T((()=>o.value=e.shouldValidate))}};Pe.render=function(e,t,a,o,n,r){return l(),f(b(a.as),null,{default:v((()=>[u(e.$slots,"default")])),_:3})},Pe.__file="components/forms/f-form.vue";const We={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"},Ke={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"},Ne="group block relative break-words last-child:mb-0 p-16 rounded-8",Ue="-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",Ze={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"},Ge="cursor-pointer overflow-hidden relative transition-all outline-none",Xe="f-card rounded-8",Je="border-2 rounded-4",Qe="border-bluegray-300 hover:bg-gray-50 hover:border-bluegray-400 active:border-bluegray-300",Ye="border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",et="border-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-700 active:border-blue-600",tt="f-card-outline absolute rounded-8 inset-0 transition-all border-2",lt="border-transparent",at="border-blue-600 hover:border-blue-700",ot={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"},nt={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"},rt="grid f-grid items-center gap-8 focus-ring font-normal antialias p-16 pb-4 hover:underline f-tab",it="active-tab",st="rounded-t-8",dt="bg-aqua-50",ut="mx-auto ",ct="f-tab-icon",pt="text-blue-600",ft="text-gray-300",vt="font-bold content-underlined",bt="text-gray-500 f-tab-text",mt="text-blue-600",gt="font-bold",ht="f-expandable",wt="bg-aqua-50",yt="py-0 px-0 "+Ne,xt=Ue,kt="inline-block align-middle transform transition-transform transition-gpu",Bt="relative left-8",Ct="f-expandable-chevron absolute right-16",_t="-rotate-180",Lt="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block hover:underline focus:underline",Vt="w-full text-left relative "+Ne,$t="hover:text-aqua-700 active:text-aqua-800",Mt="absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focus-ring ",St={wrapper:Mt+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-12"},Tt={wrapper:Mt+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"field-label pb-0 text-secondary text-12"};var Dt={name:"fSuffix",props:{clear:Boolean,search:Boolean,label:String},setup:()=>({c:St})};const Et={key:0,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},At=[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)],jt={key:1,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Ft=[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,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",Et,At)):o.search?(l(),a("svg",jt,Ft)):o.label?(l(),a("span",{key:2,class:d(e.c.label)},$(o.label),3)):M("v-if",!0)])),_:1},8,["class"])},Dt.__file="components/forms/f-suffix.vue";var zt={name:"fAffix",props:{prefix:Boolean,suffix:Boolean,clear:Boolean,search:Boolean,label:String},setup(e){const t=c((()=>e.prefix?Tt:St));return{wrapperClass:c((()=>({[t.value.wrapper]:!0,[e.label?t.value.wrapperWithLabel:t.value.wrapperWithIcon]:!0}))),labelClass:c((()=>t.value.label))}}};const Ot={key:0,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},It=[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)],qt={key:1,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 16 16"},Ht=[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)];zt.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",Ot,It)):o.search?(l(),a("svg",qt,Ht)):o.label?(l(),a("span",{key:2,class:d(n.labelClass)},$(o.label),3)):M("v-if",!0)])),_:1},8,["class"])},zt.__file="components/forms/f-affix.vue";const Rt={install:se([_e,Te,Ae,Oe,Re,Pe,Dt,zt])},Pt={name:"fBox"};var Wt=Object.assign(Pt,{props:{bleed:Boolean,as:{type:String,default:"div"},clickable:Boolean,info:Boolean,neutral:Boolean,bordered:Boolean},setup(e){const t=e,a=c((()=>({[Ne]:!0,[Ue]:t.bleed,"bg-aqua-50":t.info,"hover:bg-aqua-100 active:bg-aqua-200":t.info&&t.clickable,"bg-bluegray-50":t.neutral,"hover:bg-bluegray-100 active:bg-bluegray-200":t.neutral&&t.clickable,"border-2 border-bluegray-300":t.bordered})));return(t,o)=>(l(),f(b(e.as),{class:d(z(a))},{default:v((()=>[u(t.$slots,"default")])),_:3},8,["class"]))}});Wt.__file="components/box/f-box.vue";const Kt={install:se([Wt,fe])};const Nt=w("span",{ariaHidden:!0,class:"select-none"},"/"),Ut=(e=[])=>e?.map((e=>(e=>e.type===o)(e)?Ut(e.children):e));var Zt={name:"fBreadcrumbs",components:{Breadcrumbify:(e,t)=>{const l=t.slots.default()[0].children,a=Ut(l).flat(1/0);return o=Nt,a.flatMap((e=>[e,o])).slice(0,-1);var o}},props:{ariaLabel:{type:String,default:"Her er du"}}};const Gt=["aria-label"],Xt={class:"sr-only"},Jt={class:"flex space-x-8"};Zt.render=function(e,t,o,n,i,s){const d=p("breadcrumbify");return l(),a("nav",{"aria-label":o.ariaLabel},[r("h2",Xt,$(o.ariaLabel),1),r("div",Jt,[m(d,null,{default:v((()=>[u(e.$slots,"default")])),_:3})])],8,Gt)},Zt.__file="components/breadcrumbs/f-breadcrumbs.vue";const Qt={install:se([Zt])},Yt={key:0,role:"progressbar","aria-valuenow":"0","aria-valuetext":"Laster...",class:"sr-only"},el={name:"fButton"};var tl=Object.assign(el,{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:z(n)},z(r)),{default:v((()=>[u(t.$slots,"default",{},(()=>[V($(e.label),1)])),e.loading?(l(),a("span",Yt)):M("v-if",!0)])),_:3},16,["href","class"]))}});tl.__file="components/button/f-button.vue";const ll={install:se([tl])},al={name:"fButtonGroup"};var ol=Object.assign(al,{props:{outlined:Boolean,raised:Boolean,vertical:Boolean},setup(e){const t=e;C("outlined",I(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",z(o)])},[u(e.$slots,"default")],2))}});ol.__file="components/button-group/f-button-group.vue";const nl={name:"fButtonGroupItem"};var rl=Object.assign(nl,{props:{selected:Boolean},setup(e){const t=e,o=y("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(z(n))},[u(e.$slots,"default")],2))}});rl.__file="components/button-group/f-button-group-item.vue";const il={install:se([fe,ol,rl])},sl={name:"fCard"};var dl=Object.assign(sl,{props:{as:{type:String,default:"div"},selected:Boolean,flat:Boolean},setup(e){const t=e,o=c((()=>({[Ge]:!0,[Xe]:!t.flat,[et]:t.selected,[Je]:t.flat,[t.selected?Ye:Qe]:t.flat}))),n=c((()=>({[tt]:!0,[t.selected?at:lt]:!0})));return(t,r)=>(l(),f(b(e.as),{class:d(z(o))},{default:v((()=>[e.flat?M("v-if",!0):(l(),a("div",{key:0,class:d(z(n))},null,2)),u(t.$slots,"default")])),_:3},8,["class"]))}});dl.__file="components/card/f-card.vue";const ul={install:se([fe,dl])},cl=["aria-expanded"],pl={key:0,class:"h4"},fl=[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)],vl={key:0},bl={name:"fExpandable"};var ml=Object.assign(bl,{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:ie})},emits:["expand","collapse"],setup(e,{emit:o}){const n=e,i=q(),s=n.modelValue===ie?x(!1):t({props:n,emit:o}),p=c((()=>n.animated?me:"div"));n.animated||k(s,(async e=>{await H(),o(e?"expand":"collapse")}));const m=c((()=>n.title||i.title)),g=c((()=>({[ht]:!0,[wt]:n.info,[yt]:n.box,[xt]:n.bleed}))),h=c((()=>({[n.buttonClass||""]:!0,[Lt]:!0,[Vt]:n.box,[$t]:n.info}))),w=c((()=>({[kt]:!0,[n.box?Ct:Bt]:!0,[_t]:s.value}))),y=c((()=>({[n.contentClass||""]:!0,[Ne+(m.value?" pt-0":"")]:n.box})));return(t,n)=>(l(),f(b(e.as),{class:d(z(g))},{default:v((()=>[z(m)?(l(),a("button",{key:0,type:"button","aria-expanded":z(s),class:d(z(h)),onClick:n[0]||(n[0]=e=>s.value=!z(s))},[u(t.$slots,"title",{expanded:z(s)}),e.title?(l(),a("span",pl,$(e.title),1)):M("v-if",!0),e.chevron?(l(),a("div",{key:1,class:d(z(w))},fl,2)):M("v-if",!0)],10,cl)):M("v-if",!0),(l(),f(b(z(p)),{onExpand:n[1]||(n[1]=e=>o("expand")),onCollapse:n[2]||(n[2]=e=>o("collapse"))},{default:v((()=>[z(s)?(l(),a("div",vl,[r("div",{class:d(z(y))},[u(t.$slots,"default")],2)])):M("v-if",!0)])),_:3},32))])),_:3},8,["class"]))}});ml.__file="components/expandable/f-expandable.vue";var gl={name:"fWillExpand",props:{key:re}};gl.render=function(e,t,o,n,r,i){return l(),a("div",{key:o.key},[u(e.$slots,"default")])},gl.__file="components/expandable/f-will-expand.vue";const hl={install:se([ml,me,gl])},wl="transition-gpu transition-transform",yl="undefined"!=typeof window;var xl={name:"fModal",props:{left:[Object,Boolean],right:[Object,Boolean],title:String,titleAttrs:Object,headerClasses:[String,Object],contentClasses:[String,Object],modelValue:Boolean,contentId:re},emits:["dismiss","left","right","shown","hidden"],setup(e,{emit:t}){const l=x(null),a=x(null),o=x(null),n=x(!1),r=x(!1),i=x(!1),s=()=>t("dismiss"),d=e=>{"Escape"===e.key&&s()},u=c((()=>({[wl]:!0,[i.value?"duration-300":"duration-1"]:!0,[Ke.titleButton]:!0,[Ke.titleButtonLeft]:!0,"justify-self-start":!0}))),p=c((()=>({[wl]:!0,[i.value?"duration-300":"duration-0"]:!0,"justify-self-center":e.left,"col-span-2":!e.left}))),f=c((()=>({[wl]:!0,[i.value?"duration-300":"duration-0"]:!0,[Ke.titleButton]:!0,[Ke.titleButtonRight]:!0,"justify-self-end":!0})));k((()=>[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){yl&&(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 k((()=>e.modelValue),b,{immediate:!0}),L(b),{c:Ke,modalEl:l,backdropEl:o,emitDismiss:s,contentEl:a,showModal:n,showContent:r,titleLeftClasses:u,titleCenterClasses:p,titleRightClasses:f}}};const kl=[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)],Bl=[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"];xl.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","data-test":"backdrop"},[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"},kl,2))]))],16)):M("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)):M("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"},Bl,2))]))],16)):M("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,Cl)):M("v-if",!0),e.$slots.footer?(l(),a("div",{key:1,class:d(n.c.footer)},[u(e.$slots,"footer")],2)):M("v-if",!0)],2)):M("v-if",!0)])),_:3})],2)):M("v-if",!0)])),_:3})},xl.__file="components/modal/f-modal.vue";const _l={install:se([xl])},Ll={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:Ll})};const $l={class:"flex items-center"},Ml=r("span",{class:"sr-only"},"Åpne filter ",-1),Sl={class:"sr-only"},Tl=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,o,n,s,u){return l(),a("div",$l,[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),[Ml,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",Sl,"Fjern filter "+$(o.label),1),Tl],2)):M("v-if",!0)])},Vl.__file="components/pill/f-pill.vue";const Dl={install:se([Vl])},El=Object.freeze({up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight",end:"End",home:"Home",pageup:"PageUp",pagedown:"PageDown"}),Al=Object.values(El),jl={passive:!0};const Fl=(e,{min:t,max:l})=>{return a=e,Number.isFinite(parseFloat(a))?Math.min(Math.max(Number(e),t),l):t;var a};function zl({props:e,sliderState:t}){const l=t=>Fl(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(Al.includes(o))if(a.preventDefault(),[El.left,El.right,El.up,El.down].includes(o)){const e=[El.right,El.up].includes(o)?1:-1;t.position=l(t.val+e*t.step)}else if(o===El.home)t.position=e.min;else if(o===El.end)t.position=e.max;else{const a=o===El.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,jl),window.addEventListener("touchend",o,{once:!0})):(window.addEventListener("mousemove",n,jl),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 Ol={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=x(null),n=x(null),r=x({}),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()}}})();S((()=>s(o.value,i))),L(d);const u=x(!1),p=t({props:e,emit:l}),f=x(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:B,getThumbTransform:C,getShiftedChange:_}=zl({props:e,sliderState:b}),V=c(B),$=c(C),M=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"]})));k(f,(()=>{if(f.value===e.modelValue)return;const t=e.step?_(f.value):f.value;p.value!==t&&(p.value=t)}));return k((()=>e.modelValue),(()=>{if(e.modelValue>e.max||e.modelValue<e.min)f.value=((e,{min:t,max:l})=>Number.isFinite(parseFloat(e))?Math.min(Math.max(e,t),l):t)(e.modelValue,e);else{if(u.value||f.value===e.modelValue)return;f.value=e.modelValue}}),{immediate:!0}),{c:We,aria:D,sliderLine:o,thumb:n,sliderActiveStyle:T,thumbStyles:M,handleClick:y,handleBlur:h,handleFocus:g,handleKeyDown:m,handleMouseDown:w,v:p}}};Ol.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)),"data-test":"slider-active"},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,"data-test":"thumb",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)},Ol.__file="components/slider/f-slider.vue";const Il={install:se([Ol])};var ql={name:"fStep",props:{active:Boolean,complete:Boolean},setup:()=>({vertical:y("steps-vertical",!0),left:y("steps-left",!0),c:Ze})};const Hl=["aria-current"],Rl=["aria-label"],Pl=[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)];ql.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?M("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"},Pl,8,Rl))],10,Hl),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)},ql.__file="components/steps/f-step.vue";var Wl={name:"fSteps",props:{horizontal:Boolean,right:Boolean},setup(e){const t=x(!e.horizontal),l=x(!e.right);C("steps-vertical",t),C("steps-left",l),T((()=>t.value=!e.horizontal)),T((()=>l.value=!e.right))}};Wl.render=function(e,t,o,n,r,i){return l(),a("div",{class:d(["w-full",{flex:o.horizontal}])},[u(e.$slots,"default")],2)},Wl.__file="components/steps/f-steps.vue";const Kl={install:se([ql,Wl])};var Nl={name:"fSwitch",props:{id:re,disabled:Boolean,...e()},setup(e){const l=t({props:e}),a=x(null);return{model:l,c:ot,inputEl:a,simulateClick:()=>a.value.click()}}};const Ul={class:"tap-highlight-transparent"},Zl=["id","disabled"];Nl.render=function(e,t,o,i,s,u){return l(),a("div",Ul,[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,Zl),[[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)])},Nl.__file="components/switch/f-switch.vue";const Gl={install:se([Nl])},Xl=Object.freeze({left:"ArrowLeft",right:"ArrowRight",home:"Home",end:"End"}),Jl=Object.values(Xl),Ql=({tabs:e,activeTab:t,focusActive:l})=>async a=>{var o;if(!(e=>e.altKey||e.ctrlKey||e.shiftKey)(o=a)&&Jl.includes(o.key))try{const o=e.value.indexOf(t.value),n=(()=>{switch(a.key){case Xl.home:return 0;case Xl.end:return e.value.length-1;case Xl.left:return Math.max(0,o-1);case Xl.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 Yl={name:"fTabs",props:{contained:Boolean,...e()},setup(e,{slots:l}){const a=t({props:e}),n=x(null),r=x(null),i=x([]),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);C("tab-controller",{registerTab:e=>i.value.push(e),unregisterTab:e=>{const t=i.value.indexOf(e);-1!==t&&i.value.splice(t,1)},onKeydown:Ql({tabs:i,activeTab:a,focusActive:()=>u()?.focus()})}),C("activeTab",a),C("contained",I(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 S((()=>{k(a,p,{immediate:!0}),k((()=>e.contained),p);new ResizeObserver(J(p,100)).observe(n.value)})),{c:nt,tabContainer:n,wunderbar:r,numberOfTabs:s,slotFallback:d}}};Yl.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?M("v-if",!0):(l(),a("span",{key:0,class:d(n.c.wunderbar),ref:"wunderbar"},null,2))],2)],2)},Yl.__file="components/tabs/f-tabs.vue";var ea={name:"fTab",props:{label:String,name:{type:String,required:!0}},setup(e){const t=y("tab-controller"),l=y("activeTab"),a=y("contained"),o=c((()=>e.name===l.value));t.registerTab(e.name),L((()=>{t?.unregisterTab?.(e.name)}));const n=c((()=>({[vt]:!a.value,[o.value?mt:bt]:!a.value,[gt]:a.value&&o.value}))),r=c((()=>({[ut]:!0,[ct]:!a.value,[o.value?pt:ft]:!a.value}))),i=c((()=>({[rt]:!0,[it]:o.value,[st]:a.value,[dt]:a.value&&o.value})));return{isActive:o,setActive:()=>l.value=e.name,contentClasses:n,iconClasses:r,tabClasses:i,onKeydown:t.onKeydown}}};const ta=["id","aria-selected","aria-controls","tabindex"];ea.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)):M("v-if",!0),r("span",{class:d(n.contentClasses)},[V($(o.label)+" ",1),u(e.$slots,"label")],2)],42,ta)},ea.__file="components/tabs/f-tab.vue";var la={name:"fTabPanel",props:{name:{type:String,required:!0}}};const aa=["id","aria-labelledby"];la.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,aa)},la.__file="components/tabs/f-tab-panel.vue";const oa={install:se([Yl,ea,la])},na="top",ra="bottom",ia={[na]:ra,[ra]:na,left:"right",right:"left"},sa=[na,ra,"left","right"],da={left:-45,[na]:45,right:135,[ra]:-135},ua={tooltip:Boolean,popover:Boolean,callout:Boolean,noArrow:Boolean,...sa.reduce(((e,t)=>(e[t]=Boolean,e)),{})},ca=({actualDirection:e,directionName:t,arrowEl:l})=>{e.value=t.value;const a=(o=t.value,[na,ra].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 pa={name:"fAttentionArrow",inheritAttrs:!1,props:{...ua,direction:String},setup:e=>{const t=c((()=>ia[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(${da[t.value]}deg)`})))}}};pa.render=function(e,t,o,n,r,i){return l(),a("div",{class:d(e.arrowClass),style:P(e.arrowStyle)},null,6)},pa.__file="components/attention/f-attention-arrow.vue";var fa={name:"fAttention",props:{...ua,...e({modelDefault:ie}),targetEl:Object,attentionClass:[Object,String],attentionEl:{default:()=>x(null)}},components:{fAttentionArrow:pa},setup:(e,{emit:l})=>{const a=c((()=>sa.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===ie?x(!0):t({props:e,emit:l}),r=x(null),i=x(a.value),s=async()=>{if(!n.value)return;if(await H(),e.callout)return ca({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 S((async()=>{k((()=>[e.top,e.bottom,e.left,e.right]),s),k(n,s,{immediate:e.callout})})),{wrapperClass:o,attentionRef:e.attentionEl,arrowEl:r,actualDirection:i,model:n}}};const va={class:"last-child:mb-0"};fa.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?M("v-if",!0):(l(),f(b,i({key:0},e.$props,{ref:"arrowEl",direction:e.actualDirection}),null,16,["direction"])),r("div",va,[u(e.$slots,"default")])],2)],2)),[[K,e.model]])},fa.__file="components/attention/f-attention.vue";const ba={install:e=>e.component(fa.name,fa)},ma={negative:"red",positive:"green",warning:"yellow",info:"aqua"},ga=Object.keys(ma),ha=ga.reduce(((e,t)=>(e[t]=Boolean,e)),{}),wa={class:"f-expandable"},ya={key:0,role:"alert"},xa=["role"],ka={class:"flex"},Ba={class:"w-16 mr-8",style:{"min-width":"16px"}},Ca={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},_a=[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)],La={key:1,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},Va=[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)],$a={key:2,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},Ma=[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)],Sa={key:3,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 17"},Ta=["fill"],Da=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),Ea={class:"last-child:mb-0 text-14","data-test":"content"},Aa={key:0,class:"font-bold"},ja={name:"fAlert"};var Fa=Object.assign(ja,{props:{title:String,role:{type:String,default:"alert"},...ha,...e()},emits:["update:modelValue"],setup(e,{emit:o}){const n=e,i=t({props:n,emit:o}),s=c((()=>{const e=ga.find((e=>n[e]));return ma[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",wa,[m(z(me),null,{default:v((()=>[z(i)?(l(),a("div",ya,[z(i)?(l(),a("div",{key:0,class:d(z(b)),style:P(z(f)),"data-test":"wrapper",role:e.role},[r("div",ka,[r("div",Ba,[t.negative?(l(),a("svg",Ca,_a)):t.positive?(l(),a("svg",La,Va)):t.warning?(l(),a("svg",$a,Ma)):(l(),a("svg",Sa,[M(" nb: logic controlling fill "),r("circle",{cx:"8",cy:"9",r:"8",fill:z(p)},null,8,Ta),Da]))]),r("div",Ea,[e.title?(l(),a("p",Aa,$(e.title),1)):M("v-if",!0),u(t.$slots,"default")])])],14,xa)):M("v-if",!0)])):M("v-if",!0)])),_:3})]))}});Fa.__file="components/alert/f-alert.vue";const za={install:se([Fa])};export{za as Alert,ba as Attention,Kt as Box,Qt as Breadcrumbs,ll as Button,il as ButtonGroup,ul as Card,hl as Expandable,Rt as Forms,_l as Modal,Dl as Pill,Il as Slider,Kl as Steps,Gl as Switch,oa as Tabs,ie as absentProp,ke as createValidation,xe as createValidationCollector,he as defaultInvalid,we as defaultRequiredRule,ge as defaultValid,zt as fAffix,Fa as fAlert,fa as fAttention,Wt as fBox,Nt as fBreadcrumbSeparator,Zt as fBreadcrumbs,tl as fButton,ol as fButtonGroup,rl as fButtonGroupItem,dl as fCard,fe as fClickable,ve as fDeadToggle,me as fExpandTransition,ml as fExpandable,_e as fField,Pe as fForm,Te as fInput,xl as fModal,Vl as fPill,Ae as fSelect,Ol as fSlider,ql as fStep,Wl as fSteps,Dt as fSuffix,Nl as fSwitch,ea as fTab,la as fTabPanel,Yl as fTabs,Oe as fTextarea,Re as fToggle,de as fToggleItem,gl as fWillExpand,re as id,se as installer,ye as useForm};
 //# sourceMappingURL=fabric-vue.js.map

package.json

 {
   "name": "@fabric-ds/vue",
-  "version": "0.12.6",
+  "version": "0.13.0-next.0",
   "description": "Fabric components for Vue 3",
@@ -13,6 +13,8 @@ "type": "module",
     "#components": "./index.js",
-    "#generics": "./components/generic/index.js"
+    "#generics": "./components/generic/index.js",
+    "#dev-util": "./dev/src/util.js"
   },
   "scripts": {
-    "dev": "cd example && vite",
+    "cp": "mkdir -p ./dev/public/shiki && cp -r ./node_modules/shiki/{dist,languages,samples,themes} ./dev/public/shiki",
+    "dev": "vite dev dev --config ./vite.config.js",
     "test": "vitest run",
@@ -22,5 +24,4 @@ "watch": "vitest watch",
     "publish:eik": "npx @eik/cli publish && npx @eik/cli pkg-alias",
-    "site": "npm run site:build && npm run site:cloud",
-    "site:build": "cd example && vite build",
-    "site:cloud": "cd example/dist && cp index.html 200.html && cp index.html 404.html && cp ../CNAME .",
+    "site": "vite build dev --config ./vite.config.js",
+    "postsite": "cd dev/dist && cp index.html 200.html && cp index.html 404.html && cp ../CNAME .",
     "preversion": "npm run test && npx @eik/cli login && npm run build",
@@ -34,7 +35,7 @@ "version": "npm publish",
   "dependencies": {
-    "@eik/rollup-plugin": "^4.0.25",
-    "@fabric-ds/core": "^0.0.13",
-    "@fabric-ds/css": "^1.1.5",
+    "@eik/rollup-plugin": "^4.0.29",
+    "@fabric-ds/core": "^0.0.15",
+    "@fabric-ds/css": "^1.1.6",
     "@finn-no/dom-focus-lock-fixed": "^1.0.6",
-    "@floating-ui/dom": "^0.5.3",
+    "@floating-ui/dom": "^0.5.4",
     "create-v-model": "^2.1.2",
@@ -46,21 +47,25 @@ "element-collapse": "^1.1.0",
   "devDependencies": {
-    "@babel/core": "^7.18.5",
-    "@babel/preset-env": "^7.18.2",
+    "@babel/core": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
+    "@itsy/token": "^1.0.4",
+    "@lukeed/uuid": "^2.0.0",
     "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@vitejs/plugin-vue": "^2.3.3",
+    "@vitejs/plugin-vue": "^3.0.1",
     "@vue/compiler-sfc": "^3.2.37",
-    "@vue/test-utils": "^2.0.1",
+    "@vue/test-utils": "^2.0.2",
     "cleave-lite": "^1.0.0",
     "drnm": "^0.9.0",
-    "happy-dom": "^5.3.1",
-    "rollup": "^2.75.7",
+    "fuse.js": "^6.6.2",
+    "happy-dom": "^6.0.4",
+    "rollup": "^2.77.2",
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-vue": "^6.0.0",
-    "vite": "^2.9.12",
-    "vitest": "^0.15.1",
+    "shiki": "^0.10.1",
+    "vite": "^3.0.4",
+    "vitest": "^0.20.3",
     "vue": "^3.2.37",
-    "vue-router": "^4.0.16"
+    "vue-router": "^4.1.3"
   },
@@ -67,0 +72,0 @@ "publishConfig": {

New alerts

Copyleft License

License

(Experimental) Copyleft license information was found

Found 1 instance in 1 package

No License Found

License

(Experimental) License information could not be found

Found 1 instance in 1 package

Non-permissive License

License

(Experimental) A license not known to be considered permissive was found

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

933652

increased by1.03%

Lines of code

727

increased by0.69%

Worsened metrics

Dev dependency count

23

increased by21.05%

Number of low license alerts

3

increased byInfinity%

Dependency changes

• + Added@fabric-ds/core@0.0.15(transitive)

• - Removed@fabric-ds/core@0.0.13(transitive)

• Updated@eik/rollup-plugin@^4.0.29

• Updated@fabric-ds/core@^0.0.15

• Updated@fabric-ds/css@^1.1.6

• Updated@floating-ui/dom@^0.5.4