1/*! For license information please see 5a50c8e4.37139d8d.js.LICENSE.txt */ 2'use strict'; 3(globalThis.webpackChunk_nl_design_system_website = globalThis.webpackChunk_nl_design_system_website || []).push([ 4 [17684], 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: () => u }); 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 u = ({ 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 u = (0, t.A)('utrecht-accordion__section', e), 45 c = (0, t.A)('utrecht-accordion__panel', n); 46 return (0, s.jsxs)('details', { className: u, ...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: c, 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 19344(e, n, a) { 64 (a.r(n), a.d(n, { assets: () => g, component: () => h, contentTitle: () => d, default: () => x, description: () => c, frontMatter: () => o, issueNumber: () => m, metadata: () => t, title: () => u, toc: () => p })); 65 const t = JSON.parse('{"id":"componenten/fieldset/index","title":"Fieldset","description":"Groep van gerelateerde formuliervelden.","source":"@site/docs/componenten/fieldset/index.mdx","sourceDirName":"componenten/fieldset","slug":"/fieldset","permalink":"/fieldset","draft":false,"unlisted":false,"editUrl":"https://github.com/nl-design-system/documentatie/tree/main/docs/componenten/fieldset/index.mdx","tags":[],"version":"current","frontMatter":{"title":"Fieldset","hide_title":true,"hide_table_of_contents":false,"sidebar_label":"Fieldset","pagination_label":"Fieldset","description":"Groep van gerelateerde formuliervelden.","issue_number":124,"slug":"/fieldset","keywords":["choicegroup","fieldset","field set","form","form block","form group","form fieldset","formulier","formfieldgroup","formulierelement","groupbox","input group","option group","selection group","wrapper"]},"sidebar":"componenten","previous":{"title":"Drawer","permalink":"/drawer"},"next":{"title":"Figure","permalink":"/figure"}}'); 66 var r = a(86070), 67 i = a(18439), 68 l = a(79447), 69 s = a(26877); 70 const o = { title: 'Fieldset', hide_title: !0, hide_table_of_contents: !1, sidebar_label: 'Fieldset', pagination_label: 'Fieldset', description: 'Groep van gerelateerde formuliervelden.', issue_number: 124, slug: '/fieldset', keywords: ['choicegroup', 'fieldset', 'field set', 'form', 'form block', 'form group', 'form fieldset', 'formulier', 'formfieldgroup', 'formulierelement', 'groupbox', 'input group', 'option group', 'selection group', 'wrapper'] }, 71 d = void 0, 72 g = {}, 73 u = 'Fieldset', 74 c = 'Groep van gerelateerde formuliervelden.', 75 m = 124, 76 h = l.find((e) => e.number === m), 77 p = [ 78 { value: 'Definition of Done', id: 'definition-of-done', level: 2 }, 79 { value: 'Community implementaties', id: 'community-implementaties', level: 2 }, 80 ]; 81 function f(e) { 82 const n = { h2: 'h2', ...(0, i.R)(), ...e.components }; 83 return (0, r.jsxs)(r.Fragment, { children: ['\n', '\n', '\n', '\n', '\n', (0, r.jsx)(s.Fc, { component: h, headingLevel: 1, description: c }), '\n', (0, r.jsx)(n.h2, { id: 'definition-of-done', children: 'Definition of Done' }), '\n', (0, r.jsx)(s.VK, { component: h, headingLevel: 3 }), '\n', (0, r.jsx)(n.h2, { id: 'community-implementaties', children: 'Community implementaties' }), '\n', (0, r.jsx)(s.mu, { component: h, headingLevel: 3 }), '\n', (0, r.jsx)(s.K_, { component: h }), '\n', (0, r.jsx)(s.$9, { component: h, headingLevel: 2 })] }); 84 } 85 function x(e = {}) { 86 const { wrapper: n } = { ...(0, i.R)(), ...e.components }; 87 return n ? (0, r.jsx)(n, { ...e, children: (0, r.jsx)(f, { ...e }) }) : f(e); 88 } 89 }, 90 19707(e, n, a) { 91 a.d(n, { Z: () => t.Z }); 92 var t = a(50172); 93 }, 94 26165(e, n, a) { 95 a.d(n, { AC: () => d, Fu: () => l, Wu: () => s, Zp: () => o }); 96 var t = a(46447), 97 r = a(13526), 98 i = a(86070); 99 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 }), 100 s = (e) => (0, i.jsx)('div', { className: 'ma-card__content', ...e }), 101 o = ({ href: e, appearance: n, className: a, component: l = 'div', background: s, children: o }) => { 102 const d = (e) => ('article' === l ? (0, i.jsx)('article', { ...e }) : 'section' === l ? (0, i.jsx)('section', { ...e }) : (0, i.jsx)('div', { ...e })), 103 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 }); 104 return e ? (0, i.jsx)(t.N_, { href: e, boxContent: !0, className: 'ma-cardgroup__link', children: g }) : g; 105 }, 106 d = ({ appearance: e = 'large', children: n, className: a }) => (0, i.jsx)('div', { className: (0, r.A)('ma-cardgroup', `ma-cardgroup--${e}`, a), children: n }); 107 }, 108 26877(e, n, a) { 109 a.d(n, { VK: () => v, $9: () => k, mu: () => j, Fc: () => w, K_: () => N }); 110 var t = a(29181), 111 r = a(29857), 112 i = a(66153), 113 l = a(13526), 114 s = a(3446), 115 o = a(26165), 116 d = a(19707), 117 g = a(86070); 118 const u = ({ checked: e, unchecked: n }) => { 119 const a = (e / (e + n)) * 250; 120 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: '
120none', 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 })] }); 121 }; 122 var c = a(87856), 123 m = a(46276), 124 h = a(58876), 125 p = a(84471); 126 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"}
126],"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"}
126],"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"}]}'); 127 var x = a(14881), 128 b = a(3387); 129 const v = ({ component: e, headingLevel: n }) => { 130 const a = e && e.projects.filter((e) => p.f4.includes(e.id)), 131 r = a && p.f4.map((e) => a.find((n) => n.id === e)).filter(Boolean); 132 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)) }); 133 }, 134 j = ({ component: e, headingLevel: n }) => { 135 const a = e && e.projects.filter((e) => !p.f4.includes(e.id)); 136 return e && a.length 137 ? (0, g.jsx)(o.AC, { 138 appearance: 'large', 139 className: 'ma-implementation-card-group', 140 children: a 141 .sort((e, n) => { 142 const a = e.progress.max - e.progress.value, 143 t = n.progress.max - n.progress.value; 144 return a === t ? e.title.localeCompare(n.title) : a - t; 145 }) 146 .map((e) => { 147 const a = e.tasks.find(({ name: e }) => 'Naam' === e), 148 l = a?.value, 149 c = (0, p.Pv)(e), 150 m = new Map([ 151 ['Figma URL', { brand: 'figma', desciption: `${l} in Figma` }], 152 ['Theme Storybook URL', { brand: 'storybook', desciption: `${l} voor visuele regressie tests` }], 153 ]), 154 h = e.tasks.filter(({ name: e, value: n }) => m.has(e) && URL.canParse(n) && 'https:' === new URL(n).protocol); 155 return globalThis.isAstro 156 ? (0, g.jsx)( 157 d.Z, 158 { 159 heading: e.title.replace(/^Community/i, ''), 160 headingLevel: n, 161 description: (0, g.jsxs)('div', { 162 className: 'ma-flow', 163 children: [ 164 (0, g.jsxs)(i.f, { children: [(0, g.jsx)(u, { 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'] })] }), 165 (0, g.jsxs)('div', { 166 children: [ 167 (h.length > 0 || c.length > 0) && (0, g.jsx)(r.DZ, { level: Math.min(n + 1, 6), children: 'Snel aan de slag' }), 168 h.length > 0 && 169 (0, g.jsx)(t.dk, { 170 links: h 171 .filter((e) =>
171 !!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 }), 179 c.length > 0 && c.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)), 180 ], 181 }), 182 }, 183 e.title, 184 ) 185 : (0, g.jsx)( 186 o.Zp, 187 { 188 className: 'ma-implementation-card', 189 children: (0, g.jsxs)(o.Wu, { 190 children: [ 191 (0, g.jsx)(t.DZ, { level: n, children: e.title.replace(/^Community/i, '') }), 192 (0, g.jsxs)(t.fz, { children: [(0, g.jsx)(u, { 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'] })] }), 193 (h.length > 0 || c.length > 0) && (0, g.jsx)(t.DZ, { level: n + 1, children: 'Snel aan de slag' }), 194 h.length > 0 && 195 (0, g.jsx)(g.Fragment, { 196 children: (0, g.jsx)(t.dk, { 197 links: h 198 .filter((e) => !!m.get(e.name)) 199 .map((e) => { 200 const n = m.get(e.name); 201 return { children: n.desciption, icon: (0, g.jsx)(s.r, { brand: n.brand }), href: e.value }; 202 }), 203 }), 204 }), 205 c.length > 0 && (0, g.jsx)(g.Fragment, { children: c.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 })) })] })) }), 206 ], 207 }), 208 }, 209 e.title, 210 ); 211 }), 212 }) 213 : (0, g.jsx)(t.fz, { children: 'Er zijn nog geen implementaties' }); 214 }, 215 k = ({ component: e, headingLevel: n }) => { 216 const a = e?.projects.find((e) => 'HELP_WANTED' === e.id), 217 r = a?.tasks.find((e) => 'PVTF_lADOBGdlVM4AdX8lzgcig7o' === e.id)?.value; 218 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' }), '.', ' '] })] })] }); 219 }, 220 w = ({ component: e, headingLevel: n, description: a }) => { 221 const r = e && p.bo[e.relayStep]; 222 return globalThis.isAstro ? null : e && (0, g.jsxs)(g.Fragment, { children: [(0, g.jsx)(m.p, { level: n, suffix: r && (0, g.jsx)(c.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 })] }); 223 }, 224 N = ({ component: e }) => { 225 const n = (e && f[e.title]) || []; 226 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 ? ', ' : '.'] }))] }); 227 }; 228 }, 229 28377(e, n, a) { 230 a.d(n, { A: () => l }); 231 var t = a(48907), 232 r = a(30758), 233 i = ['size', 'color']; 234 function l(e) { 235 var n = e.size, 236 a = void 0 === n ? 24 : n, 237 l = e.color, 238 s = void 0 === l ? 'currentColor' : l, 239 o = (0, t.$i)(e, i); 240 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' }
240, 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' })); 241 } 242 }, 243 29857(e, n, a) { 244 a.d(n, { DZ: () => i, _B: () => l }); 245 var t = a(37168), 246 r = a(86070); 247 const i = (e) => (0, r.jsx)(t.D, { ...e }), 248 l = (e) => (0, r.jsx)(t.D, { ...e, level: 3 }); 249 }, 250 33648(e, n, a) { 251 a.d(n, { A: () => l }); 252 var t = a(48907), 253 r = a(30758), 254 i = ['size', 'color']; 255 function l(e) { 256 var n = e.size, 257 a = void 0 === n ? 24 : n, 258 l = e.color, 259 s = void 0 === l ? 'currentColor' : l, 260 o = (0, t.$i)(e, i); 261 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' }, 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' })); 262 } 263 }, 264 46276(e, n, a) { 265 a.d(n, { p: () => i }); 266 var t = a(13526), 267 r = a(86070); 268 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] })] }); 269 }, 270 48907(e, n, a) { 271 function t() { 272 return ( 273 (t = Object.assign 274 ? Object.assign.bind() 275 : function (e) { 276 for (var n = 1; n < arguments.length; n++) { 277 var a = arguments[n]; 278 for (var t in a) Object.prototype.hasOwnProperty.call(a, t) && (e[t] = a[t]); 279 } 280 return e; 281 }), 282 t.apply(this, arguments) 283 ); 284 } 285 function r(e, n) { 286 if (null == e) return {}; 287 var a, 288 t, 289 r = (function (e, n) { 290 if (null == e) return {}; 291 var a, 292 t, 293 r = {}, 294 i = Object.keys(e); 295 for (t = 0; t < i.length; t++) ((a = i[t]), n.indexOf(a) >= 0 || (r[a] = e[a])); 296 return r; 297 })(e, n); 298 if (Object.getOwnPropertySymbols) { 299 var i = Object.getOwnPropertySymbols(e); 300 for (t = 0; t < i.length; t++) ((a = i[t]), n.indexOf(a) >= 0 || (Object.prototype.propertyIsEnumerable.call(e, a) && (r[a
300] = e[a]))); 301 } 302 return r; 303 } 304 a.d(n, { $i: () => r, _P: () => t }); 305 }, 306 50172(e, n, a) { 307 a.d(n, { Z: () => c }); 308 var t = a(86070), 309 r = a(63009); 310 function i(e) { 311 var n, 312 a, 313 t = ''; 314 if ('string' == typeof e || 'number' == typeof e) t += e; 315 else if ('object' == typeof e) 316 if (Array.isArray(e)) { 317 var r = e.length; 318 for (n = 0; n < r; n++) e[n] && (a = i(e[n])) && (t && (t += ' '), (t += a)); 319 } else for (a in e) e[a] && (t && (t += ' '), (t += a)); 320 return t; 321 } 322 function l() { 323 for (var e, n, a = 0, t = '', r = arguments.length; a < r; a++) (e = arguments[a]) && (n = i(e)) && (t && (t += ' '), (t += n)); 324 return t; 325 } 326 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 }); 327 s.displayName = 'Link'; 328 var o = a(30758); 329 function d(e) { 330 var n, 331 a, 332 t = ''; 333 if ('string' == typeof e || 'number' == typeof e) t += e; 334 else if ('object' == typeof e) 335 if (Array.isArray(e)) { 336 var r = e.length; 337 for (n = 0; n < r; n++) e[n] && (a = d(e[n])) && (t && (t += ' '), (t += a)); 338 } else for (a in e) e[a] && (t && (t += ' '), (t += a)); 339 return t; 340 } 341 function g() { 342 for (var e, n, a = 0, t = '', r = arguments.length; a < r; a++) (e = arguments[a]) && (n = d(e)) && (t && (t += ' '), (t += n)); 343 return t; 344 } 345 const u = ({ level: e = 2, children: n, ...a }) => { 346 const t = `h${e}`; 347 return o.createElement(t, a, n); 348 }, 349 c = (0, o.forwardRef)(({ heading: e, headingLevel: n = 2, subheading: a, description: r, metadata: i, image: l, href: o, target: d, linkLabel: c, title: m, className: h, children: p, ...f }, x) => (0, t.jsxs)('div', { className: g('rhc-card', 'rhc-card--default', h), ref: x, ...f,
349children: [l && (0, t.jsx)('div', { className: 'rhc-card__image', children: l }), (0, t.jsxs)('div', { className: 'rhc-card__content', children: [(0, t.jsx)(u, { 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] }), c && (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: c }) }) })] })); 350 c.displayName = 'Card'; 351 }, 352 63009(e, n, a) { 353 a.d(n, { N: () => u }); 354 var t = a(15540), 355 r = a(69967), 356 i = a(86070), 357 l = a(13526), 358 s = a(30758), 359 o = ['children', 'className', 'current', 'disabled', 'href', 'inlineBox']; 360 function d(e, n) { 361 var a = Object.keys(e); 362 if (Object.getOwnPropertySymbols) { 363 var t = Object.getOwnPropertySymbols(e); 364 (n && 365 (t = t.filter(function (n) { 366 return Object.getOwnPropertyDescriptor(e, n).enumerable; 367 })), 368 a.push.apply(a, t)); 369 } 370 return a; 371 } 372 function g(e) { 373 for (var n = 1; n < arguments.length; n++) { 374 var a = null != arguments[n] ? arguments[n] : {}; 375 n % 2 376 ? d(Object(a), !0).forEach(function (n) { 377 (0, t.A)(e, n, a[n]); 378 }) 379 : Object.getOwnPropertyDescriptors 380 ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) 381 : d(Object(a)).forEach(function (n) { 382 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(a, n)); 383 }); 384 } 385 return e; 386 } 387 var u = (0, s.forwardRef)(function (e, n) { 388 var a = e.children, 389 s = e.className, 390 d = e.current, 391 u = e.disabled, 392 c = e.href, 393 m = e.inlineBox, 394 h = (0, r.A)(e, o); 395 return (0, i.jsx)('a', g(g({ 'aria-current': d || void 0, 'aria-disabled': u, className: (0, l.$)('nl-link', (0, t.A)((0, t.A)((0, t.A)({}, 'nl-link--current', d), 'nl-link--disabled', u), 'nl-link--inline-box', m), s), href: u ? void 0 : c, role: u ? 'link' : void 0, ref: n, tabIndex: u ? 0 : void 0 }, h), {}, { children: a })); 396 }); 397 u.displayName = 'Link'; 398 }, 399 66153(e, n, a) { 400 a.d(n, { f: () => t.f }); 401 var t = a(56561); 402 }, 403 74172(e, n, a) { 404 a.d(n, { A: () => l }); 405 var t = a(48907), 406 r = a(30758), 407 i = ['size', 'color']; 408 function l(e) { 409 var n = e.size, 410 a = void 0 === n ? 24 : n, 411 l = e.color, 412 s = void 0 === l ? 'currentColor' : l, 413 o = (0, t.$i)(e, i); 414 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' })); 415 } 416 }, 417 83386(e, n, a) { 418 a.d(n, { A: () => l }); 419 var t = a(48907), 420 r = a(30758), 421 i = ['size', 'color']; 422 function l(e) { 423 var n = e.size, 424 a = void 0 === n ? 24 : n, 425 l = e.color, 426 s = void 0 === l ? 'currentColor' : l, 427 o = (0, t.$i)(e, i); 428 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' })); 429 } 430 }, 431 84471(e, n, a) { 432 a.d(n, { bo: () => r, KF: () => c, mJ: () => p, VZ: () => N, cR: () => w, Pv: () => f, qZ: () => l, kD: () => j, QQ: () => D, B2: () => m, Pc: () => o, f4: () => s, GT: () => k, fX: () => i, eQ: () => v, B_: () => b, o_: () => x }); 433 const t = JSON.parse('{"sP":{"//":"Update @types/node to match the highest node version here","node":">=24 <=25","pnpm":"^11.4.0"}}'), 434 r = { UNKNOWN: 'Todo', HELP_WANTED: 'Help Wanted', COMMUNITY: 'Community', CANDIDATE: 'Candidate', HALL_OF_FAME: 'Hall of fame' }, 435 i = (e) => e?.toLowerCase().replace(/\s+/gi, '-'), 436 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], 437 s = Object.keys({ HELP_WANTED: 'UNKNOWN', COMMUNITY: 'HELP_WANTED', CANDIDATE: 'COMMUNITY', HALL_OF_FAME: 'CANDIDATE' }), 438 o = (e) => e.toLowerCase().replace(/(\s|-)+/, ''), 439 d = ['CSS', 'HTML', 'Web Component', 'React', 'Vue', 'Angular', 'Twig']; 440 function g(e) { 441 return Array.from(new Set(e)); 442 }
443 const u = (e) => [...e].sort((e, n) => d.indexOf(e) - d.indexOf(n)), 444 c = (e) => { 445 const n = e.flatMap(({ projects: e }) => e).flatMap((e) => h(e)); 446 return u(g(n)); 447 }, 448 m = (e, n) => p(e).includes(n), 449 h = (e) => { 450 const n = / URL \(([^)]+)\)/; 451 return u(g(e.tasks.filter(({ name: e, value: a }) => '' !== a && n.test(e)).map(({ name: e }) => n.exec(e)?.[1]))); 452 }, 453 p = (e) => u(g(e.projects.flatMap((e) => h(e)))), 454 f = (e) => { 455 const n = h(e), 456 a = ((e) => { 457 const n = e.tasks.find(({ name: e }) => 'Naam' === e); 458 return n?.value || ''; 459 })(e); 460 return n.map((n) => { 461 const t = e.tasks 462 .filter(({ name: e, value: a }) => '' !== a && e.includes(n)) 463 .map(({ name: t, id: r, value: i }) => { 464 const l = /^(.+) URL/.exec(t)[1], 465 s = 'Storybook' === l ? `${a} (${n}) in Storybook van ${e.title}` : `${a} (${n}) op ${l}`; 466 return { brand: l.toLowerCase(), name: t, id: r, value: i, description: s }; 467 }); 468 return { frameworkName: n, tasks: t }; 469 }); 470 }, 471 x = (e) => e.join('.'), 472 b = (e) => '--' + e.join('-'), 473 v = (e, n) => n.reduce((e, n) => e?.[n], e); 474 function j(e, n = []) { 475 return Object.hasOwn(e, '$type') ? [n] : Object.keys(e).flatMap((a) => ('object' == typeof e[a] && null !== e[a] ? j(e[a], [...n, a]) : [])); 476 } 477 function k(e) { 478 const n = new Map(); 479 function a(e) { 480 return (n.has(e) || n.set(e, x(e)), n.get(e)); 481 } 482 return e.sort((e, n) => e.length - n.length || a(e).localeCompare(a(n))); 483 } 484 const w = () => { 485 const e = t.sP?.pnpm; 486 if (!e) throw new Error('No pnpm version found in package.json#engines.pnpm'); 487 return e.replace(/^[\^~>=<]+/, ''); 488 }, 489 N = () => { 490 const e = t.sP?.node; 491 if (!e) throw new Error('No node version found in package.json#engines.node'); 492 const n = e.match(/^[>]=?\s*(\d+(?:\.\d+)*(?:\.\d+)?)/); 493 return n ? n[1] : e.replace(/^[\^~>=<]+/, ''); 494 }, 495 _ = new Set(['ics', 'json', 'pdf']), 496 D = (e) => { 497 const n = e.split('/').pop() ?? '', 498 a = n.split('.').pop()?.toLowerCase(); 499 return void 0 !== a && _.has(a); 500 }; 501 }, 502 87856(e, n, a) { 503 a.d(n, { D: () => s }); 504 var t = a(46447), 505 r = a(13526), 506 i = a(84471), 507 l = a(86070); 508 const s = ({ state: e }) => { 509 const n = (0, i.fX)(e); 510 return (0, l.jsx)(t.KE, { className: (0, r.A)('ma-estafette-badge', n && `ma-estafette-badge--${n}`), children: e }); 511 }; 512 }, 513 96345(e, n, a) { 514 a.d(n, { A: () => t }); 515 const t = (0, a(18652).A)('outline', 'chevron-down', 'ChevronDown', [['path', { d: 'M6 9l6 6l6 -6', key: 'svg-0' }]]); 516 }, 517 }, 518]);
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.