1/*! For license information please see 4d3e1a9b.f6e06e32.js.LICENSE.txt */ 2'use strict'; 3(globalThis.webpackChunk_nl_design_system_website = globalThis.webpackChunk_nl_design_system_website || []).push([ 4 [4104], 5 { 6 3387(e, n, a) { 7 a.d(n, { s: () => o }); 8 var t = a(29181), 9 r = a(13526), 10 i = a(84471), 11 l = a(86070); 12 const s = { 'Heading 1': 'Heading', 'Heading 2': 'Heading', 'Heading 3': 'Heading', 'Heading 4': 'Heading', 'Heading 5': 'Heading', 'Heading 6': 'Heading' }, 13 o = ({ name: e, relayStep: n, description: a }) => { 14 const o = (0, i.fX)(n), 15 d = s[e] ?? e; 16 return (0, l.jsxs)(t.WK, { children: [(0, l.jsxs)('svg', { width: '960', height: '540', viewBox: '0 0 960 540', xmlns: 'http://www.w3.org/2000/svg', className: (0, r.A)('ma-component-illustration', `ma-component-illustration--${o}`), fill: 'none', children: [(0, l.jsxs)('g', { fill: 'var(--ma-component-illustration-background-color, white)', children: [(0, l.jsx)('rect', { width: '960', height: '540' }), (0, l.jsx)('rect', { width: '960', height: '540' })] }), (0, l.jsxs)('g', { fill: 'var(--ma-component-illustration-grid-color, #eee)', children: [(0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(69)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(151)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(233)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(315)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(397)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(479)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(561)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(643)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(725)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(807)' }), (0, l.jsx)('rect', { width: '2', height: '540', transform: 'translate(889)' }), (0, l.jsx)('rect', { width: '960', height: '2', transform: 'translate(0 64)' }), (0, l.jsx)('rect', { width: '960', height: '2', transform: 'translate(0 146)' }), (0, l.jsx)('rect', { width: '960', height: '2', transform: 'translate(0 228)' }), (0, l.jsx)('rect', { width: '960', height: '2', transform: 'translate(0 310)' }), (0, l.jsx)('rect', { width: '960', height: '2', transform: 'translate(0 392)' }), (0, l.jsx)('rect', { width: '960', height: '2', transform: 'translate(0 474)' })] }), (0, l.jsx)('use', { href: `/svg/componenten_overzicht_${(0, i.fX)(d)}.svg#component-illustration` })] }), (0, l.jsx)(t.$P, { className: 'ma-component-illustration__caption', children: a })] }); 17 }; 18 }, 19 3446(e, n, a) { 20 a.d(n, { r: () => c }); 21 var t = a(29181), 22 r = a(74172), 23 i = a(15089), 24 l = a(28377), 25 s = a(33648), 26 o = a(83386), 27 d = a(86070); 28 const g = { figma: (0, d.jsx)(r.A, {}), github: (0, d.jsx)(i.A, {}), npm: (0, d.jsx)(l.A, {}), storybook: (0, d.jsx)(s.A, {}) }, 29 c = ({ brand: e }) => (0, d.jsx)(t.In, { children: g[e] || (0, d.jsx)(o.A, {}) }); 30 }, 31 14881(e, n, a) { 32 a.d(n, { K: () => d, n: () => o }); 33 var t = a(13526), 34 r = a(30758), 35 i = a(96345), 36 l = a(37168), 37 s = a(86070); 38 const o = (0, r.forwardRef)(({ as: e, className: n, children: a, ...r }, i) => { 39 const l = e || 'div', 40 o = (0, t.A)('ma-utrecht-accordion', 'utrecht-accordion', n); 41 return (0, s.jsx)(l, { ref: i, className: o, ...r, children: a }); 42 }), 43 d = ({ className: e, classNamePanel: n, label: a, heading: r, headingLevel: o, headingApperance: d, ...g }) => { 44 const c = (0, t.A)('utrecht-accordion__section', e), 45 u = (0, t.A)('utrecht-accordion__panel', n); 46 return (0, s.jsxs)('details', { className: c, ...g, children: [(0, s.jsx)('summary', { className: 'utrecht-accordion__header', children: (0, s.jsxs)('span', { className: 'nl-button nl-button--subtle', children: [(0, s.jsx)('span', { className: 'nl-button__icon-start', children: (0, s.jsx)(i.A, {}) }), (0, s.jsxs)('span', { className: 'nl-button__label', children: [r && (0, s.jsx)(l.D, { level: o, appearance: d, children: r }), a] })] }) }), (0, s.jsx)('div', { className: u, children: g.children })] }); 47 }; 48 }, 49 15089(e, n, a) { 50 a.d(n, { A: () => l }); 51 var t = a(48907), 52 r = a(30758), 53 i = ['size', 'color']; 54 function l(e) { 55 var n = e.size, 56 a = void 0 === n ? 24 : n, 57 l = e.color, 58 s = void 0 === l ? 'currentColor' : l, 59 o = (0, t.$i)(e, i); 60 return r.createElement('svg', (0, t._P)({ xmlns: 'http://www.w3.org/2000/svg', className: 'icon icon-tabler icon-tabler-brand-github', width: a, height: a, viewBox: '0 0 24 24', stroke: s, strokeWidth: '2', fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round' }
60, o), r.createElement('path', { stroke: 'none', d: 'M0 0h24v24H0z', fill: 'none' }), r.createElement('path', { d: 'M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5' })); 61 } 62 }, 63 19707(e, n, a) { 64 a.d(n, { Z: () => t.Z }); 65 var t = a(50172); 66 }, 67 26165(e, n, a) { 68 a.d(n, { AC: () => d, Fu: () => l, Wu: () => s, Zp: () => o }); 69 var t = a(46447), 70 r = a(13526), 71 i = a(86070); 72 const l = ({ background: e, children: n, className: a, ...t }) => (0, i.jsx)('div', { className: (0, r.A)('ma-card__illustration', e && `ma-card__illustration--${e}`, a), ...t, children: n }), 73 s = (e) => (0, i.jsx)('div', { className: 'ma-card__content', ...e }), 74 o = ({ href: e, appearance: n, className: a, component: l = 'div', background: s, children: o }) => { 75 const d = (e) => ('article' === l ? (0, i.jsx)('article', { ...e }) : 'section' === l ? (0, i.jsx)('section', { ...e }) : (0, i.jsx)('div', { ...e })), 76 g = (0, i.jsx)(d, { className: (0, r.A)('ma-cardgroup__card', s && 'ma-cardgroup__card--light-purple', `ma-cardgroup__card--${n}`, a), children: o }); 77 return e ? (0, i.jsx)(t.N_, { href: e, boxContent: !0, className: 'ma-cardgroup__link', children: g }) : g; 78 }, 79 d = ({ appearance: e = 'large', children: n, className: a }) => (0, i.jsx)('div', { className: (0, r.A)('ma-cardgroup', `ma-cardgroup--${e}`, a), children: n }); 80 }, 81 26877(e, n, a) { 82 a.d(n, { VK: () => v, $9: () => j, mu: () => k, Fc: () => N, K_: () => w }); 83 var t = a(29181), 84 r = a(29857), 85 i = a(66153), 86 l = a(13526), 87 s = a(3446), 88 o = a(26165), 89 d = a(19707), 90 g = a(86070); 91 const c = ({ checked: e, unchecked: n }) => { 92 const a = (e / (e + n)) * 250; 93 return (0, g.jsxs)('svg', { viewBox: '0 0 100 100', xmlns: 'http://www.w3.org/2000/svg', className: 'ma-component-progress', 'aria-hidden': 'true', children: [(0, g.jsx)('circle', { className: 'ma-component-progress__background', cx: '50', cy: '50', r: '40', fill: 'none', stroke: 'none', strokeWidth: '20' }), (0, g.jsx)('circle', { className: 'ma-component-progress__progress', cx: '50', cy: '50', r: '40', fill: 'none', stroke: 'currentColor', strokeWidth: '20', strokeDasharray: a })] }); 94 }; 95 var u = a(87856), 96 m = a(46276), 97 h = a(58876), 98 p = a(84471); 99 const f = JSON.parse('{"Notification Banner":[{"name":"Alert","slug":"alert"},{"name":"Note","slug":"note"}],"Note":[{"name":"Alert","slug":"alert"},{"name":"Blockquote","slug":"blockquote"},{"name":"Notification Banner","slug":"notification-banner"},{"name":"Pull Quote","slug":"pull-quote"}],"Modal Dialog":[{"name":"Alert Dialog","slug":"alert-dialog"},{"name":"Drawer","slug":"drawer"},{"name":"Dialog","slug":"dialog"}],"Drawer":[{"name":"Modal Dialog","slug":"modal-dialog"},{"name":"Dialog","slug":"dialog"}],"Dialog":[{"name":"Alert Dialog","slug":"alert-dialog"},{"name":"Drawer","slug":"drawer"},{"name":"Modal Dialog","slug":"modal-dialog"}],"Alert Dialog":[{"name":"Alert","slug":"alert"},{"name":"Modal Dialog","slug":"modal-dialog"},{"name":"Dialog","slug":"dialog"}],"Alert":[{"name":"Alert Dialog","slug":"alert-dialog"},{"name":"Invalid Form Alert","slug":null},{"name":"Notification Banner","slug":"notification-banner"},{"name":"Note","slug":"note"}],"Unordered List":[{"name":"Ordered List","slug":"ordered-list"},{"name":"Rich Text Content","slug":"rich-text-content"},{"name":"Link List","slug":"link-list"},{"name":"Task List","slug":"task-list"}],"Ordered List":[{"name":"Rich Text Content","slug":"rich-text-content"},{"name":"Unordered List","slug":"unordered-list"}],"Link":[{"name":"Link List","slug":"link-list"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Button":[{"name":"Action Group","slug":"action-group"},{"name":"Login Link","slug":"login-link"}],"Mark":[{"name":"Strong","slug":"strong"}],"Code Block":[{"name":"Code","slug":"code"}],"Number Badge":[{"name":"Data Badge","slug":"data-badge"},{"name":"Dot Badge","slug":"dot-badge"},{"name":"Status Badge","slug":"status-badge"}],"Heading":[{"name":"Heading 1","slug":"heading-1"},{"name":"Heading 2","slug":"heading-2"},{"name":"Heading 3","slug":"heading-3"},{"name":"Heading 4","slug":"heading-4"},{"name":"Heading 5","slug":"heading-5"},{"name":"Heading 6","slug":"heading-6"},{"name":"Heading Group","slug":"heading-group"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Data Badge":[{"name":"Dot Badge","slug":"dot-badge"},{"name":"Number Badge","slug":"number-badge"},{"name":"Status Badge","slug":"status-badge"}],"Color Sample":[],"Code":[{"name":"Code Block","slug":"code-block"}],"Paragraph":[{"name":"Lead Paragraph","slug":"paragraph"},{"name":"Rich Text Content","slug":"rich-text-content"},{"name":"Strong","slug":"strong"}],"Form Field Error Message":[{"name":"Invalid Form Alert","slug":null}],"File":[{"name":"File Input","slug":"file-input"}
99],"Page Footer":[{"name":"Root","slug":null},{"name":"Body","slug":null},{"name":"Page Layout","slug":null},{"name":"Page Header","slug":"page-header"},{"name":"Page Body","slug":null}],"Page Header":[{"name":"Root","slug":null},{"name":"Body","slug":null},{"name":"Page Layout","slug":null},{"name":"Page Body","slug":null},{"name":"Page Footer","slug":"page-footer"},{"name":"Navigation Bar","slug":"navigation-bar"}],"Text Input":[{"name":"Checkbox Group","slug":"checkbox-group"},{"name":"Date Input","slug":"date-input"},{"name":"File Input","slug":"file-input"},{"name":"Number Input","slug":"number-input"},{"name":"Password Input","slug":"password-input"},{"name":"Radio Group","slug":"radio-group"},{"name":"Text Area","slug":"text-area"},{"name":"Text Input Group","slug":null}],"Date Input":[{"name":"Calendar","slug":"calendar"},{"name":"Date Input Group","slug":"date-input-group"},{"name":"Date Picker","slug":"date-picker"}],"Description List":[{"name":"Data Summary","slug":"data-summary"},{"name":"Form Summary","slug":"form-summary"},{"name":"Table","slug":"table"}],"Fieldset":[{"name":"Date Input Group","slug":"date-input-group"},{"name":"Text Input Group","slug":null},{"name":"Radio Group","slug":"radio-group"},{"name":"Checkbox Group","slug":"checkbox-group"}],"Dot Badge":[{"name":"Data Badge","slug":"data-badge"},{"name":"Number Badge","slug":"number-badge"},{"name":"Status Badge","slug":"status-badge"}],"Figure":[{"name":"Image","slug":"image"},{"name":"Video","slug":"video"}],"File Input":[{"name":"Form Field","slug":"form-field"},{"name":"File","slug":"file"}],"Password Input":[{"name":"Checkbox Group","slug":"checkbox-group"},{"name":"Date Input","slug":"date-input"},{"name":"File Input","slug":"file-input"},{"name":"Number Input","slug":"number-input"},{"name":"Radio Group","slug":"radio-group"},{"name":"Text Area","slug":"text-area"},{"name":"Text Input","slug":"text-input"},{"name":"Text Input Group","slug":null}],"Status Badge":[{"name":"Data Badge","slug":"data-badge"},{"name":"Dot Badge","slug":"dot-badge"},{"name":"Number Badge","slug":"number-badge"}],"Form Field Description":[{"name":"Form Field","slug":"form-field"},{"name":"Form Field Label","slug":"form-field-label"},{"name":"Form Field Label Suffix","slug":"form-field-label-suffix"},{"name":"Form Field Error Message","slug":"form-field-error-message"}],"Breadcrumb Navigation":[],"Form Field Label":[{"name":"Form Field","slug":"form-field"},{"name":"Form Field Description","slug":"form-field-description"},{"name":"Form Field Label Suffix","slug":"form-field-label-suffix"},{"name":"Legend","slug":null}],"Table":[{"name":"Description List","slug":"description-list"},{"name":"Form Summary","slug":"form-summary"}],"Login Link":[{"name":"Button","slug":"button"}],"Link List":[{"name":"Link","slug":"link"},{"name":"Unordered List","slug":"unordered-list"}],"Select":[{"name":"Select Combobox","slug":"select-combobox"},{"name":"Radio Group","slug":"radio-group"}],"Image":[{"name":"Figure","slug":"figure"}],"Form Summary":[{"name":"Data Summary","slug":"data-summary"},{"name":"Description List","slug":"description-list"},{"name":"Table","slug":"table"}],"Card as Link":[{"name":"Case Card","slug":"case-card"}],"Text Area":[{"name":"Form Field","slug":"form-field"},{"name":"Form Field Description","slug":"form-field-description"},{"name":"Form Field Error Message","slug":"form-field-error-message"},{"name":"Form Field Label","slug":"form-field-label"},{"name":"Text Input","slug":"text-input"}],"Radio Button":[{"name":"Radio Group","slug":"radio-group"},{"name":"Checkbox","slug":"checkbox"},{"name":"Switch","slug":"switch"}],"Checkbox":[{"name":"Checkbox Group","slug":"checkbox-group"},{"name":"Radio Button","slug":"radio-button"},{"name":"Switch","slug":"switch"}],"Action Group":[{"name":"Button","slug":"button"}],"Side Navigation":[{"name":"Navigation Bar","slug":"navigation-bar"}],"Icon":[],"Accordion":[{"name":"Details","slug":null},{"name":"Tabs","slug":"tabs"}],"Skip Link":[],"Blockquote":[{"name":"Rich Text Content","slug":"rich-text-content"},{"name":"Pull Quote","slug":"pull-quote"}],"Heading Group":[{"name":"Heading","slug":"heading"},{"name":"Rich Text Content","slug":"rich-text-content"},{"name":"Subheading","slug":null},{"name":"Pre-heading","slug":null}],"Form Field":[{"name":"Checkbox Group","slug":"checkbox-group"},{"name":"Date Input","slug":"date-input"},{"name":"File Input","slug":"file-input"},{"name":"Number Input","slug":"number-input"},{"name":"Password Input","slug":"password-input"},{"name":"Radio Group","slug":"radio-group"},{"name":"Range","slug":"range"},{"name":"Text Area","slug":"text-area"},{"name":"Text Input","slug":"text-input"},{"name":"Text Input Group","slug":null}],"Separator":[],"Heading 6":[{"name":"Heading","slug":"heading"},{"name":"Heading 1","slug":"heading-1"},{"name":"Heading 2","slug":"heading-2"},{"name":"Heading 3","slug":"heading-3"},{"name":"Heading 4","slug":"heading-4"},{"name":"Heading 5","slug":"heading-5"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Heading 5":[{"name":"Heading","slug":"heading"},{"name":"Heading 1","slug":"heading-1"},{"name":"Heading 2","slug":"heading-2"},{"name":"Heading 3","slug":"heading-3"},{"name":"Heading 4","slug":"heading-4"},{"name":"Heading 6","slug":"heading-6"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Heading 4":[{"name":"Heading","slug":"heading"},{"name":"Heading 1","slug":"heading-1"},{"name":"Heading 2","slug":"heading-2"},{"name":"Heading 3","slug":"heading-3"},{"name":"Heading 5","slug":"heading-5"},{"name":"Heading 6","slug":"heading-6"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Heading 3":[{"name":"Heading","slug":"heading"},{"name":"Heading 1","slug":"heading-1"},{"name":"Heading 2","slug":"heading-2"},{"name":"Heading 4","slug":"heading-4"},{"name":"Heading 5","slug":"heading-5"},{"name":"Heading 6","slug":"heading-6"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Heading 2":[{"name":"Heading","slug":"heading"},{"name":"Heading 1","slug":"heading-1"},{"name":"Heading 3","slug":"heading-3"},{"name":"Heading 4","slug":"heading-4"},{"name":"Heading 5","slug":"heading-5"},{"name":"Heading 6","slug":"heading-6"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Heading 1":[{"name":"Heading","slug":"heading"},{"name":"Heading 2","slug":"heading-2"},{"name":"Heading 3","slug":"heading-3"},{"name":"Heading 4","slug":"heading-4"},{"name":"Heading 5","slug":"heading-5"},{"name":"Heading 6","slug":"heading-6"},{"name":"Rich Text Content","slug":"rich-text-content"}
99],"Form Field Label Suffix":[{"name":"Form Field","slug":"form-field"},{"name":"Form Field Label","slug":"form-field-label"},{"name":"Form Field Description","slug":"form-field-description"}],"Progress List":[{"name":"Form Navigation","slug":"form-navigation"}],"Task Navigation":[{"name":"Topic Navigation","slug":null}],"Language Navigation":[],"Avatar":[{"name":"Figure","slug":"figure"}],"Calendar":[{"name":"Date Input","slug":"date-input"},{"name":"Date Input Group","slug":"date-input-group"},{"name":"Date Picker","slug":"date-picker"}],"Contact Timeline":[],"Switch":[{"name":"Checkbox","slug":"checkbox"},{"name":"Radio Button","slug":"radio-button"}],"Tabs":[{"name":"Accordion","slug":"accordion"}],"Navigation Bar":[{"name":"Side Navigation","slug":"side-navigation"}],"Select Combobox":[{"name":"Select","slug":"select"},{"name":"Search Input","slug":null}],"Case Card":[{"name":"Card as link","slug":"card-as-link"}],"Page Number Navigation":[],"Rich Text Content":[{"name":"Blockquote","slug":"blockquote"},{"name":"Heading","slug":"heading"},{"name":"Heading 1","slug":"heading-1"},{"name":"Heading 2","slug":"heading-2"},{"name":"Heading 3","slug":"heading-3"},{"name":"Heading 4","slug":"heading-4"},{"name":"Heading 5","slug":"heading-5"},{"name":"Heading 6","slug":"heading-6"},{"name":"Lead Paragraph","slug":"paragraph"},{"name":"Link","slug":"link"},{"name":"Ordered List","slug":"ordered-list"},{"name":"Paragraph","slug":"paragraph"},{"name":"Pre-heading","slug":"pre-heading"},{"name":"Strong","slug":"strong"},{"name":"Unordered List","slug":"unordered-list"}],"Range":[{"name":"Number Input","slug":"number-input"}],"Toggletip":[],"Logo":[],"Spinner":[{"name":"Progress Bar","slug":"progress-bar"}],"Checkbox Group":[{"name":"Checkbox","slug":"checkbox"},{"name":"Fieldset","slug":"fieldset"},{"name":"Radio Group","slug":"radio-group"}],"Date Input Group":[{"name":"Calendar","slug":"calendar"},{"name":"Date Input","slug":"date-input"},{"name":"Date Picker","slug":"date-picker"},{"name":"Input Group","slug":"input-group"}],"Date Picker":[{"name":"Calendar","slug":"calendar"},{"name":"Date Input","slug":"date-input"},{"name":"Date Input Group","slug":"date-input-group"}],"Radio Group":[{"name":"Radio Button","slug":"radio-button"},{"name":"Fieldset","slug":"fieldset"},{"name":"Checkbox Group","slug":"checkbox-group"},{"name":"Select","slug":"select"}],"Task List":[{"name":"Unordered List","slug":"unordered-list"}],"Progress Bar":[{"name":"Spinner","slug":"spinner"}],"Input Group":[{"name":"Date Input Group","slug":"date-input-group"},{"name":"Form Field Partial","slug":null},{"name":"Form Field","slug":"form-field"},{"name":"Text Input","slug":"text-input"}],"Form Navigation":[{"name":"Progress List","slug":"progress-list"}],"YouTube Video":[{"name":"Video","slug":"video"}],"Data Summary":[{"name":"Description List","slug":"description-list"},{"name":"Form Summary","slug":"form-summary"}],"Video":[{"name":"Youtube Video","slug":"youtube-video"},{"name":"Figure","slug":"figure"}],"Strong":[{"name":"Paragraph","slug":"paragraph"},{"name":"Rich Text Content","slug":"rich-text-content"}],"Pull Quote":[{"name":"Blockquote","slug":"blockquote"}]}'); 100 var x = a(14881), 101 b = a(3387); 102 const v = ({ component: e, headingLevel: n }) => { 103 const a = e && e.projects.filter((e) => p.f4.includes(e.id)), 104 r = a && p.f4.map((e) => a.find((n) => n.id === e)).filter(Boolean); 105 return e && (0, g.jsx)(x.n, { children: r.map((a) => (0, g.jsx)(x.K, { className: (0, l.A)('ma-definition-of-done', a && `ma-definition-of-done--${(0, p.fX)(a.title)}`), heading: a ? `${a.title} - ${a.progress.value} van ${a.progress.max}` : '', headingLevel: n, headingApperance: 'level-5', children: (0, g.jsxs)(g.Fragment, { children: [(0, g.jsx)(h._, { children: a.tasks.map(({ checked: e, name: a, id: t }) => (0, g.jsx)(h.Z, { headingLevel: n + 1, checked: e, heading: a, description: (0, p.qZ)(t) }, t)) }), (0, g.jsx)(t.fz, { children: (0, g.jsxs)(t.N_, { href: `${a.url}?filterQuery=${e.title}`, children: [a.title, ' projectbord op GitHub'] }) })] }) }, a.title)) }); 106 }, 107 k = ({ component: e, headingLevel: n }) => { 108 const a = e && e.projects.filter((e) => !p.f4.includes(e.id)); 109 return e && a.length 110 ? (0, g.jsx)(o.AC, { 111 appearance: 'large', 112 className: 'ma-implementation-card-group', 113 children: a 114 .sort((e, n) => { 115 const a = e.progress.max - e.progress.value, 116 t = n.progress.max - n.progress.value; 117 return a === t ? e.title.localeCompare(n.title) : a - t; 118 }) 119 .map((e) => { 120 const a = e.tasks.find(({ name: e }) => 'Naam' === e), 121 l = a?.value, 122 u = (0, p.Pv)(e), 123 m = new Map([ 124 ['Figma URL', { brand: 'figma', desciption: `${l} in Figma` }], 125 ['Theme Storybook URL', { brand: 'storybook', desciption: `${l} voor visuele regressie tests` }], 126 ]), 127 h = e.tasks.filter(({ name: e, value: n }) => m.has(e) && URL.canParse(n) && 'https:' === new URL(n).protocol); 128 return globalThis.isAstro 129 ? (0, g.jsx)( 130 d.Z, 131 { 132 heading: e.title.replace(/^Community/i, ''), 133 headingLevel: n, 134 description: (0, g.jsxs)('div', { 135 className: 'ma-flow', 136 children: [ 137 (0, g.jsxs)(i.f, { children: [(0, g.jsx)(c, { checked: e.progress.value, unchecked: e.progress.max - e.progress.value }), e.progress.value, ' van ', e.progress.max, ' stappen gedocumenteerd op het', ' ', (0, g.jsxs)(t.N_, { href: e.url, children: [e.title, ' projectbord'] })] }), 138 (0, g.jsxs)('div', { 139 children: [ 140 (h.length > 0 || u.length > 0) && (0, g.jsx)(r.DZ, { level: Math.min(n + 1, 6), children: 'Snel aan de slag' }), 141 h.length > 0 && 142 (0, g.jsx)(t.dk, { 143 links: h 144 .filter((e) =>
144 !!m.get(e.name)) 145 .map((e) => { 146 const n = m.get(e.name); 147 return { children: n.desciption, icon: (0, g.jsx)(s.r, { brand: n.brand }), href: e.value }; 148 }), 149 }), 150 ], 151 }), 152 u.length > 0 && u.map(({ frameworkName: e, tasks: a }) => (0, g.jsxs)('section', { children: [(0, g.jsxs)(r.DZ, { level: Math.min(n + 2, 6), children: [l, ' in ', e] }), (0, g.jsx)(t.dk, { links: a.map((e) => ({ children: e.description, icon: (0, g.jsx)(s.r, { brand: e.brand }), href: e.value })) })] }, e)), 153 ], 154 }), 155 }, 156 e.title, 157 ) 158 : (0, g.jsx)( 159 o.Zp, 160 { 161 className: 'ma-implementation-card', 162 children: (0, g.jsxs)(o.Wu, { 163 children: [ 164 (0, g.jsx)(t.DZ, { level: n, children: e.title.replace(/^Community/i, '') }), 165 (0, g.jsxs)(t.fz, { children: [(0, g.jsx)(c, { checked: e.progress.value, unchecked: e.progress.max - e.progress.value }), e.progress.value, ' van ', e.progress.max, ' stappen gedocumenteerd op het', ' ', (0, g.jsxs)(t.N_, { href: e.url, children: [e.title, ' projectbord'] })] }), 166 (h.length > 0 || u.length > 0) && (0, g.jsx)(t.DZ, { level: n + 1, children: 'Snel aan de slag' }), 167 h.length > 0 && 168 (0, g.jsx)(g.Fragment, { 169 children: (0, g.jsx)(t.dk, { 170 links: h 171 .filter((e) => !!m.get(e.name)) 172 .map((e) => { 173 const n = m.get(e.name); 174 return { children: n.desciption, icon: (0, g.jsx)(s.r, { brand: n.brand }), href: e.value }; 175 }), 176 }), 177 }), 178 u.length > 0 && (0, g.jsx)(g.Fragment, { children: u.map(({ frameworkName: e, tasks: a }) => (0, g.jsxs)(g.Fragment, { children: [(0, g.jsxs)(t.DZ, { level: n + 2, children: [l, ' in ', e] }), (0, g.jsx)(t.dk, { links: a.map((e) => ({ children: e.description, icon: (0, g.jsx)(s.r, { brand: e.brand }), href: e.value })) })] })) }), 179 ], 180 }), 181 }, 182 e.title, 183 ); 184 }), 185 }) 186 : (0, g.jsx)(t.fz, { children: 'Er zijn nog geen implementaties' }); 187 }, 188 j = ({ component: e, headingLevel: n }) => { 189 const a = e?.projects.find((e) => 'HELP_WANTED' === e.id), 190 r = a?.tasks.find((e) => 'PVTF_lADOBGdlVM4AdX8lzgcig7o' === e.id)?.value; 191 return e && (0, g.jsxs)(g.Fragment, { children: [(0, g.jsx)(t.DZ, { id: 'help-component-verbeteren', level: n, children: 'Help om deze component te verbeteren' }), (0, g.jsxs)(t.fz, { children: ['We vinden het belangrijk dat de component ', e.title, ' goed te gebruiken is door iedereen. Help je mee?'] }), (0, g.jsxs)(t.Xy, { children: [r ? (0, g.jsxs)(t.Er, { children: ['Vul de ', (0, g.jsx)(t.N_, { href: r, children: 'GitHub Discussion' }), ' aan met de eisen en wensen voor jouw project of organisatie.'] }) : (0, g.jsxs)(t.Er, { children: [(0, g.jsxs)(t.N_, { href: 'https://github.com/orgs/nl-design-system/discussions/categories/component-suggestions', children: ['Start een GitHub Discussion voor ', e.title] }), ' ', 'en voeg de eisen en wensen voor jouw project of organisatie toe.'] }), (0, g.jsxs)(t.Er, { children: ['Draag bij aan de voortgang van ', e.title, ' door te zorgen dat deze aan meer checkpoints van de', ' ', (0, g.jsx)(t.N_, { href: '#definition-of-done', children: 'Definition of Done' }), ' voldoet. Deze houden we bij in de projectborden bij de ', (0, g.jsx)(t.N_, { href: e.backlog, children: 'publieke GitHub Backlog' }), '.', ' '] })] })] }); 192 }, 193 N = ({ component: e, headingLevel: n, description: a }) => { 194 const r = e && p.bo[e.relayStep]; 195 return globalThis.isAstro ? null : e && (0, g.jsxs)(g.Fragment, { children: [(0, g.jsx)(m.p, { level: n, suffix: r && (0, g.jsx)(u.D, { state: r }), children: e.title }), (0, g.jsx)(t.fz, { lead: !0, children: a }), ['Help Wanted', 'Community'].includes(r) && (0, g.jsx)(b.s, { relayStep: r, description: `Schets van de ${e.title} component`, name: e.title })] }); 196 }, 197 w = ({ component: e }) => { 198 const n = (e && f[e.title]) || []; 199 return n.length > 0 && (0, g.jsxs)(t.fz, { children: ['Gerelateerde componenten:', ' ', n.map((e, a) => (0, g.jsxs)(g.Fragment, { children: [e.slug ? (0, g.jsx)(t.N_, { href: `/${e.slug}/`, children: e.name }) : e.name, a < n.length - 1 ? ', ' : '.'] }))] }); 200 }; 201 }, 202 28377(e, n, a) { 203 a.d(n, { A: () => l }); 204 var t = a(48907), 205 r = a(30758), 206 i = ['size', 'color']; 207 function l(e) { 208 var n = e.size, 209 a = void 0 === n ? 24 : n, 210 l = e.color, 211 s = void 0 === l ? 'currentColor' : l, 212 o = (0, t.$i)(e, i); 213 return r.createElement('svg', (0, t._P)({ xmlns: 'http://www.w3.org/2000/svg', className: 'icon icon-tabler icon-tabler-brand-npm', width: a, height: a, viewBox: '0 0 24 24', stroke: s, strokeWidth: '2', fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round' }
213, o), r.createElement('path', { stroke: 'none', d: 'M0 0h24v24H0z', fill: 'none' }), r.createElement('path', { d: 'M1 8h22v7h-12v2h-4v-2h-6z' }), r.createElement('path', { d: 'M7 8v7' }), r.createElement('path', { d: 'M14 8v7' }), r.createElement('path', { d: 'M17 11v4' }), r.createElement('path', { d: 'M4 11v4' }), r.createElement('path', { d: 'M11 11v1' }), r.createElement('path', { d: 'M20 11v4' })); 214 } 215 }, 216 29857(e, n, a) { 217 a.d(n, { DZ: () => i, _B: () => l }); 218 var t = a(37168), 219 r = a(86070); 220 const i = (e) => (0, r.jsx)(t.D, { ...e }), 221 l = (e) => (0, r.jsx)(t.D, { ...e, level: 3 }); 222 }, 223 32180(e, n, a) { 224 (a.r(n), a.d(n, { assets: () => g, component: () => f, componentName: () => p, contentTitle: () => d, default: () => v, description: () => u, frontMatter: () => o, issueNumber: () => m, metadata: () => t, relayStep: () => h, title: () => c, toc: () => x })); 225 const t = JSON.parse('{"id":"componenten/date-picker/index","title":"Date Picker","description":"Invoerveld om een beschikbare datum te kiezen via een op maat gemaakte kalender.","source":"@site/docs/componenten/date-picker/index.mdx","sourceDirName":"componenten/date-picker","slug":"/date-picker","permalink":"/date-picker","draft":false,"unlisted":false,"editUrl":"https://github.com/nl-design-system/documentatie/tree/main/docs/componenten/date-picker/index.mdx","tags":[],"version":"current","frontMatter":{"title":"Date Picker","hide_title":true,"hide_table_of_contents":false,"sidebar_label":"Date Picker","pagination_label":"Date Picker","description":"Invoerveld om een beschikbare datum te kiezen via een op maat gemaakte kalender.","issue_number":35,"slug":"/date-picker","keywords":["calendar","custom","date","datepicker","date field","date input","date picker","date selection","daterange","date range picker","datetime picker","datum kiezer","datum invoer","datumveld","form","formulier","formulierelement","kalender","input field","month picker","scrollable calendar","text field","time picker"]},"sidebar":"componenten","previous":{"title":"Date Input Group","permalink":"/date-input-group"},"next":{"title":"Description List","permalink":"/description-list"}}'); 226 var r = a(86070), 227 i = a(18439), 228 l = a(79447), 229 s = a(26877); 230 const o = { title: 'Date Picker', hide_title: !0, hide_table_of_contents: !1, sidebar_label: 'Date Picker', pagination_label: 'Date Picker', description: 'Invoerveld om een beschikbare datum te kiezen via een op maat gemaakte kalender.', issue_number: 35, slug: '/date-picker', keywords: ['calendar', 'custom', 'date', 'datepicker', 'date field', 'date input', 'date picker', 'date selection', 'daterange', 'date range picker', 'datetime picker', 'datum kiezer', 'datum invoer', 'datumveld', 'form', 'formulier', 'formulierelement', 'kalender', 'input field', 'month picker', 'scrollable calendar', 'text field', 'time picker'] }, 231 d = void 0, 232 g = {}, 233 c = 'Date Picker', 234 u = 'Invoerveld om een beschikbare datum te kiezen via een op maat gemaakte kalender.', 235 m = 35, 236 h = 'help wanted', 237 p = 'date-picker', 238 f = l.find((e) => e.number === m), 239 x = [ 240 { value: 'Definition of Done', id: 'definition-of-done', level: 2 }, 241 { value: 'Community implementaties', id: 'community-implementaties', level: 2 }, 242 ]; 243 function b(e) { 244 const n = { h2: 'h2', ...(0, i.R)(), ...e.components }; 245 return (0, r.jsxs)(r.Fragment, { children: ['\n', '\n', '\n', '\n', '\n', (0, r.jsx)(s.Fc, { component: f, headingLevel: 1, description: u }), '\n', (0, r.jsx)(n.h2, { id: 'definition-of-done', children: 'Definition of Done' }), '\n', (0, r.jsx)(s.VK, { component: f, headingLevel: 3 }), '\n', (0, r.jsx)(n.h2, { id: 'community-implementaties', children: 'Community implementaties' }), '\n', (0, r.jsx)(s.mu, { component: f, headingLevel: 3 }), '\n', (0, r.jsx)(s.K_, { component: f }), '\n', (0, r.jsx)(s.$9, { component: f, headingLevel: 2 })] }); 246 } 247 function v(e = {}) { 248 const { wrapper: n } = { ...(0, i.R)(), ...e.components }; 249 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(b, { ...e }) }) : b(e); 250 } 251 }, 252 33648(e, n, a) { 253 a.d(n, { A: () => l }); 254 var t = a(48907), 255 r = a(30758), 256 i = ['size', 'color']; 257 function l(e) { 258 var n = e.size, 259 a = void 0 === n ? 24 : n, 260 l = e.color, 261 s = void 0 === l ? 'currentColor' : l, 262 o = (0, t.$i)(e, i); 263 return r.createElement('svg', (0, t._P)({ xmlns: 'http://www.w3.org/2000/svg', className: 'icon icon-tabler icon-tabler-brand-storybook', width: a, height: a, viewBox: '0 0 24 24', stroke: s, strokeWidth: '2', fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round' }
263, o), r.createElement('path', { stroke: 'none', d: 'M0 0h24v24H0z', fill: 'none' }), r.createElement('path', { d: 'M5 4l.5 16.5l13.5 .5v-18z' }), r.createElement('path', { d: 'M9 15c.6 1.5 1.639 2 3.283 2h-.283c1.8 0 3 -.974 3 -2.435c0 -1.194 -.831 -1.799 -2.147 -2.333l-1.975 -.802c-1.15 -.467 -1.878 -1.422 -1.878 -2.467c0 -.97 .899 -1.786 2.087 -1.893l.613 -.055c1.528 -.138 2.999 .762 3.3 1.985' }), r.createElement('path', { d: 'M16 3.5v1' })); 264 } 265 }, 266 46276(e, n, a) { 267 a.d(n, { p: () => i }); 268 var t = a(13526), 269 r = a(86070); 270 const i = ({ children: e, className: n, level: a = 1, suffix: i, ...l }) => (0, r.jsxs)('hgroup', { className: (0, t.A)('nlds-inline-heading-group', `utrecht-heading-${a}`, n), ...l, children: [(0, r.jsx)('h1', { className: 'nlds-inline-heading-group__heading', children: e }), i && (0, r.jsxs)('p', { className: 'nlds-inline-heading-group__suffix', children: [i ? ' ' : '', i] })] }); 271 }, 272 48907(e, n, a) { 273 function t() { 274 return ( 275 (t = Object.assign 276 ? Object.assign.bind() 277 : function (e) { 278 for (var n = 1; n < arguments.length; n++) { 279 var a = arguments[n]; 280 for (var t in a) Object.prototype.hasOwnProperty.call(a, t) && (e[t] = a[t]); 281 } 282 return e; 283 }), 284 t.apply(this, arguments) 285 ); 286 } 287 function r(e, n) { 288 if (null == e) return {}; 289 var a, 290 t, 291 r = (function (e, n) { 292 if (null == e) return {}; 293 var a, 294 t, 295 r = {}, 296 i = Object.keys(e); 297 for (t = 0; t < i.length; t++) ((a = i[t]), n.indexOf(a) >= 0 || (r[a] = e[a])); 298 return r; 299 })(e, n); 300 if (Object.getOwnPropertySymbols) { 301 var i = Object.getOwnPropertySymbols(e); 302 for (t = 0; t < i.length; t++) ((a = i[t]), n.indexOf(a) >= 0 || (Object.prototype.propertyIsEnumerable.call(e, a) && (r[a
302] = e[a]))); 303 } 304 return r; 305 } 306 a.d(n, { $i: () => r, _P: () => t }); 307 }, 308 50172(e, n, a) { 309 a.d(n, { Z: () => u }); 310 var t = a(86070), 311 r = a(63009); 312 function i(e) { 313 var n, 314 a, 315 t = ''; 316 if ('string' == typeof e || 'number' == typeof e) t += e; 317 else if ('object' == typeof e) 318 if (Array.isArray(e)) { 319 var r = e.length; 320 for (n = 0; n < r; n++) e[n] && (a = i(e[n])) && (t && (t += ' '), (t += a)); 321 } else for (a in e) e[a] && (t && (t += ' '), (t += a)); 322 return t; 323 } 324 function l() { 325 for (var e, n, a = 0, t = '', r = arguments.length; a < r; a++) (e = arguments[a]) && (n = i(e)) && (t && (t += ' '), (t += n)); 326 return t; 327 } 328 const s = ({ ref: e, children: n, className: a, inline: i, ...s }) => (0, t.jsx)(r.N, { ...s, className: l('rhc-link', { 'rhc-link--inline': i }, a), disabled: !1, ref: e, children: n }); 329 s.displayName = 'Link'; 330 var o = a(30758); 331 function d(e) { 332 var n, 333 a, 334 t = ''; 335 if ('string' == typeof e || 'number' == typeof e) t += e; 336 else if ('object' == typeof e) 337 if (Array.isArray(e)) { 338 var r = e.length; 339 for (n = 0; n < r; n++) e[n] && (a = d(e[n])) && (t && (t += ' '), (t += a)); 340 } else for (a in e) e[a] && (t && (t += ' '), (t += a)); 341 return t; 342 } 343 function g() { 344 for (var e, n, a = 0, t = '', r = arguments.length; a < r; a++) (e = arguments[a]) && (n = d(e)) && (t && (t += ' '), (t += n)); 345 return t; 346 } 347 const c = ({ level: e = 2, children: n, ...a }) => { 348 const t = `h${e}`; 349 return o.createElement(t, a, n); 350 }, 351 u = (0, o.forwardRef)(({ heading: e, headingLevel: n = 2, subheading: a, description: r, metadata: i, image: l, href: o, target: d, linkLabel: u, title: m, className: h, children: p, ...f }, x) => (0, t.jsxs)('div', { className: g('rhc-card', 'rhc-card--default', h), ref: x, ...f,
351children: [l && (0, t.jsx)('div', { className: 'rhc-card__image', children: l }), (0, t.jsxs)('div', { className: 'rhc-card__content', children: [(0, t.jsx)(c, { className: 'rhc-card__heading', level: n, children: o ? (0, t.jsx)(s, { className: 'rhc-card__link', href: o, target: d, title: m, children: e }) : e }), a && (0, t.jsx)('p', { className: 'rhc-card__subheading', children: a }), r && (0, t.jsx)('p', { className: 'rhc-card__description', children: r }), i && (0, t.jsx)('p', { className: 'rhc-card__metadata', children: i }), p] }), u && (0, t.jsx)('div', { className: 'rhc-card__footer', children: (0, t.jsx)('div', { className: 'rhc-card__link', 'data-testid': 'rhc-card__link', children: (0, t.jsx)(s, { href: o, target: d, title: m, children: u }) }) })] })); 352 u.displayName = 'Card'; 353 }, 354 63009(e, n, a) { 355 a.d(n, { N: () => c }); 356 var t = a(15540), 357 r = a(69967), 358 i = a(86070), 359 l = a(13526), 360 s = a(30758), 361 o = ['children', 'className', 'current', 'disabled', 'href', 'inlineBox']; 362 function d(e, n) { 363 var a = Object.keys(e); 364 if (Object.getOwnPropertySymbols) { 365 var t = Object.getOwnPropertySymbols(e); 366 (n && 367 (t = t.filter(function (n) { 368 return Object.getOwnPropertyDescriptor(e, n).enumerable; 369 })), 370 a.push.apply(a, t)); 371 } 372 return a; 373 } 374 function g(e) { 375 for (var n = 1; n < arguments.length; n++) { 376 var a = null != arguments[n] ? arguments[n] : {}; 377 n % 2 378 ? d(Object(a), !0).forEach(function (n) { 379 (0, t.A)(e, n, a[n]); 380 }) 381 : Object.getOwnPropertyDescriptors 382 ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) 383 : d(Object(a)).forEach(function (n) { 384 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(a, n)); 385 }); 386 } 387 return e; 388 } 389 var c = (0, s.forwardRef)(function (e, n) { 390 var a = e.children, 391 s = e.className, 392 d = e.current, 393 c = e.disabled, 394 u = e.href, 395 m = e.inlineBox, 396 h = (0, r.A)(e, o); 397 return (0, i.jsx)('a', g(g({ 'aria-current': d || void 0, 'aria-disabled': c, className: (0, l.$)('nl-link', (0, t.A)((0, t.A)((0, t.A)({}, 'nl-link--current', d), 'nl-link--disabled', c), 'nl-link--inline-box', m), s), href: c ? void 0 : u, role: c ? 'link' : void 0, ref: n, tabIndex: c ? 0 : void 0 }, h), {}, { children: a })); 398 }); 399 c.displayName = 'Link'; 400 }, 401 66153(e, n, a) { 402 a.d(n, { f: () => t.f }); 403 var t = a(56561); 404 }, 405 74172(e, n, a) { 406 a.d(n, { A: () => l }); 407 var t = a(48907), 408 r = a(30758), 409 i = ['size', 'color']; 410 function l(e) { 411 var n = e.size, 412 a = void 0 === n ? 24 : n, 413 l = e.color, 414 s = void 0 === l ? 'currentColor' : l, 415 o = (0, t.$i)(e, i); 416 return r.createElement('svg', (0, t._P)({ xmlns: 'http://www.w3.org/2000/svg', className: 'icon icon-tabler icon-tabler-brand-figma', width: a, height: a, viewBox: '0 0 24 24', stroke: s, strokeWidth: '2', fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round' }, o), r.createElement('path', { stroke: 'none', d: 'M0 0h24v24H0z', fill: 'none' }), r.createElement('circle', { cx: '15', cy: '12', r: '3' }), r.createElement('rect', { x: '6', y: '3', width: '12', height: '6', rx: '3' }), r.createElement('path', { d: 'M9 9a3 3 0 0 0 0 6h3m-3 0a3 3 0 1 0 3 3v-15' })); 417 } 418 }, 419 83386(e, n, a) { 420 a.d(n, { A: () => l }); 421 var t = a(48907), 422 r = a(30758), 423 i = ['size', 'color']; 424 function l(e) { 425 var n = e.size, 426 a = void 0 === n ? 24 : n, 427 l = e.color, 428 s = void 0 === l ? 'currentColor' : l, 429 o = (0, t.$i)(e, i); 430 return r.createElement('svg', (0, t._P)({ xmlns: 'http://www.w3.org/2000/svg', className: 'icon icon-tabler icon-tabler-external-link', width: a, height: a, viewBox: '0 0 24 24', stroke: s, strokeWidth: '2', fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round' }, o), r.createElement('path', { stroke: 'none', d: 'M0 0h24v24H0z', fill: 'none' }), r.createElement('path', { d: 'M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5' }), r.createElement('line', { x1: '10', y1: '14', x2: '20', y2: '4' }), r.createElement('polyline', { points: '15 4 20 4 20 9' })); 431 } 432 }, 433 84471(e, n, a) { 434 a.d(n, { bo: () => r, KF: () => u, mJ: () => p, VZ: () => w, cR: () => N, Pv: () => f, qZ: () => l, kD: () => k, QQ: () => D, B2: () => m, Pc: () => o, f4: () => s, GT: () => j, fX: () => i, eQ: () => v, B_: () => b, o_: () => x }); 435 const t = JSON.parse('{"sP":{"//":"Update @types/node to match the highest node version here","node":">=24 <=25","pnpm":"^11.4.0"}}'), 436 r = { UNKNOWN: 'Todo', HELP_WANTED: 'Help Wanted', COMMUNITY: 'Community', CANDIDATE: 'Candidate', HALL_OF_FAME: 'Hall of fame' }, 437 i = (e) => e?.toLowerCase().replace(/\s+/gi, '-'), 438 l = (e) => ({ PVTSSF_lADOBGdlVM4AdX8lzgasA5I: 'Naam bepaald op basis van NL Design System naamgeving.', PVTSSF_lADOBGdlVM4AdX8lzgTC4tM: 'Doel van component is in \xe9\xe9n zin beschreven.', PVTSSF_lADOBGdlVM4AdX8lzgasBXs: 'Afbeelding gemaakt om de component visueel duidelijk te maken.', PVTSSF_lADOBGdlVM4AdX8lzgTDAP0: 'Staat in de publieke backlog van NL Design System.', 'PVTSSF_lADOBGdlVM4AdX8lzgTC-Ug': 'Bewijs verzameld dat de component algemeen bruikbaar is.', PVTSSF_lADOBGdlVM4AdX8lzgasBms: 'Aangemaakt als een GitHub Discussion.', PVTSSF_lADOBGdlVM4AdX8lzgTC95M: 'Link beschikbaar naar component in Figma of Storybook met alle belangrijke states en varianten.', 'PVTSSF_lADOBGdlVM4AdX8lzgTC-BI': 'Naam en doel van benodigde varianten beschreven.', 'PVTSSF_lADOBGdlVM4AdX8lzgTC-1c': 'Nut van component is onderbouwd door gebruikersonderzoek.', PVTSSF_lADOBGdlVM4AdX8lzgTC_5o: 'Kernteam verwacht dat dit component tot Hall of Fame kan komen.', PVTSSF_lADOBGdlVM4AdX8lzgTC_W0: 'Vindbaar op de NL Design System website.' })[e], 439 s = Object.keys({ HELP_WANTED: 'UNKNOWN', COMMUNITY: 'HELP_WANTED', CANDIDATE: 'COMMUNITY', HALL_OF_FAME: 'CANDIDATE' }), 440 o = (e) => e.toLowerCase().replace(/(\s|-)+/, ''), 441 d = ['CSS', 'HTML', 'Web Component', 'React', 'Vue', 'Angular', 'Twig']; 442 function g(e) { 443 return Array.from(new Set(e)); 444 }
445 const c = (e) => [...e].sort((e, n) => d.indexOf(e) - d.indexOf(n)), 446 u = (e) => { 447 const n = e.flatMap(({ projects: e }) => e).flatMap((e) => h(e)); 448 return c(g(n)); 449 }, 450 m = (e, n) => p(e).includes(n), 451 h = (e) => { 452 const n = / URL \(([^)]+)\)/; 453 return c(g(e.tasks.filter(({ name: e, value: a }) => '' !== a && n.test(e)).map(({ name: e }) => n.exec(e)?.[1]))); 454 }, 455 p = (e) => c(g(e.projects.flatMap((e) => h(e)))), 456 f = (e) => { 457 const n = h(e), 458 a = ((e) => { 459 const n = e.tasks.find(({ name: e }) => 'Naam' === e); 460 return n?.value || ''; 461 })(e); 462 return n.map((n) => { 463 const t = e.tasks 464 .filter(({ name: e, value: a }) => '' !== a && e.includes(n)) 465 .map(({ name: t, id: r, value: i }) => { 466 const l = /^(.+) URL/.exec(t)[1], 467 s = 'Storybook' === l ? `${a} (${n}) in Storybook van ${e.title}` : `${a} (${n}) op ${l}`; 468 return { brand: l.toLowerCase(), name: t, id: r, value: i, description: s }; 469 }); 470 return { frameworkName: n, tasks: t }; 471 }); 472 }, 473 x = (e) => e.join('.'), 474 b = (e) => '--' + e.join('-'), 475 v = (e, n) => n.reduce((e, n) => e?.[n], e); 476 function k(e, n = []) { 477 return Object.hasOwn(e, '$type') ? [n] : Object.keys(e).flatMap((a) => ('object' == typeof e[a] && null !== e[a] ? k(e[a], [...n, a]) : [])); 478 } 479 function j(e) { 480 const n = new Map(); 481 function a(e) { 482 return (n.has(e) || n.set(e, x(e)), n.get(e)); 483 } 484 return e.sort((e, n) => e.length - n.length || a(e).localeCompare(a(n))); 485 } 486 const N = () => { 487 const e = t.sP?.pnpm; 488 if (!e) throw new Error('No pnpm version found in package.json#engines.pnpm'); 489 return e.replace(/^[\^~>=<]+/, ''); 490 }, 491 w = () => { 492 const e = t.sP?.node; 493 if (!e) throw new Error('No node version found in package.json#engines.node'); 494 const n = e.match(/^[>]=?\s*(\d+(?:\.\d+)*(?:\.\d+)?)/); 495 return n ? n[1] : e.replace(/^[\^~>=<]+/, ''); 496 }, 497 _ = new Set(['ics', 'json', 'pdf']), 498 D = (e) => { 499 const n = e.split('/').pop() ?? '', 500 a = n.split('.').pop()?.toLowerCase(); 501 return void 0 !== a && _.has(a); 502 }; 503 }, 504 87856(e, n, a) { 505 a.d(n, { D: () => s }); 506 var t = a(46447), 507 r = a(13526), 508 i = a(84471), 509 l = a(86070); 510 const s = ({ state: e }) => { 511 const n = (0, i.fX)(e); 512 return (0, l.jsx)(t.KE, { className: (0, r.A)('ma-estafette-badge', n && `ma-estafette-badge--${n}`), children: e }); 513 }; 514 }, 515 96345(e, n, a) { 516 a.d(n, { A: () => t }); 517 const t = (0, a(18652).A)('outline', 'chevron-down', 'ChevronDown', [['path', { d: 'M6 9l6 6l6 -6', key: 'svg-0' }]]); 518 }, 519 }, 520]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.