1'use strict'; 2(globalThis.webpackChunk_nl_design_system_website = globalThis.webpackChunk_nl_design_system_website || []).push([ 3 [11341], 4 { 5 14881(e, n, o) { 6 o.d(n, { K: () => i, n: () => c }); 7 var l = o(13526), 8 t = o(30758), 9 s = o(96345), 10 r = o(37168), 11 a = o(86070); 12 const c = (0, t.forwardRef)(({ as: e, className: n, children: o, ...t }, s) => { 13 const r = e || 'div', 14 c = (0, l.A)('ma-utrecht-accordion', 'utrecht-accordion', n); 15 return (0, a.jsx)(r, { ref: s, className: c, ...t, children: o }); 16 }), 17 i = ({ className: e, classNamePanel: n, label: o, heading: t, headingLevel: c, headingApperance: i, ...d }) => { 18 const p = (0, l.A)('utrecht-accordion__section', e), 19 h = (0, l.A)('utrecht-accordion__panel', n); 20 return (0, a.jsxs)('details', { className: p, ...d, children: [(0, a.jsx)('summary', { className: 'utrecht-accordion__header', children: (0, a.jsxs)('span', { className: 'nl-button nl-button--subtle', children: [(0, a.jsx)('span', { className: 'nl-button__icon-start', children: (0, a.jsx)(s.A, {}) }), (0, a.jsxs)('span', { className: 'nl-button__label', children: [t && (0, a.jsx)(r.D, { level: c, appearance: i, children: t }), o] })] }) }), (0, a.jsx)('div', { className: h, children: d.children })] }); 21 }; 22 }, 23 18439(e, n, o) { 24 o.d(n, { R: () => r, x: () => a }); 25 var l = o(30758); 26 const t = {}, 27 s = l.createContext(t); 28 function r(e) { 29 const n = l.useContext(s); 30 return l.useMemo( 31 function () { 32 return 'function' == typeof e ? e(n) : { ...n, ...e }; 33 }, 34 [n, e], 35 ); 36 } 37 function a(e) { 38 let n; 39 return ((n = e.disableParentContext ? ('function' == typeof e.components ? e.components(t) : e.components || t) : r(e.components)), l.createElement(s.Provider, { value: n }, e.children)); 40 } 41 }, 42 28369(e, n, o) { 43 o.d(n, { M: () => i }); 44 var l = o(46447), 45 t = o(16194), 46 s = o(30758), 47 r = o(56528); 48 const a = { 49 plain: { color: 'var(--nlds-code-block-color)', backgroundColor: 'var(--nlds-code-block-background-color)' }, 50 styles: [ 51 { types: ['maybe-class-name'], style: { color: 'var(--nlds-code-block-maybe-class-name-color, var(--nlds-code-block-class-name-color))' } }, 52 { types: ['comment'], style: { color: 'var(--nlds-code-block-comment-color)', fontStyle: 'italic' } }, 53 { types: ['prolog'], style: { color: 'var(--nlds-code-block-prolog-color)', fontStyle: 'italic' } }, 54 { types: ['cdata'], style: { color: 'var(--nlds-code-block-cdata-color)', fontStyle: 'italic' } }, 55 { types: ['punctuation'], style: { color: 'var(--nlds-code-block-punctuation-color)' } }, 56 { types: ['deleted'], style: { color: 'var(--nlds-code-block-deleted-color)', fontStyle: 'italic' } }, 57 { types: ['symbol'], style: { color: 'var(--nlds-code-block-symbol-color)' } }, 58 { types: ['property'], style: { color: 'var(--nlds-code-block-property-color)' } }, 59 { types: ['tag'], style: { color: 'var(--nlds-code-block-tag-color)' } }, 60 { types: ['operator'], style: { color: 'var(--nlds-code-block-operator-color)' } }, 61 { types: ['keyword'], style: { color: 'var(--nlds-code-block-keyword-color)' } }, 62 { types: ['boolean'], style: { color: 'var(--nlds-code-block-boolean-color)' } }, 63 { types: ['number'], style: { color: 'var(--nlds-code-block-number-color)' } }, 64 { types: ['constant'], style: { color: 'var(--nlds-code-block-constant-color)' } }, 65 { types: ['function'], style: { color: 'var(--nlds-code-block-function-color)' } }, 66 { types: ['builtin'], style: { color: 'var(--nlds-code-block-builtin-color)' } }, 67 { types: ['char'], style: { color: 'var(--nlds-code-block-char-color)' } }, 68 { types: ['selector'], style: { color: 'var(--nlds-code-block-selector-color)', fontStyle: 'italic' } }, 69 { types: ['doctype'], style: { color: 'var(--nlds-code-block-doctype-color)', fontStyle: 'italic' } }, 70 { types: ['attr-name'], style: { color: 'var(--nlds-code-block-attr-name-color)', fontStyle: 'italic' } }, 71 { types: ['inserted'], style: { color: 'var(--nlds-code-block-inserted-color)', fontStyle: 'italic' } }, 72 { types: ['string'], style: { color: 'var(--nlds-code-block-string-color)' } },
73 { types: ['url'], style: { color: 'var(--nlds-code-block-url-color)' } }, 74 { types: ['entity'], style: { color: 'var(--nlds-code-block-entity-color)' } }, 75 { types: ['class-name'], style: { color: 'var(--nlds-code-block-class-name-color)' } }, 76 { types: ['atrule'], style: { color: 'var(--nlds-code-block-atrule-color)' } }, 77 { types: ['attr-value'], style: { color: 'var(--nlds-code-block-attr-value-color)' } }, 78 { types: ['regex'], style: { color: 'var(--nlds-code-block-regex-color)' } }, 79 { types: ['important'], style: { color: 'var(--nlds-code-block-important-color)', fontWeight: 'bold' } }, 80 { types: ['variable'], style: { color: 'var(--nlds-code-block-variable-color)' } }, 81 { types: ['bold'], style: { fontWeight: 'bold' } }, 82 { types: ['italic'], style: { fontStyle: 'italic' } }, 83 ], 84 }; 85 var c = o(86070); 86 function i({ lineNumber: e, syntax: n, textContent: o, trim: i }) { 87 let d = o; 88 const { title: p, type: h } = (0, s.useContext)(r.x), 89 u = (0, s.useId)(); 90 return (i && (d = d.trim()), (0, c.jsx)(t.f4, { theme: a, code: d, language: n || '', children: ({ style: n, tokens: o, getLineProps: t, getTokenProps: s }) => (0, c.jsxs)(c.Fragment, { children: [(0, c.jsxs)('span', { hidden: !0, id: u, children: ['codevoorbeeld ', h ? `\u201c${h}\u201d` : '', ' ', p ? ': ' : ' ', p] }), (0, c.jsx)(l.NG, { tabIndex: 0, role: p ? 'region' : void 0, 'aria-labelledby': u, style: n, children: o.map((n, o) => (0, c.jsxs)('span', { ...t({ line: n }), children: [e && (0, c.jsx)('span', { children: o + 1 }), n.map((e, n) => (0, c.jsx)('span', { ...s({ token: e }) }, n)), '\n'] }, o)) })] }) })); 91 } 92 }, 93 38953(e, n, o) { 94 o.d(n, { H: () => k }); 95 var l = o(28369), 96 t = o(46447), 97 s = o(13526), 98 r = o(68148), 99 a = o(9016), 100 c = o(69303), 101 i = o(91635), 102 d = o(30734), 103 p = o(30758), 104 h = o(31186), 105 u = o(65904), 106 m = o.n(u), 107 v = o(14881), 108 y = o(46847), 109 g = o(86070); 110 const x = ({ children: e }) => (0, g.jsx)(t.ui, { className: 'nlds-canvas__example-surface', children: (0, g.jsx)(t.yo, { className: (0, s.A)('utrecht-document--surface', 'nlds-canvas__example-document'), children: (0, g.jsx)(t.fz, { className: 'nlds-canvas__example-paragraph', children: e }) }) }); 111 x.displayName = 'ParagraphContainer'; 112 const j = ({ children: e }) => (0, g.jsx)(t.ui, { className: 'nlds-canvas__example-surface', children: (0, g.jsx)(t.yo, { className: (0, s.A)('utrecht-document--surface', 'nlds-canvas__example-document'), children: e }) }); 113 j.displayName = 'DocumentContainer'; 114 const b = ({ children: e }) => (0, g.jsx)(t.ui, { className: 'nlds-canvas__example-surface', children: e }); 115 b.displayName = 'SurfaceContainer'; 116 const k = globalThis.isAstro 117 ? ({ language: e, className: n, code: o = '<p>No code provided</p>', rawCode: l, copyCode: t, defaultExpandedCode: r, designTokens: a }) => { 118 const c = 'string' == typeof o ? o : l || '', 119 i = 'string' == typeof o ? m().highlight(o, m().languages[e], e) : m().highlight(l || '', m().languages[e], e); 120 return (0, g.jsxs)('div', { className: (0, s.A)('ma-canvas-astro', n), children: [(0, g.jsx)('div', { className: 'voorbeeld-theme utrecht-root', style: a, children: (0, g.jsx)('div', { className: 'ma-canvas-astro__example utrecht-html ma-flow', dangerouslySetInnerHTML: { __html: c } }) }), (0, g.jsx)(v.n, { children: (0, g.jsxs)(v.K, { label: 'Code', open: r, children: [(0, g.jsx)('pre', { className: 'language-html nl-code-block', tabIndex: 0, children: (0, g.jsx)('code', { className: 'language-html nl-code-block__code', dangerouslySetInnerHTML: { __html: i } }) }), 'allow' === t && (0, g.jsx)(y.$, { 'data-copy-code': c, purpose: 'secondary', children: 'Kopieer code' })] }) })] }); 121 } 122 : ({ code: e, copy: n = !0, defaultExpandedCode: o = !1, displayCode: u = !0, children: m, container: v = 'document', language: y, designTokens: k }) => { 123 const f = 'function' == typeof m ? m() : m, 124 w = 'function' == typeof e ? e() : (0, p.isValidElement)(e) ? e : void 0, 125 _ = 'string' == typeof e ? e : h.qV(w || f), 126 [N, A] = (0, p.useState)(_), 127 [C, S] = (0, p.useState)(o); 128 (0, p.useEffect)(() => { 129 (async () => { 130 const e = await d.Ay.format(_, { parser: y, plugins: [r.A, a.Ay, c.Ay, i.Ay], semi: !1, singleAttributePerLine: !0, embeddedLanguageFormatting: 'off', htmlWhitespaceSensitivity: 'ignore' }); 131 A(e); 132 })(); 133 }, [_]); 134 const z = (0, p.useId)(); 135 let R = p.Fragment; 136 return ( 137 'paragraph' === v ? (R = x) : 'document' === v ? (R = j) : 'surface' === v && (R = b), 138 (0, g.jsxs)('div', { 139 className: (0, s.A)('nlds-canvas'),
140 children: [ 141 f && (0, g.jsx)('div', { className: (0, s.A)('nlds-canvas__example'), children: (0, g.jsx)('div', { className: 'voorbeeld-theme', style: k, children: (0, g.jsx)(R, { children: (0, g.jsx)(t.v$, { children: f }) }) }) }), 142 u && 143 (0, g.jsx)('div', { 144 className: (0, s.A)('nlds-canvas__toolbar'), 145 children: (0, g.jsx)(t.$n, { 146 className: (0, s.A)('nlds-canvas__button', 'nlds-canvas__toggle-code-button'), 147 appearance: 'subtle-button', 148 onClick: () => { 149 S(!C); 150 }, 151 'aria-expanded': C, 152 'aria-controls': z, 153 children: C ? 'Verberg code' : 'Bekijk code', 154 }), 155 }), 156 u && 157 (0, g.jsxs)('div', { 158 className: (0, s.A)('nlds-canvas__code-block', !n && 'nlds-canvas__code-block--user-select-none'), 159 id: z, 160 hidden: !C, 161 children: [ 162 (0, g.jsx)(l.M, { codeBlockLabel: 'Codevoorbeeld', syntax: y, textContent: N, trim: !0 }), 163 n && 164 (0, g.jsx)('div', { 165 className: (0, s.A)('nlds-canvas__toolbar', 'nlds-canvas__toolbar--copy'), 166 children: (0, g.jsx)(t.$n, { 167 className: (0, s.A)('nlds-canvas__button', 'nlds-canvas__copy-button'), 168 appearance: 'subtle-button', 169 onClick: () => { 170 navigator.clipboard.writeText(N).catch((e) => console.error('Copy code failed', e)); 171 }, 172 children: 'Kopieer', 173 }), 174 }), 175 ], 176 }), 177 ], 178 }) 179 ); 180 }; 181 }, 182 45560(e, n, o) { 183 (o.r(n), o.d(n, { assets: () => g, contentTitle: () => y, default: () => b, frontMatter: () => v, metadata: () => l, toc: () => x })); 184 const l = JSON.parse('{"id":"richtlijnen/formulieren/help/allow-copy-paste/index","title":"Sta knippen en plakken van een wachtwoord toe","description":"Richtlijnen om knippen en plakken van een wachtwoord toe te staan.","source":"@site/docs/richtlijnen/formulieren/help/2-allow-copy-paste/index.mdx","sourceDirName":"richtlijnen/formulieren/help/2-allow-copy-paste","slug":"/richtlijnen/formulieren/voorkom-fouten/wachtwoord-plakken/","permalink":"/richtlijnen/formulieren/voorkom-fouten/wachtwoord-plakken/","draft":false,"unlisted":false,"editUrl":"https://github.com/nl-design-system/documentatie/tree/main/docs/richtlijnen/formulieren/help/2-allow-copy-paste/index.mdx","tags":[],"version":"current","frontMatter":{"title":"Sta knippen en plakken van een wachtwoord toe","title_sm":"Wachtwoord plakken","hide_title":true,"hide_table_of_contents":false,"sidebar_label":"Wachtwoord plakken","pagination_label":"Wachtwoord plakken","description":"Richtlijnen om knippen en plakken van een wachtwoord toe te staan.","slug":"/richtlijnen/formulieren/voorkom-fouten/wachtwoord-plakken/","keywords":["labels","formulier","design","code"]},"sidebar":"richtlijnen","previous":{"title":"Optioneel of verplicht","permalink":"/richtlijnen/formulieren/voorkom-fouten/verplichte-velden/"},"next":{"title":"Keur niet te snel af","permalink":"/richtlijnen/formulieren/voorkom-fouten/keur-niet-te-snel-af"}}'); 185 var t = o(86070), 186 s = o(18439), 187 r = o(56672), 188 a = o(38953), 189 c = o(56528); 190 function i(e) { 191 const n = { h2: 'h2', ...(0, s.R)(), ...e.components }; 192 return (0, t.jsxs)(t.Fragment, { children: ['\n', '\n', (0, t.jsx)(n.h2, { id: 'voorbeelden', children: 'Voorbeelden' }), '\n', (0, t.jsx)(c.$, { appearance: 'do', title: 'Sta kopi\xebren van een wachtwoord toe.', children: (0, t.jsx)(a.H, { language: 'html', children: () => (0, t.jsxs)(t.Fragment, { children: [(0, t.jsx)('label', { htmlFor: 'pw1', children: 'Uw nieuwe wachtwoord' }), (0, t.jsx)('input', { type: 'password', id: 'pw1', autoComplete: 'new-password', name: 'wachtwoord' })] }) }) })] }); 193 } 194 function d(e = {}) { 195 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 196 return n ? (0, t.jsx)(n, { ...e, children: (0, t.jsx)(i, { ...e }) }) : i(e); 197 } 198 function p(e) { 199 const n = { a: 'a', h1: 'h1', header: 'header', p: 'p', ...(0, s.R)(), ...e.components }; 200 return (0, t.jsxs)(t.Fragment, { children: [(0, t.jsx)(n.header, { children: (0, t.jsx)(n.h1, { id: 'sta-knippen-en-plakken-van-een-wachtwoord-toe',
200children: 'Sta knippen en plakken van een wachtwoord toe' }) }), '\n', (0, t.jsx)(n.p, { children: 'Een wachtwoord moet veilig zijn. Als je het knippen en plakken van een wachtwoord verhindert, dwing je gebruikers tot een simpel en goed te onthouden wachtwoord. Dat is nu juist niet de bedoeling.' }), '\n', (0, t.jsx)(n.p, { children: 'Kopi\xebren/plakken vanuit een wachtwoordmanager is een veel veiligere manier om een gebruiker een wachtwoord te laten invullen.' }), '\n', (0, t.jsxs)(n.p, { children: ['Zoals het Britse ', (0, t.jsx)('span', { lang: 'en', children: 'National Cyber Security Centre' }), ' uitlegt in ', (0, t.jsx)(n.a, { href: 'https://www.ncsc.gov.uk/blog-post/let-them-paste-passwords', children: (0, t.jsx)('span', { lang: 'en', children: 'Let them paste passwords' }) }), '.'] })] }); 201 } 202 function h(e = {}) { 203 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 204 return n ? (0, t.jsx)(n, { ...e, children: (0, t.jsx)(p, { ...e }) }) : p(e); 205 } 206 function u(e) { 207 const n = { a: 'a', h2: 'h2', li: 'li', p: 'p', ul: 'ul', ...(0, s.R)(), ...e.components }; 208 return (0, t.jsxs)(t.Fragment, { children: [(0, t.jsx)(n.h2, { id: 'meer-lezen-over-gerelateerde-wcag-succescriteria-op-nl-design-system', children: 'Meer lezen over gerelateerde WCAG-succescriteria op NL Design System' }), '\n', (0, t.jsx)(n.p, { children: "Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet." }), '\n', (0, t.jsxs)(n.ul, { children: ['\n', (0, t.jsx)(n.li, { children: (0, t.jsx)(n.a, { href: '/wcag/3.3.8/', children: 'Succescriterium 3.3.8 Toegankelijke authenticatie (minimum)' }) }), '\n', (0, t.jsx)(n.li, { children: (0, t.jsx)(n.a, { href: '/wcag/3.3.9/', children: 'Succescriterium 3.3.9 Toegankelijke authenticatie (uitgebreid)' }) }), '\n'] })] }); 209 } 210 function m(e = {}) { 211 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 212 return n ? (0, t.jsx)(n, { ...e, children: (0, t.jsx)(u, { ...e }) }) : u(e); 213 } 214 const v = { title: 'Sta knippen en plakken van een wachtwoord toe', title_sm: 'Wachtwoord plakken', hide_title: !0, hide_table_of_contents: !1, sidebar_label: 'Wachtwoord plakken', pagination_label: 'Wachtwoord plakken', description: 'Richtlijnen om knippen en plakken van een wachtwoord toe te staan.', slug: '/richtlijnen/formulieren/voorkom-fouten/wachtwoord-plakken/', keywords: ['labels', 'formulier', 'design', 'code'] }, 215 y = void 0, 216 g = {}, 217 x = [{ value: 'Voorbeelden', id: 'voorbeelden', level: 2 }, { value: 'Meer lezen over gerelateerde WCAG-succescriteria op NL Design System', id: 'meer-lezen-over-gerelateerde-wcag-succescriteria-op-nl-design-system', level: 2 }, ...r.RM]; 218 function j(e) { 219 return (0, t.jsxs)(t.Fragment, { children: ['\n', '\n', (0, t.jsx)(h, {}), '\n', (0, t.jsx)(d, {}), '\n', (0, t.jsx)(m, {}), '\n', (0, t.jsx)(r.Ay, {})] }); 220 } 221 function b(e = {}) { 222 const { wrapper: n } = { ...(0, s.R)(), ...e.components }; 223 return n ? (0, t.jsx)(n, { ...e, children: (0, t.jsx)(j, { ...e }) }) : j(); 224 } 225 }, 226 46847(e, n, o) { 227 o.d(n, { $: () => l.$n }); 228 var l = o(50805); 229 }, 230 56528(e, n, o) { 231 o.d(n, { $: () => p, x: () => d }); 232 var l = o(4077), 233 t = o(58315), 234 s = o(46447), 235 r = o(13526), 236 a = o(94988), 237 c = o(30758), 238 i = o(86070); 239 const d = (0, c.createContext)({}), 240 p = ({ title: e, appearance: n, description: o, children: c, figure: p }) => { 241 const h = { do: 'Doen', dont: 'Niet doen' }, 242 u = p ? 'figure' : 'div', 243 m = p ? 'figcaption' : 'div', 244 v = 'string' == typeof o ? (0, i.jsx)(a.oz, { components: { a: s.N_ }, children: o }) : o; 245 return (0, i.jsxs)(u, { className: (0, r.A)('nlds-guideline', `nlds-guideline--${n}`), id: 'string' == typeof e ? e?.toLowerCase().replace(/\s/g, '-') : void 0, children: [(0, i.jsxs)(m, { className: 'nlds-guideline__description', children: ['dont' === n ? (0, i.jsxs)(i.Fragment, { children: [(0, i.jsxs)(s.fz, { className: (0, r.A)('nlds-guideline__badge', `nlds-guideline__badge--${n}`), children: [(0, i.jsx)(t.A, { 'aria-hidden': 'true', role: 'presentation', className: 'nlds-guideline__icon' }), (0, i.jsx)('span', { className: 'nlds-guideline__title', children: h.dont })] }), (0, i.jsx)(s.fz, { children: e })] }) : (0, i.jsxs)(i.Fragment, { children: [(0, i.jsxs)(s.fz, { className: (0, r.A)('nlds-guideline__badge', `nlds-guideline__badge--${n}`), children: [(0, i.jsx)(l.A, { 'aria-hidden': 'true', role: 'presentation', className: 'nlds-guideline__icon' }), (0, i.jsx)('span', { className: 'nlds-guideline__title', children: h.do })] }), (0, i.jsx)(s.fz, { children: e })] }), v] }), (0, i.jsx)('div', { className: 'nlds-guideline__example', children: (0, i.jsx)(d.Provider, { value: { title: e, type: h[n] }, children: c }) })] }); 246 }; 247 }, 248 56672(e, n, o) { 249 o.d(n, { Ay: () => a, RM: () => s }); 250 var l = o(86070), 251 t = o(18439); 252 const s = [{ value: 'Over deze richtlijnen', id: 'over-deze-richtlijnen', level: 2 }]; 253 function r(e) { 254 const n = { a: 'a', em: 'em', h2: 'h2', p: 'p', ...(0, t.R)(), ...e.components }; 255 return (0, l.jsxs)(l.Fragment, { children: [(0, l.jsx)(n.h2, { id: 'over-deze-richtlijnen', children: 'Over deze richtlijnen' }), '\n', (0, l.jsxs)(n.p, { children: ['Deze richtlijnen worden onderhouden door NL Design System en zijn op dit moment in ', (0, l.jsx)(n.em, { children: 'beta' }), '.'] }), '\n', (0, l.jsxs)(n.p, { children: ['We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen?\n', (0, l.jsx)(n.a, { href: 'https://github.com/nl-design-system/documentatie/issues', children: 'Open een issue op GitHub' }), ' en deel je mening.'] })] }); 256 } 257 function a(e = {}) { 258 const { wrapper: n } = { ...(0, t.R)(), ...e.components }; 259 return n ? (0, l.jsx)(n, { ...e, children: (0, l.jsx)(r, { ...e }) }) : r(e); 260 } 261 }, 262 }, 263]);
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.