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.
- package/dist-elements/actions.js +1 -1
- package/dist-elements/chunks/addon-CFoSG70u.js +5 -0
- package/dist-elements/chunks/base-BsZyWDre.js +226 -0
- package/dist-elements/chunks/{chart-styles-zJy-DGvZ.js → chart-styles-C5IzbVUF.js} +12 -12
- package/dist-elements/chunks/controls-lVYdiFQu.js +1 -0
- package/dist-elements/chunks/dialog-close-CzMRXkJ6.js +1 -0
- package/dist-elements/chunks/{disclosure-DHZz0V4I.js → disclosure-CQcLUnKh.js} +5 -5
- package/dist-elements/chunks/{download-D1wbtARJ.js → download-CxEzwMxI.js} +1 -1
- package/dist-elements/chunks/focus-trap-BDxiHED1.js +1 -0
- package/dist-elements/chunks/follow-7IBDa51N.js +1 -0
- package/dist-elements/chunks/input-C7qx0e4p.js +8 -0
- package/dist-elements/chunks/input-CazTpGUd.js +1 -0
- package/dist-elements/chunks/other-BaLStKaf.js +11 -0
- package/dist-elements/chunks/{player-Dh7ZHcMF.js → player-BEG3MVCm.js} +20 -20
- package/dist-elements/chunks/sentence-CjgQjBP9.js +3 -0
- package/dist-elements/chunks/stagger-CwsMNTLl.js +133 -0
- package/dist-elements/core.js +1 -1
- package/dist-elements/custom-elements.json +509 -68
- package/dist-elements/data-types.json +155 -12
- package/dist-elements/feedback.js +1 -1
- package/dist-elements/guides/events.md +7 -1
- package/dist-elements/inputs.js +1 -1
- package/dist-elements/layout.js +1 -1
- package/dist-elements/lintje.js +1051 -1001
- package/dist-elements/overlays.js +1 -1
- package/dist-elements/tag/activity-log.js +10 -10
- package/dist-elements/tag/ai-label.js +5 -5
- package/dist-elements/tag/announcement.js +9 -9
- package/dist-elements/tag/app-search.js +19 -19
- package/dist-elements/tag/audio-player.js +40 -40
- package/dist-elements/tag/badge.js +1 -1
- package/dist-elements/tag/breadcrumbs.js +8 -8
- package/dist-elements/tag/button.js +1 -1
- package/dist-elements/tag/card-list.js +9 -9
- package/dist-elements/tag/card.js +29 -29
- package/dist-elements/tag/chart.js +379 -379
- package/dist-elements/tag/chat-answer.js +44 -44
- package/dist-elements/tag/chat-composer.js +32 -34
- package/dist-elements/tag/chat-message.js +11 -11
- package/dist-elements/tag/chat-strip.js +27 -27
- package/dist-elements/tag/chat-suggestions.js +9 -9
- package/dist-elements/tag/chat.js +35 -35
- package/dist-elements/tag/checkbox-group.js +17 -9
- package/dist-elements/tag/checkbox.js +10 -10
- package/dist-elements/tag/code.js +9 -9
- package/dist-elements/tag/combobox.js +23 -23
- package/dist-elements/tag/conflict-alert.js +7 -7
- package/dist-elements/tag/copy-button.js +9 -9
- package/dist-elements/tag/data-table.js +217 -213
- package/dist-elements/tag/date-input.js +25 -25
- package/dist-elements/tag/date-range.js +27 -26
- package/dist-elements/tag/description-list.js +17 -17
- package/dist-elements/tag/dialog.js +7 -7
- package/dist-elements/tag/document-viewer.js +35 -27
- package/dist-elements/tag/drawer.js +9 -9
- package/dist-elements/tag/empty-state.js +1 -1
- package/dist-elements/tag/error-page.js +11 -11
- package/dist-elements/tag/error-summary.js +13 -13
- package/dist-elements/tag/expander.js +4 -4
- package/dist-elements/tag/explainer.js +5 -5
- package/dist-elements/tag/field.js +5 -5
- package/dist-elements/tag/file-upload.js +32 -32
- package/dist-elements/tag/filter-bar.js +17 -17
- package/dist-elements/tag/filter-sheet.js +4 -4
- package/dist-elements/tag/filter-zone.js +15 -16
- package/dist-elements/tag/find.js +18 -18
- package/dist-elements/tag/footer.js +14 -14
- package/dist-elements/tag/form-actions.js +3 -3
- package/dist-elements/tag/form-section.js +4 -4
- package/dist-elements/tag/form.js +5 -5
- package/dist-elements/tag/gallery.js +11 -11
- package/dist-elements/tag/grid-item.js +1 -1
- package/dist-elements/tag/grid.js +1 -1
- package/dist-elements/tag/hero.js +7 -7
- package/dist-elements/tag/highlight.js +4 -4
- package/dist-elements/tag/icon-button.js +1 -1
- package/dist-elements/tag/icon.js +1 -1
- package/dist-elements/tag/job-list.js +4 -4
- package/dist-elements/tag/kpi-row.js +5 -5
- package/dist-elements/tag/kpi.js +73 -73
- package/dist-elements/tag/level-meter.js +8 -8
- package/dist-elements/tag/list.js +43 -43
- package/dist-elements/tag/log-viewer.js +80 -80
- package/dist-elements/tag/logo.js +26 -29
- package/dist-elements/tag/map.js +153 -151
- package/dist-elements/tag/menu-button.js +33 -33
- package/dist-elements/tag/modal.js +9 -9
- package/dist-elements/tag/multiselect.js +23 -23
- package/dist-elements/tag/note.js +2 -2
- package/dist-elements/tag/notifications.js +28 -28
- package/dist-elements/tag/number-input.js +20 -19
- package/dist-elements/tag/page-header.js +15 -16
- package/dist-elements/tag/pagination.js +25 -27
- package/dist-elements/tag/popover.js +1 -1
- package/dist-elements/tag/progress-bar.js +1 -1
- package/dist-elements/tag/prose.js +1 -1
- package/dist-elements/tag/qr-code.js +5 -5
- package/dist-elements/tag/radio-group.js +31 -22
- package/dist-elements/tag/range.js +27 -31
- package/dist-elements/tag/recording-status.js +9 -9
- package/dist-elements/tag/repeater.js +5 -5
- package/dist-elements/tag/segmented.js +10 -10
- package/dist-elements/tag/select.js +9 -9
- package/dist-elements/tag/shell.js +253 -264
- package/dist-elements/tag/skeleton.js +1 -1
- package/dist-elements/tag/slot-picker.js +17 -17
- package/dist-elements/tag/sortable-list.js +20 -20
- package/dist-elements/tag/spinner.js +1 -1
- package/dist-elements/tag/split-pane.js +9 -9
- package/dist-elements/tag/status-dot.js +1 -1
- package/dist-elements/tag/stepper.js +14 -14
- package/dist-elements/tag/streaming-text.js +13 -13
- package/dist-elements/tag/sub-nav.js +17 -17
- package/dist-elements/tag/tabs.js +37 -37
- package/dist-elements/tag/tag-input.js +29 -29
- package/dist-elements/tag/text-editor.js +19 -19
- package/dist-elements/tag/text-input.js +54 -39
- package/dist-elements/tag/textarea.js +14 -14
- package/dist-elements/tag/tile.js +1 -1
- package/dist-elements/tag/time-input.js +13 -13
- package/dist-elements/tag/toast.js +8 -8
- package/dist-elements/tag/toggle.js +7 -7
- package/dist-elements/tag/toggletip.js +6 -7
- package/dist-elements/tag/token-value.js +2 -2
- package/dist-elements/tag/tooltip.js +1 -1
- package/dist-elements/tag/transcript.js +32 -32
- package/dist-elements/tag/translator.js +6 -6
- package/dist-elements/tag/tree-view.js +23 -23
- package/dist-elements/tag/user-menu.js +39 -28
- package/dist-elements/tag/video-player.js +14 -14
- package/dist-elements/tokens.css +2 -0
- package/dist-elements/tokens.json +4 -0
- package/dist-elements/types/components/actions/button/button.d.ts +1 -0
- package/dist-elements/types/components/actions/icon/icon.d.ts +2 -1
- package/dist-elements/types/components/actions/icon-button/icon-button.d.ts +0 -5
- package/dist-elements/types/components/actions/logo/logo.d.ts +7 -2
- package/dist-elements/types/components/chat/chat/chat.d.ts +0 -2
- package/dist-elements/types/components/chat/chat-composer/chat-composer.d.ts +1 -11
- package/dist-elements/types/components/content/document-viewer/document-viewer.d.ts +14 -1
- package/dist-elements/types/components/content/log-viewer/log-viewer.d.ts +1 -0
- package/dist-elements/types/components/feedback/job-list/job-list.d.ts +9 -2
- package/dist-elements/types/components/filters/filter-bar/filter-bar.d.ts +3 -0
- package/dist-elements/types/components/filters/filter-sheet/filter-sheet.d.ts +2 -7
- package/dist-elements/types/components/filters/filter-zone/filter-zone.d.ts +0 -2
- package/dist-elements/types/components/forms/error-summary/error-summary.d.ts +5 -1
- package/dist-elements/types/components/forms/form/form.d.ts +10 -3
- package/dist-elements/types/components/forms/form-actions/form-actions.d.ts +4 -1
- package/dist-elements/types/components/frame/app-search/app-search.d.ts +1 -0
- package/dist-elements/types/components/frame/page-header/page-header.d.ts +1 -1
- package/dist-elements/types/components/frame/shell/header.d.ts +6 -8
- package/dist-elements/types/components/frame/shell/navigation.d.ts +0 -7
- package/dist-elements/types/components/frame/shell/shell.d.ts +7 -6
- package/dist-elements/types/components/frame/shell/top-bar.d.ts +5 -2
- package/dist-elements/types/components/frame/user-menu/user-menu.d.ts +15 -2
- package/dist-elements/types/components/index.d.ts +3 -2
- package/dist-elements/types/components/inputs/checkbox-group/checkbox-group.d.ts +13 -7
- package/dist-elements/types/components/inputs/number-input/number-input.d.ts +4 -2
- package/dist-elements/types/components/inputs/radio-group/radio-group.d.ts +16 -4
- package/dist-elements/types/components/inputs/range/range.d.ts +0 -1
- package/dist-elements/types/components/inputs/segmented/segmented.d.ts +0 -2
- package/dist-elements/types/components/inputs/shared/addon.d.ts +14 -0
- package/dist-elements/types/components/inputs/shared/input.d.ts +58 -1
- package/dist-elements/types/components/inputs/text-input/text-input.d.ts +15 -1
- package/dist-elements/types/components/inputs/textarea/textarea.d.ts +3 -2
- package/dist-elements/types/components/layout/tabs/tabs.d.ts +0 -4
- package/dist-elements/types/components/overlays/popover/popover.d.ts +2 -4
- package/dist-elements/types/components/overlays/toggletip/toggletip.d.ts +2 -4
- package/dist-elements/types/components/overlays/tooltip/tooltip.d.ts +0 -2
- package/dist-elements/types/components/shared/controls.d.ts +26 -0
- package/dist-elements/types/components/shared/cut-text.d.ts +6 -0
- package/dist-elements/types/components/shared/dialog.d.ts +8 -2
- package/dist-elements/types/components/shared/focus-trap.d.ts +2 -0
- package/dist-elements/types/components/shared/follow.d.ts +8 -0
- package/dist-elements/types/components/shared/other.d.ts +24 -0
- package/dist-elements/types/components/shared/overflow.d.ts +4 -3
- package/dist-elements/types/components/shared/place.d.ts +5 -0
- package/dist-elements/types/components/tables/data-table/actions.d.ts +1 -1
- package/dist-elements/types/components/tables/data-table/data-table.d.ts +15 -3
- package/dist-elements/types/components/tables/data-table/filters.d.ts +2 -0
- package/dist-elements/types/components/tables/list/list.d.ts +2 -6
- package/dist-elements/types/core/frame-state.d.ts +2 -0
- package/dist-elements/types/icons/register.d.ts +1 -1
- package/dist-elements/types/icons/render.d.ts +1 -1
- package/dist-elements/types/types.d.ts +27 -4
- package/package.json +1 -1
- package/dist-elements/chunks/base-DuuwEY22.js +0 -224
- package/dist-elements/chunks/controls-IwMNNdZt.js +0 -1
- package/dist-elements/chunks/dialog-CuB90unp.js +0 -1
- package/dist-elements/chunks/dialog-close-CIwpGpo7.js +0 -1
- package/dist-elements/chunks/focus-trap-qYvMiFZF.js +0 -1
- package/dist-elements/chunks/frame-resize-observer-BGZg6VbV.js +0 -1
- package/dist-elements/chunks/input-CTxDOlLs.js +0 -1
- package/dist-elements/chunks/input-fzGBdp-5.js +0 -8
- package/dist-elements/chunks/sentence-DCIShaRE.js +0 -3
- package/dist-elements/chunks/stagger-nGiD5JgJ.js +0 -133
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import{
|
|
2
|
-
${e({width:a(
|
|
3
|
-
<div class="lintje-chart-skeleton lintje-chart-skeleton--${
|
|
4
|
-
${e({height:
|
|
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?
|
|
9
|
-
${
|
|
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
|
-
${
|
|
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
|
-
${
|
|
28
|
-
${
|
|
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=>
|
|
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
|
-
${
|
|
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{
|
|
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:
|
|
9
|
+
${d?a:r}
|
|
10
10
|
<span class="lintje-disclosure__label ${!u&&!l?`lintje-disclosure__label--plain`:``}">
|
|
11
|
-
${
|
|
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>`:
|
|
14
|
+
${l?t`<span class="lintje-disclosure__sub">${l}</span>`:r}
|
|
15
15
|
</span>
|
|
16
|
-
${d?
|
|
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,
|
|
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{
|
|
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":
|
|
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=${
|
|
7
|
-
@click=${()=>{
|
|
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,
|
|
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`:``} ${
|
|
13
|
-
aria-label=${
|
|
14
|
-
title=${
|
|
15
|
-
aria-pressed=${
|
|
16
|
-
aria-disabled=${s?`true`:
|
|
17
|
-
@click=${()=>{s||
|
|
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:
|
|
20
|
-
</button>`}sliderLabel(){return c(this.heard,this.length)}renderBar(){let
|
|
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(
|
|
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?
|
|
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:`${
|
|
35
|
-
<div class="lintje-player__bar-handle" ${e({left:`${
|
|
36
|
-
</div>`}renderTime(e){let
|
|
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">/ ${
|
|
39
|
-
>`:
|
|
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};
|
package/dist-elements/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
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";
|