lintje 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/dist-elements/actions.js +1 -1
  2. package/dist-elements/chunks/addon-CFoSG70u.js +5 -0
  3. package/dist-elements/chunks/base-BsZyWDre.js +226 -0
  4. package/dist-elements/chunks/{chart-styles-zJy-DGvZ.js → chart-styles-C5IzbVUF.js} +12 -12
  5. package/dist-elements/chunks/controls-lVYdiFQu.js +1 -0
  6. package/dist-elements/chunks/dialog-close-CzMRXkJ6.js +1 -0
  7. package/dist-elements/chunks/{disclosure-DHZz0V4I.js → disclosure-CQcLUnKh.js} +5 -5
  8. package/dist-elements/chunks/{download-D1wbtARJ.js → download-CxEzwMxI.js} +1 -1
  9. package/dist-elements/chunks/focus-trap-BDxiHED1.js +1 -0
  10. package/dist-elements/chunks/follow-7IBDa51N.js +1 -0
  11. package/dist-elements/chunks/input-C7qx0e4p.js +8 -0
  12. package/dist-elements/chunks/input-CazTpGUd.js +1 -0
  13. package/dist-elements/chunks/other-BaLStKaf.js +11 -0
  14. package/dist-elements/chunks/{player-Dh7ZHcMF.js → player-BEG3MVCm.js} +20 -20
  15. package/dist-elements/chunks/sentence-CjgQjBP9.js +3 -0
  16. package/dist-elements/chunks/stagger-CwsMNTLl.js +133 -0
  17. package/dist-elements/core.js +1 -1
  18. package/dist-elements/custom-elements.json +509 -68
  19. package/dist-elements/data-types.json +155 -12
  20. package/dist-elements/feedback.js +1 -1
  21. package/dist-elements/guides/events.md +7 -1
  22. package/dist-elements/inputs.js +1 -1
  23. package/dist-elements/layout.js +1 -1
  24. package/dist-elements/lintje.js +1051 -1001
  25. package/dist-elements/overlays.js +1 -1
  26. package/dist-elements/tag/activity-log.js +10 -10
  27. package/dist-elements/tag/ai-label.js +5 -5
  28. package/dist-elements/tag/announcement.js +9 -9
  29. package/dist-elements/tag/app-search.js +19 -19
  30. package/dist-elements/tag/audio-player.js +40 -40
  31. package/dist-elements/tag/badge.js +1 -1
  32. package/dist-elements/tag/breadcrumbs.js +8 -8
  33. package/dist-elements/tag/button.js +1 -1
  34. package/dist-elements/tag/card-list.js +9 -9
  35. package/dist-elements/tag/card.js +29 -29
  36. package/dist-elements/tag/chart.js +379 -379
  37. package/dist-elements/tag/chat-answer.js +44 -44
  38. package/dist-elements/tag/chat-composer.js +32 -34
  39. package/dist-elements/tag/chat-message.js +11 -11
  40. package/dist-elements/tag/chat-strip.js +27 -27
  41. package/dist-elements/tag/chat-suggestions.js +9 -9
  42. package/dist-elements/tag/chat.js +35 -35
  43. package/dist-elements/tag/checkbox-group.js +17 -9
  44. package/dist-elements/tag/checkbox.js +10 -10
  45. package/dist-elements/tag/code.js +9 -9
  46. package/dist-elements/tag/combobox.js +23 -23
  47. package/dist-elements/tag/conflict-alert.js +7 -7
  48. package/dist-elements/tag/copy-button.js +9 -9
  49. package/dist-elements/tag/data-table.js +217 -213
  50. package/dist-elements/tag/date-input.js +25 -25
  51. package/dist-elements/tag/date-range.js +27 -26
  52. package/dist-elements/tag/description-list.js +17 -17
  53. package/dist-elements/tag/dialog.js +7 -7
  54. package/dist-elements/tag/document-viewer.js +35 -27
  55. package/dist-elements/tag/drawer.js +9 -9
  56. package/dist-elements/tag/empty-state.js +1 -1
  57. package/dist-elements/tag/error-page.js +11 -11
  58. package/dist-elements/tag/error-summary.js +13 -13
  59. package/dist-elements/tag/expander.js +4 -4
  60. package/dist-elements/tag/explainer.js +5 -5
  61. package/dist-elements/tag/field.js +5 -5
  62. package/dist-elements/tag/file-upload.js +32 -32
  63. package/dist-elements/tag/filter-bar.js +17 -17
  64. package/dist-elements/tag/filter-sheet.js +4 -4
  65. package/dist-elements/tag/filter-zone.js +15 -16
  66. package/dist-elements/tag/find.js +18 -18
  67. package/dist-elements/tag/footer.js +14 -14
  68. package/dist-elements/tag/form-actions.js +3 -3
  69. package/dist-elements/tag/form-section.js +4 -4
  70. package/dist-elements/tag/form.js +5 -5
  71. package/dist-elements/tag/gallery.js +11 -11
  72. package/dist-elements/tag/grid-item.js +1 -1
  73. package/dist-elements/tag/grid.js +1 -1
  74. package/dist-elements/tag/hero.js +7 -7
  75. package/dist-elements/tag/highlight.js +4 -4
  76. package/dist-elements/tag/icon-button.js +1 -1
  77. package/dist-elements/tag/icon.js +1 -1
  78. package/dist-elements/tag/job-list.js +4 -4
  79. package/dist-elements/tag/kpi-row.js +5 -5
  80. package/dist-elements/tag/kpi.js +73 -73
  81. package/dist-elements/tag/level-meter.js +8 -8
  82. package/dist-elements/tag/list.js +43 -43
  83. package/dist-elements/tag/log-viewer.js +80 -80
  84. package/dist-elements/tag/logo.js +26 -29
  85. package/dist-elements/tag/map.js +153 -151
  86. package/dist-elements/tag/menu-button.js +33 -33
  87. package/dist-elements/tag/modal.js +9 -9
  88. package/dist-elements/tag/multiselect.js +23 -23
  89. package/dist-elements/tag/note.js +2 -2
  90. package/dist-elements/tag/notifications.js +28 -28
  91. package/dist-elements/tag/number-input.js +20 -19
  92. package/dist-elements/tag/page-header.js +15 -16
  93. package/dist-elements/tag/pagination.js +25 -27
  94. package/dist-elements/tag/popover.js +1 -1
  95. package/dist-elements/tag/progress-bar.js +1 -1
  96. package/dist-elements/tag/prose.js +1 -1
  97. package/dist-elements/tag/qr-code.js +5 -5
  98. package/dist-elements/tag/radio-group.js +31 -22
  99. package/dist-elements/tag/range.js +27 -31
  100. package/dist-elements/tag/recording-status.js +9 -9
  101. package/dist-elements/tag/repeater.js +5 -5
  102. package/dist-elements/tag/segmented.js +10 -10
  103. package/dist-elements/tag/select.js +9 -9
  104. package/dist-elements/tag/shell.js +253 -264
  105. package/dist-elements/tag/skeleton.js +1 -1
  106. package/dist-elements/tag/slot-picker.js +17 -17
  107. package/dist-elements/tag/sortable-list.js +20 -20
  108. package/dist-elements/tag/spinner.js +1 -1
  109. package/dist-elements/tag/split-pane.js +9 -9
  110. package/dist-elements/tag/status-dot.js +1 -1
  111. package/dist-elements/tag/stepper.js +14 -14
  112. package/dist-elements/tag/streaming-text.js +13 -13
  113. package/dist-elements/tag/sub-nav.js +17 -17
  114. package/dist-elements/tag/tabs.js +37 -37
  115. package/dist-elements/tag/tag-input.js +29 -29
  116. package/dist-elements/tag/text-editor.js +19 -19
  117. package/dist-elements/tag/text-input.js +54 -39
  118. package/dist-elements/tag/textarea.js +14 -14
  119. package/dist-elements/tag/tile.js +1 -1
  120. package/dist-elements/tag/time-input.js +13 -13
  121. package/dist-elements/tag/toast.js +8 -8
  122. package/dist-elements/tag/toggle.js +7 -7
  123. package/dist-elements/tag/toggletip.js +6 -7
  124. package/dist-elements/tag/token-value.js +2 -2
  125. package/dist-elements/tag/tooltip.js +1 -1
  126. package/dist-elements/tag/transcript.js +32 -32
  127. package/dist-elements/tag/translator.js +6 -6
  128. package/dist-elements/tag/tree-view.js +23 -23
  129. package/dist-elements/tag/user-menu.js +39 -28
  130. package/dist-elements/tag/video-player.js +14 -14
  131. package/dist-elements/tokens.css +2 -0
  132. package/dist-elements/tokens.json +4 -0
  133. package/dist-elements/types/components/actions/button/button.d.ts +1 -0
  134. package/dist-elements/types/components/actions/icon/icon.d.ts +2 -1
  135. package/dist-elements/types/components/actions/icon-button/icon-button.d.ts +0 -5
  136. package/dist-elements/types/components/actions/logo/logo.d.ts +7 -2
  137. package/dist-elements/types/components/chat/chat/chat.d.ts +0 -2
  138. package/dist-elements/types/components/chat/chat-composer/chat-composer.d.ts +1 -11
  139. package/dist-elements/types/components/content/document-viewer/document-viewer.d.ts +14 -1
  140. package/dist-elements/types/components/content/log-viewer/log-viewer.d.ts +1 -0
  141. package/dist-elements/types/components/feedback/job-list/job-list.d.ts +9 -2
  142. package/dist-elements/types/components/filters/filter-bar/filter-bar.d.ts +3 -0
  143. package/dist-elements/types/components/filters/filter-sheet/filter-sheet.d.ts +2 -7
  144. package/dist-elements/types/components/filters/filter-zone/filter-zone.d.ts +0 -2
  145. package/dist-elements/types/components/forms/error-summary/error-summary.d.ts +5 -1
  146. package/dist-elements/types/components/forms/form/form.d.ts +10 -3
  147. package/dist-elements/types/components/forms/form-actions/form-actions.d.ts +4 -1
  148. package/dist-elements/types/components/frame/app-search/app-search.d.ts +1 -0
  149. package/dist-elements/types/components/frame/page-header/page-header.d.ts +1 -1
  150. package/dist-elements/types/components/frame/shell/header.d.ts +6 -8
  151. package/dist-elements/types/components/frame/shell/navigation.d.ts +0 -7
  152. package/dist-elements/types/components/frame/shell/shell.d.ts +7 -6
  153. package/dist-elements/types/components/frame/shell/top-bar.d.ts +5 -2
  154. package/dist-elements/types/components/frame/user-menu/user-menu.d.ts +15 -2
  155. package/dist-elements/types/components/index.d.ts +3 -2
  156. package/dist-elements/types/components/inputs/checkbox-group/checkbox-group.d.ts +13 -7
  157. package/dist-elements/types/components/inputs/number-input/number-input.d.ts +4 -2
  158. package/dist-elements/types/components/inputs/radio-group/radio-group.d.ts +16 -4
  159. package/dist-elements/types/components/inputs/range/range.d.ts +0 -1
  160. package/dist-elements/types/components/inputs/segmented/segmented.d.ts +0 -2
  161. package/dist-elements/types/components/inputs/shared/addon.d.ts +14 -0
  162. package/dist-elements/types/components/inputs/shared/input.d.ts +58 -1
  163. package/dist-elements/types/components/inputs/text-input/text-input.d.ts +15 -1
  164. package/dist-elements/types/components/inputs/textarea/textarea.d.ts +3 -2
  165. package/dist-elements/types/components/layout/tabs/tabs.d.ts +0 -4
  166. package/dist-elements/types/components/overlays/popover/popover.d.ts +2 -4
  167. package/dist-elements/types/components/overlays/toggletip/toggletip.d.ts +2 -4
  168. package/dist-elements/types/components/overlays/tooltip/tooltip.d.ts +0 -2
  169. package/dist-elements/types/components/shared/controls.d.ts +26 -0
  170. package/dist-elements/types/components/shared/cut-text.d.ts +6 -0
  171. package/dist-elements/types/components/shared/dialog.d.ts +8 -2
  172. package/dist-elements/types/components/shared/focus-trap.d.ts +2 -0
  173. package/dist-elements/types/components/shared/follow.d.ts +8 -0
  174. package/dist-elements/types/components/shared/other.d.ts +24 -0
  175. package/dist-elements/types/components/shared/overflow.d.ts +4 -3
  176. package/dist-elements/types/components/shared/place.d.ts +5 -0
  177. package/dist-elements/types/components/tables/data-table/actions.d.ts +1 -1
  178. package/dist-elements/types/components/tables/data-table/data-table.d.ts +15 -3
  179. package/dist-elements/types/components/tables/data-table/filters.d.ts +2 -0
  180. package/dist-elements/types/components/tables/list/list.d.ts +2 -6
  181. package/dist-elements/types/core/frame-state.d.ts +2 -0
  182. package/dist-elements/types/icons/register.d.ts +1 -1
  183. package/dist-elements/types/icons/render.d.ts +1 -1
  184. package/dist-elements/types/types.d.ts +27 -4
  185. package/package.json +1 -1
  186. package/dist-elements/chunks/base-DuuwEY22.js +0 -224
  187. package/dist-elements/chunks/controls-IwMNNdZt.js +0 -1
  188. package/dist-elements/chunks/dialog-CuB90unp.js +0 -1
  189. package/dist-elements/chunks/dialog-close-CIwpGpo7.js +0 -1
  190. package/dist-elements/chunks/focus-trap-qYvMiFZF.js +0 -1
  191. package/dist-elements/chunks/frame-resize-observer-BGZg6VbV.js +0 -1
  192. package/dist-elements/chunks/input-CTxDOlLs.js +0 -1
  193. package/dist-elements/chunks/input-fzGBdp-5.js +0 -8
  194. package/dist-elements/chunks/sentence-DCIShaRE.js +0 -3
  195. package/dist-elements/chunks/stagger-nGiD5JgJ.js +0 -133
@@ -1,12 +1,12 @@
1
- import{St as e,dt as t,ft as n,in as r,nn as i,on as a}from"./base-DuuwEY22.js";function o(e,t,r=16,a){let o=n(e,{size:r,flip:a});return o===i?t:o}var s=[{action:`in`,name:`functioneel-plus`,text:`+`,label:`Inzoomen`},{action:`out`,name:`functioneel-minus`,text:`−`,label:`Uitzoomen`},{action:`home`,name:`functioneel-refresh`,flip:`horizontal`,text:`Terug`,label:`Kaart terugzetten`}];function c(t=`100%`,n=12,i=``){let a=e=>typeof e==`number`?`${e}px`:e;return r`<span class="lintje-skeleton ${i}"
2
- ${e({width:a(t),height:a(n)})} aria-hidden="true"></span>`}function l({kind:t=`line`,height:n,status:a=!0}={}){return r`
3
- <div class="lintje-chart-skeleton lintje-chart-skeleton--${t}"
4
- ${e({height:n??(t===`table`?void 0:`var(--chart-h-main)`)})}
1
+ import{Et as e,cn as t,gt as n,ht as r,on as i,un as a}from"./base-BsZyWDre.js";function o(e,t,r=16,a){let o=n(e,{size:r,flip:a});return o===i?t:o}var s=[{action:`in`,name:`functioneel-plus`,text:`+`,label:`Inzoomen`},{action:`out`,name:`functioneel-minus`,text:`−`,label:`Uitzoomen`},{action:`home`,name:`functioneel-refresh`,flip:`horizontal`,text:`Terug`,label:`Kaart terugzetten`}];function c(n=`100%`,r=12,i=``){let a=e=>typeof e==`number`?`${e}px`:e;return t`<span class="lintje-skeleton ${i}"
2
+ ${e({width:a(n),height:a(r)})} aria-hidden="true"></span>`}function l({kind:n=`line`,height:r,status:a=!0}={}){return t`
3
+ <div class="lintje-chart-skeleton lintje-chart-skeleton--${n}"
4
+ ${e({height:r??(n===`table`?void 0:`var(--chart-h-main)`)})}
5
5
  role=${a?`status`:i}
6
6
  aria-hidden=${a?i:`true`}>
7
7
  <!-- In words, not only in a label: a status region is spoken from its content. -->
8
- ${a?r`<span class="visually-hidden">Gegevens laden…</span>`:i}
9
- ${t===`line`||t===`bar`?r`
8
+ ${a?t`<span class="visually-hidden">Gegevens laden…</span>`:i}
9
+ ${n===`line`||n===`bar`?t`
10
10
  <div class="lintje-chart-skeleton__y-labels">
11
11
  ${[0,1,2,3].map(()=>c(24,10))}
12
12
  </div>
@@ -17,23 +17,23 @@ import{St as e,dt as t,ft as n,in as r,nn as i,on as a}from"./base-DuuwEY22.js";
17
17
  ${c(`100%`,`100%`,`lintje-chart-skeleton__fill`)}
18
18
  </div>
19
19
  `:i}
20
- ${t===`pie`||t===`donut`?r`
20
+ ${n===`pie`||n===`donut`?t`
21
21
  <!-- Sized by the skeleton's own box, so it always fits beside its lines. -->
22
22
  ${c(`min(100cqh, 60cqw, 200px)`,`auto`,`lintje-chart-skeleton__disc`)}
23
23
  <div class="lintje-chart-skeleton__lines">
24
24
  ${[`80%`,`64%`,`48%`].map(e=>c(e,13))}
25
25
  </div>
26
26
  `:i}
27
- ${t===`heatmap`?Array.from({length:35},()=>c(`100%`,`100%`)):i}
28
- ${t===`map`?r`
27
+ ${n===`heatmap`?Array.from({length:35},()=>c(`100%`,`100%`)):i}
28
+ ${n===`map`?t`
29
29
  ${c(`100%`,`100%`,`lintje-chart-skeleton__fill`)}
30
30
  <div class="lintje-chart-skeleton__zoom" aria-hidden="true">
31
- ${s.map(e=>r`
31
+ ${s.map(e=>t`
32
32
  <span class="lintje-chart-skeleton__zoom-button">${o(e.name,e.text,16,`flip`in e?e.flip:void 0)}</span>
33
33
  `)}
34
34
  </div>
35
35
  `:i}
36
- ${t===`table`?Array.from({length:5},()=>r`
36
+ ${n===`table`?Array.from({length:5},()=>t`
37
37
  <div class="lintje-chart-skeleton__row">
38
38
  ${c(`32%`)}
39
39
  ${c(`12%`,12,`lintje-chart-skeleton__measure`)}
@@ -41,4 +41,4 @@ import{St as e,dt as t,ft as n,in as r,nn as i,on as a}from"./base-DuuwEY22.js";
41
41
  </div>
42
42
  `):i}
43
43
  </div>
44
- `}var u=`.lintje-chart{gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.lintje-chart--rows{margin-block:auto}.lintje-chart__axis-title{font:var(--text-axis);color:var(--color-text-muted)}.lintje-chart__x-title{font:var(--text-axis);fill:var(--color-text-muted)}.lintje-chart__svg{width:100%;display:block;overflow:visible}.lintje-chart__axis-label{font-family:var(--font-ui);fill:var(--color-chart-axis);font-size:.75rem;font-weight:400}.lintje-chart__data-label{font-family:var(--font-ui);fill:var(--color-text-primary);font-size:.75rem;font-weight:700}.lintje-chart__data-label--inside{fill:var(--color-text-on-fill)}.lintje-chart__data-label--inside-light{fill:var(--color-text-on-light-fill)}.lintje-chart__data-label--inside-text{fill:var(--color-text-primary)}.lintje-chart__data-label--halo,.lintje-chart__axis-label--halo{stroke:var(--color-bg-surface);stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill}.lintje-chart__as-of-label{font-family:var(--font-ui);fill:var(--color-text-primary);font-size:.75rem;font-weight:700}.lintje-chart__as-of-note{font-family:var(--font-ui);fill:var(--color-text-muted);stroke:var(--color-bg-surface);stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill;font-size:.75rem}.lintje-chart__line{stroke-width:2.5px;fill:none;stroke-linejoin:round}.lintje-chart__line--casing{stroke-width:4.5px}.lintje-chart__bar{transform-box:fill-box;transform-origin:50% 100%;transition:transform var(--dur-hover) var(--ease-in-motion), filter var(--dur-hover) var(--ease-in-motion)}.lintje-chart__bar--horizontal{transform-origin:0}.lintje-chart__bar-group:hover .lintje-chart__bar,.lintje-chart__bar-group.is-hovered .lintje-chart__bar{filter:drop-shadow(var(--shadow-chart-hover));transform:scaleX(1.06)}.lintje-chart__bar--lifted{filter:drop-shadow(var(--shadow-chart-hover));pointer-events:none;transform:scaleX(1.06)}.lintje-chart__bar-row:hover .lintje-chart__bar--horizontal,.lintje-chart__bar-row.is-hovered .lintje-chart__bar--horizontal{filter:drop-shadow(var(--shadow-chart-hover));transform:scaleY(1.12)}.lintje-chart__mark.is-clickable{cursor:pointer}.lintje-chart__mark.is-selected{stroke:var(--color-text-primary);stroke-width:2px}.lintje-chart__mark.is-muted{fill-opacity:.45}.lintje-chart__mark:focus{outline:none}.lintje-chart__mark.is-clickable:focus-visible{filter:var(--lintje-focus-ring);outline:none}.lintje-chart__focus-ring{flood-color:var(--color-focus)}.lintje-chart__focus-gap{flood-color:var(--color-bg-surface)}.lintje-chart__segment{stroke:var(--color-bg-surface);stroke-width:1px}.lintje-radar__ring{fill:none;stroke:var(--color-chart-grid);stroke-width:1px}.lintje-radar__spoke{stroke:var(--color-chart-zero);stroke-width:1px}.lintje-radar__spoke.is-active{stroke:var(--color-chart-axis);stroke-width:1.5px}.lintje-radar__name{font:var(--text-small);fill:var(--color-text-primary)}.lintje-radar__no-value{fill:var(--color-text-muted);font-weight:400}.lintje-radar__area{fill-opacity:0;transition:fill-opacity var(--dur-hover) var(--ease-in-motion)}.lintje-radar__area.is-filled{fill-opacity:.14}.lintje-radar__norm{fill:none;stroke:var(--color-chart-emphasis);stroke-width:1.5px;stroke-dasharray:4 3}.lintje-radar__layer{transition:opacity var(--dur-hover) var(--ease-in-motion)}.lintje-radar__layer.is-muted{opacity:.45}.lintje-radar__lift{pointer-events:none}.lintje-radar__zero{stroke:var(--color-chart-zero);stroke-width:1px}.lintje-radar__row.is-active .lintje-radar__name{font-weight:700}@media (prefers-reduced-motion:no-preference){.lintje-chart__reveal{animation:lintje-reveal var(--dur-draw) var(--ease-in-motion) backwards}.lintje-chart__bar-group,.lintje-chart__bar--horizontal{animation-duration:calc(var(--dur-draw) * .6);animation-timing-function:var(--ease-in-motion);animation-delay:calc(var(--dur-draw) * .4 * var(--lintje-stagger,0));animation-fill-mode:backwards}.lintje-chart__bar-group{transform-box:fill-box;transform-origin:50% 100%;animation-name:lintje-grow}.lintje-chart__bar--horizontal{animation-name:lintje-grow-x}.lintje-chart__bar--lifted{animation:lintje-lift var(--dur-hover) var(--ease-in-motion) backwards}.lintje-chart__data-label,.lintje-chart__reference{animation:lintje-fade-in var(--dur-data-label) ease-in-out var(--dur-draw) both}.lintje-chart__point{transform-box:fill-box;transform-origin:50%;animation:lintje-point-grow calc(var(--dur-draw) * .6) var(--ease-in-motion) calc(var(--dur-draw) * .4 * var(--lintje-stagger,0)) backwards}.lintje-chart__reference .lintje-chart__data-label{animation:none}.lintje-radar__layer{animation:lintje-point-grow calc(var(--dur-draw) * .6) var(--ease-in-motion) calc(var(--dur-draw) * .4) backwards}.lintje-chart__reveal,.lintje-chart__bar-group,.lintje-chart__bar--horizontal,.lintje-chart__data-label,.lintje-chart__reference,.lintje-chart__point,.lintje-radar__layer{animation-play-state:paused}[data-in-view] .lintje-chart__reveal,[data-in-view] .lintje-chart__bar-group,[data-in-view] .lintje-chart__bar--horizontal,[data-in-view] .lintje-chart__data-label,[data-in-view] .lintje-chart__reference,[data-in-view] .lintje-chart__point,[data-in-view] .lintje-radar__layer{animation-play-state:running}}@keyframes lintje-reveal{0%{clip-path:inset(-8px calc(100% + 8px) -8px -8px)}to{clip-path:inset(-8px)}}@keyframes lintje-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lintje-lift{0%{filter:none;transform:none}}@keyframes lintje-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lintje-chart__series.is-off,.lintje-chart__point.is-off{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){.lintje-chart__series,.lintje-chart__point{transition:opacity var(--dur-layer) var(--ease-fade), visibility 0s}.lintje-chart__series.is-off,.lintje-chart__point.is-off{transition:opacity var(--dur-layer) var(--ease-fade), visibility 0s var(--dur-layer)}}.lintje-legend{gap:var(--space-2) var(--space-4);font:var(--text-small);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.lintje-chart-wrap>.lintje-legend{margin-bottom:var(--space-3)}.lintje-legend--right{flex-flow:column}.lintje-legend__item{align-items:center;gap:var(--space-2);display:flex}.lintje-legend__button{align-items:center;gap:var(--space-2);font:inherit;color:inherit;display:flex}.lintje-legend__item.is-hidden .lintje-legend__marker{opacity:.45}@media (prefers-reduced-motion:no-preference){.lintje-legend__marker{transition:opacity var(--dur-layer) var(--ease-fade)}}.lintje-legend__item.is-hidden .lintje-legend__label{text-decoration:line-through}.lintje-legend__marker{flex:none;display:block}.lintje-legend__marker--symbol{width:14px;height:14px}.lintje-legend__marker--square{background:currentColor;width:12px;height:12px}.lintje-legend__marker--line{background:currentColor;width:14px;height:3px}.lintje-legend__marker--hatch{background:repeating-linear-gradient(45deg, var(--color-chart-hatch) 0 2px, transparent 2px 6px);border:1px solid var(--color-border-default);width:16px;height:10px}.lintje-legend__marker--dashed{border-top:2px dashed;width:14px;height:0}.lintje-chart-tooltip{z-index:55;pointer-events:none;background:var(--color-bg-surface);border:1px solid var(--color-border-popover);box-shadow:var(--shadow-popover);padding:var(--space-2) 10px;font:var(--text-small);width:max-content;min-width:160px;max-width:320px;position:absolute}.lintje-chart-tooltip__title{margin-bottom:4px;font-weight:700}.lintje-chart-tooltip__row{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.lintje-chart-tooltip__label{align-items:center;gap:var(--space-2);display:flex}.lintje-chart-tooltip__marker{flex:none;width:10px;height:10px}.lintje-chart-tooltip__marker--symbol{width:14px;height:14px}.lintje-chart-tooltip__marker--line{background:currentColor;width:14px;height:3px}.lintje-chart-tooltip__marker--dashed{border-top:2px dashed;width:14px;height:0}.lintje-chart-tooltip__row--divider{border-top:1px solid var(--color-border-popover);margin-top:var(--space-1);padding-top:var(--space-1)}.lintje-chart-tooltip__value{margin-left:var(--space-3);font-weight:700}.lintje-chart-tooltip__event{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border-default);display:flex}.lintje-chart-tooltip__event+.lintje-chart-tooltip__event{border-top:0;padding-top:0}.lintje-chart-wrap{min-width:0;position:relative}[data-tooltip-anchor]{position:relative}.lintje-chart__hover-point{stroke:var(--color-bg-surface);stroke-width:2px;pointer-events:none}.lintje-chart__hover-casing{fill:none;stroke-width:1px;pointer-events:none}.lintje-chart__hit{fill:#0000}.lintje-chart__hit.is-clickable{cursor:pointer}.lintje-chart__event-line{stroke:var(--color-chart-axis);stroke-width:1px}.lintje-chart__event-chip{fill:var(--color-text-primary)}.lintje-chart__event-number{font-family:var(--font-ui);fill:var(--color-text-inverse);font-size:.75rem;font-weight:700}.lintje-event-chip{flex:none;align-items:center;height:1lh;display:flex}.lintje-event-chip__number{width:var(--lintje-event-size);height:var(--lintje-event-size);background:var(--color-text-primary);color:var(--color-text-inverse);font-family:var(--font-ui);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.lintje-chart-events{gap:var(--space-2);margin-top:var(--space-3);font:var(--text-small);color:var(--color-text-primary);flex-direction:column;display:flex}.lintje-chart-events__item{align-items:flex-start;gap:var(--space-2);display:flex}.lintje-chart-events__category{font-weight:700}.lintje-chart-skeleton{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.lintje-chart-skeleton__plot{border-left:1px solid var(--color-chart-grid);border-bottom:1px solid var(--color-chart-zero);position:absolute;inset:16px 8px 28px 52px}.lintje-chart-skeleton__fill{position:absolute;inset:0}.lintje-chart-skeleton__y-labels{flex-direction:column;justify-content:space-between;align-items:flex-end;width:44px;display:flex;position:absolute;top:11px;bottom:23px;left:0}.lintje-chart-skeleton__x-labels{justify-content:space-between;display:flex;position:absolute;bottom:7px;left:52px;right:8px}.lintje-chart-skeleton--pie,.lintje-chart-skeleton--donut{align-items:center;gap:var(--space-5);display:flex;container-type:size}.lintje-chart-skeleton__disc{aspect-ratio:1;border-radius:var(--radius-round);flex:none;position:relative}.lintje-chart-skeleton--donut .lintje-chart-skeleton__disc:after{content:"";border-radius:var(--radius-round);background:var(--color-bg-surface);position:absolute;inset:19%}.lintje-chart-skeleton__lines{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;max-width:240px;display:flex}.lintje-chart-skeleton--heatmap{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.lintje-chart-skeleton__zoom{top:var(--space-2);right:var(--space-2);flex-direction:column;display:flex;position:absolute}.lintje-chart-skeleton__zoom-button{width:var(--h-target);height:var(--h-target);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);justify-content:center;align-items:center;margin-top:-1px;display:flex}.lintje-chart-skeleton__zoom-button:first-child{margin-top:0}.lintje-chart-skeleton--table{flex-direction:column;display:flex}.lintje-chart-skeleton__row{height:var(--h-table-row);align-items:center;gap:var(--space-6);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-default);flex:none;display:flex}.lintje-chart-skeleton__measure{margin-left:auto}@media (forced-colors:active){.lintje-chart__bar,.lintje-chart__mark,.lintje-chart__line,.lintje-chart__reveal,.lintje-chart__hover-point,.lintje-chart__hover-casing,.lintje-chart__hit,.lintje-legend__marker,.lintje-chart-tooltip__marker,.lintje-event-chip__number{forced-color-adjust:none}.lintje-chart__data-label{forced-color-adjust:auto}.lintje-chart__axis-label,.lintje-chart__data-label,.lintje-chart__as-of-label,.lintje-chart__as-of-note,.lintje-chart__x-title,.lintje-radar__name{fill:canvastext}.lintje-radar__ring,.lintje-radar__spoke,.lintje-radar__zero{stroke:canvastext}.lintje-chart__data-label--inside{forced-color-adjust:none;fill:var(--color-text-on-fill)}.lintje-chart__data-label--inside-light{forced-color-adjust:none;fill:var(--color-text-on-light-fill)}.lintje-chart__data-label--inside-text{forced-color-adjust:none;fill:var(--color-text-primary)}.lintje-chart__data-label--halo,.lintje-chart__as-of-note,.lintje-chart__axis-label--halo,.lintje-chart__segment{stroke:canvas}.lintje-chart__mark.is-selected{stroke:canvastext}.lintje-chart__focus-ring{flood-color:Highlight}.lintje-chart__focus-gap{flood-color:Canvas}.lintje-chart__event-line{stroke:canvastext}.lintje-chart__event-chip{fill:canvastext}.lintje-chart__event-number{fill:canvas}.lintje-event-chip__number{color:canvas;background:canvastext}}`,d=`.lintje-pie-chart{gap:var(--space-8);padding-top:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.lintje-pie-chart--expanded{gap:var(--space-10);height:100%;padding-top:0}.lintje-pie-chart--expanded .lintje-pie-chart__table{flex:0 440px;min-width:260px}.lintje-pie-chart--legend{align-items:stretch;gap:var(--space-3);flex-flow:column}.lintje-pie-chart--legend .lintje-pie-chart__svg{align-self:center}.lintje-pie-chart__center{font-family:var(--font-ui);fill:var(--color-text-primary);font-size:1.5rem;font-weight:700}.lintje-pie-chart__table{border-collapse:collapse;min-width:200px;font:var(--text-small);flex:1}.lintje-pie-chart__column-label,.lintje-pie-chart__label,.lintje-pie-chart__value,.lintje-pie-chart__total-label,.lintje-pie-chart__total{text-align:left;padding:5px 0;font-weight:400}.lintje-pie-chart__column-label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-default)}.lintje-pie-chart__column-label--numeric,.lintje-pie-chart__value,.lintje-pie-chart__total{padding-left:var(--space-4);text-align:right}.lintje-pie-chart__value,.lintje-pie-chart__total{font-variant-numeric:tabular-nums}.lintje-pie-chart__label{vertical-align:middle}.lintje-pie-chart__label-inner{align-items:flex-start;gap:var(--space-2);display:flex}.lintje-pie-chart__total-label,.lintje-pie-chart__total{border-top:1px solid var(--color-border-default);padding-top:6px;font-weight:700}.lintje-pie-chart__marker{flex:none;width:10px;height:10px;margin-top:calc(.5lh - 5px);display:block}.lintje-pie-chart__svg{flex:none;overflow:visible}.lintje-pie-chart__segment{transition:transform var(--dur-hover) var(--ease-in-motion)}.lintje-pie-chart__segment.is-hovered{transform:scale(1.03)}.lintje-pie-chart__lift{pointer-events:none;filter:drop-shadow(var(--shadow-chart-hover));animation:lintje-pie-lift var(--dur-hover) var(--ease-in-motion) backwards;transform:scale(1.03)}@keyframes lintje-pie-lift{0%{filter:none;transform:none}}.lintje-pie-chart__row.is-hovered{background:var(--color-bg-subtle)}.lintje-pie-chart__row.is-muted .lintje-pie-chart__marker{opacity:.45}.lintje-pie-chart__row.is-selected .lintje-pie-chart__marker{outline:2px solid var(--color-text-primary)}.lintje-pie-chart__row.is-selected .lintje-pie-chart__label{font-weight:700}@media (forced-colors:active){.lintje-pie-chart__lift,.lintje-pie-chart__marker{forced-color-adjust:none}.lintje-pie-chart__center{fill:canvastext}.lintje-pie-chart__row.is-selected .lintje-pie-chart__marker{outline-color:canvastext}}`,f=`.lintje-heatmap{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.lintje-heatmap__grid{border-collapse:separate;border-spacing:3px;width:100%}.lintje-heatmap__column-label,.lintje-heatmap__row-label{font:var(--text-axis);color:var(--color-text-muted);text-align:center;padding:2px;font-weight:400}.lintje-heatmap__row-label{text-align:right;padding-right:var(--space-2);white-space:nowrap;width:1%}.lintje-heatmap__row-label-text{text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}.lintje-heatmap__slot{padding:0}.lintje-heatmap__cell{font-variant-numeric:tabular-nums;background:var(--lintje-cell);width:100%;height:34px;color:var(--color-text-on-light-fill);transition:background-color var(--dur-layer) var(--ease-fade);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.lintje-heatmap__cell--class-4{color:var(--color-text-on-fill)}.lintje-heatmap__cell--class-0{box-shadow:inset 0 0 0 1px var(--color-border-default)}.lintje-heatmap__cell.is-selected{outline-offset:-2px;outline:2px solid}.lintje-heatmap__cell.is-dimmed{background:color-mix(in srgb, var(--lintje-cell) 25%, var(--color-bg-surface));color:var(--color-text-primary)}.lintje-heatmap__cell.is-muted{background:color-mix(in srgb, var(--lintje-cell) 40%, var(--color-bg-surface));color:var(--color-text-primary)}.lintje-heatmap__cell.is-empty{background:var(--color-bg-subtle)}@media (prefers-reduced-motion:no-preference){.lintje-heatmap__cell:not(.is-empty){animation:lintje-fade-in calc(var(--dur-draw) * .6) ease-in-out calc(var(--dur-draw) * .4 * var(--lintje-stagger,0)) backwards;animation-play-state:paused}[data-in-view] .lintje-heatmap__cell:not(.is-empty){animation-play-state:running}}.lintje-heatmap__selection{min-height:var(--h-touch);align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-bg-subtle);font:var(--text-small);display:flex}.lintje-heatmap>.lintje-legend>.lintje-legend__item:first-child .lintje-legend__marker{box-shadow:inset 0 0 0 1px var(--color-border-default)}@media (forced-colors:active){.lintje-heatmap__cell{forced-color-adjust:none}}`,p=a(u),m=[p,a(d),a(f),t];export{o as a,s as i,m as n,l as r,p as t};
44
+ `}var u=`.lintje-chart{gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.lintje-chart--rows{margin-block:auto}.lintje-chart__axis-title{font:var(--text-axis);color:var(--color-text-muted)}.lintje-chart__x-title{font:var(--text-axis);fill:var(--color-text-muted)}.lintje-chart__svg{width:100%;display:block;overflow:visible}.lintje-chart__axis-label{font-family:var(--font-ui);fill:var(--color-chart-axis);font-size:.75rem;font-weight:400}.lintje-chart__data-label{font-family:var(--font-ui);fill:var(--color-text-primary);font-size:.75rem;font-weight:700}.lintje-chart__data-label--inside{fill:var(--color-text-on-fill)}.lintje-chart__data-label--inside-light{fill:var(--color-text-on-light-fill)}.lintje-chart__data-label--inside-text{fill:var(--color-text-primary)}.lintje-chart__data-label--halo,.lintje-chart__axis-label--halo{stroke:var(--color-bg-surface);stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill}.lintje-chart__as-of-label{font-family:var(--font-ui);fill:var(--color-text-primary);font-size:.75rem;font-weight:700}.lintje-chart__as-of-note{font-family:var(--font-ui);fill:var(--color-text-muted);stroke:var(--color-bg-surface);stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill;font-size:.75rem}.lintje-chart__line{stroke-width:2.5px;fill:none;stroke-linejoin:round}.lintje-chart__line--casing{stroke-width:4.5px}.lintje-chart__bar{transform-box:fill-box;transform-origin:50% 100%;transition:transform var(--dur-hover) var(--ease-in-motion), filter var(--dur-hover) var(--ease-in-motion)}.lintje-chart__bar--horizontal{transform-origin:0}.lintje-chart__bar-group:hover .lintje-chart__bar,.lintje-chart__bar-group.is-hovered .lintje-chart__bar{filter:drop-shadow(var(--shadow-chart-hover));transform:scaleX(1.06)}.lintje-chart__bar--lifted{filter:drop-shadow(var(--shadow-chart-hover));pointer-events:none;transform:scaleX(1.06)}.lintje-chart__bar-row:hover .lintje-chart__bar--horizontal,.lintje-chart__bar-row.is-hovered .lintje-chart__bar--horizontal{filter:drop-shadow(var(--shadow-chart-hover));transform:scaleY(1.12)}.lintje-chart__mark.is-clickable{cursor:pointer}.lintje-chart__mark.is-selected{stroke:var(--color-text-primary);stroke-width:2px}.lintje-chart__mark.is-muted{fill-opacity:.45}.lintje-chart__mark:focus{outline:none}.lintje-chart__mark.is-clickable:focus-visible{filter:var(--lintje-focus-ring);outline:none}.lintje-chart__focus-ring{flood-color:var(--color-focus)}.lintje-chart__focus-gap{flood-color:var(--color-bg-surface)}.lintje-chart__segment{stroke:var(--color-bg-surface);stroke-width:1px}.lintje-radar__ring{fill:none;stroke:var(--color-chart-grid);stroke-width:1px}.lintje-radar__spoke{stroke:var(--color-chart-zero);stroke-width:1px}.lintje-radar__spoke.is-active{stroke:var(--color-chart-axis);stroke-width:1.5px}.lintje-radar__name{font:var(--text-small);fill:var(--color-text-primary)}.lintje-radar__no-value{fill:var(--color-text-muted);font-weight:400}.lintje-radar__area{fill-opacity:0;transition:fill-opacity var(--dur-hover) var(--ease-in-motion)}.lintje-radar__area.is-filled{fill-opacity:.14}.lintje-radar__norm{fill:none;stroke:var(--color-chart-emphasis);stroke-width:1.5px;stroke-dasharray:4 3}.lintje-radar__layer{transition:opacity var(--dur-hover) var(--ease-in-motion)}.lintje-radar__layer.is-muted{opacity:.45}.lintje-radar__lift{pointer-events:none}.lintje-radar__zero{stroke:var(--color-chart-zero);stroke-width:1px}.lintje-radar__row.is-active .lintje-radar__name{font-weight:700}@media (prefers-reduced-motion:no-preference){.lintje-chart__reveal{animation:lintje-reveal var(--dur-draw) var(--ease-in-motion) backwards}.lintje-chart__bar-group,.lintje-chart__bar--horizontal{animation-duration:calc(var(--dur-draw) * .6);animation-timing-function:var(--ease-in-motion);animation-delay:calc(var(--dur-draw) * .4 * var(--lintje-stagger,0));animation-fill-mode:backwards}.lintje-chart__bar-group{transform-box:fill-box;transform-origin:50% 100%;animation-name:lintje-grow}.lintje-chart__bar--horizontal{animation-name:lintje-grow-x}.lintje-chart__bar--lifted{animation:lintje-lift var(--dur-hover) var(--ease-in-motion) backwards}.lintje-chart__data-label,.lintje-chart__reference{animation:lintje-fade-in var(--dur-data-label) ease-in-out var(--dur-draw) both}.lintje-chart__point{transform-box:fill-box;transform-origin:50%;animation:lintje-point-grow calc(var(--dur-draw) * .6) var(--ease-in-motion) calc(var(--dur-draw) * .4 * var(--lintje-stagger,0)) backwards}.lintje-chart__reference .lintje-chart__data-label{animation:none}.lintje-radar__layer{animation:lintje-point-grow calc(var(--dur-draw) * .6) var(--ease-in-motion) calc(var(--dur-draw) * .4) backwards}.lintje-chart__reveal,.lintje-chart__bar-group,.lintje-chart__bar--horizontal,.lintje-chart__data-label,.lintje-chart__reference,.lintje-chart__point,.lintje-radar__layer{animation-play-state:paused}[data-in-view] .lintje-chart__reveal,[data-in-view] .lintje-chart__bar-group,[data-in-view] .lintje-chart__bar--horizontal,[data-in-view] .lintje-chart__data-label,[data-in-view] .lintje-chart__reference,[data-in-view] .lintje-chart__point,[data-in-view] .lintje-radar__layer{animation-play-state:running}}@keyframes lintje-reveal{0%{clip-path:inset(-8px calc(100% + 8px) -8px -8px)}to{clip-path:inset(-8px)}}@keyframes lintje-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lintje-lift{0%{filter:none;transform:none}}@keyframes lintje-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lintje-chart__series.is-off,.lintje-chart__point.is-off{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){.lintje-chart__series,.lintje-chart__point{transition:opacity var(--dur-layer) var(--ease-fade), visibility 0s}.lintje-chart__series.is-off,.lintje-chart__point.is-off{transition:opacity var(--dur-layer) var(--ease-fade), visibility 0s var(--dur-layer)}}.lintje-legend{gap:var(--space-2) var(--space-4);font:var(--text-small);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.lintje-chart-wrap>.lintje-legend{margin-bottom:var(--space-3)}.lintje-legend--right{flex-flow:column}.lintje-legend__item{align-items:center;gap:var(--space-2);display:flex}.lintje-legend__button{align-items:center;gap:var(--space-2);font:inherit;color:inherit;display:flex}.lintje-legend__item.is-hidden .lintje-legend__marker{opacity:.45}@media (prefers-reduced-motion:no-preference){.lintje-legend__marker{transition:opacity var(--dur-layer) var(--ease-fade)}}.lintje-legend__item.is-hidden .lintje-legend__label{text-decoration:line-through}.lintje-legend__marker{flex:none;display:block}.lintje-legend__marker--symbol{width:14px;height:14px}.lintje-legend__marker--square{background:currentColor;width:12px;height:12px}.lintje-legend__marker--line{background:currentColor;width:14px;height:3px}.lintje-legend__marker--hatch{background:repeating-linear-gradient(45deg, var(--color-chart-hatch) 0 2px, transparent 2px 6px);border:1px solid var(--color-border-default);width:16px;height:10px}.lintje-legend__marker--dashed{border-top:2px dashed;width:14px;height:0}.lintje-chart-tooltip{z-index:55;pointer-events:none;background:var(--color-bg-surface);border:1px solid var(--color-border-popover);box-shadow:var(--shadow-popover);padding:var(--space-2) 10px;font:var(--text-small);width:max-content;min-width:160px;max-width:320px;position:absolute}.lintje-chart-tooltip__title{margin-bottom:4px;font-weight:700}.lintje-chart-tooltip__row{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.lintje-chart-tooltip__label{align-items:center;gap:var(--space-2);display:flex}.lintje-chart-tooltip__marker{flex:none;width:10px;height:10px}.lintje-chart-tooltip__marker--symbol{width:14px;height:14px}.lintje-chart-tooltip__marker--line{background:currentColor;width:14px;height:3px}.lintje-chart-tooltip__marker--dashed{border-top:2px dashed;width:14px;height:0}.lintje-chart-tooltip__row--divider{border-top:1px solid var(--color-border-popover);margin-top:var(--space-1);padding-top:var(--space-1)}.lintje-chart-tooltip__value{margin-left:var(--space-3);font-weight:700}.lintje-chart-tooltip__event{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border-default);display:flex}.lintje-chart-tooltip__event+.lintje-chart-tooltip__event{border-top:0;padding-top:0}.lintje-chart-wrap{min-width:0;position:relative}[data-tooltip-anchor]{position:relative}.lintje-chart__hover-point{stroke:var(--color-bg-surface);stroke-width:2px;pointer-events:none}.lintje-chart__hover-casing{fill:none;stroke-width:1px;pointer-events:none}.lintje-chart__hit{fill:#0000}.lintje-chart__hit.is-clickable{cursor:pointer}.lintje-chart__event-line{stroke:var(--color-chart-axis);stroke-width:1px}.lintje-chart__event-chip{fill:var(--color-text-primary)}.lintje-chart__event-number{font-family:var(--font-ui);fill:var(--color-text-inverse);font-size:.75rem;font-weight:700}.lintje-event-chip{flex:none;align-items:center;height:1lh;display:flex}.lintje-event-chip__number{width:var(--lintje-event-size);height:var(--lintje-event-size);background:var(--color-text-primary);color:var(--color-text-inverse);font-family:var(--font-ui);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.lintje-chart-events{gap:var(--space-2);margin-top:var(--space-3);font:var(--text-small);color:var(--color-text-primary);flex-direction:column;display:flex}.lintje-chart-events__item{align-items:flex-start;gap:var(--space-2);display:flex}.lintje-chart-events__category{font-weight:700}.lintje-chart-skeleton{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.lintje-chart-skeleton__plot{border-left:1px solid var(--color-chart-grid);border-bottom:1px solid var(--color-chart-zero);position:absolute;inset:16px 8px 28px 52px}.lintje-chart-skeleton__fill{position:absolute;inset:0}.lintje-chart-skeleton__y-labels{flex-direction:column;justify-content:space-between;align-items:flex-end;width:44px;display:flex;position:absolute;top:11px;bottom:23px;left:0}.lintje-chart-skeleton__x-labels{justify-content:space-between;display:flex;position:absolute;bottom:7px;left:52px;right:8px}.lintje-chart-skeleton--pie,.lintje-chart-skeleton--donut{align-items:center;gap:var(--space-5);display:flex;container-type:size}.lintje-chart-skeleton__disc{aspect-ratio:1;border-radius:var(--radius-round);flex:none;position:relative}.lintje-chart-skeleton--donut .lintje-chart-skeleton__disc:after{content:"";border-radius:var(--radius-round);background:var(--color-bg-surface);position:absolute;inset:19%}.lintje-chart-skeleton__lines{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;max-width:240px;display:flex}.lintje-chart-skeleton--heatmap{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.lintje-chart-skeleton__zoom{top:var(--space-2);right:var(--space-2);flex-direction:column;display:flex;position:absolute}.lintje-chart-skeleton__zoom-button{width:var(--h-target);height:var(--h-target);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);justify-content:center;align-items:center;margin-top:-1px;display:flex}.lintje-chart-skeleton__zoom-button:first-child{margin-top:0}.lintje-chart-skeleton--table{flex-direction:column;display:flex}.lintje-chart-skeleton__row{height:var(--h-table-row);align-items:center;gap:var(--space-6);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-default);flex:none;display:flex}.lintje-chart-skeleton__measure{margin-left:auto}@media (forced-colors:active){.lintje-chart__bar,.lintje-chart__mark,.lintje-chart__line,.lintje-chart__reveal,.lintje-chart__hover-point,.lintje-chart__hover-casing,.lintje-chart__hit,.lintje-legend__marker,.lintje-chart-tooltip__marker,.lintje-event-chip__number{forced-color-adjust:none}.lintje-chart__data-label{forced-color-adjust:auto}.lintje-chart__axis-label,.lintje-chart__data-label,.lintje-chart__as-of-label,.lintje-chart__as-of-note,.lintje-chart__x-title,.lintje-radar__name{fill:canvastext}.lintje-radar__ring,.lintje-radar__spoke,.lintje-radar__zero{stroke:canvastext}.lintje-chart__data-label--inside{forced-color-adjust:none;fill:var(--color-text-on-fill)}.lintje-chart__data-label--inside-light{forced-color-adjust:none;fill:var(--color-text-on-light-fill)}.lintje-chart__data-label--inside-text{forced-color-adjust:none;fill:var(--color-text-primary)}.lintje-chart__data-label--halo,.lintje-chart__as-of-note,.lintje-chart__axis-label--halo,.lintje-chart__segment{stroke:canvas}.lintje-chart__mark.is-selected{stroke:canvastext}.lintje-chart__focus-ring{flood-color:Highlight}.lintje-chart__focus-gap{flood-color:Canvas}.lintje-chart__event-line{stroke:canvastext}.lintje-chart__event-chip{fill:canvastext}.lintje-chart__event-number{fill:canvas}.lintje-event-chip__number{color:canvas;background:canvastext}}`,d=`.lintje-pie-chart{gap:var(--space-8);padding-top:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.lintje-pie-chart--expanded{gap:var(--space-10);height:100%;padding-top:0}.lintje-pie-chart--expanded .lintje-pie-chart__table{flex:0 440px;min-width:260px}.lintje-pie-chart--legend{align-items:stretch;gap:var(--space-3);flex-flow:column}.lintje-pie-chart--legend .lintje-pie-chart__svg{align-self:center}.lintje-pie-chart__center{font-family:var(--font-ui);fill:var(--color-text-primary);font-size:1.5rem;font-weight:700}.lintje-pie-chart__table{border-collapse:collapse;min-width:200px;font:var(--text-small);flex:1}.lintje-pie-chart__column-label,.lintje-pie-chart__label,.lintje-pie-chart__value,.lintje-pie-chart__total-label,.lintje-pie-chart__total{text-align:left;padding:5px 0;font-weight:400}.lintje-pie-chart__column-label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-default)}.lintje-pie-chart__column-label--numeric,.lintje-pie-chart__value,.lintje-pie-chart__total{padding-left:var(--space-4);text-align:right}.lintje-pie-chart__value,.lintje-pie-chart__total{font-variant-numeric:tabular-nums}.lintje-pie-chart__label{vertical-align:middle}.lintje-pie-chart__label-inner{align-items:flex-start;gap:var(--space-2);display:flex}.lintje-pie-chart__total-label,.lintje-pie-chart__total{border-top:1px solid var(--color-border-default);padding-top:6px;font-weight:700}.lintje-pie-chart__marker{flex:none;width:10px;height:10px;margin-top:calc(.5lh - 5px);display:block}.lintje-pie-chart__svg{flex:none;overflow:visible}.lintje-pie-chart__segment{transition:transform var(--dur-hover) var(--ease-in-motion)}.lintje-pie-chart__segment.is-hovered{transform:scale(1.03)}.lintje-pie-chart__lift{pointer-events:none;filter:drop-shadow(var(--shadow-chart-hover));animation:lintje-pie-lift var(--dur-hover) var(--ease-in-motion) backwards;transform:scale(1.03)}@keyframes lintje-pie-lift{0%{filter:none;transform:none}}.lintje-pie-chart__row.is-hovered{background:var(--color-bg-subtle)}.lintje-pie-chart__row.is-muted .lintje-pie-chart__marker{opacity:.45}.lintje-pie-chart__row.is-selected .lintje-pie-chart__marker{outline:2px solid var(--color-text-primary)}.lintje-pie-chart__row.is-selected .lintje-pie-chart__label{font-weight:700}@media (forced-colors:active){.lintje-pie-chart__lift,.lintje-pie-chart__marker{forced-color-adjust:none}.lintje-pie-chart__center{fill:canvastext}.lintje-pie-chart__row.is-selected .lintje-pie-chart__marker{outline-color:canvastext}}`,f=`.lintje-heatmap{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.lintje-heatmap__grid{border-collapse:separate;border-spacing:3px;width:100%}.lintje-heatmap__column-label,.lintje-heatmap__row-label{font:var(--text-axis);color:var(--color-text-muted);text-align:center;padding:2px;font-weight:400}.lintje-heatmap__row-label{text-align:right;padding-right:var(--space-2);white-space:nowrap;width:1%}.lintje-heatmap__row-label-text{text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}@media (hover:none),screen and (width<=767px){.lintje-heatmap__row-label{white-space:normal}.lintje-heatmap__row-label-text{overflow-wrap:anywhere}}.lintje-heatmap__slot{padding:0}.lintje-heatmap__cell{font-variant-numeric:tabular-nums;background:var(--lintje-cell);width:100%;height:34px;color:var(--color-text-on-light-fill);transition:background-color var(--dur-layer) var(--ease-fade);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.lintje-heatmap__cell--class-4{color:var(--color-text-on-fill)}.lintje-heatmap__cell--class-0{box-shadow:inset 0 0 0 1px var(--color-border-default)}.lintje-heatmap__cell.is-selected{outline-offset:-2px;outline:2px solid}.lintje-heatmap__cell.is-dimmed{background:color-mix(in srgb, var(--lintje-cell) 25%, var(--color-bg-surface));color:var(--color-text-primary)}.lintje-heatmap__cell.is-muted{background:color-mix(in srgb, var(--lintje-cell) 40%, var(--color-bg-surface));color:var(--color-text-primary)}.lintje-heatmap__cell.is-empty{background:var(--color-bg-subtle)}@media (prefers-reduced-motion:no-preference){.lintje-heatmap__cell:not(.is-empty){animation:lintje-fade-in calc(var(--dur-draw) * .6) ease-in-out calc(var(--dur-draw) * .4 * var(--lintje-stagger,0)) backwards;animation-play-state:paused}[data-in-view] .lintje-heatmap__cell:not(.is-empty){animation-play-state:running}}.lintje-heatmap__selection{min-height:var(--h-touch);align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-bg-subtle);font:var(--text-small);display:flex}.lintje-heatmap>.lintje-legend>.lintje-legend__item:first-child .lintje-legend__marker{box-shadow:inset 0 0 0 1px var(--color-border-default)}@media (forced-colors:active){.lintje-heatmap__cell{forced-color-adjust:none}}`,p=a(u),m=[p,a(d),a(f),r];export{o as a,s as i,m as n,l as r,p as t};
@@ -0,0 +1 @@
1
+ var e=/* @__PURE__ */ new Set([`input`,`select`,`textarea`,`button`]);function t(e){let t=e.name;return typeof t==`string`&&t?t:e.getAttribute(`name`)??``}function n(e){return Array.from(e.querySelectorAll(`*`)).filter(r)}function r(t){return e.has(t.localName)||t.localName.startsWith(`lintje-`)&&`disabled`in t}function i(e){return n(e).filter(e=>t(e)!==``)}function a(e){return e instanceof HTMLElement?[...r(e)&&t(e)!==``?[e]:[],...i(e)]:[]}var o=`other`,s=`-other`;function c(e){return`otherText`in e&&e.other===!0}function l(e){return e.querySelector(`[data-other]`)}function u(e){return Array.isArray(e)?e.includes(o):e===o}function d(e,n){let r=e.find(e=>t(e)===n);if(r)return{control:r,other:!1};if(!n.endsWith(`-other`))return null;let i=n.slice(0,-6),a=e.find(e=>t(e)===i&&c(e));return a?{control:a,other:!0}:null}var f={read:e=>e.value,write:(e,t)=>{e.value=t}},p={read:e=>!!e.checked,write:(e,t)=>{e.checked=!!t}},m={"lintje-checkbox":p,"lintje-toggle":p,"lintje-multiselect":{read:e=>[...e.selected??[]],write:(e,t)=>{e.selected=Array.isArray(t)?[...t]:[]}},"lintje-checkbox-group":{read:e=>[...e.selected??[]],write:(e,t)=>{e.selected=Array.isArray(t)?[...t]:[]}},"lintje-date-range":{read:e=>({...e.range}),write:(e,t)=>{e.range={from:null,to:null,...t}}},"lintje-range":{read:e=>e.single?e.value:[e.from,e.to],write:(e,t)=>{e.single?e.value=t:Array.isArray(t)&&([e.from,e.to]=t)}},"lintje-file-upload":{read:e=>(e.files??[]).filter(e=>e.state===`done`).map(e=>e.id)}};function h(e){return e instanceof HTMLInputElement?e.type===`checkbox`||e.type===`radio`?p:f:m[e.localName]??f}function g(e){return h(e).read(e)}function _(e,t){let{write:n}=h(e);return n?(n(e,t),!0):!1}function v(e,t){return typeof t==`boolean`?t?[[e,`on`]]:[]:Array.isArray(t)?t.map(t=>[e,String(t??``)]):typeof t==`object`&&t?Object.entries(t).map(([t,n])=>[`${e}-${t}`,String(n??``)]):[[e,String(t??``)]]}function y(e){let t=v(``,e);return t.length===0||t.some(([,e])=>e===``)}function b(e){return e.localName.startsWith(`lintje-`)}var x=`input, textarea, select, button, a[href], [tabindex]:not([tabindex="-1"])`;function S(e,t){(e.shadowRoot?.querySelector(x)??(e.matches(x)?e:e.querySelector(x))??e).focus(t)}var C=class{#e;#t=/* @__PURE__ */ new Map;constructor(e){this.#e=e}get active(){return this.#t.size>0}apply(e,t){for(let n of e){let e=n;this.#t.has(n)||this.#t.set(n,e[this.#e]),e[this.#e]=t}}release(){for(let[e,t]of this.#t)e[this.#e]=t;this.#t.clear()}},w=class{#e;#t=/* @__PURE__ */ new Map;constructor(e){this.#e=e}apply(e,t){for(let n of e)this.#t.has(n)||this.#t.set(n,n.hasAttribute(this.#e)),n.toggleAttribute(this.#e,t)}release(){for(let[e,t]of this.#t)e.toggleAttribute(this.#e,t);this.#t.clear()}};export{g as _,b as a,n as c,c as d,i as f,y as g,l as h,C as i,S as l,u as m,s as n,d as o,a as p,o as r,t as s,w as t,v as u,_ as v};
@@ -0,0 +1 @@
1
+ import{Jt as e,qt as t}from"./base-BsZyWDre.js";import{t as n}from"./focus-trap-BDxiHED1.js";var r=class{#e=new n;#t;#n=null;#r=e=>{e.key===`Escape`&&this.#e.isTopmost()&&this.#t()};constructor(e){this.#t=e}get held(){return this.#n!==null}isTopmost(){return this.#e.isTopmost()}hold(n,{focus:r=!1,scroller:i}={}){this.#n||(this.#n=i?t(i):e(),document.addEventListener(`keydown`,this.#r),this.#e.activate(n,{focus:r}))}release(){this.#n&&(document.removeEventListener(`keydown`,this.#r),this.#n(),this.#n=null,this.#e.deactivate())}},i=`.lintje-dialog-close{width:var(--h-icon-button);height:var(--h-icon-button);color:var(--color-text-muted);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.lintje-dialog-close:after{content:"";inset:min(0px, calc((100% - var(--h-target)) / 2));position:absolute}.lintje-dialog-close[aria-disabled=true]{cursor:not-allowed;color:var(--color-text-disabled)}@media (forced-colors:active){.lintje-dialog-close[aria-disabled=true]{color:graytext}}`;export{r as n,i as t};
@@ -1,4 +1,4 @@
1
- import{ft as e,in as t,nn as n,pt as r}from"./base-DuuwEY22.js";import{t as i}from"./transition-DZKyyCQs.js";var a=0;function o(){return a+=1,`lintje-disclosure-${a}`}var s=class{#e;#t;#n;constructor(e){this.settled=!0,this.#e=e,e.addController(this)}hostDisconnected(){clearTimeout(this.#t)}observe(e,t){if(e===this.#n)return;let n=this.#n===void 0;if(this.#n=e,n)return;if(clearTimeout(this.#t),!e){this.#r(!1);return}let r=i(t);this.#r(!(r>0)),this.settled||(this.#t=setTimeout(()=>this.#r(!0),r))}#r(e){this.settled!==e&&(this.settled=e,this.#e.requestUpdate())}};function c(i){let a=e(`functioneel-delta-omlaag`,{size:16,className:`lintje-disclosure__chevron`}),{bodyId:o,open:s,title:c,subtitle:l,icon:u,leading:d,toggle:f}=i;return t`<h3 class="lintje-disclosure__heading">
1
+ import{_t as e,cn as t,gt as n,on as r}from"./base-BsZyWDre.js";import{t as i}from"./transition-DZKyyCQs.js";var a=0;function o(){return a+=1,`lintje-disclosure-${a}`}var s=class{#e;#t;#n;constructor(e){this.settled=!0,this.#e=e,e.addController(this)}hostDisconnected(){clearTimeout(this.#t)}observe(e,t){if(e===this.#n)return;let n=this.#n===void 0;if(this.#n=e,n)return;if(clearTimeout(this.#t),!e){this.#r(!1);return}let r=i(t);this.#r(!(r>0)),this.settled||(this.#t=setTimeout(()=>this.#r(!0),r))}#r(e){this.settled!==e&&(this.settled=e,this.#e.requestUpdate())}};function c(i){let a=n(`functioneel-delta-omlaag`,{size:16,className:`lintje-disclosure__chevron`}),{bodyId:o,open:s,title:c,subtitle:l,icon:u,leading:d,toggle:f}=i;return t`<h3 class="lintje-disclosure__heading">
2
2
  <button
3
3
  type="button"
4
4
  class="lintje-disclosure__header"
@@ -6,14 +6,14 @@ import{ft as e,in as t,nn as n,pt as r}from"./base-DuuwEY22.js";import{t as i}fr
6
6
  aria-controls=${o}
7
7
  @click=${f}
8
8
  >
9
- ${d?a:n}
9
+ ${d?a:r}
10
10
  <span class="lintje-disclosure__label ${!u&&!l?`lintje-disclosure__label--plain`:``}">
11
- ${r(u,`lintje-disclosure__icon`)}<span class="lintje-disclosure__title"
11
+ ${e(u,`lintje-disclosure__icon`)}<span class="lintje-disclosure__title"
12
12
  >${c}</span
13
13
  >
14
- ${l?t`<span class="lintje-disclosure__sub">${l}</span>`:n}
14
+ ${l?t`<span class="lintje-disclosure__sub">${l}</span>`:r}
15
15
  </span>
16
- ${d?n:a}
16
+ ${d?r:a}
17
17
  </button>
18
18
  </h3>`}function l(e,n,r){return t`<div class="lintje-disclosure__body" id=${e}>
19
19
  <div class="lintje-disclosure__body-inner">
@@ -1,4 +1,4 @@
1
- import{P as e,in as t,nn as n}from"./base-DuuwEY22.js";import"../tag/modal.js";var r=class extends e{constructor(...e){super(...e),this.expanded=!1}static{this.properties={expanded:{state:!0}}}expand(e){this.expanded!==e&&(this.expanded=e,this.expandChanged(e))}expandChanged(e){}renderExpandModal(e,r){let{heading:i,subtitle:a,footnote:o,csv:s,png:c}=r;return t`<lintje-modal
1
+ import{P as e,cn as t,on as n}from"./base-BsZyWDre.js";import"../tag/modal.js";var r=class extends e{constructor(...e){super(...e),this.expanded=!1}static{this.properties={expanded:{state:!0}}}expand(e){this.expanded!==e&&(this.expanded=e,this.expandChanged(e))}expandChanged(e){}renderExpandModal(e,r){let{heading:i,subtitle:a,footnote:o,csv:s,png:c}=r;return t`<lintje-modal
2
2
  .open=${this.expanded}
3
3
  heading=${i??`Vergroot`}
4
4
  subtitle=${a??n}
@@ -0,0 +1 @@
1
+ import{at as e,nt as t}from"./base-BsZyWDre.js";var n=[`a[href]`,`area[href]`,`button:not([disabled])`,`input:not([disabled]):not([type="hidden"])`,`select:not([disabled])`,`textarea:not([disabled])`,`iframe`,`[contenteditable]:not([contenteditable="false"])`,`[tabindex]`].join(`,`);function r(e,t){let n=Array.from(e.querySelectorAll(`slot`),e=>e.assignedElements({flatten:!0})).flat();for(;t;){if(t===e||n.includes(t))return!0;t=t.parentNode??(t instanceof ShadowRoot?t.host:null)}return!1}function i(e){return!e.matches(n)||e.tabIndex<0?!1:typeof e.checkVisibility!=`function`||e.checkVisibility({visibilityProperty:!0})}function a(e){let t=[],n=e=>{if(e.hasAttribute(`inert`)||e.hasAttribute(`hidden`))return;e instanceof HTMLElement&&i(e)&&t.push(e);let r=e instanceof HTMLSlotElement?e.assignedElements({flatten:!0}):Array.from((e.shadowRoot??e).children);for(let e of r)n(e)};for(let t of Array.from(e.children))n(t);return t}function o(t,n){let r=a(document.body),i=r.indexOf(t);return i<0?null:r.slice(i+1).find(t=>!e(t,n))??null}function s(e){return i(e)?e:a(e.shadowRoot??e)[0]??e}var c=[],l=class{#e=null;#t=null;isTopmost(){return this.#e!==null&&c[c.length-1]===this}#n=e=>{let n=this.#e;if(e.key!==`Tab`||!n?.isConnected||!this.isTopmost())return;let r=a(n);if(r.length===0){e.preventDefault(),n.focus();return}let i=r.indexOf(t()),o=r[0],s=r[r.length-1];e.shiftKey&&i<=0?(e.preventDefault(),s.focus()):!e.shiftKey&&(i===-1||i===r.length-1)&&(e.preventDefault(),o.focus())};#r=()=>{let e=this.#e;e?.isConnected&&this.isTopmost()&&(r(e,t())||e.focus())};activate(e,{focus:n=!0}={}){let r=this.#e?this.#t:t();this.#e&&this.deactivate(!1),this.#t=r,this.#e=e,c.push(this),document.addEventListener(`keydown`,this.#n),document.addEventListener(`focusin`,this.#r),n instanceof HTMLElement?s(n).focus():n&&e.focus()}deactivate(e=!0){if(!this.#e)return;document.removeEventListener(`keydown`,this.#n),document.removeEventListener(`focusin`,this.#r);let t=c.indexOf(this);t!==-1&&c.splice(t,1),this.#e=null;let n=this.#t;this.#t=null,e&&n?.isConnected&&n.focus()}};export{a as i,s as n,o as r,l as t};
@@ -0,0 +1 @@
1
+ function e(e,t,n,r){return r<=8?!0:t<n-1?!1:e}export{e as t};
@@ -0,0 +1,8 @@
1
+ import{P as e,cn as t,gt as n,on as r,pt as i,rt as a}from"./base-BsZyWDre.js";import{_ as o,g as s,h as c,n as l,r as u,u as d,v as f}from"./controls-lVYdiFQu.js";function p(e,t,n){return t?n.errorId:e?n.hintId:r}function m(e,i,a,o=!0){return i?t`<span id=${a.errorId} class="lintje-field__error" role=${o?`alert`:r}
2
+ >${n(`functioneel-waarschuwing`,{size:14})}${i}</span
3
+ >`:e?t`<span id=${a.hintId} class="lintje-field__hint">${e}</span>`:r}var h=`(niet verplicht)`,g=`afwijkend van standaard`,_=`Vul dit veld in.`,v=class extends e{static{this.properties={name:{type:String},label:{type:String},hideLabel:{type:Boolean,attribute:`hide-label`},hint:{type:String},error:{type:String},disabled:{type:Boolean,reflect:!0},modified:{type:Boolean,reflect:!0},required:{type:Boolean,reflect:!0},optional:{type:Boolean},layout:{type:String,reflect:!0},resetLabel:{type:String,attribute:`reset-label`}}}static{this.formAssociated=!0}#e;#t;#n;#r;constructor(){super(),this.name=``,this.label=``,this.hideLabel=!1,this.disabled=!1,this.modified=!1,this.required=!1,this.optional=!1,this.internals=typeof this.attachInternals==`function`?this.attachInternals():null,this.#t=!1,this.#n=!1,this.#r=!1,this.addController({hostUpdated:()=>this.syncForm()})}get postedValue(){return o(this)}syncForm(){if(this.#t||(this.#t=!0,this.#e=structuredClone(o(this))),!this.internals)return;let e=new FormData;if(this.name&&!this.isDisabled){let t=[...d(this.name,this.postedValue),...this.formExtras];for(let[n,r]of t)e.append(n,r)}this.internals.setFormValue(e),this.syncValidity()}get formExtras(){return[]}get missing(){return this.required&&!this.isDisabled&&s(this.postedValue)}syncValidity(){let e=this.internals;if(!e)return;if(!this.missing){e.setValidity({});return}let t=this.focusTarget,n=t?.validationMessage||_;if(e.setValidity({valueMissing:!0},n,t??void 0),t||this.#n)return;this.#n=!0;let r=[...this.renderRoot.querySelectorAll(`*`)].map(e=>e.updateComplete);Promise.all(r).then(()=>{this.syncValidity(),this.#n=!1})}formResetCallback(){f(this,structuredClone(this.#e))}formDisabledCallback(e){e!==this.#r&&(this.#r=e,this.isUpdatePending?this.updateComplete.then(()=>this.requestUpdate()):this.requestUpdate())}get isDisabled(){return this.disabled||this.#r}get labelId(){return`lintje-input-label`}get controlId(){return`lintje-input-control`}get focusTarget(){let e=this.renderRoot;return e.querySelector(`#${this.controlId}`)??e.querySelector(`input[type="radio"]:checked:not(:disabled)`)??[...e.querySelectorAll(`input, select, button, textarea`)].find(e=>!e.disabled)??null}focusControl(e){this.isDisabled||this.focusTarget?.focus(e)}focus(e){this.focusControl(e)}get hintId(){return`lintje-input-hint`}get errorId(){return`lintje-input-error`}get footMessage(){return this.error??``}get describedBy(){return p(this.hint,this.footMessage,{hintId:this.hintId,errorId:this.errorId})}commit(e){this.announce(e)}announce(e,t=e){this.isDisabled||(this.emitLocal(`lintje-change`,e),this.name&&this.emit(`lintje-values-change`,this.valuesChange(t)))}valuesChange(e){return{[this.name]:e}}renderLabel(e,n=r){let a=()=>this.focusControl();if(this.hideLabel){let n=this.renderLabelSuffix();return e?t`<label id=${this.labelId} for=${e} class="visually-hidden">${this.label} ${n}</label>`:t`<span id=${this.labelId} class="visually-hidden" @click=${a}>${this.label} ${n}</span>`}let o=i({"lintje-label":!0,"is-modified":this.modified}),s=this.modified?t`<span class="lintje-label__dot"><span class="visually-hidden">${g}</span></span>`:r,c=this.renderLabelSuffix();return e?t`<label id=${this.labelId} for=${e} class=${o}>${this.label} ${c} ${s} ${n}</label>`:t`<span id=${this.labelId} class=${o} @click=${a}>${this.label} ${c} ${s} ${n}</span>`}renderLabelSuffix(){return this.isOptional?t`<span class="lintje-label__optional">${h}</span>`:r}get isOptional(){return this.optional&&!this.required}get labelSuffixText(){return[this.isOptional?h:``,this.modified&&!this.hideLabel?g:``].filter(Boolean).map(e=>` ${e}`).join(``)}get labelText(){return this.label?`${this.label}${this.labelSuffixText}`:``}renderFoot(){let e=m(this.hint,this.footMessage,{hintId:this.hintId,errorId:this.errorId});return t`${e}${this.renderReset()}`}renderReset(){if(!this.modified||!this.resetLabel)return r;let e=()=>{this.focusControl(),this.emitLocal(`lintje-reset`)},n=this.label?t`<span class="visually-hidden">, ${this.label}</span>`:r;return t`<button
4
+ type="button"
5
+ class="lintje-field__reset"
6
+ ?disabled=${this.isDisabled}
7
+ @click=${e}
8
+ >${this.resetLabel}${n}</button>`}},y=class extends v{constructor(...e){super(...e),this.readonly=!1,this.initialValue=void 0}static{this.properties={name:{type:String,reflect:!0},readonly:{type:Boolean,reflect:!0}}}get nativeControl(){return this.renderRoot.querySelector(`#${this.controlId}`)}announce(e,t=e){this.readonly||super.announce(e,t)}firstUpdated(e){super.firstUpdated(e),this.initialValue=this.value}get postedValue(){return this.formValue}get missing(){return super.missing&&!this.readonly}syncForm(){}updated(e){super.updated(e),this.internals?.setFormValue(this.isDisabled?null:this.formValue),this.syncValidity()}submitOnEnter(e,t){if(e.key!==`Enter`||e.isComposing||this.readonly||this.isDisabled)return;t();let n=this.internals?.form;n&&typeof n.requestSubmit==`function`&&setTimeout(()=>{e.defaultPrevented||n.requestSubmit()})}formResetCallback(){this.value=this.initialValue;let e=this.nativeControl;e&&(e.value=this.formValue),this.requestUpdate()}},b=class extends v{constructor(...e){super(...e),this.other=!1,this.otherLabel=`Anders, namelijk`,this.otherText=``,this.#e=``,this.#t=/* @__PURE__ */ new Set,this.#n=!1}static{this.properties={other:{type:Boolean},otherLabel:{type:String,attribute:`other-label`},otherText:{attribute:!1},otherPlaceholder:{type:String,attribute:`other-placeholder`},otherError:{type:String,attribute:`other-error`}}}#e;#t;#n;warnOnce(e,t){this.#t.has(e)||(this.#t.add(e),console.warn(`<${this.localName}>: ${t}`))}get drawsOther(){return this.other?!(this.options??[]).some(e=>e.value===`other`)||(this.warnOnce(`clash`,`an option has the value "${u}"; "other" draws nothing.`),!1):!1}get otherOpen(){return this.drawsOther&&this.otherChosen}get formExtras(){return this.otherOpen?[[`${this.name}${l}`,this.otherText??``]]:[]}valuesChange(e){let t=super.valuesChange(e);return this.drawsOther?{...t,[`${this.name}${l}`]:this.otherOpen?this.otherText:null}:t}commitOther(e){this.isDisabled||(this.otherText=e,this.emitLocal(`lintje-other-change`,e),this.name&&this.emit(`lintje-values-change`,this.valuesChange(o(this))))}async focusOther(){await this.updateComplete;let e=c(this.renderRoot);await e?.updateComplete,e?.focus()}formResetCallback(){super.formResetCallback(),this.otherText=this.#e}willUpdate(e){super.willUpdate(e),this.hasUpdated||(this.#e=this.otherText??``);let t=c(this.renderRoot);this.#n=!!(t&&!this.otherOpen&&a(t))}updated(e){super.updated(e),this.#n&&(this.#n=!1,this.otherOption?.focus())}};export{m as a,p as i,y as n,v as r,b as t};
@@ -0,0 +1 @@
1
+ var e=`:host(lintje-multiselect),:host(lintje-range){width:180px;min-width:0;display:block}:host(lintje-text-input),:host(lintje-number-input),:host(lintje-checkbox),:host(lintje-checkbox-group),:host(lintje-toggle),:host(lintje-radio-group){min-width:0;display:block}:host([hidden]){display:none}:host{--lintje-choice-control:24px;--lintje-choice-gap:10px}:host(lintje-toggle){--lintje-choice-control:40px}.lintje-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.lintje-label{align-items:baseline;gap:var(--space-2);color:var(--color-text-primary);padding:0;font-size:.875rem;font-weight:700;display:flex}.lintje-label.is-modified{color:var(--color-accent-text)}.lintje-label__dot{border-radius:var(--radius-round);background:var(--color-attention);flex:none;align-self:center;width:6px;height:6px}:host(:disabled) .lintje-label{color:var(--color-text-disabled)}.lintje-label__optional{color:var(--color-text-muted);font-weight:400}:host(:disabled) .lintje-label__optional{color:var(--color-text-disabled)}.lintje-field__value{color:var(--color-text-muted);white-space:nowrap;font-weight:400}.lintje-field__hint{font:var(--text-small);color:var(--color-text-muted)}.lintje-field__error{align-items:center;gap:var(--space-2);font:var(--text-small);color:var(--color-error-text);font-weight:700;display:flex}.lintje-field__addon{padding:0 var(--space-3);background:var(--color-bg-subtle);color:var(--color-text-muted);white-space:nowrap;flex:none;align-items:center;font-size:1rem;display:flex}.lintje-field__addon--prefix{border-right:1px solid var(--color-border-default)}.lintje-field__addon--suffix{border-left:1px solid var(--color-border-default)}.lintje-field__addon.is-readonly,.lintje-field__addon.is-disabled{background:var(--color-border-strong);border-color:var(--color-border-strong)}.lintje-field__addon.is-readonly{color:var(--color-text-primary)}.lintje-field__addon.is-disabled{color:var(--color-text-disabled)}:host([layout=row]){width:100%;container-type:inline-size}@container (width>=35rem){:host([layout=row]) .lintje-field{grid-template-columns:minmax(0, 1fr) minmax(0, calc(8 * var(--space-10)));gap:var(--space-1) var(--space-8);align-items:center;display:grid}:host([layout=row]) .lintje-field>*{grid-column:2}:host([layout=row]) .lintje-field>.lintje-label{font:var(--text-ui);grid-area:1/1}:host([layout=row]) .lintje-field>.lintje-field__hint,:host([layout=row]) .lintje-field>.lintje-field__error{grid-area:2/1;align-self:start;margin:0}:host([layout=row]) .lintje-field>.lintje-field__reset{grid-area:3/1}:host([layout=row]) .lintje-field>.lintje-choice{flex-direction:row-reverse;grid-area:1/1/auto/-1;justify-content:space-between}}.lintje-field__reset{min-height:var(--h-target);color:var(--color-link);font:var(--text-small);cursor:pointer;background:0 0;border:0;place-self:flex-start start;padding:0;font-weight:700;text-decoration:underline}.lintje-field__reset:hover{color:var(--color-link-hover)}.lintje-choice{align-items:center;gap:var(--lintje-choice-gap);min-height:var(--h-target);cursor:pointer;font-size:1rem;display:flex}.lintje-choice~.lintje-field__hint,.lintje-choice~.lintje-field__error{margin:calc(var(--space-2) * -1) 0 var(--space-2) calc(var(--lintje-choice-control) + var(--lintje-choice-gap))}.lintje-choice__input{opacity:0;width:0;height:0;position:absolute}.lintje-choice__label.is-modified{color:var(--color-accent-text);font-weight:700}.lintje-choice__other{margin:var(--space-1) 0 var(--space-1) calc(24px + 10px);animation:lintje-fade-in var(--dur-base) var(--ease-in-motion) both}@media screen and (width<=767px){.lintje-choice__other{--h-control:var(--h-touch)}}.lintje-choice__box{width:var(--lintje-choice-control);height:var(--lintje-choice-control);border:2px solid var(--color-border-choice);background:var(--color-bg-surface);color:var(--color-action-primary-text);transition:background-color var(--dur-hover) var(--ease-in-motion), border-color var(--dur-hover) var(--ease-in-motion);flex:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;line-height:1;display:flex}.lintje-choice__mark{opacity:0;transition:opacity var(--dur-hover) var(--ease-in-motion), transform var(--dur-hover) var(--ease-in-motion);transform:scale(.4)}.lintje-choice__input:checked~.lintje-choice__box .lintje-choice__mark,.lintje-choice__input:indeterminate~.lintje-choice__box .lintje-choice__mark{opacity:1;transform:none}.lintje-choice__input:checked~.lintje-choice__box,.lintje-choice__input:indeterminate~.lintje-choice__box{background:var(--color-accent);border-color:var(--color-action-primary-border)}.lintje-choice__input:focus-visible~.lintje-choice__box,.lintje-choice__input:focus-visible~.lintje-choice__radio,.lintje-choice__input:focus-visible~.lintje-choice__switch{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.lintje-choice__radio{width:var(--lintje-choice-control);height:var(--lintje-choice-control);border:2px solid var(--color-border-choice);background:var(--color-bg-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.lintje-choice__input:checked~.lintje-choice__radio{border-color:var(--color-accent-line)}.lintje-choice__input:checked~.lintje-choice__radio:after{content:"";background:var(--color-accent-line);border-radius:50%;width:12px;height:12px}.lintje-choice__switch{box-sizing:border-box;width:var(--lintje-choice-control);background:var(--color-border-field);height:22px;transition:background var(--dur-hover) var(--ease-in-motion);border-radius:11px;flex:none;align-items:center;padding:2px;display:flex}.lintje-choice__knob{background:var(--color-bg-surface);width:18px;height:18px;transition:transform var(--dur-hover) var(--ease-in-motion);border-radius:50%;display:block}.lintje-choice__input:checked~.lintje-choice__switch{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-action-primary-border)}.lintje-choice__input:checked~.lintje-choice__switch .lintje-choice__knob{transform:translate(18px)}.lintje-choice.is-disabled{color:var(--color-text-disabled);cursor:not-allowed}.lintje-choice__input:disabled~.lintje-choice__box,.lintje-choice__input:disabled~.lintje-choice__radio{border-color:var(--color-border-strong);background:var(--color-bg-subtle);color:var(--color-text-disabled)}.lintje-choice__input:disabled:checked~.lintje-choice__box,.lintje-choice__input:disabled:checked~.lintje-choice__radio:after{background:var(--color-border-strong)}.lintje-choice__input:disabled~.lintje-choice__switch{background:var(--color-border-default);box-shadow:none}:host([stacked]){--h-control:var(--h-touch);width:100%}@media (forced-colors:active){.lintje-label__dot{forced-color-adjust:none;background:canvastext}.lintje-choice__input:focus-visible~.lintje-choice__box,.lintje-choice__input:focus-visible~.lintje-choice__radio,.lintje-choice__input:focus-visible~.lintje-choice__switch{outline-color:highlight}.lintje-choice__input:checked~.lintje-choice__box,.lintje-choice__input:indeterminate~.lintje-choice__box,.lintje-choice__input:checked~.lintje-choice__radio{border-color:highlight}.lintje-choice__radio:after{forced-color-adjust:none}.lintje-choice__input:checked~.lintje-choice__radio:after{background:highlight}.lintje-choice__switch{border:1px solid canvastext;padding:1px}.lintje-choice__input:checked~.lintje-choice__switch{border-color:highlight}.lintje-choice__knob{forced-color-adjust:none;background:canvastext}.lintje-choice__input:checked~.lintje-choice__switch .lintje-choice__knob{background:highlight}.lintje-choice__input:disabled~.lintje-choice__box,.lintje-choice__input:disabled~.lintje-choice__radio,.lintje-choice__input:disabled~.lintje-choice__switch{border-color:graytext}.lintje-choice__input:disabled:checked~.lintje-choice__radio:after,.lintje-choice__input:disabled~.lintje-choice__switch .lintje-choice__knob{background:graytext}.lintje-choice.is-disabled{color:graytext}}`;export{e as t};
@@ -0,0 +1,11 @@
1
+ import{cn as e,on as t}from"./base-BsZyWDre.js";import"../tag/text-input.js";function n(n){return e`<lintje-text-input
2
+ class=${n.className??t}
3
+ data-other
4
+ hide-label
5
+ label=${n.label}
6
+ .value=${n.text}
7
+ placeholder=${n.placeholder??``}
8
+ .error=${n.error||void 0}
9
+ ?disabled=${!!n.disabled}
10
+ @lintje-change=${e=>{e.stopPropagation(),n.onCommit(e.detail)}}
11
+ ></lintje-text-input>`}export{n as t};
@@ -1,39 +1,39 @@
1
- import{St as e,Xt as t,et as n,ft as r,in as i,lt as a,nn as o}from"./base-DuuwEY22.js";import{a as s,h as c,i as l,l as u,m as d,s as f,t as p}from"./playback-gEUDw038.js";var m=/* @__PURE__ */ new Set([`BUTTON`,`SELECT`,`INPUT`,`TEXTAREA`,`A`]),h=class extends t{constructor(...e){super(...e),this.src=``,this.name=``,this.position=0,this.heard=0,this.playing=!1,this.ready=!1,this.failed=!1,this.mediaDuration=NaN,this.speed=1,this.pendingSeek=null,this.limit=new p,this.listening=null,this.onMetadata=()=>{let e=this.media;if(e&&(this.mediaDuration=e.duration,this.ready=!0,this.failed=!1,e.playbackRate=this.speed,this.pendingSeek!==null)){let e=this.pendingSeek;this.pendingSeek=null,this.seek(e)}},this.onTimeUpdate=()=>{let e=this.media;if(!e)return;this.position=e.currentTime;let t=this.renderRoot.querySelector(`[role="slider"][aria-label="Positie"]`);(!t||!n(t))&&(this.heard=this.position),this.report(!1)},this.onSeeked=()=>{let e=this.media;e&&(this.position=e.currentTime,this.heard=this.position,this.report(!0))},this.onPlay=()=>{this.playing=!0,this.emit(`lintje-play`)},this.onPause=()=>{if(!this.playing)return;this.playing=!1;let e=this.media;e&&(this.position=e.currentTime),this.heard=this.position,this.emit(`lintje-pause`),this.report(!0)},this.onError=()=>{this.failed=!0,this.ready=!1,this.playing=!1},this.mediaEvents=[[`loadedmetadata`,this.onMetadata],[`durationchange`,this.onMetadata],[`timeupdate`,this.onTimeUpdate],[`seeked`,this.onSeeked],[`play`,this.onPlay],[`pause`,this.onPause],[`ended`,this.onPause],[`error`,this.onError]]}static{this.properties={src:{type:String},name:{type:String},duration:{type:Number},position:{state:!0},heard:{state:!0},playing:{state:!0},ready:{state:!0},failed:{state:!0},mediaDuration:{state:!0},speed:{state:!0}}}get currentTime(){return this.position}set currentTime(e){this.seek(Number(e))}get media(){return this.renderRoot?.querySelector(this.mediaSelector)??null}get length(){return Number.isFinite(this.mediaDuration)&&this.mediaDuration>0?this.mediaDuration:this.duration&&this.duration>0?this.duration:0}seek(e,t=!1){let n=this.length,r=n>0?l(e,n):Math.max(0,e||0);this.position=r,this.heard=r;let i=this.media;i&&this.ready?Math.abs(i.currentTime-r)>.01&&(i.currentTime=r):this.pendingSeek=r,t&&(this.emit(`lintje-seek`,r),this.report(!0))}report(e){this.limit.allow(Date.now(),e)&&this.emit(`lintje-time-change`,this.position)}toggle(){let e=this.media;e&&this.ready&&(e.paused?e.play()?.catch?.(()=>void 0):e.pause())}play(){this.media?.paused&&this.toggle()}skip(e){this.seek(this.position+e,!0)}setSpeed(e){this.speed=e;let t=this.media;t&&(t.playbackRate=e)}retry(){this.failed=!1,this.media?.load()}willUpdate(e){super.willUpdate(e),e.has(`src`)&&e.get(`src`)!==void 0&&(this.ready=!1,this.failed=!1,this.playing=!1,this.position=0,this.heard=0,this.mediaDuration=NaN,this.pendingSeek=null)}updated(e){super.updated(e);let t=this.media;if(t!==this.listening){for(let[e,n]of this.mediaEvents)this.listening?.removeEventListener(e,n),t?.addEventListener(e,n);this.listening=t}}onGroupKeydown(e){if(e.key!==` `||e.ctrlKey||e.metaKey||e.altKey)return;let t=e.composedPath()[0];t&&m.has(t.tagName)||t?.closest?.(`lintje-select, lintje-menu-button`)||(e.preventDefault(),this.toggle())}onSliderKeydown(e){if(!this.ready)return;let t=u(e.key,this.position,this.length);t!==null&&(e.preventDefault(),this.seek(t,!0))}seekFromPointer(e){let t=e.currentTarget.getBoundingClientRect();this.seek(d(e.clientX,t.left,t.width,this.length),!0)}onSliderPointerDown(e){if(!this.ready||e.button!==0)return;let t=e.currentTarget;t.setPointerCapture?.(e.pointerId),t.focus(),this.seekFromPointer(e)}onSliderPointerMove(e){let t=e.currentTarget;this.ready&&t.hasPointerCapture?.(e.pointerId)&&this.seekFromPointer(e)}renderPlay(){let e=this.playing?`Pauzeren`:`Afspelen`,t=!this.ready;return i`<button
1
+ import{Et as e,cn as t,en as n,gt as r,on as i,pt as a,rt as o}from"./base-BsZyWDre.js";import{a as s,h as c,i as l,l as u,m as d,s as f,t as p}from"./playback-gEUDw038.js";var m=/* @__PURE__ */ new Set([`BUTTON`,`SELECT`,`INPUT`,`TEXTAREA`,`A`]),h=class extends n{constructor(...e){super(...e),this.src=``,this.name=``,this.position=0,this.heard=0,this.playing=!1,this.ready=!1,this.failed=!1,this.mediaDuration=NaN,this.speed=1,this.pendingSeek=null,this.limit=new p,this.listening=null,this.onMetadata=()=>{let e=this.media;if(e&&(this.mediaDuration=e.duration,this.ready=!0,this.failed=!1,e.playbackRate=this.speed,this.pendingSeek!==null)){let e=this.pendingSeek;this.pendingSeek=null,this.seek(e)}},this.onTimeUpdate=()=>{let e=this.media;if(!e)return;this.position=e.currentTime;let t=this.renderRoot.querySelector(`[role="slider"][aria-label="Positie"]`);(!t||!o(t))&&(this.heard=this.position),this.report(!1)},this.onSeeked=()=>{let e=this.media;e&&(this.position=e.currentTime,this.heard=this.position,this.report(!0))},this.onPlay=()=>{this.playing=!0,this.emit(`lintje-play`)},this.onPause=()=>{if(!this.playing)return;this.playing=!1;let e=this.media;e&&(this.position=e.currentTime),this.heard=this.position,this.emit(`lintje-pause`),this.report(!0)},this.onError=()=>{this.failed=!0,this.ready=!1,this.playing=!1},this.mediaEvents=[[`loadedmetadata`,this.onMetadata],[`durationchange`,this.onMetadata],[`timeupdate`,this.onTimeUpdate],[`seeked`,this.onSeeked],[`play`,this.onPlay],[`pause`,this.onPause],[`ended`,this.onPause],[`error`,this.onError]]}static{this.properties={src:{type:String},name:{type:String},duration:{type:Number},position:{state:!0},heard:{state:!0},playing:{state:!0},ready:{state:!0},failed:{state:!0},mediaDuration:{state:!0},speed:{state:!0}}}get currentTime(){return this.position}set currentTime(e){this.seek(Number(e))}get media(){return this.renderRoot?.querySelector(this.mediaSelector)??null}get length(){return Number.isFinite(this.mediaDuration)&&this.mediaDuration>0?this.mediaDuration:this.duration&&this.duration>0?this.duration:0}seek(e,t=!1){let n=this.length,r=n>0?l(e,n):Math.max(0,e||0);this.position=r,this.heard=r;let i=this.media;i&&this.ready?Math.abs(i.currentTime-r)>.01&&(i.currentTime=r):this.pendingSeek=r,t&&(this.emit(`lintje-seek`,r),this.report(!0))}report(e){this.limit.allow(Date.now(),e)&&this.emit(`lintje-time-change`,this.position)}toggle(){let e=this.media;e&&this.ready&&(e.paused?e.play()?.catch?.(()=>void 0):e.pause())}play(){this.media?.paused&&this.toggle()}skip(e){this.seek(this.position+e,!0)}setSpeed(e){this.speed=e;let t=this.media;t&&(t.playbackRate=e)}retry(){this.failed=!1,this.media?.load()}willUpdate(e){super.willUpdate(e),e.has(`src`)&&e.get(`src`)!==void 0&&(this.ready=!1,this.failed=!1,this.playing=!1,this.position=0,this.heard=0,this.mediaDuration=NaN,this.pendingSeek=null)}updated(e){super.updated(e);let t=this.media;if(t!==this.listening){for(let[e,n]of this.mediaEvents)this.listening?.removeEventListener(e,n),t?.addEventListener(e,n);this.listening=t}}onGroupKeydown(e){if(e.key!==` `||e.ctrlKey||e.metaKey||e.altKey)return;let t=e.composedPath()[0];t&&m.has(t.tagName)||t?.closest?.(`lintje-select, lintje-menu-button`)||(e.preventDefault(),this.toggle())}onSliderKeydown(e){if(!this.ready)return;let t=u(e.key,this.position,this.length);t!==null&&(e.preventDefault(),this.seek(t,!0))}seekFromPointer(e){let t=e.currentTarget.getBoundingClientRect();this.seek(d(e.clientX,t.left,t.width,this.length),!0)}onSliderPointerDown(e){if(!this.ready||e.button!==0)return;let t=e.currentTarget;t.setPointerCapture?.(e.pointerId),t.focus(),this.seekFromPointer(e)}onSliderPointerMove(e){let t=e.currentTarget;this.ready&&t.hasPointerCapture?.(e.pointerId)&&this.seekFromPointer(e)}renderPlay(){let e=this.playing?`Pauzeren`:`Afspelen`,n=!this.ready;return t`<button
2
2
  type="button"
3
- class=${a({"lintje-button":!0,"lintje-button--primary":!0,"lintje-player__play":!0,"is-disabled":t})}
3
+ class=${a({"lintje-button":!0,"lintje-button--primary":!0,"lintje-player__play":!0,"is-disabled":n})}
4
4
  aria-label=${e}
5
5
  title=${e}
6
- aria-disabled=${t?`true`:o}
7
- @click=${()=>{t||this.toggle()}}
6
+ aria-disabled=${n?`true`:i}
7
+ @click=${()=>{n||this.toggle()}}
8
8
  >
9
9
  ${r(this.playing?`multimedia-player-pauze`:`multimedia-player-afspelen`,{size:20})}
10
- </button>`}renderIconButton(e,t,n,a={}){let s=a.disabled??!this.ready;return i`<button
10
+ </button>`}renderIconButton(e,n,a,o={}){let s=o.disabled??!this.ready;return t`<button
11
11
  type="button"
12
- class="lintje-icon-button lintje-icon-button--flat lintje-player__icon-button ${s?`is-disabled`:``} ${a.className??``}"
13
- aria-label=${t}
14
- title=${t}
15
- aria-pressed=${a.pressed===void 0?o:String(a.pressed)}
16
- aria-disabled=${s?`true`:o}
17
- @click=${()=>{s||n()}}
12
+ class="lintje-icon-button lintje-icon-button--flat lintje-player__icon-button ${s?`is-disabled`:``} ${o.className??``}"
13
+ aria-label=${n}
14
+ title=${n}
15
+ aria-pressed=${o.pressed===void 0?i:String(o.pressed)}
16
+ aria-disabled=${s?`true`:i}
17
+ @click=${()=>{s||a()}}
18
18
  >
19
- ${r(e,{size:20,flip:a.flip?`horizontal`:void 0})}
20
- </button>`}sliderLabel(){return c(this.heard,this.length)}renderBar(){let t=this.length,n=f(this.position,t)*100;return i`<div
19
+ ${r(e,{size:20,flip:o.flip?`horizontal`:void 0})}
20
+ </button>`}sliderLabel(){return c(this.heard,this.length)}renderBar(){let n=this.length,r=f(this.position,n)*100;return t`<div
21
21
  class=${a({"lintje-player__bar":!0,"is-disabled":!this.ready})}
22
22
  role="slider"
23
23
  tabindex=${this.ready?`0`:`-1`}
24
24
  aria-label="Positie"
25
25
  aria-valuemin="0"
26
- aria-valuemax=${Math.round(t)}
26
+ aria-valuemax=${Math.round(n)}
27
27
  aria-valuenow=${Math.round(this.heard)}
28
28
  aria-valuetext=${this.sliderLabel()}
29
- aria-disabled=${this.ready?o:`true`}
29
+ aria-disabled=${this.ready?i:`true`}
30
30
  @keydown=${this.onSliderKeydown}
31
31
  @pointerdown=${this.onSliderPointerDown}
32
32
  @pointermove=${this.onSliderPointerMove}
33
33
  >
34
- <div class="lintje-player__bar-fill" ${e({width:`${n}%`})}></div>
35
- <div class="lintje-player__bar-handle" ${e({left:`${n}%`})}></div>
36
- </div>`}renderTime(e){let t=s(this.length);return e?i`<span class="lintje-player__time"
34
+ <div class="lintje-player__bar-fill" ${e({width:`${r}%`})}></div>
35
+ <div class="lintje-player__bar-handle" ${e({left:`${r}%`})}></div>
36
+ </div>`}renderTime(e){let n=s(this.length);return e?t`<span class="lintje-player__time"
37
37
  ><strong class="lintje-player__position">${s(this.position)}</strong>
38
- <span class="lintje-player__duration">/ ${t}</span></span
39
- >`:i`<span class="lintje-player__time is-muted">${t}</span>`}},g=`.lintje-player__media{display:none}.lintje-player__play{width:var(--h-touch);height:var(--h-touch);flex:none;padding:0}.lintje-player__icon-button{width:var(--h-touch);height:var(--h-touch)}.lintje-player__time{font:var(--text-ui);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-primary);flex:none}.lintje-player__position{font-weight:700}.lintje-player__duration,.lintje-player__time.is-muted{color:var(--color-text-muted)}.lintje-player__bar{background:var(--color-border-default);cursor:pointer;touch-action:none;flex:140px;min-width:0;height:6px;position:relative}.lintje-player__bar:before{content:"";inset:calc((100% - var(--h-target)) / 2) 0;position:absolute}.lintje-player__bar.is-disabled{cursor:not-allowed}.lintje-player__bar-fill{background:var(--color-accent-line);pointer-events:none;height:100%}.lintje-player__bar-handle{width:var(--space-1);height:var(--space-4);background:var(--color-text-primary);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.lintje-player__bar.is-disabled .lintje-player__bar-handle{display:none}@media (forced-colors:active){.lintje-player__bar,.lintje-player__bar-fill,.lintje-player__bar-handle{forced-color-adjust:none}.lintje-player__bar{background:canvastext}.lintje-player__bar-fill{background:highlight}.lintje-player__bar-handle{background:highlight;outline:1px solid canvas}.lintje-player__bar.is-disabled,.lintje-player__bar.is-disabled .lintje-player__bar-fill{background:graytext}}`;export{h as n,g as t};
38
+ <span class="lintje-player__duration">/ ${n}</span></span
39
+ >`:t`<span class="lintje-player__time is-muted">${n}</span>`}},g=`.lintje-player__media{display:none}.lintje-player__play{width:var(--h-touch);height:var(--h-touch);flex:none;padding:0}.lintje-player__icon-button{width:var(--h-touch);height:var(--h-touch)}.lintje-player__time{font:var(--text-ui);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-primary);flex:none}.lintje-player__position{font-weight:700}.lintje-player__duration,.lintje-player__time.is-muted{color:var(--color-text-muted)}.lintje-player__bar{background:var(--color-border-default);cursor:pointer;touch-action:none;flex:140px;min-width:0;height:6px;position:relative}.lintje-player__bar:before{content:"";inset:calc((100% - var(--h-target)) / 2) 0;position:absolute}.lintje-player__bar.is-disabled{cursor:not-allowed}.lintje-player__bar-fill{background:var(--color-accent-line);pointer-events:none;height:100%}.lintje-player__bar-handle{width:var(--space-1);height:var(--space-4);background:var(--color-text-primary);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.lintje-player__bar.is-disabled .lintje-player__bar-handle{display:none}@media (forced-colors:active){.lintje-player__bar,.lintje-player__bar-fill,.lintje-player__bar-handle{forced-color-adjust:none}.lintje-player__bar{background:canvastext}.lintje-player__bar-fill{background:highlight}.lintje-player__bar-handle{background:highlight;outline:1px solid canvas}.lintje-player__bar.is-disabled,.lintje-player__bar.is-disabled .lintje-player__bar-fill{background:graytext}}`;export{h as n,g as t};
@@ -0,0 +1,3 @@
1
+ import{cn as e,gt as t,on as n,st as r}from"./base-BsZyWDre.js";function i(i,a=!0){return e`${a?t(`lichaam-oog`,{size:16,className:`lintje-filter-summary__icon`}):n}<span class="lintje-filter-summary__text" @pointerenter=${r}
2
+ >${i.map(t=>t.emphasis?e`<b>${t.text}</b>`:e`<span>${t.text}</span>`)}</span
3
+ >`}function a(e){return e.map(e=>e.text).join(``)}export{a as n,i as t};
@@ -0,0 +1,133 @@
1
+ import{At as e,Et as t,G as n,I as r,cn as i,f as a,h as o,jt as s,kt as c,ln as l,m as u,n as d,on as f,t as p,u as m}from"./base-BsZyWDre.js";var h={width:900,height:264,left:52,right:8,top:16,bottom:28},g=.25,_=16,v=10,y=.3;function b(e,t,{fontFamily:n=``}={}){let r=Math.min(320,Math.round(t*y)),i=Math.ceil(Math.max(0,...e.map(e=>u(e,n)))),a=Math.min(r,i);return{labelEnd:a,barStart:a+v,fit:e=>o(e,a,n)}}function x(e,t,{minimum:n=_,fontFamily:r=``}={}){let i=Math.min(96,Math.round(t*g)),o=t=>Math.ceil(Math.max(0,...e.map(e=>u(t(e),r)))+8),s=a,c=o(s);return c>i&&(s=m,c=o(s)),{width:Math.min(i,Math.max(n,c)),format:s}}function S(e){return e.width-e.left-e.right}function C(e){return e.height-e.top-e.bottom}function ee(e,t=4){if(e<=0)return{max:1,ticks:[0,1]};let n=e/t,r=10**Math.floor(Math.log10(n)),i=n/r,a=(i<=1?1:i<=2?2:i<=2.5?2.5:i<=5?5:10)*r,o=Math.ceil(e/a)*a,s=[];for(let e=0;e<=o+1e-9;e+=a)s.push(Number(e.toFixed(6)));return{max:o,ticks:s}}function w(e,t,n){return n.top+C(n)*(1-e/t)}function te(e,t,n){return t<=1?n.left+S(n)/2:n.left+S(n)*e/(t-1)}function ne(e,t,n,r=.22){let i=S(n)/t,a=i*(1-r);return{x:n.left+i*e+(i-a)/2,width:a,center:n.left+i*e+i/2,bandWidth:i}}function re(e,t={}){return e.plotArea?e.plotArea:{...h,...t,width:e.controller.width,height:e.controller.height}}var T=.35,E=120,D=Array.from({length:21},(e,t)=>t/20),O=0,k=class{constructor(e){this.id=`lintje-chart-${++O}`,this.width=h.width,this.height=h.height,this.inView=!1,this.tooltip=null,this.hoverIndex=null,this.status=``,this.keyFrom=null,this.hiddenSeries=[],this.emphasis=null,this.hiddenLayers=[],this.selectedCell=null,this.mapHint=null,this.mapHintTimer=null,this.mapSelection=null,this.mapTool=null,this.mapLastTool=null,this.mapMenuOpen=!1,this.mapMenuFocus=null,this.mapLegendOpen=!1,this.mapArea=null,this.hostArea=void 0,this.hostSelection=void 0,this.leaflet=null,this.leafletView=null,this.drawn=void 0,this.drawnJson=``,this.element=null,this.measuring={},this.resizeObserver=null,this.intersectionObserver=null,this.attach=e=>{e!==this.element&&(this.unwatch(),e instanceof HTMLElement&&(this.element=e,this.read(),this.watchSize(e),this.watchVisibility(e)))},this.onWindowKey=e=>{e.key===`Escape`&&this.hideTooltip()},this.watching=!1,this.notify=e}requestUpdate(){this.notify()}get fontFamily(){return this.element?getComputedStyle(this.element).getPropertyValue(`--font-ui`):``}measure(e){let t=e.width===this.measuring.width&&e.height===this.measuring.height&&e.fit===this.measuring.fit;this.measuring=e,!t&&this.element&&(this.read(),this.watchSize(this.element))}watchSize(e){this.measuring.width?this.resizeObserver||(this.resizeObserver=new n(()=>{let{width:e,height:t}=this;this.read(),(this.width!==e||this.height!==t)&&this.requestUpdate()}),this.resizeObserver.observe(e)):(this.resizeObserver?.disconnect(),this.resizeObserver=null)}detach(){this.unwatch(),this.mapHintTimer&&clearTimeout(this.mapHintTimer),this.mapHintTimer=null,this.leaflet?.destroy(),this.leaflet=null}unwatch(){this.unwatchEscape(),this.resizeObserver?.disconnect(),this.intersectionObserver?.disconnect(),this.resizeObserver=null,this.intersectionObserver=null,this.element=null}follow(e){if(e===this.drawn)return;let t=this.drawn===void 0,n=JSON.stringify(e)??``;this.drawn=e,t||n===this.drawnJson?this.drawnJson=n:(this.drawnJson=n,this.keyFrom=this.hoverIndex??this.keyFrom,this.hoverIndex=null,this.status=``,this.tooltip=null,this.unwatchEscape())}showTooltip(e,t,n){let r=n??e.currentTarget;if(!(r instanceof Element))return;let i=r.closest(`[data-tooltip-anchor]`);if(!i)return;let a=i.getBoundingClientRect();this.showTooltipAt(e.clientX-a.left,e.clientY-a.top,t)}showTooltipAt(e,t,n){this.tooltip={x:e,y:t,content:n},this.watchEscape(),this.requestUpdate()}hideTooltip(){this.tooltip&&(this.tooltip=null,this.unwatchEscape(),this.requestUpdate())}hoverAt(e,t,n){this.hoverIndex=e,t&&n?this.showTooltip(t,n):(this.tooltip=null,this.unwatchEscape(),this.requestUpdate())}dismiss(e){return e.key!==`Escape`||!this.tooltip?!1:(e.stopPropagation(),this.hideTooltip(),!0)}watchEscape(){this.watching||typeof window>`u`||(this.watching=!0,window.addEventListener(`keydown`,this.onWindowKey))}unwatchEscape(){this.watching&&(this.watching=!1,window.removeEventListener(`keydown`,this.onWindowKey))}toggleLayer(e){this.hiddenLayers=this.hiddenLayers.includes(e)?this.hiddenLayers.filter(t=>t!==e):[...this.hiddenLayers,e],this.requestUpdate()}emphasise(e){this.emphasis!==e&&(this.emphasis=e,this.requestUpdate())}toggleSeries(e){this.hiddenSeries=this.hiddenSeries.includes(e)?this.hiddenSeries.filter(t=>t!==e):[...this.hiddenSeries,e],this.requestUpdate()}read(){let e=this.element;if(!e)return;this.measuring.width&&(this.width=Math.max(160,Math.round(e.getBoundingClientRect().width)));let t=this.measuring.height;if(typeof t==`number`)this.height=t;else if(typeof t==`string`){let n=Math.round(r(e,t,0));n&&(this.height=this.measuring.fit?Math.max(E,n-this.extras()):n)}}extras(){let e=this.element;if(!e)return 0;let t=e.getBoundingClientRect().height-this.height;return t>0?Math.ceil(t):0}watchVisibility(e){this.inView||(typeof IntersectionObserver>`u`?this.enter():(this.intersectionObserver=new IntersectionObserver(([e])=>{let t=e.rootBounds?.height??window.innerHeight;(e.intersectionRatio>=T||e.intersectionRect.height>=t*T)&&this.enter()},{threshold:D}),this.intersectionObserver.observe(e)))}enter(){this.intersectionObserver?.disconnect(),this.intersectionObserver=null,!this.inView&&(this.inView=!0,this.requestUpdate())}},A=p;function j(e){return typeof e==`string`&&A.includes(e)}var ie=[`circle`,`square`,`triangle`,`diamond`,`hexagon`,`triangle-down`,`pentagon`,`plus`,`cross`,`octagon`,`triangle-right`,`triangle-left`,`star`,`star-4`,`hourglass`,`rectangle`,`kite`];function M(e){return ie[A.indexOf(e)]}function ae(e){return Math.sqrt(2*Math.PI/(e*Math.sin(2*Math.PI/e)))}function N(e,t,n){let r=ae(e)*n;return Array.from({length:e},(n,i)=>{let a=t+i*2*Math.PI/e;return[r*Math.cos(a),r*Math.sin(a)]})}function P(e,t=0){let n=e*Math.sqrt(Math.PI/5)/2,r=Math.cos(t),i=Math.sin(t);return[[-n,-3*n],[n,-3*n],[n,-n],[3*n,-n],[3*n,n],[n,n],[n,3*n],[-n,3*n],[-n,n],[-3*n,n],[-3*n,-n],[-n,-n]].map(([e,t])=>[e*r-t*i,e*i+t*r])}function F(e,t){let n=.5,r=t*Math.sqrt(Math.PI/(e*n*Math.sin(Math.PI/e)));return Array.from({length:2*e},(t,i)=>{let a=i%2==0?r:n*r,o=-Math.PI/2+i*Math.PI/e;return[a*Math.cos(o),a*Math.sin(o)]})}function I(e){let t=e*Math.sqrt(Math.PI/2),n=t/2;return[[-t,-n],[t,-n],[t,n],[-t,n]]}function L(e){let t=e*Math.sqrt(Math.PI/2.5),n=1.25*t;return[[-t,-n],[t,-n],[0,0],[t,n],[-t,n],[0,0]]}function R(e){let t=e*Math.sqrt(Math.PI);return[[0,-t],[t/2,0],[0,t],[-t/2,0]]}function z(e,t=1){let n=-Math.PI/2;switch(e){case`circle`:return null;case`square`:return N(4,Math.PI/4,t);case`diamond`:return N(4,n,t);case`triangle`:return N(3,n,t);case`triangle-down`:return N(3,Math.PI/2,t);case`pentagon`:return N(5,n,t);case`hexagon`:return N(6,n,t);case`plus`:return P(t);case`cross`:return P(t,Math.PI/4);case`octagon`:return N(8,n,t);case`triangle-right`:return N(3,0,t);case`triangle-left`:return N(3,Math.PI,t);case`star`:return F(5,t);case`star-4`:return F(4,t);case`hourglass`:return L(t);case`rectangle`:return I(t);case`kite`:return R(t)}}function B(e,t=1,n=0,r=0){let i=z(e,t);if(!i)return`M ${n-t} ${r} a ${t} ${t} 0 1 0 ${t*2} 0 a ${t} ${t} 0 1 0 ${-t*2} 0 Z`;let a=e=>Number(e.toFixed(3));return`${i.map(([e,t],i)=>`${i===0?`M`:`L`} ${a(n+e)} ${a(r+t)}`).join(` `)} Z`}function V(e,t,n=0,r=0){return B(e?M(e):`circle`,t,n,r)}var H=`var(--color-chart-default)`,U={...Object.fromEntries(p.map(e=>[e,d(e)])),other:`var(--color-chart-other)`,remainder:`var(--color-chart-remainder)`,emphasis:`var(--color-chart-emphasis)`};function W(e){if(e!=null)return U[e]??e}function G(e){return e===U[`dark-yellow`]?`var(--color-chart-dark-yellow-text)`:void 0}function K(e){if(e!=null&&j(e))return U[e]}var q=`reference:threshold`,oe=`reference:median`;function J(e,t,n,r){let i=G(t),a=r?B(r,4.5,n,n):V(e,4.5,n,n);return l`<path d=${a} fill="currentColor"
2
+ stroke=${i??f} stroke-width=${i?1:f} />`}function se({items:e,onToggle:n,onEmphasis:r,position:a=`top`}){let o=e=>()=>r?.(e.key??e.label),s=()=>r?.(null),c=!!r&&!n,l=e=>i`
3
+ ${(e.symbol||e.symbolShape)&&e.shape===`point`?i`<svg class="lintje-legend__marker lintje-legend__marker--symbol" viewBox="0 0 14 14"
4
+ ${t({color:e.color??`var(--color-chart-default)`})}
5
+ aria-hidden="true" focusable="false">
6
+ ${J(e.symbol,e.color,7,e.symbolShape)}
7
+ </svg>`:e.symbol?i`<svg class="lintje-legend__marker lintje-legend__marker--symbol" viewBox="0 0 14 14"
8
+ ${t({color:e.color??`var(--color-chart-default)`})}
9
+ aria-hidden="true" focusable="false">
10
+ <line x1="0" x2="14" y1="7" y2="7" stroke="currentColor" stroke-width="3" />
11
+ <path d=${V(e.symbol,4,7,7)} fill="currentColor" />
12
+ </svg>`:i`<span class="lintje-legend__marker lintje-legend__marker--${e.shape??`square`}"
13
+ ${t({color:e.color??`var(--color-chart-default)`})}
14
+ aria-hidden="true"></span>`}
15
+ <span class="lintje-legend__label">${e.label}</span>
16
+ `;return i`
17
+ <ul class="lintje-legend lintje-legend--${a}">
18
+ ${e.map(e=>i`
19
+ <li class="lintje-legend__item ${e.hidden?`is-hidden`:``}"
20
+ @mouseenter=${c?o(e):f}
21
+ @mouseleave=${c?s:f}>
22
+ ${n&&!e.fixed?i`<button type="button" class="lintje-legend__button"
23
+ @click=${()=>n(e.key??e.label)}
24
+ @mouseenter=${r?o(e):f}
25
+ @mouseleave=${r?s:f}
26
+ @focus=${r?o(e):f}
27
+ @blur=${r?s:f}
28
+ aria-pressed=${!e.hidden}>${l(e)}</button>`:l(e)}
29
+ </li>
30
+ `)}
31
+ </ul>
32
+ `}function Y(e){return e?`group`:`img`}function X(e){return l`
33
+ <filter id="focus-${e}" filterUnits="userSpaceOnUse" x="-10%" y="-10%" width="120%" height="120%"
34
+ color-interpolation-filters="sRGB">
35
+ <feComponentTransfer in="SourceAlpha" result="shape"><feFuncA type="linear" slope="100" /></feComponentTransfer>
36
+ <feMorphology in="shape" operator="dilate" radius="4" result="outer" />
37
+ <feFlood class="lintje-chart__focus-ring" />
38
+ <feComposite in2="outer" operator="in" result="ring" />
39
+ <feMorphology in="shape" operator="dilate" radius="1" result="inner" />
40
+ <feFlood class="lintje-chart__focus-gap" />
41
+ <feComposite in2="inner" operator="in" result="gap" />
42
+ <feMerge><feMergeNode in="ring" /><feMergeNode in="gap" /><feMergeNode in="SourceGraphic" /></feMerge>
43
+ </filter>
44
+ `}function Z(e){return{"--lintje-focus-ring":`url(#focus-${e})`}}var Q=8,ce=20;function $(e,t=``){if(e.length<2)return e;let n=e.map(e=>{let n=u(e.label,t),r=e.anchor===`end`?e.x-n:e.anchor===`start`?e.x:e.x-n/2;return{left:r,right:r+n}}),r=t=>{for(let r=0;r+t<e.length;r+=t){let e=n[r],i=n[r+t];if(Math.max(i.left-e.right,e.left-i.right)<Q)return!1}return!0},i=1;for(;i<e.length&&!r(i);)i+=1;return i===1?e:e.filter((e,t)=>t%i===0)}function le({area:e=h,ticks:n,max:r,axisTitle:o,xLabels:s,xTitle:c,description:u,defs:d,zeroLine:p=!0,formatTick:m=a,id:g,height:_,fontFamily:v,interactive:y,keys:b},x){return i`
45
+ <figure class="lintje-chart">
46
+ ${o?i`<figcaption class="lintje-chart__axis-title">${o}</figcaption>`:f}
47
+ <!-- The viewBox is set 1:1 to the measured pixels, so 12 px axis text really is
48
+ 12 px — however narrow the tile is. -->
49
+ <svg
50
+ viewBox="0 0 ${e.width} ${e.height}"
51
+ class="lintje-chart__svg"
52
+ width=${e.width}
53
+ height=${e.height}
54
+ ${t({height:`${_??e.height}px`,...Z(g)})}
55
+ role=${Y(y)}
56
+ aria-labelledby="${g}-desc"
57
+ tabindex=${b?0:f}
58
+ @keydown=${b?.keydown}
59
+ @focus=${b?.focus}
60
+ @blur=${b?.blur}
61
+ >
62
+ <desc id="${g}-desc">${u}</desc>
63
+ <defs>
64
+ <pattern id="hatch-${g}" width="6" height="6" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
65
+ <line x1="0" y1="0" x2="0" y2="6" stroke="var(--color-chart-hatch)" stroke-width="2" />
66
+ </pattern>
67
+ ${X(g)}
68
+ ${d}
69
+ </defs>
70
+
71
+ <!-- Grid + axis labels -->
72
+ ${n.map(t=>{let n=w(t,r,e),i=t===0;return l`
73
+ <g>
74
+ <line
75
+ x1=${e.left} x2=${e.width-e.right} y1=${n} y2=${n}
76
+ stroke=${i&&p?`var(--color-chart-zero)`:`var(--color-chart-grid)`}
77
+ stroke-width=${i&&p?1.5:1} />
78
+ <text x=${e.left-8} y=${n+4} text-anchor="end" class="lintje-chart__axis-label">
79
+ ${m(t)}
80
+ </text>
81
+ </g>
82
+ `})}
83
+
84
+ ${x}
85
+
86
+ <!-- x-axis labels -->
87
+ ${$(s??[],v).map(t=>l`
88
+ <text x=${t.x} y=${e.height-e.bottom+ce} text-anchor=${t.anchor??`middle`} class="lintje-chart__axis-label">
89
+ ${t.label}
90
+ </text>
91
+ `)}
92
+ ${c?l`<text x=${e.width-e.right} y=${e.height-e.bottom+40} text-anchor="end"
93
+ class="lintje-chart__x-title">${c}</text>`:f}
94
+ </svg>
95
+ </figure>
96
+ `}function ue({area:e=h,index:t,count:n,label:r,lastValue:i,pendingHours:a}){let o=e.left+S(e)*t/(n-1),s=a>6,c=e.width-e.right-o,u=c>140;return s?l`
97
+ <g>
98
+ <line x1=${o} x2=${o} y1=${e.top} y2=${e.height-e.bottom}
99
+ stroke="var(--color-text-primary)" stroke-width="1.5" stroke-dasharray="4 3" />
100
+ <text x=${u?o+6:o-6} y=${e.top+12}
101
+ text-anchor=${u?`start`:`end`} class="lintje-chart__as-of-label">
102
+ ${r}
103
+ </text>
104
+ ${i?l`<text x=${u?o+6:o-6} y=${e.top+26}
105
+ text-anchor=${u?`start`:`end`} class="lintje-chart__axis-label">${i}</text>`:f}
106
+ <text x=${o+c/2} y=${e.top+(e.height-e.top-e.bottom)/2}
107
+ text-anchor="middle" class="lintje-chart__as-of-note">
108
+ nog geen gegevens · ${a} ${a===1?`uur`:`uren`} volgen
109
+ </text>
110
+ </g>
111
+ `:f}var de=c(class extends e{constructor(e){if(super(e),e.type!==s.ELEMENT)throw Error(`placeTooltip only works on an element`)}render(e){return f}update(e,[t]){let n=e.element;return n.style.top=`${Math.max(0,t.y-12)}px`,requestAnimationFrame(()=>{if(!n.isConnected)return;let e=n.parentElement?.clientWidth??1/0;n.style.left=`${Math.max(0,Math.min(t.x+12,e-n.offsetWidth-8))}px`}),f}});function fe(e){let n=e.tooltip;if(!n)return f;let{content:r}=n;return i`
112
+ <div class="lintje-chart-tooltip" ${de(n)}>
113
+ <p class="lintje-chart-tooltip__title">${r.title}</p>
114
+ ${r.rows.map(e=>i`
115
+ <p class="lintje-chart-tooltip__row ${e.divider?`lintje-chart-tooltip__row--divider`:``}">
116
+ <span class="lintje-chart-tooltip__label">
117
+ ${e.symbol?i`<svg class="lintje-chart-tooltip__marker lintje-chart-tooltip__marker--symbol"
118
+ viewBox="0 0 14 14" ${t({color:e.color})}
119
+ aria-hidden="true" focusable="false">${J(e.symbol,e.color,7)}</svg>`:e.marker?i`<span class="lintje-chart-tooltip__marker lintje-chart-tooltip__marker--${e.marker}"
120
+ ${t({color:e.color})}></span>`:e.color?i`<span class="lintje-chart-tooltip__marker" ${t({background:e.color})}></span>`:f}
121
+ ${e.label}
122
+ </span>
123
+ <span class="lintje-chart-tooltip__value">${e.value}</span>
124
+ </p>
125
+ `)}
126
+ ${r.events?.map(e=>i`
127
+ <p class="lintje-chart-tooltip__event">
128
+ <span class="lintje-event-chip"><span class="lintje-event-chip__number">${e.number}</span></span>
129
+ <span>${e.label}</span>
130
+ </p>
131
+ `)}
132
+ </div>
133
+ `}function pe(e,t){return{"--lintje-stagger":String(t>1?e/(t-1):0)}}function me(e,t,n,r){let i=n>1?e/(n-1):0,a=r>1?t/(r-1):0;return{"--lintje-stagger":String(.7*i+.3*a)}}export{w as A,re as C,S as D,ne as E,b as O,k as S,ee as T,A as _,q as a,M as b,ue as c,se as d,$ as f,K as g,G as h,oe as i,te as k,le as l,W as m,pe as n,Y as o,H as p,fe as r,Z as s,me as t,X as u,j as v,x as w,B as x,V as y};
@@ -1 +1 @@
1
- export{It as FrameStateController,Ot as ICONS,sn as LINTJE_VERSION,Xt as LintjeElement,qt as MOBILE,Jt as MediaController,Yt as WIDE,kt as ariaKeyShortcuts,Qt as baseStyles,At as characterKeys,Zt as define,Rt as getFrameState,ut as iconGlyph,mt as iconIsMissing,ht as iconSource,dt as iconStyles,jt as isTypingTarget,Mt as keyLabels,gt as loadIcon,_t as loadedIcon,vt as loadedIconNames,Wt as lockScroll,yt as onIconChange,Nt as registerShortcut,ft as renderIcon,Gt as scrollRoot,Pt as setCharacterKeys,zt as setFrameState,Kt as setHostConfig,xt as setIconSource,Bt as setScrolled,Vt as setTitleHidden,$t as shadowCss,Ft as shortcuts,Ht as subscribeToFrameState,en as toShadowCss,tn as tokenStyles}from"./chunks/base-DuuwEY22.js";
1
+ export{Bt as FrameStateController,Mt as ICONS,dn as LINTJE_VERSION,en as LintjeElement,Zt as MOBILE,Qt as MediaController,$t as WIDE,Nt as ariaKeyShortcuts,nn as baseStyles,Pt as characterKeys,tn as define,Ht as getFrameState,mt as iconGlyph,vt as iconIsMissing,yt as iconSource,ht as iconStyles,Ft as isTypingTarget,It as keyLabels,bt as loadIcon,xt as loadedIcon,St as loadedIconNames,Jt as lockScroll,Ct as onIconChange,Lt as registerShortcut,gt as renderIcon,Yt as scrollRoot,Rt as setCharacterKeys,Ut as setFrameState,Xt as setHostConfig,Tt as setIconSource,Wt as setScrolled,Gt as setTitleHidden,rn as shadowCss,zt as shortcuts,Kt as subscribeToFrameState,in as toShadowCss,an as tokenStyles}from"./chunks/base-BsZyWDre.js";