@utrecht/component-library-vue 1.0.0-alpha.21 → 1.0.0-alpha.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/component-library-vue.es.js +21 -1
  2. package/dist/component-library-vue.umd.js +1 -1
  3. package/package.json +6 -6
package/dist/component-library-vue.es.js CHANGED
@@ -36,6 +36,7 @@ function _sfc_render$f(_ctx, _cache) {
36
36
  var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$f]]);
37
37
  var index_scss_vue_type_style_index_0_src_70491734_lang = "";
38
38
  const _sfc_main$q = /* @__PURE__ */ defineComponent({
39
+ __name: "UtrechtBadgeStatus",
39
40
  props: {
40
41
  status: null
41
42
  },
@@ -54,6 +55,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
54
55
  var index_scss_vue_type_style_index_0_src_527c33ba_lang = "";
55
56
  const _hoisted_1$m = ["aria-busy", "disabled", "type"];
56
57
  const _sfc_main$p = /* @__PURE__ */ defineComponent({
58
+ __name: "UtrechtButton",
57
59
  props: {
58
60
  appearance: null,
59
61
  busy: { type: Boolean },
@@ -106,6 +108,11 @@ function looseEqual(a, b) {
106
108
  if (aValidType || bValidType) {
107
109
  return aValidType && bValidType ? a.getTime() === b.getTime() : false;
108
110
  }
111
+ aValidType = isSymbol(a);
112
+ bValidType = isSymbol(b);
113
+ if (aValidType || bValidType) {
114
+ return a === b;
115
+ }
109
116
  aValidType = isArray(a);
110
117
  bValidType = isArray(b);
111
118
  if (aValidType || bValidType) {
@@ -133,8 +140,11 @@ function looseEqual(a, b) {
133
140
  return String(a) === String(b);
134
141
  }
135
142
  const isArray = Array.isArray;
136
- const isDate = (val) => val instanceof Date;
143
+ const isDate = (val) => toTypeString(val) === "[object Date]";
144
+ const isSymbol = (val) => typeof val === "symbol";
137
145
  const isObject = (val) => val !== null && typeof val === "object";
146
+ const objectToString = Object.prototype.toString;
147
+ const toTypeString = (value) => objectToString.call(value);
138
148
  var index_scss_vue_type_style_index_0_src_a26e3682_lang = "";
139
149
  const _hoisted_1$k = ["aria-invalid", "checked", "disabled", "required", "value"];
140
150
  const isSet = (arg) => arg instanceof Set;
@@ -180,6 +190,7 @@ const __default__$1 = {
180
190
  }
181
191
  };
182
192
  const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
193
+ __name: "UtrechtCheckbox",
183
194
  props: {
184
195
  checked: { type: Boolean },
185
196
  disabled: { type: Boolean },
@@ -247,6 +258,7 @@ function _sfc_render$a(_ctx, _cache) {
247
258
  var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$a]]);
248
259
  var index_scss_vue_type_style_index_0_src_e35723f4_lang = "";
249
260
  const _sfc_main$i = /* @__PURE__ */ defineComponent({
261
+ __name: "UtrechtFormLabel",
250
262
  props: {
251
263
  checked: { type: Boolean },
252
264
  disabled: { type: Boolean },
@@ -298,6 +310,7 @@ const _hoisted_6 = {
298
310
  class: "utrecht-heading-6"
299
311
  };
300
312
  const _sfc_main$h = /* @__PURE__ */ defineComponent({
313
+ __name: "UtrechtHeading",
301
314
  props: {
302
315
  level: null
303
316
  },
@@ -376,6 +389,7 @@ function _sfc_render$4(_ctx, _cache) {
376
389
  var UtrechtHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4]]);
377
390
  var index_scss_vue_type_style_index_0_src_57003daf_lang = "";
378
391
  const _sfc_main$a = /* @__PURE__ */ defineComponent({
392
+ __name: "UtrechtLink",
379
393
  props: {
380
394
  external: { type: Boolean }
381
395
  },
@@ -429,6 +443,7 @@ function _sfc_render(_ctx, _cache) {
429
443
  var UtrechtPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
430
444
  var index_scss_vue_type_style_index_0_src_aebee898_lang = "";
431
445
  const _sfc_main$5 = /* @__PURE__ */ defineComponent({
446
+ __name: "UtrechtParagraph",
432
447
  props: {
433
448
  lead: { type: Boolean }
434
449
  },
@@ -458,6 +473,7 @@ const __default__ = {
458
473
  }
459
474
  };
460
475
  const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
476
+ __name: "UtrechtRadioButton",
461
477
  props: {
462
478
  checked: { type: Boolean },
463
479
  disabled: { type: Boolean },
@@ -490,6 +506,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
490
506
  var index_scss_vue_type_style_index_0_src_5b35235f_lang = "";
491
507
  const _hoisted_1$3 = ["aria-invalid", "disabled", "readonly", "required", "value"];
492
508
  const _sfc_main$3 = /* @__PURE__ */ defineComponent({
509
+ __name: "UtrechtSelect",
493
510
  props: {
494
511
  disabled: { type: Boolean },
495
512
  invalid: { type: Boolean },
@@ -522,6 +539,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
522
539
  var index_scss_vue_type_style_index_0_src_3505c666_lang = "";
523
540
  const _hoisted_1$2 = ["disabled"];
524
541
  const _sfc_main$2 = /* @__PURE__ */ defineComponent({
542
+ __name: "UtrechtSelectOption",
525
543
  props: {
526
544
  disabled: { type: Boolean }
527
545
  },
@@ -541,6 +559,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
541
559
  var index_scss_vue_type_style_index_0_src_5758ba1d_lang = "";
542
560
  const _hoisted_1$1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
543
561
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
562
+ __name: "UtrechtTextarea",
544
563
  props: {
545
564
  disabled: { type: Boolean },
546
565
  invalid: { type: Boolean },
@@ -572,6 +591,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
572
591
  var index_scss_vue_type_style_index_0_src_ea555f8a_lang = "";
573
592
  const _hoisted_1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
574
593
  const _sfc_main = /* @__PURE__ */ defineComponent({
594
+ __name: "UtrechtTextbox",
575
595
  props: {
576
596
  disabled: { type: Boolean },
577
597
  invalid: { type: Boolean },
package/dist/component-library-vue.umd.js CHANGED
@@ -1 +1 @@
1
- var it=Object.defineProperty,_t=Object.defineProperties;var ut=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var ht=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable;var B=(a,t,s)=>t in a?it(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s,_=(a,t)=>{for(var s in t||(t={}))ht.call(t,s)&&B(a,s,t[s]);if(g)for(var s of g(t))ft.call(t,s)&&B(a,s,t[s]);return a},u=(a,t)=>_t(a,ut(t));(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a["component-library-vue"]={},a.Vue))})(this,function(a,t){"use strict";var s="",c=(e,n)=>{const l=e.__vccOpts||e;for(const[r,i]of n)l[r]=i;return l};const p={},x={class:"utrecht-article"};function v(e,n){return t.openBlock(),t.createElementBlock("article",x,[t.renderSlot(e.$slots,"default")])}var S=c(p,[["render",v]]),yt="";const E=t.defineComponent({props:{status:null},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{["utrecht-badge--"+e.status]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var mt="";const C=["aria-busy","disabled","type"],q=t.defineComponent({props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,l)=>(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,C))}});var bt="";const H={},V={class:"utrecht-button-group"};function U(e,n){return t.openBlock(),t.createElementBlock("div",V,[t.renderSlot(e.$slots,"default")])}var F=c(H,[["render",U]]);function A(e,n){if(e.length!==n.length)return!1;let l=!0;for(let r=0;l&&r<e.length;r++)l=d(e[r],n[r]);return l}function d(e,n){if(e===n)return!0;let l=f(e),r=f(n);if(l||r)return l&&r?e.getTime()===n.getTime():!1;if(l=h(e),r=h(n),l||r)return l&&r?A(e,n):!1;if(l=y(e),r=y(n),l||r){if(!l||!r)return!1;const i=Object.keys(e).length,ot=Object.keys(n).length;if(i!==ot)return!1;for(const o in e){const k=e.hasOwnProperty(o),$=n.hasOwnProperty(o);if(k&&!$||!k&&$||!d(e[o],n[o]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>e instanceof Date,y=e=>e!==null&&typeof e=="object";var kt="";const P=["aria-invalid","checked","disabled","required","value"],m=e=>e instanceof Set,b=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),z=(e,n)=>Array.isArray(e)?[...e,n]:m(e)?new Set(e).add(n):n,I=(e,n)=>{if(Array.isArray(e))return e.filter(l=>l!==n);if(m(e)){const l=new Set(e);return l.delete(n),l}else return""},T={methods:{$_handleInputEvent(e){const{value:n,modelValue:l}=this,r=b(l,n)?I(l,n):z(l,n);this.$emit("update:modelValue",r)},$_isChecked(){return b(this.modelValue,this.value)}}},j=t.defineComponent(u(_({},T),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,l)=>(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:l[0]||(l[0]=r=>n.$_handleInputEvent(r))},null,42,P))}}));var $t="";const O={},w={class:"utrecht-document"};function D(e,n){return t.openBlock(),t.createElementBlock("div",w,[t.renderSlot(e.$slots,"default")])}var K=c(O,[["render",D]]),gt="";const L={},G={class:"utrecht-form-field"};function M(e,n){return t.openBlock(),t.createElementBlock("div",G,[t.renderSlot(e.$slots,"default")])}var R=c(L,[["render",M]]),Bt="";const J={},N={class:"utrecht-form-fieldset"};function Q(e,n){return t.openBlock(),t.createElementBlock("fieldset",N,[t.renderSlot(e.$slots,"default")])}var W=c(J,[["render",Q]]),pt="";const X={},Y={class:"utrecht-form-fieldset__legend"};function Z(e,n){return t.openBlock(),t.createElementBlock("legend",Y,[t.renderSlot(e.$slots,"default")])}var ee=c(X,[["render",Z]]),xt="";const te=t.defineComponent({props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,l)=>(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 vt="",St="",Et="",Ct="",qt="",Ht="";const ne={key:0,class:"utrecht-heading-1"},le={key:1,class:"utrecht-heading-2"},ae={key:2,class:"utrecht-heading-3"},re={key:3,class:"utrecht-heading-4"},ce={key:4,class:"utrecht-heading-5"},se={key:5,class:"utrecht-heading-6"};var de=c(t.defineComponent({props:{level:null},setup(e){return(n,l)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",ne,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",ae,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",re,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),Ut="";const oe={},ie={class:"utrecht-heading-1"};function _e(e,n){return t.openBlock(),t.createElementBlock("h1",ie,[t.renderSlot(e.$slots,"default")])}var ue=c(oe,[["render",_e]]),Ft="";const he={},fe={class:"utrecht-heading-2"};function ye(e,n){return t.openBlock(),t.createElementBlock("h2",fe,[t.renderSlot(e.$slots,"default")])}var me=c(he,[["render",ye]]),At="";const be={},ke={class:"utrecht-heading-3"};function $e(e,n){return t.openBlock(),t.createElementBlock("h3",ke,[t.renderSlot(e.$slots,"default")])}var ge=c(be,[["render",$e]]),Pt="";const Be={},pe={class:"utrecht-heading-4"};function xe(e,n){return t.openBlock(),t.createElementBlock("h4",pe,[t.renderSlot(e.$slots,"default")])}var ve=c(Be,[["render",xe]]),zt="";const Se={},Ee={class:"utrecht-heading-5"};function Ce(e,n){return t.openBlock(),t.createElementBlock("h5",Ee,[t.renderSlot(e.$slots,"default")])}var qe=c(Se,[["render",Ce]]),It="";const He={},Ve={class:"utrecht-heading-6"};function Ue(e,n){return t.openBlock(),t.createElementBlock("h6",Ve,[t.renderSlot(e.$slots,"default")])}var Fe=c(He,[["render",Ue]]),Tt="";const Ae=t.defineComponent({props:{external:{type:Boolean}},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var jt="";const Pe={},ze={class:"utrecht-page"};function Ie(e,n){return t.openBlock(),t.createElementBlock("div",ze,[t.renderSlot(e.$slots,"default")])}var Te=c(Pe,[["render",Ie]]),Ot="";const je={},Oe={class:"utrecht-page-content"};function we(e,n){return t.openBlock(),t.createElementBlock("div",Oe,[t.renderSlot(e.$slots,"default")])}var De=c(je,[["render",we]]),wt="";const Ke={},Le={class:"utrecht-page-footer"};function Ge(e,n){return t.openBlock(),t.createElementBlock("footer",Le,[t.renderSlot(e.$slots,"default")])}var Me=c(Ke,[["render",Ge]]),Dt="";const Re={},Je={class:"utrecht-page-header"};function Ne(e,n){return t.openBlock(),t.createElementBlock("header",Je,[t.renderSlot(e.$slots,"default")])}var Qe=c(Re,[["render",Ne]]),Kt="";const We=t.defineComponent({props:{lead:{type:Boolean}},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Lt="";const Xe=["aria-invalid","checked","disabled","required","value"],Ye=(e,n)=>d(e,n),Ze={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?Ye(this.modelValue,this.value):this.checked}}},et=t.defineComponent(u(_({},Ze),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,l)=>(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:l[0]||(l[0]=r=>n.$_handleInputEvent(r.target))},null,42,Xe))}}));var Gt="";const tt=["aria-invalid","disabled","readonly","required","value"],nt=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,l)=>(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:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},[t.renderSlot(n.$slots,"default")],42,tt))}});var Mt="";const lt=["disabled"],at=t.defineComponent({props:{disabled:{type:Boolean}},setup(e){return(n,l)=>(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,lt))}});var Rt="";const rt=["aria-invalid","disabled","readonly","required","value"],ct=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,l)=>(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:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},null,42,rt))}});var Jt="";const st=["aria-invalid","disabled","readonly","required","value"],dt=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,l)=>(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:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},null,42,st))}});a.Article=S,a.BadgeStatus=E,a.Button=q,a.ButtonGroup=F,a.Checkbox=j,a.Document=K,a.FormField=R,a.FormFieldset=W,a.FormFieldsetLegend=ee,a.FormLabel=te,a.Heading=de,a.Heading1=ue,a.Heading2=me,a.Heading3=ge,a.Heading4=ve,a.Heading5=qe,a.Heading6=Fe,a.Link=Ae,a.Page=Te,a.PageContent=De,a.PageFooter=Me,a.PageHeader=Qe,a.Paragraph=We,a.RadioButton=et,a.Select=nt,a.SelectOption=at,a.Textarea=ct,a.Textbox=dt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
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"}})});
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.21",
2
+ "version": "1.0.0-alpha.24",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Vue.js components for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -42,10 +42,10 @@
42
42
  "@types/jest": "27.5.1",
43
43
  "@types/jsdom": "16.2.14",
44
44
  "@types/node": "16.11.27",
45
- "@utrecht/components": "1.0.0-alpha.205",
45
+ "@utrecht/components": "1.0.0-alpha.208",
46
46
  "@vitejs/plugin-vue": "2.3.1",
47
47
  "@vue/tsconfig": "0.1.3",
48
- "@vue/vue3-jest": "28.0.0",
48
+ "@vue/vue3-jest": "28.0.1",
49
49
  "jest": "28.1.0",
50
50
  "jest-environment-jsdom": "28.1.0",
51
51
  "jsdom": "19.0.0",
@@ -53,13 +53,13 @@
53
53
  "prettier": "2.5.1",
54
54
  "rimraf": "3.0.2",
55
55
  "sass": "1.52.1",
56
- "ts-jest": "28.0.3",
56
+ "ts-jest": "28.0.5",
57
57
  "typescript": "4.6.4",
58
58
  "vite": "2.9.5",
59
59
  "vite-plugin-dts": "1.2.0",
60
- "vue": "3.2.33",
60
+ "vue": "3.2.37",
61
61
  "vue-router": "4.0.14",
62
62
  "vue-tsc": "0.34.7"
63
63
  },
64
- "gitHead": "6329c69361490ab47eaee8d9e4b8ec0b72601681"
64
+ "gitHead": "105c5d9bb12c42ca72a5511ce3615032711b593b"
65
65
  }