@utrecht/component-library-vue 1.0.0-alpha.31 → 1.0.0-alpha.34

package/dist/component-library-vue.es.js

@@ -34,7 +34,7 @@ function _sfc_render$f(_ctx, _cache) {
   ]);
 }
 var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$f]]);
-var index_scss_vue_type_style_index_0_src_70491734_lang = "";
+var index_scss_vue_type_style_index_0_src_ca499a90_lang = "";
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "UtrechtBadgeStatus",
   props: {
@@ -44,7 +44,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(["utrecht-badge-status", {
-          ["utrecht-badge--" + __props.status]: true
+          [`utrecht-badge-status--${__props.status}`]: true
         }])
       }, [
         renderSlot(_ctx.$slots, "default")

package/dist/component-library-vue.umd.js

@@ -1 +1 @@
-var ht=Object.defineProperty,ft=Object.defineProperties;var yt=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var mt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable;var p=(r,t,s)=>t in r?ht(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,_=(r,t)=>{for(var s in t||(t={}))mt.call(t,s)&&p(r,s,t[s]);if(B)for(var s of B(t))bt.call(t,s)&&p(r,s,t[s]);return r},u=(r,t)=>ft(r,yt(t));(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r["component-library-vue"]={},r.Vue))})(this,function(r,t){"use strict";var s="",c=(e,n)=>{const a=e.__vccOpts||e;for(const[l,i]of n)a[l]=i;return a};const x={},v={class:"utrecht-article"};function S(e,n){return t.openBlock(),t.createElementBlock("article",v,[t.renderSlot(e.$slots,"default")])}var E=c(x,[["render",S]]),kt="";const C=t.defineComponent({__name:"UtrechtBadgeStatus",props:{status:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{["utrecht-badge--"+e.status]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var $t="";const q=["aria-busy","disabled","type"],U=t.defineComponent({__name:"UtrechtButton",props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,q))}});var gt="";const H={},V={class:"utrecht-button-group"};function F(e,n){return t.openBlock(),t.createElementBlock("div",V,[t.renderSlot(e.$slots,"default")])}var P=c(H,[["render",F]]);function T(e,n){if(e.length!==n.length)return!1;let a=!0;for(let l=0;a&&l<e.length;l++)a=d(e[l],n[l]);return a}function d(e,n){if(e===n)return!0;let a=f(e),l=f(n);if(a||l)return a&&l?e.getTime()===n.getTime():!1;if(a=y(e),l=y(n),a||l)return e===n;if(a=h(e),l=h(n),a||l)return a&&l?T(e,n):!1;if(a=m(e),l=m(n),a||l){if(!a||!l)return!1;const i=Object.keys(e).length,ut=Object.keys(n).length;if(i!==ut)return!1;for(const o in e){const $=e.hasOwnProperty(o),g=n.hasOwnProperty(o);if($&&!g||!$&&g||!d(e[o],n[o]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>j(e)==="[object Date]",y=e=>typeof e=="symbol",m=e=>e!==null&&typeof e=="object",A=Object.prototype.toString,j=e=>A.call(e);var Bt="";const z=["aria-invalid","checked","disabled","required","value"],b=e=>e instanceof Set,k=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),I=(e,n)=>Array.isArray(e)?[...e,n]:b(e)?new Set(e).add(n):n,O=(e,n)=>{if(Array.isArray(e))return e.filter(a=>a!==n);if(b(e)){const a=new Set(e);return a.delete(n),a}else return""},L={methods:{$_handleInputEvent(e){const{value:n,modelValue:a}=this,l=k(a,n)?O(a,n):I(a,n);this.$emit("update:modelValue",l)},$_isChecked(){return k(this.modelValue,this.value)}}},w=t.defineComponent(u(_({},L),{__name:"UtrechtCheckbox",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l))},null,42,z))}}));var pt="";const D={},K={class:"utrecht-document"};function G(e,n){return t.openBlock(),t.createElementBlock("div",K,[t.renderSlot(e.$slots,"default")])}var M=c(D,[["render",G]]),xt="";const R={},J={class:"utrecht-form-field"};function N(e,n){return t.openBlock(),t.createElementBlock("div",J,[t.renderSlot(e.$slots,"default")])}var Q=c(R,[["render",N]]),vt="";const W={},X={class:"utrecht-form-fieldset"};function Y(e,n){return t.openBlock(),t.createElementBlock("fieldset",X,[t.renderSlot(e.$slots,"default")])}var Z=c(W,[["render",Y]]),St="";const ee={},te={class:"utrecht-form-fieldset__legend"};function ne(e,n){return t.openBlock(),t.createElementBlock("legend",te,[t.renderSlot(e.$slots,"default")])}var ae=c(ee,[["render",ne]]),Et="";const re=t.defineComponent({__name:"UtrechtFormLabel",props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var Ct="",qt="",Ut="",Ht="",Vt="",Ft="";const le={key:0,class:"utrecht-heading-1"},ce={key:1,class:"utrecht-heading-2"},se={key:2,class:"utrecht-heading-3"},de={key:3,class:"utrecht-heading-4"},oe={key:4,class:"utrecht-heading-5"},ie={key:5,class:"utrecht-heading-6"};var _e=c(t.defineComponent({__name:"UtrechtHeading",props:{level:null},setup(e){return(n,a)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",de,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",oe,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",ie,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),Tt="";const ue={},he={class:"utrecht-heading-1"};function fe(e,n){return t.openBlock(),t.createElementBlock("h1",he,[t.renderSlot(e.$slots,"default")])}var ye=c(ue,[["render",fe]]),At="";const me={},be={class:"utrecht-heading-2"};function ke(e,n){return t.openBlock(),t.createElementBlock("h2",be,[t.renderSlot(e.$slots,"default")])}var $e=c(me,[["render",ke]]),jt="";const ge={},Be={class:"utrecht-heading-3"};function pe(e,n){return t.openBlock(),t.createElementBlock("h3",Be,[t.renderSlot(e.$slots,"default")])}var xe=c(ge,[["render",pe]]),zt="";const ve={},Se={class:"utrecht-heading-4"};function Ee(e,n){return t.openBlock(),t.createElementBlock("h4",Se,[t.renderSlot(e.$slots,"default")])}var Ce=c(ve,[["render",Ee]]),It="";const qe={},Ue={class:"utrecht-heading-5"};function He(e,n){return t.openBlock(),t.createElementBlock("h5",Ue,[t.renderSlot(e.$slots,"default")])}var Ve=c(qe,[["render",He]]),Ot="";const Fe={},Pe={class:"utrecht-heading-6"};function Te(e,n){return t.openBlock(),t.createElementBlock("h6",Pe,[t.renderSlot(e.$slots,"default")])}var Ae=c(Fe,[["render",Te]]),Lt="";const je=t.defineComponent({__name:"UtrechtLink",props:{external:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var wt="";const ze={},Ie={class:"utrecht-page"};function Oe(e,n){return t.openBlock(),t.createElementBlock("div",Ie,[t.renderSlot(e.$slots,"default")])}var Le=c(ze,[["render",Oe]]),Dt="";const we={},De={class:"utrecht-page-content"};function Ke(e,n){return t.openBlock(),t.createElementBlock("div",De,[t.renderSlot(e.$slots,"default")])}var Ge=c(we,[["render",Ke]]),Kt="";const Me={},Re={class:"utrecht-page-footer"};function Je(e,n){return t.openBlock(),t.createElementBlock("footer",Re,[t.renderSlot(e.$slots,"default")])}var Ne=c(Me,[["render",Je]]),Gt="";const Qe={},We={class:"utrecht-page-header"};function Xe(e,n){return t.openBlock(),t.createElementBlock("header",We,[t.renderSlot(e.$slots,"default")])}var Ye=c(Qe,[["render",Xe]]),Mt="";const Ze=t.defineComponent({__name:"UtrechtParagraph",props:{lead:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Rt="";const et=["aria-invalid","checked","disabled","required","value"],tt=(e,n)=>d(e,n),nt={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?tt(this.modelValue,this.value):this.checked}}},at=t.defineComponent(u(_({},nt),{__name:"UtrechtRadioButton",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l.target))},null,42,et))}}));var Jt="";const rt=["aria-invalid","disabled","readonly","required","value"],lt=t.defineComponent({__name:"UtrechtSelect",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("select",{class:t.normalizeClass(["utrecht-select",{"utrecht-select--disabled":e.disabled,"utrecht-select--invalid":e.invalid,"utrecht-select--required":e.required,"utrecht-select--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},[t.renderSlot(n.$slots,"default")],42,rt))}});var Nt="";const ct=["disabled"],st=t.defineComponent({__name:"UtrechtSelectOption",props:{disabled:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("option",{class:t.normalizeClass(["utrecht-select__option",{"utrecht-select__option--disabled":e.disabled}]),disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,ct))}});var Qt="";const dt=["aria-invalid","disabled","readonly","required","value"],ot=t.defineComponent({__name:"UtrechtTextarea",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,dt))}});var Wt="";const it=["aria-invalid","disabled","readonly","required","value"],_t=t.defineComponent({__name:"UtrechtTextbox",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,it))}});r.Article=E,r.BadgeStatus=C,r.Button=U,r.ButtonGroup=P,r.Checkbox=w,r.Document=M,r.FormField=Q,r.FormFieldset=Z,r.FormFieldsetLegend=ae,r.FormLabel=re,r.Heading=_e,r.Heading1=ye,r.Heading2=$e,r.Heading3=xe,r.Heading4=Ce,r.Heading5=Ve,r.Heading6=Ae,r.Link=je,r.Page=Le,r.PageContent=Ge,r.PageFooter=Ne,r.PageHeader=Ye,r.Paragraph=Ze,r.RadioButton=at,r.Select=lt,r.SelectOption=st,r.Textarea=ot,r.Textbox=_t,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+var ht=Object.defineProperty,ft=Object.defineProperties;var yt=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var mt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable;var p=(r,t,s)=>t in r?ht(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,_=(r,t)=>{for(var s in t||(t={}))mt.call(t,s)&&p(r,s,t[s]);if(B)for(var s of B(t))bt.call(t,s)&&p(r,s,t[s]);return r},u=(r,t)=>ft(r,yt(t));(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r["component-library-vue"]={},r.Vue))})(this,function(r,t){"use strict";var s="",c=(e,n)=>{const a=e.__vccOpts||e;for(const[l,i]of n)a[l]=i;return a};const x={},v={class:"utrecht-article"};function S(e,n){return t.openBlock(),t.createElementBlock("article",v,[t.renderSlot(e.$slots,"default")])}var E=c(x,[["render",S]]),kt="";const C=t.defineComponent({__name:"UtrechtBadgeStatus",props:{status:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{[`utrecht-badge-status--${e.status}`]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var $t="";const q=["aria-busy","disabled","type"],U=t.defineComponent({__name:"UtrechtButton",props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,q))}});var gt="";const H={},V={class:"utrecht-button-group"};function F(e,n){return t.openBlock(),t.createElementBlock("div",V,[t.renderSlot(e.$slots,"default")])}var P=c(H,[["render",F]]);function T(e,n){if(e.length!==n.length)return!1;let a=!0;for(let l=0;a&&l<e.length;l++)a=d(e[l],n[l]);return a}function d(e,n){if(e===n)return!0;let a=f(e),l=f(n);if(a||l)return a&&l?e.getTime()===n.getTime():!1;if(a=y(e),l=y(n),a||l)return e===n;if(a=h(e),l=h(n),a||l)return a&&l?T(e,n):!1;if(a=m(e),l=m(n),a||l){if(!a||!l)return!1;const i=Object.keys(e).length,ut=Object.keys(n).length;if(i!==ut)return!1;for(const o in e){const $=e.hasOwnProperty(o),g=n.hasOwnProperty(o);if($&&!g||!$&&g||!d(e[o],n[o]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>j(e)==="[object Date]",y=e=>typeof e=="symbol",m=e=>e!==null&&typeof e=="object",A=Object.prototype.toString,j=e=>A.call(e);var Bt="";const z=["aria-invalid","checked","disabled","required","value"],b=e=>e instanceof Set,k=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),I=(e,n)=>Array.isArray(e)?[...e,n]:b(e)?new Set(e).add(n):n,O=(e,n)=>{if(Array.isArray(e))return e.filter(a=>a!==n);if(b(e)){const a=new Set(e);return a.delete(n),a}else return""},L={methods:{$_handleInputEvent(e){const{value:n,modelValue:a}=this,l=k(a,n)?O(a,n):I(a,n);this.$emit("update:modelValue",l)},$_isChecked(){return k(this.modelValue,this.value)}}},w=t.defineComponent(u(_({},L),{__name:"UtrechtCheckbox",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l))},null,42,z))}}));var pt="";const D={},K={class:"utrecht-document"};function G(e,n){return t.openBlock(),t.createElementBlock("div",K,[t.renderSlot(e.$slots,"default")])}var M=c(D,[["render",G]]),xt="";const R={},J={class:"utrecht-form-field"};function N(e,n){return t.openBlock(),t.createElementBlock("div",J,[t.renderSlot(e.$slots,"default")])}var Q=c(R,[["render",N]]),vt="";const W={},X={class:"utrecht-form-fieldset"};function Y(e,n){return t.openBlock(),t.createElementBlock("fieldset",X,[t.renderSlot(e.$slots,"default")])}var Z=c(W,[["render",Y]]),St="";const ee={},te={class:"utrecht-form-fieldset__legend"};function ne(e,n){return t.openBlock(),t.createElementBlock("legend",te,[t.renderSlot(e.$slots,"default")])}var ae=c(ee,[["render",ne]]),Et="";const re=t.defineComponent({__name:"UtrechtFormLabel",props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var Ct="",qt="",Ut="",Ht="",Vt="",Ft="";const le={key:0,class:"utrecht-heading-1"},ce={key:1,class:"utrecht-heading-2"},se={key:2,class:"utrecht-heading-3"},de={key:3,class:"utrecht-heading-4"},oe={key:4,class:"utrecht-heading-5"},ie={key:5,class:"utrecht-heading-6"};var _e=c(t.defineComponent({__name:"UtrechtHeading",props:{level:null},setup(e){return(n,a)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",de,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",oe,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",ie,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),Tt="";const ue={},he={class:"utrecht-heading-1"};function fe(e,n){return t.openBlock(),t.createElementBlock("h1",he,[t.renderSlot(e.$slots,"default")])}var ye=c(ue,[["render",fe]]),At="";const me={},be={class:"utrecht-heading-2"};function ke(e,n){return t.openBlock(),t.createElementBlock("h2",be,[t.renderSlot(e.$slots,"default")])}var $e=c(me,[["render",ke]]),jt="";const ge={},Be={class:"utrecht-heading-3"};function pe(e,n){return t.openBlock(),t.createElementBlock("h3",Be,[t.renderSlot(e.$slots,"default")])}var xe=c(ge,[["render",pe]]),zt="";const ve={},Se={class:"utrecht-heading-4"};function Ee(e,n){return t.openBlock(),t.createElementBlock("h4",Se,[t.renderSlot(e.$slots,"default")])}var Ce=c(ve,[["render",Ee]]),It="";const qe={},Ue={class:"utrecht-heading-5"};function He(e,n){return t.openBlock(),t.createElementBlock("h5",Ue,[t.renderSlot(e.$slots,"default")])}var Ve=c(qe,[["render",He]]),Ot="";const Fe={},Pe={class:"utrecht-heading-6"};function Te(e,n){return t.openBlock(),t.createElementBlock("h6",Pe,[t.renderSlot(e.$slots,"default")])}var Ae=c(Fe,[["render",Te]]),Lt="";const je=t.defineComponent({__name:"UtrechtLink",props:{external:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var wt="";const ze={},Ie={class:"utrecht-page"};function Oe(e,n){return t.openBlock(),t.createElementBlock("div",Ie,[t.renderSlot(e.$slots,"default")])}var Le=c(ze,[["render",Oe]]),Dt="";const we={},De={class:"utrecht-page-content"};function Ke(e,n){return t.openBlock(),t.createElementBlock("div",De,[t.renderSlot(e.$slots,"default")])}var Ge=c(we,[["render",Ke]]),Kt="";const Me={},Re={class:"utrecht-page-footer"};function Je(e,n){return t.openBlock(),t.createElementBlock("footer",Re,[t.renderSlot(e.$slots,"default")])}var Ne=c(Me,[["render",Je]]),Gt="";const Qe={},We={class:"utrecht-page-header"};function Xe(e,n){return t.openBlock(),t.createElementBlock("header",We,[t.renderSlot(e.$slots,"default")])}var Ye=c(Qe,[["render",Xe]]),Mt="";const Ze=t.defineComponent({__name:"UtrechtParagraph",props:{lead:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Rt="";const et=["aria-invalid","checked","disabled","required","value"],tt=(e,n)=>d(e,n),nt={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?tt(this.modelValue,this.value):this.checked}}},at=t.defineComponent(u(_({},nt),{__name:"UtrechtRadioButton",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l.target))},null,42,et))}}));var Jt="";const rt=["aria-invalid","disabled","readonly","required","value"],lt=t.defineComponent({__name:"UtrechtSelect",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("select",{class:t.normalizeClass(["utrecht-select",{"utrecht-select--disabled":e.disabled,"utrecht-select--invalid":e.invalid,"utrecht-select--required":e.required,"utrecht-select--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},[t.renderSlot(n.$slots,"default")],42,rt))}});var Nt="";const ct=["disabled"],st=t.defineComponent({__name:"UtrechtSelectOption",props:{disabled:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("option",{class:t.normalizeClass(["utrecht-select__option",{"utrecht-select__option--disabled":e.disabled}]),disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,ct))}});var Qt="";const dt=["aria-invalid","disabled","readonly","required","value"],ot=t.defineComponent({__name:"UtrechtTextarea",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,dt))}});var Wt="";const it=["aria-invalid","disabled","readonly","required","value"],_t=t.defineComponent({__name:"UtrechtTextbox",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,it))}});r.Article=E,r.BadgeStatus=C,r.Button=U,r.ButtonGroup=P,r.Checkbox=w,r.Document=M,r.FormField=Q,r.FormFieldset=Z,r.FormFieldsetLegend=ae,r.FormLabel=re,r.Heading=_e,r.Heading1=ye,r.Heading2=$e,r.Heading3=xe,r.Heading4=Ce,r.Heading5=Ve,r.Heading6=Ae,r.Link=je,r.Page=Le,r.PageContent=Ge,r.PageFooter=Ne,r.PageHeader=Ye,r.Paragraph=Ze,r.RadioButton=at,r.Select=lt,r.SelectOption=st,r.Textarea=ot,r.Textbox=_t,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.31",
+  "version": "1.0.0-alpha.34",
   "author": "Community for NL Design System",
   "description": "Vue.js components for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -42,7 +42,7 @@
     "@types/jest": "27.5.1",
     "@types/jsdom": "16.2.14",
     "@types/node": "16.11.27",
-    "@utrecht/components": "1.0.0-alpha.215",
+    "@utrecht/components": "1.0.0-alpha.218",
     "@vitejs/plugin-vue": "2.3.1",
     "@vue/tsconfig": "0.1.3",
     "@vue/vue3-jest": "28.0.1",
@@ -61,5 +61,5 @@
     "vue-router": "4.0.14",
     "vue-tsc": "0.34.7"
   },
-  "gitHead": "0666d4847890c4f9464e2819cde5d41f77fc7d5f"
+  "gitHead": "9464afc531d3165f47dc8b8ae43b314195119b96"
 }