lintje 0.1.1

package/dist-elements/types/types.d.ts

@@ -0,0 +1,622 @@
+/**
+ * The data contract. Everything here crosses from a host as JSON: no functions, components or
+ * dates. The field names are the contract; renaming one is a breaking change.
+ * Chart, map and element shapes are re-exported from where they are drawn; the data colours'
+ * names come from their one list, `tokens/colors.ts`.
+ */
+import type { DataColor } from './tokens/colors.js';
+import type { ChartSpec, MapTileData } from './components/shared/charts/shared/types.js';
+import type { MenuEntry } from './components/actions/menu-button/menu-button.js';
+import type { NotificationItem } from './components/frame/notifications/notifications.js';
+export type { BarSeriesData, ChartColor, ChartKind, ChartSpec, LineSeriesData, MapTileData, MapValue, MapPlotData, MapPlotVariant, MapVariant, WmsBasemap, } from './components/shared/charts/shared/types.js';
+export type { DataColor } from './tokens/colors.js';
+/** Settings every view receives, taken from the URL by the host. */
+export interface FrameSettings {
+    mode?: 'light' | 'dark';
+}
+export interface ContentState {
+    state?: 'ready' | 'loading' | 'empty' | 'error';
+    /** Empty: why there is nothing, and the way out. Error: what failed. */
+    message?: string;
+    /** Error: the last known value, shown in the warning. */
+    lastKnown?: string;
+}
+export type StatusTone = 'complete' | 'delayed' | 'outage' | 'no-data';
+export type TrendDirection = 'up' | 'down' | 'flat';
+/**
+ * One colour per variable, named after the Rijkshuisstijl colour it is: a `DataColor`, the
+ * names of `tokens/colors.ts`. `coverage` is a role, not a variable: gray.
+ */
+export type KpiVariable = DataColor | 'coverage';
+export type KpiState = 'ready' | 'loading' | 'empty' | 'error';
+export interface KpiItem {
+    /** A string or number with one number in it; counts up like `value`. */
+    value: string | number;
+    /** Smaller suffix within the value, e.g. "min" or "van 29". */
+    suffix?: string;
+    /** The period of the figure, e.g. "Huidige maand". */
+    period?: string;
+}
+export interface KpiTrend {
+    direction: TrendDirection;
+    sentence: string;
+    /** For variables where rising is bad (wait time, refusals). */
+    inverted?: boolean;
+}
+export interface KpiData {
+    label: string;
+    /** An icon file name (`dist-icons/`, without `.svg`). Decorative. */
+    icon?: string;
+    value?: string | number;
+    suffix?: string;
+    items?: KpiItem[];
+    layout?: 'row' | 'column';
+    emphasis?: 'equal' | 'primary';
+    dividers?: boolean;
+    trend?: KpiTrend;
+    note?: string;
+    detail?: string;
+    variable?: KpiVariable;
+    state?: KpiState;
+}
+/** Events: none. */
+export interface KpiRowData extends FrameSettings {
+    kpis: KpiData[];
+    columns?: number;
+}
+export interface TileData {
+    title?: string;
+    /** An icon file name (`dist-icons/`, without `.svg`). Decorative. */
+    icon?: string;
+    subtitle?: string;
+    intro?: string;
+    footnote?: string;
+    /** An announcement inside the tile, e.g. a source running behind. */
+    notice?: AnnouncementData;
+    /** Shows the expand button. A chart tile has it unless `false`; others only when set. */
+    expandable?: boolean;
+    /**
+     * Shows the download button (CSV built from the view's data). A chart tile has it unless
+     * `false`; a map tile and a table only when given a file name.
+     */
+    download?: {
+        filename: string;
+    } | false;
+    legendBelow?: boolean;
+    /** Columns of the 12-column grid when several tiles share one mount. */
+    span?: number;
+    /** The subtitle below 768 px, where it says something else (e.g. "tik op een cel"). */
+    mobileSubtitle?: string;
+}
+/**
+ * Events: `lintje-mark-select` `{id, label, href}` when a mark with a `href` is clicked,
+ * `{id: null, href: clearHref}` when the selection is undone.
+ */
+export interface ChartTileData extends FrameSettings, TileData, ContentState {
+    chart: ChartSpec;
+    /** The chart's `<desc>`: a readable summary, the accessible alternative. Required. */
+    description: string;
+    /** The chosen mark, by the id its link carries: it is outlined, the rest step back. */
+    selectedId?: string | null;
+    /** The URL that undoes the selection; clicking the chosen mark again and Escape follow it. */
+    clearHref?: string;
+    /** Offers "Grafiek" / "Tabel" in the header while `ready`; the table shows the CSV's rows. */
+    tableSwitch?: boolean;
+}
+/**
+ * Events: `lintje-mark-select` `{id, label, href?}` on a click on an area or point,
+ * `{id: null, href: clearHref}` when undone; `lintje-layer-change` with the chosen layer.
+ */
+export interface MapTileViewData extends FrameSettings, TileData, ContentState, MapTileData {
+}
+export type CellValue = string | number | null;
+export interface TableColumnData {
+    key: string;
+    header: string;
+    align?: 'left' | 'right';
+    sortable?: boolean;
+    /**
+     * The value stays on one line and a long one ends in an ellipsis: the column is as wide as its
+     * longest value, up to a cap. The whole value stays in the `title` and for a screen reader, and
+     * wraps under the keyboard's focus and without hover. Not below 768 px, where values wrap.
+     */
+    truncate?: boolean;
+    /**
+     * How a value shows; default `number` for numbers. `change`: a signed percentage with ▲ ▼ ●.
+     * `change-compact`: only the ▲ ▼ ● of `change`; a screen reader hears the whole change, and
+     * below 768 px the row's measure shows it whole.
+     * `status`: a `StatusTone` (or mapped through `status.tones`) as the status dot with its label.
+     */
+    format?: 'text' | 'number' | 'percent' | 'decimal' | 'change' | 'change-compact' | 'status';
+    decimals?: number;
+    /** Suffix after the value, e.g. "min". */
+    unit?: string;
+    /** Threshold status next to the value (color plus glyph and text, rule 13). */
+    threshold?: {
+        value: number;
+        /** From here on the bad side of `value` shows the orange caution tone. */
+        caution?: number;
+        direction?: 'above-is-bad' | 'below-is-bad';
+    };
+    /** `status` format: value → tone, and value → label (default the tone's own label). */
+    status?: {
+        tones?: Record<string, StatusTone>;
+        labels?: Record<string, string>;
+    };
+    /** Shown muted instead of an exact 0, where 0 means "none" (e.g. "—"). Missing stays `null`. */
+    zeroText?: string;
+    mobileSubline?: boolean;
+    mobileMeasure?: boolean;
+    /** Cells are editable in the table (desktop only); `lintje-cell-edit` carries the new value. */
+    editor?: TableCellEditor;
+    /** A filter in the column's header; its value comes back in `DataTableData.filters`. */
+    filter?: TableColumnFilter;
+}
+export interface TableOption {
+    value: string;
+    /** What the reader sees; default the value. */
+    label?: string;
+    /** An options filter: the number of rows with this value, shown after the label. */
+    count?: number;
+}
+/** The field an editable cell becomes. `date` is a `dd-mm-jjjj` text field the host validates; its column sorts by date. */
+export interface TableCellEditor {
+    kind: 'text' | 'number' | 'select' | 'date';
+    options?: TableOption[];
+}
+/** A column filter: checkboxes over `options`, or one search field (`text`). */
+export interface TableColumnFilter {
+    kind: 'options' | 'text';
+    options?: TableOption[];
+}
+export interface TableCellRef {
+    id: string;
+    column: string;
+}
+/** A cell whose save the host refused; the cell stays open with the message under it. */
+export interface TableCellError extends TableCellRef {
+    message: string;
+    /** The value that was refused; default the value the reader typed. */
+    value?: string;
+}
+export interface TableAction {
+    /** What `lintje-row-action` / `lintje-bulk-action` carries as `action`. */
+    value: string;
+    label: string;
+    /** A file name, 16 px before the label in a row's menu. */
+    icon?: string;
+    /** Cannot be undone: drawn in the error colour. The host confirms before it acts. */
+    danger?: boolean;
+    disabled?: boolean;
+}
+export interface SortState {
+    key: string;
+    direction: 'asc' | 'desc';
+}
+/**
+ * Events: `lintje-row-click` with `{id, label, href?}` in a clickable table;
+ * `lintje-row-open` with `{id, label, href?}` from the name of an `openable` one;
+ * `lintje-checked-change` with the checked keys in a selectable one;
+ * `lintje-sort-change` with `{key, direction}` or `null`;
+ * `lintje-cell-edit` `{id, column, value}` from an `editor` column;
+ * `lintje-row-action` `{id, action}` from `rowActions`;
+ * `lintje-bulk-action` `{ids, action}` from `bulkActions`;
+ * `lintje-filter-change` `{column, value}` (`string[] | string | null`) from a column `filter`;
+ * `lintje-columns-change` `{order, hidden}` from the `columnChooser`.
+ */
+export interface DataTableData extends FrameSettings, TileData, ContentState {
+    /** The table's `<caption>`. Required; visually hidden when the tile has a title. */
+    caption: string;
+    columns: TableColumnData[];
+    /** One object per row. A key that is not a column is carried, not drawn (e.g. `href`). */
+    rows: Record<string, CellValue>[];
+    rowKey: string;
+    pageSize?: number;
+    sort?: SortState | null;
+    /** The order without a sort choice; choosing it again clears `sort`. Default: first column. */
+    defaultSort?: SortState;
+    /** The line under a row's name below 768 px, as a template with `{key}` placeholders. */
+    mobileSublineTemplate?: string;
+    /** Rows are clickable (drilldown) … */
+    clickable?: boolean;
+    selectedId?: string | null;
+    /** … or selectable (compare), never both. */
+    selectable?: boolean;
+    /**
+     * The name (the first column) is a link that opens the row (`lintje-row-open`), also in a
+     * selectable table. The name is then not edited in its cell, even with an `editor`.
+     */
+    openable?: boolean;
+    checkedIds?: string[];
+    /** Rows whose box cannot be checked: drawn disabled, and left out of "Alles selecteren". */
+    uncheckableIds?: string[];
+    /** The cells the host is saving: the new value muted behind a spinner, not editable. */
+    busyCells?: TableCellRef[];
+    /** The cells whose save failed: open, with the message under the field. */
+    cellErrors?: TableCellError[];
+    /** A menu at the end of every row (`lintje-row-action`); `'separator'` draws a line. */
+    rowActions?: (TableAction | 'separator')[];
+    /** Actions on the checked rows (`lintje-bulk-action`); `[]` shows only the count. */
+    bulkActions?: TableAction[];
+    /** The current column filters by column key. The host filters the rows. */
+    filters?: Record<string, string[] | string>;
+    /** The number of rows before filtering: "14 van 131 rijen" while a filter is active. */
+    totalRows?: number;
+    /** A "Kolommen kiezen" button in the head of the actions column, to order and hide columns
+     *  (`lintje-columns-change`). Without row actions it adds that column. */
+    columnChooser?: boolean;
+    /** The keys of the columns not shown. The first column is always shown. */
+    hiddenColumns?: string[];
+}
+export type AnnouncementKind = 'warning' | 'outage' | 'info' | 'ok';
+export interface AnnouncementData {
+    kind?: AnnouncementKind;
+    title?: string;
+    text: string;
+    meta?: string;
+    link?: {
+        label: string;
+        href: string;
+    };
+    /** Remembers a dismissal under this id. An outage can't be dismissed. */
+    announcementId?: string;
+    dismissible?: boolean;
+    /** A live region (`role="alert"`/`"status"`): set it when the message answers an action. */
+    live?: boolean;
+}
+/** Events: none. */
+export interface AnnouncementViewData extends FrameSettings, AnnouncementData {
+    tile?: TileData;
+}
+/** Events: none. */
+export interface ExplainerData extends FrameSettings {
+    title: string;
+    items: {
+        term: string;
+        description: string;
+    }[];
+    defaultOpen?: boolean;
+}
+/** Events: none. */
+export interface NoteData extends FrameSettings {
+    title?: string;
+    date: string;
+    text: string;
+    author: string;
+}
+/** The title zone of a page, with an announcement above it. Events: none. */
+export interface PageHeaderData extends FrameSettings {
+    /** A short line above the title below 768 px, such as the name of the application. */
+    kicker?: string;
+    title: string;
+    /** A line under the title. */
+    description?: string;
+    asOf?: string;
+    source?: string;
+    more?: {
+        label?: string;
+        href: string;
+    };
+    announcement?: AnnouncementData;
+}
+/**
+ * A filter value as it crosses: the canonical strings a host writes to the URL.
+ * `range` holds indexes into `steps`; a date range holds ISO dates.
+ */
+export type FilterValue = string | string[] | {
+    from: string | null;
+    to: string | null;
+} | [number, number] | boolean | number | null;
+export interface FilterOption {
+    value: string;
+    label: string;
+    /**
+     * A second, gray line under the label where the control draws one (`lintje-multiselect`); in
+     * `lintje-segmented` the chosen option's, in a box under the options.
+     */
+    description?: string;
+}
+/** The control a declaration draws in. `range` has two handles, `slider` one. */
+export type FilterKind = 'select' | 'segmented' | 'multiselect' | 'date-range' | 'range' | 'slider' | 'toggle' | 'text' | 'number';
+export interface FilterDefinition {
+    key: string;
+    label: string;
+    kind: FilterKind;
+    options?: FilterOption[];
+    steps?: (string | number)[];
+    /**
+     * `select`/`segmented`: the chosen option; `multiselect`: the options; `date-range`: two ISO
+     * dates; `range`: two indexes into `steps`; `slider`: the chosen step itself, not its index;
+     * `number`: the number, `null` when empty.
+     */
+    value: FilterValue;
+    default: FilterValue;
+    /** `date-range`: the latest date that can be chosen (ISO). `number`: the highest value. */
+    max?: string | number;
+    min?: number;
+    /** number: what one press of − or + changes. Default 1. */
+    step?: number;
+    /** `number`: the unit right of the field, replacing the stepper. `slider`: behind the value. */
+    unit?: string;
+    placeholder?: string;
+    /** The control stands inside a tile: the bar does not draw, count or reset it. */
+    hidden?: boolean;
+}
+/**
+ * Events: `lintje-values-change` with `{key: value, …}` when filters commit (at once in the bar,
+ * on "Toepassen" in the sheet); `lintje-filters-open-change` with a boolean.
+ */
+export interface FilterBarData extends FrameSettings {
+    filters: FilterDefinition[];
+    /** The URL's `filters` param: false when the user collapsed the bar. */
+    open?: boolean;
+    /** A bar in the page's content: draws its own sentence, never writes the shell's state. */
+    standalone?: boolean;
+}
+/** One page in the navigation. */
+export interface ShellLink {
+    label: string;
+    /** Without it the entry has no page and is drawn muted. */
+    href?: string;
+    /** The page the reader is on; the host decides. */
+    active?: boolean;
+    /** An icon file name: the side menu's rail and a submenu draw it. */
+    icon?: string;
+    /** The SVG file the host resolved for `icon`, as a data URI; drawn in the text color. */
+    iconSrc?: string;
+    /** A figure after the name: "12 open". */
+    metric?: {
+        value: string;
+        label: string;
+    };
+    /**
+     * `label` is what a screen reader hears instead of the bare value, e.g.
+     * "3 nieuwe meldingen"; without it the value is read as it stands.
+     */
+    badge?: {
+        value: string | number;
+        tone: 'action' | 'count' | 'new';
+        label?: string;
+    };
+    /** The page exists but the reader may not open it: struck through, with a lock. */
+    noAccess?: boolean;
+}
+/** Pages under one heading: a submenu in the navigation bar, a section in the side menu. */
+export interface ShellGroup {
+    label: string;
+    links: ShellLink[];
+}
+export interface UserMenuUser {
+    name: string;
+    /** The function: "Teamleider · Dienst Vergunningen". */
+    role?: string;
+    initials: string;
+}
+/** The light/dark setting as the reader chose it; `system` follows `prefers-color-scheme`. */
+export type ModeSetting = 'system' | 'light' | 'dark';
+/** The reader's display settings, as the host holds them; with them the bar has "Weergave". */
+export interface ShellView {
+    mode: ModeSetting;
+    /** Lets the reader put the navigation beside or above the page. */
+    layoutChoice?: boolean;
+    /** The themes the reader may choose. */
+    themes?: {
+        value: string;
+        label: string;
+    }[];
+    /** The theme that stands now: one of `themes`. Without it the first is marked. */
+    theme?: string;
+}
+/** What the reader changed in "Weergave" or with the pin: one key per `lintje-view-change`. */
+export interface ShellViewChange {
+    mode?: ModeSetting;
+    layout?: 'side' | 'top';
+    theme?: string;
+    menu?: 'pinned' | 'unpinned';
+}
+/**
+ * Events: `lintje-navigate` `{ href }`, `lintje-view-change` (`ShellViewChange`),
+ * `lintje-search-open`; from its parts `lintje-action`, `lintje-logout`,
+ * `lintje-notification-open`, `lintje-notifications-read`.
+ */
+export interface ShellData extends FrameSettings {
+    /** The application's or dashboard's name: the page's one `h1`. */
+    name?: string;
+    /** URL or data URI of an emblem the host resolved itself. Wins over `emblem`. */
+    logo?: string;
+    /** The theme's emblem by file name (`embleem-*`); `label` and `byline` are drawn as text. */
+    emblem?: {
+        name: string;
+        label: string;
+        byline?: string;
+    };
+    /** Where the logo leads; without it the logo is no link. */
+    home?: string;
+    /** The entries, in order: a page, or a group of pages under a heading. */
+    navigation: (ShellLink | ShellGroup)[];
+    /** Where the navigation stands: above the page (`top`, default) or beside it (`side`). */
+    layout?: 'side' | 'top';
+    /** Side layout from 1440 px: the menu pinned open (default) or a rail. */
+    menu?: 'pinned' | 'unpinned';
+    view?: ShellView;
+    /** "Delen": the link to this view, by e-mail, on paper. */
+    share?: boolean;
+    /** "Open op mijn telefoon" in "Delen" shows a QR code of this view's link, made by the
+     *  shell. A host that makes its own sets its URL or data URI here, dark modules only and
+     *  without a margin, for the current URL. */
+    qrCode?: string;
+    /** The scheme of the QR code's link in place of `https`, so a phone opens it in that app:
+     *  `mibrowsers` for Ivanti Web@Work. Copying the link and e-mail keep `https`. */
+    qrScheme?: string;
+    /** The page's name, beside `name` in the side layout's top bar once the title has scrolled away. */
+    pageName?: string;
+    /** The environment outside production ("Acceptatie"). Leave it out in production. */
+    environment?: string;
+    /** Who is signed in: the avatar and the user menu. Without it there is no user menu. */
+    user?: UserMenuUser;
+    userMenu?: MenuEntry[];
+    /** "Afmelden" as a POST form to `href` with the CSRF `token`; without it, `lintje-logout`. */
+    logout?: {
+        href: string;
+        token: string;
+    };
+    version?: string;
+    feedback?: {
+        href: string;
+        label?: string;
+    };
+    search?: boolean;
+    notifications?: NotificationItem[];
+}
+/**
+ * A stretch of a message read as a term: character offsets, end exclusive. `kind` is the Dutch
+ * caption ("Periode"). `certain: false`: ambiguous or outside the chosen sources, drawn dashed.
+ */
+export interface ChatTermRange {
+    start: number;
+    end: number;
+    kind?: string;
+    certain?: boolean;
+}
+export interface ChatMessageData {
+    text: string;
+    terms?: ChatTermRange[];
+    /** When it was sent, as the host formats it ("08:20"). */
+    time?: string;
+}
+export interface ChatSuggestion {
+    label: string;
+    /** What is sent when it differs from the label; a host's own id for a choice. */
+    value?: string;
+}
+/**
+ * One pair of the strip under an answer: a fixed value, a changeable one (`options`, `value` the
+ * chosen option) or a suggestion to switch on (`pressed`).
+ */
+export interface ChatStripItem {
+    key: string;
+    label: string;
+    value: string;
+    options?: FilterOption[];
+    pressed?: boolean;
+}
+export interface ChatStripData {
+    items: ChatStripItem[];
+    details?: {
+        term: string;
+        description: string;
+    }[];
+    /** The toggle's word; "Berekening" without it. */
+    detailsLabel?: string;
+}
+/** One block of an answer: an existing tag with its data. Still to come: `state: 'loading'`. */
+export type ChatBlock = {
+    kind: 'prose';
+    text?: string;
+    html?: string;
+} | {
+    kind: 'kpi-row';
+    data: KpiRowData;
+} | {
+    kind: 'chart-tile';
+    data: ChartTileData;
+} | {
+    kind: 'data-table';
+    data: DataTableData;
+};
+/** Where an answer stands. `out-of-scope` needs a source on; `needs-clarification` asks back. */
+export type ChatAnswerState = 'ready' | 'streaming' | 'stopped' | 'error' | 'out-of-scope' | 'needs-clarification';
+/** What the assistant answered: `lintje-chat-answer`. */
+export interface ChatAnswerData {
+    state?: ChatAnswerState;
+    lead?: string;
+    text?: string;
+    blocks?: ChatBlock[];
+    strip?: ChatStripData;
+    /** `streaming`: the step that is running ("Cijfers berekenen · stap 2 van 3"). */
+    status?: string;
+    /** `error`: what went wrong, and the way out in words. */
+    error?: {
+        title?: string;
+        text: string;
+    };
+    /** `out-of-scope` and `needs-clarification`: the real choices, solid. */
+    choices?: ChatSuggestion[];
+    /** Suggested next questions, dashed. Drawn under the last answer only. */
+    followUps?: ChatSuggestion[];
+}
+export interface ChatTurnData {
+    id: string;
+    message: ChatMessageData;
+    answer?: ChatAnswerData;
+}
+/** A term the question box recognises while typing. Switched-off or `ambiguous`: dashed. */
+export interface ChatTermData {
+    label: string;
+    kind: string;
+    aliases?: string[];
+    source?: string;
+    ambiguous?: boolean;
+}
+/** What the host recognised in the typed text; holds only while the box's text is `text`. */
+export interface ChatDraftTerms {
+    text: string;
+    ranges: ChatTermRange[];
+}
+export type ChatAnswerForm = 'auto' | 'text' | 'chart' | 'table';
+export interface ChatSourceData {
+    id: string;
+    label: string;
+    description?: string;
+    /** How far its figures run ("tot 8 sep, 08:15"). */
+    asOf?: string;
+    selected?: boolean;
+}
+export interface ChatStartData {
+    /** "Waar wil je meer over weten?" without it. */
+    title?: string;
+    intro?: string;
+    /** The small print under the sources: the defaults, and that nothing is kept. */
+    note?: string;
+    starters?: ChatSuggestion[];
+}
+/**
+ * The host owns the conversation and sets `data` again on change.
+ * Events: `lintje-message-send`, `lintje-answer-stop`, `lintje-sources-change`,
+ * `lintje-draft-change`, `lintje-suggestion-select`, `lintje-message-edit`,
+ * `lintje-answer-retry`, `lintje-answer-rate`, `lintje-strip-change`, and the blocks' own
+ * `lintje-mark-select`, `lintje-row-click` and `lintje-sort-change`.
+ */
+export interface ChatData extends FrameSettings {
+    turns: ChatTurnData[];
+    start?: ChatStartData;
+    sources?: ChatSourceData[];
+    vocabulary?: ChatTermData[];
+    /** The host's own reading of the text being typed; it wins over the vocabulary. */
+    draftTerms?: ChatDraftTerms;
+    /** The question box's placeholder; "Stel een vraag over de gegevens" without it. */
+    placeholder?: string;
+}
+export type { FormValues, FormErrors, StoredDraft } from './components/forms/form/form.js';
+export type { ErrorSummaryItem } from './components/forms/error-summary/error-summary.js';
+export type { UploadFile } from './components/inputs/file-upload/file-upload.js';
+export type { DateRange } from './components/inputs/date-range/date-range.js';
+export type { TabItem } from './components/layout/tabs/tabs.js';
+export type { Step, StepState, StepperOrientation } from './components/forms/stepper/stepper.js';
+export type { MenuEntry, MenuHeading, MenuItem } from './components/actions/menu-button/menu-button.js';
+export type { Crumb } from './components/frame/breadcrumbs/breadcrumbs.js';
+export type { SubNavAction, SubNavGroup, SubNavItem } from './components/frame/sub-nav/sub-nav.js';
+export type { ListItem, RowClickDetail } from './components/tables/list/list.js';
+export type { CardAction, CardData, CardFact, CardLayout, CardMedia, CardStatus, CardStatusTone, } from './components/tables/card/card.js';
+export type { GalleryItem } from './components/content/gallery/gallery.js';
+export type { FooterColumn, FooterData, FooterLink } from './components/frame/footer/footer.js';
+export type { TreeNode } from './components/tables/tree-view/tree-view.js';
+export type { SortableItem } from './components/tables/sortable-list/sortable-list.js';
+export type { DescriptionItem, DescriptionAction, } from './components/tables/description-list/description-list.js';
+export type { ActivityEntry } from './components/tables/activity-log/activity-log.js';
+export type { Job, JobState } from './components/feedback/job-list/job-list.js';
+export type { ConflictChange, ConflictChoice, } from './components/feedback/conflict-alert/conflict-alert.js';
+export type { TimedText } from './components/content/video-player/video-player.js';
+export type { TranscriptSegment, TranscriptMatches, TranscriptMatch, } from './components/content/transcript/transcript.js';
+export type { SearchGroup, SearchResult } from './components/frame/app-search/app-search.js';
+export type { NotificationItem } from './components/frame/notifications/notifications.js';

package/dist-icons/activiteiten-afhaalpunt.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 64 64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m13.5 11.977c3.137 0 4.952-2.209 4.952-5.389 0-3.624-1.897-5.566-4.952-5.566-3.218 0-4.952 2.297-4.952 5.566 0 3.446 1.815 5.389 4.952 5.389z"/><path d="m47.5 11.977c3.137 0 4.952-2.209 4.952-5.389 0-3.624-1.897-5.566-4.952-5.566-3.218 0-4.952 2.297-4.952 5.566 0 3.446 1.815 5.389 4.952 5.389z"/><path d="m27 31h35v4h-35z"/><path d="m44 25.132c0-.703-.369-1.354-.971-1.715l-4.029-2.417v-6c0-.552-.448-1-1-1h-10c-.552 0-1 .448-1 1v14h17z"/><path d="m27.5 39.967c0-1.884-1.053-3.491-2.533-4.147.005-8.684.391-19.608-5.943-21.119-3.337-.796-7.805-.796-11.049 0-6.362 1.561-5.942 11.647-5.942 20.357.21 3.052 2.454 3.92 3.801 3.92 0-.142 0-8.641 0-9.167 0-3.449.336-6.14.756-7.482.129-.407.41-.329.41-.329v41s4.865.039 5.237-5.05c0 0 .728-19.243.736-19.457s.167-.493.527-.493.508.279.517.493c.008.214.731 19.317.731 19.317.288 5.239 5.252 5.19 5.252 5.19v-7h10v-16h-2.503c0-.011.003-.021.003-.033zm-6.334-3.611c-.485.392-.879.904-1.166 1.494v-15.85s.302-.105.449.331c.406 1.203.716 4.033.716 7.435.001.417.001 4.064.001 6.59zm4.331 3.644h-3.995c0-.011-.003-.021-.003-.033 0-1.363.895-2.467 2-2.467s2 1.105 2 2.467c.001.012-.002.022-.002.033z"/><path d="m46 25.132v3.868h1.5 6.447v-7s.302-.105.449.331c.375 1.111.665 3.615.708 6.669h3.788c-.139-6.82-1.002-13.125-5.921-14.298-1.643-.392-3.561-.584-5.471-.59-1.91.006-3.828.198-5.471.59-.367.088-.705.213-1.029.356v4.81l3.058 1.835c1.198.718 1.942 2.033 1.942 3.429z"/></svg>

package/dist-icons/activiteiten-crisisoverleg.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 64 64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m28.4 31.8c.7-1.3 2.1-2 3.5-2 1.5 0 2.8.8 3.6 2l2.5 4.3c2.1.2 4.1.5 5.9.9 0-2.2-.1-8.2-1.5-9.7-1.6-1.7-5.3-2.5-6.5-2.8-.2 0-.4-.2-.4-.4-.1-.4-.1-.8-.2-1 1.2-1.2 2-2.7 2.3-4.7 1-.3 1.2-1.6 1.2-2.3 0-.8-.1-1.2-.4-1.3s-.5 0-.7.1c.2-1.6.4-4.9-.3-6.2s-1.6-1.9-3.3-1.4c-1.1-.6-1.9-1.4-3.8-.8-1.4.4-2.9 1.1-3.6 2.1-.9 1.1-.7 4.7-.5 6.3-.1-.1-.4-.2-.6-.1-.3.1-.4.6-.4 1.3 0 .8.2 2 1.2 2.3.3 2.1 1.1 3.5 2.3 4.7-.1.4-.1.7-.2 1 0 .2-.2.4-.4.4-1.3.3-5 1.1-6.5 2.8-1.5 1.5-1.6 7.6-1.6 9.7 1.9-.4 3.9-.7 5.9-.9z"/><path d="m47.5 39.5c.8.6 3.7.7 4.7.8.1.1 0 .3-.2.4-.9.4-2.8.6-3.8.6-1 .5-3.5 1.9-5.1 3.4l5.5 9.3c5-.9 10.4-2.6 14.3-6.4-.2-.9-.3-5.7-2.3-7-1-.7-2.4-.6-3.7-.4.2-2.5 3.7-5.2 2.8-12.1-.4-2.9-1.5-4.3-4.2-4-1.8-1.3-3.7-1.3-5.4-1-1.7.4-3.8 1.4-2.7 3.4-.5 1.6-.5 2-.5 2.7 0 2.3-.9 2.3-.9 4.5.2 1.3.8 5.4 1.5 5.8z"/><path d="m9.9 40.6c-2 .7-4 0-6.3 1.6-1.3.9-2.2 2.9-2.6 5.4 3.8 3.7 9.4 5.4 14.5 6.3l5.4-9.3c-1.7-1.9-4.1-3-5.3-3.4-.6-.3-.9-.6-1-1.3l-.2-.9c.4-.1.9-.2 1.3-.5.7-.5 2.1-4.5 2-5.9-.2-1.4-.4-1.5-.6-2.8s1-2.6.4-4.5c-.5-1.7-2.6-3.5-5.1-3-1.9.4-2.3.7-3.5 1.4 0 0-2.6-.4-3.8 1-1.8 2.2-.9 5.3-1.3 8.5-.4 2.8-1.9 4-1.9 4 1.9 1.6 4.5 2.6 8.2 3 .2.1.1.3-.2.4z"/><path d="m33.6 32.9c-.7-1.3-2.6-1.3-3.3 0l-15.2 26.2c-.7 1.3.2 2.9 1.7 2.9h30.6c1.5 0 2.4-1.6 1.6-2.9zm-13.5 25.3 11.9-20.5 12.1 20.5z"/><path d="m32 52.9c-1 0-1.5.7-1.5 1.6 0 1 .5 1.5 1.5 1.5s1.5-.7 1.5-1.5c-.1-1-.6-1.6-1.5-1.6z"/><path d="m30.8 51.6 2.3-.1v-2.3l.3-5.7-2.6.2z"/></svg>

package/dist-icons/activiteiten-dansen.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 64 64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m36.474 12.169c2.908-.446 4.316-2.496 3.829-5.673-.462-3.014-2.394-4.885-5.378-4.428-2.832.435-4.316 2.496-3.804 5.836.45 2.933 2.445 4.711 5.353 4.265z"/><path d="m51.913 17.668c-1.462-1.589-7.912-3.771-12.005-3.618-6.744.253-8.645 2.449-9.521 3.598-.803 1.05-3.387 7.352-3.387 7.352s-4.44-1.378-8.396-3.824c-.241.543-1.18 2.966.957 4.933 1.222 1.125 7.084 4.03 8.59 3.442 1.901-.741 4.056-5.66 5.132-7.375.539 3.086 1.134 6.627 1.587 9.899-4.422 1.979-6.96 3.218-7.827 3.775-1.75 1.125-1.692 3.228-1.517 4.569.322 2.456 3.761 14.208 3.99 15.141 2.813-1.295 3.843-4.028 3.648-5.508-.362-2.758-1.537-9.567-1.537-9.567 2-1.013 5.858-1.985 8-2.479.022 2.552-.044 6.012-.202 8.431-.237 3.622-1.276 7.653-1.438 10.406-.189 3.221 1.458 5.832 3.557 6.12.916-3.091 2.968-11.162 3.513-16.819.517-5.362 1.062-15.043-1.205-26.774 2.326.342 4.408 1.125 5.04 1.533.025 2.741-.46 6.763-1.054 9.714 2.019-.174 3.717-1.382 4.094-3.372.433-2.292 1.299-8.544-.019-9.577z"/><path d="m22 5-6-3v4 5.998c-.456-.192-.961-.322-1.5-.351-1.933-.106-3.5 1.012-3.5 2.497s1.573 2.698 3.5 2.882c1.975.188 3.5-1.047 3.5-3.026v-2-5.333l4 1.333z"/></svg>

package/dist-icons/activiteiten-docent-voor-klas.svg

@@ -0,0 +1 @@
+<svg height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m10.0396 49.0002c-3.249-.0232-5.0159 2.2711-5.0393 5.5532-.0253 3.4592 1.7949 5.4234 4.9612 5.4468 3.167.0223 5.0159-2.1821 5.0383-5.3752.0261-3.6381-1.8758-5.6022-4.9602-5.6248z"/><path d="m25.0396 49.0002c-3.249-.0232-5.0159 2.2711-5.0393 5.5532-.0253 3.4592 1.7949 5.4234 4.9612 5.4468 3.167.0223 5.0159-2.1821 5.0383-5.3752.0261-3.6381-1.8758-5.6022-4.9602-5.6248z"/><path d="m21.9998 42.625c.0261-3.6381-1.8757-5.6022-4.9602-5.6248-3.249-.0232-5.0159 2.2711-5.0393 5.5532-.0253 3.4592 1.7949 5.4234 4.9612 5.4468 3.1669.0223 5.0158-2.1821 5.0383-5.3752z"/><path d="m36.9998 42.625c.0261-3.6381-1.8757-5.6022-4.9602-5.6248-3.249-.0232-5.0159 2.2711-5.0393 5.5532-.0253 3.4592 1.7949 5.4234 4.9612 5.4468 3.1669.0223 5.0158-2.1821 5.0383-5.3752z"/><path d="m51.4495 28.7438c-.1471-.4355-.4495-.3307-.4495-.3307v4.5869h1.5057c-.3814-1.8857-.7931-3.4767-1.0562-4.2562z"/><path d="m4 4v29h34.9095l.0905-7.6364c-4.0182-.5453-9.228-1.1131-13-1.4933-3.9766-.4008-4.1547-3.6983-4.1547-3.6983 7.2467-.352 21.019-.6934 28.1927.828 3.9252.8325 5.6915 6.2119 6.6971 12h3.2649v-29zm40.952 14.1193c-3.2307 0-5.1006-2.002-5.1006-5.5504 0-3.3677 1.7856-5.7332 5.1006-5.7332 3.1465 0 5.1006 2.0009 5.1006 5.7332 0 3.2747-1.8694 5.5504-5.1006 5.5504z"/><path d="m51.9998 42.625c.0261-3.6381-1.8757-5.6022-4.9602-5.6248-3.249-.0232-5.0159 2.2711-5.0393 5.5532-.0253 3.4592 1.7949 5.4234 4.9612 5.4468 3.1669.0223 5.0158-2.1821 5.0383-5.3752z"/><path d="m40.0396 49.0002c-3.249-.0232-5.0159 2.2711-5.0393 5.5532-.0253 3.4592 1.7949 5.4234 4.9612 5.4468 3.167.0223 5.0159-2.1821 5.0383-5.3752.0261-3.6381-1.8758-5.6022-4.9602-5.6248z"/><path d="m54.0396 49.0002c-3.249-.0232-5.0159 2.2711-5.0393 5.5532-.0253 3.4592 1.7949 5.4234 4.9612 5.4468 3.167.0223 5.0159-2.1821 5.0383-5.3752.0261-3.6381-1.8758-5.6022-4.9602-5.6248z"/></svg>

package/dist-icons/activiteiten-elleboognies.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 64 64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m37.6 22.5c-.4-.3-1.1-.2-1.4.2s-.2 1.1.2 1.4l.7.6h-1.1c-.6 0-1 .5-.9 1.1 0 .5.5.9 1 .9h.1l3.8-.3c.4 0 .8-.3.9-.7s0-.8-.4-1.1z"/><path d="m56.1 32.6c-.7-2.5-2.9-3.7-5.3-4 2.5-4.6 8.5-16.8.7-18.1-2.5-2.8-4.1-4.9-10.3-4.7-5.8.2-12.5.3-15.1 9.9-1.2 4.5-.5 6.8.2 11.7-2.6-1.2-5.1-2.4-6.7-3.1-.1-.3-.2-.6-.3-.9-.4-1.1-.8-2.1-1.7-2.9-.9-.7-2-.8-2.8-.7-1.1-.9-2.4-1.3-3.7-1-1.2.3-2.4 1.2-3.1 2.7-2.4 5-.5 7.5 1.5 8.7 1.9 1.2 3.9 1.5 5.3 1.6 2.5 2.2 14.3 12.3 17.7 13.3 2.4.7 8.3-.2 13.3-1.5.1.2-.1.4-.4.5-4.5 2.1-10.9 3.6-13.8 2.8-2-.6-7-4.3-11.5-7.9-2.1.9-4.1 2-5.2 3.1-2.7 3.1-4.2 16.9-4.2 16.9h40.4s.9-12 4.3-19.6c.9-2.1 1.6-3.9.7-6.8zm-41.1-2.8c-1.1 0-2.8-.3-4.5-1.3-1.2-.7-2.6-2.2-.7-6.1.4-.9 1-1.5 1.8-1.6.7-.1 1.6.2 2.3.9l.4.4.6-.2s.9-.3 1.5.2c.5.5.8 1.2 1.1 2.1 0 .1.1.2.1.3zm14.1-1.1c0-1.2.1-2.5.6-3.7-1.3-1.1-2-2.7-1.2-4.6.5-1.2 1.7-2.2 3.2-1-.1.7-.2 1.1-.2 1.3-.1.9 1.2 1.2 1.2 1.2l2.1-5.4c2 .6 10 2.2 15.1 1.8l.5 4.7c-.4 1-.9 1.9-1.4 2.8-.9.1-2.1.3-2.5.4s-.7.4-.8.8.1.8.4 1l1.1.7c-3.3.5-8 1.9-11.3 3.1-1.8-.7-4.3-1.9-6.8-3.1z"/></svg>

package/dist-icons/activiteiten-fysiotherapeut.svg

@@ -0,0 +1 @@
+<svg height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m36.2039 18.9631c2.829.1697 4.5938-1.7385 4.7778-4.6282.2098-3.2911-1.3889-5.1588-4.144-5.3243-2.9023-.174-4.5987 1.8189-4.7877 4.789-.1995 3.1301 1.3254 4.9937 4.1539 5.1635z"/><path d="m7.0355 45.0003c-3.2405.0317-4.9617 1.7729-4.9352 4.549.0284 2.9243 2.0982 4.4794 5.0225 4.4503 3.082-.0303 4.8043-1.6971 4.7768-4.5471-.0275-2.8504-2.0189-4.4803-4.8641-4.4522z"/><path d="m40.3054 47.7137c1.3726-2.1694 2.3515-3.7497 3.6451-5.6002 1.6528-.3476 4.9184-.6467 6.6106-.7903 4.2502-.4095 5.9329-2.8573 5.9485-4.6654-3.3266-.2094-5.5065-.3646-8.6238-.4575-5.4742-.159-6.5384.3935-7.5709 1.1658 1.1362.6943-1.3749-.8393 1.6875 1.0308-1.0605 1.3743-2.62 3.1147-5.6816 2.9728-4.0561 4.3506-1.9561 2.1139-3.3337 3.6302h-14.8962c-3.1818.0001-4.7909 1.9884-4.7909 4.4737 0 2.4852 1.7909 4.5 4.7909 4.5h17.9091s-.0455-3.4436-4.8428-4.0172c-3.7096-.4435-10.0031-.8113-12.29-.9366-.0524-.1989.109-.3751.5461-.4278.4864-.0587 7.3259-.6746 11.9221-.1248 4.802.5743 6.1281 3.8073 6.163 5.4601l17.7414.0341c3.9406-.0875 5.79-2.2312 6.5833-3.6624z"/><path d="m33.6788 39.2792c3.8745 1.4563 5.4206.082 5.9932-.5479-4.4092-2.6913-8.6467-5.3828-8.6467-5.3828l.8008-5.7182c.0585-.0132.269-.0316.3273.2964l.282 4.5388c1.1238.7101 3.7017 2.3318 6.5461 4.0819.3772-.3364.4879-.4518.924-.7155l.8059-7.1078c1.3795 1.4121 3.7752 3.6201 6.3252 6.0164 1.8752.0385 4.1348.139 5.9232.2516-1.919-2.3593-8.9614-9.6983-11.4946-11.8522-2.5307-2.1518-8.5455-2.7228-11.5089-1.112-1.0546.5732-2.1959 1.707-2.4411 3.068-.1978 1.098-.9161 6.6899-1.0596 8.9264-.0614.9575.2586 1.5513.8044 2.0684 1.3179 1.2488 4.4921 2.4643 6.4188 3.1885z"/><path d="m27.4032 38.0707c-.1951 2.4702-.3363 4.5432-.3841 5.5366h5.1823c.901-.9917.3877-.4351 2.3271-2.5132-1.6914-.4099-5.3005-1.8535-7.1253-3.0234z"/></svg>

package/dist-icons/activiteiten-gevangene.svg

@@ -0,0 +1 @@
+<svg height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m29 2h-21v19h21zm-15 16h-3v-13h3zm6 0h-3v-13h3zm6 0h-3v-13h3z"/><path d="m53 50h-11c-1.1046 0-2 .8954-2 2s.8954 2 2 2h11c1.1046 0 2-.8954 2-2s-.8954-2-2-2z"/><path d="m40.7295 21.5822c3.226-.7432 4.6595-3.1205 3.8902-6.5724-.7298-3.2752-3.0258-5.1655-6.3359-4.4028-3.1422.7239-4.6594 3.1203-3.8508 6.7497.7102 3.1858 3.0702 4.9689 6.2965 4.2255z"/><path d="m51.0861 25.2319c-2.0994-5.1898-8.6923-4.3961-10.0021.1356-1.0187 2.6556-1.736 7.1133-2.7402 8.6033-.9205 1.3659-3.1827 3.6635-5.7012 6.1116-2.6166 2.5435-1.1611 4.8522-1.1611 4.8522s.5811-.4294 1.4481-1.0797c-.1301.2184-.258.453-.3836.7207-1.1082 2.3621-6.206 16.8943-6.206 16.8943.9664.43 3.9982 1.1313 6.4368-3.0879 2.4388-4.22 5.8942-10.4811 5.8942-10.4811s8.4461.0451 11.0836-.0048c3.6318-.0686 5.9086-2.1779 6.1556-4.7834.3808-4.0153-2.998-13.3665-4.8241-17.8808zm-13.8617 16.2847c-.6254.1002-1.1664.2003-1.6501.3326 2.2545-1.7302 4.7321-3.6931 5.4249-4.4784.8419-.9543 1.3695-2.2313 1.6969-3.3407.8024 2.57 1.451 4.7496 1.8662 6.4777-3.1327.374-5.321.6855-7.3379 1.0088z"/></svg>

package/dist-icons/activiteiten-hulpverleners.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 64 64" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h64v64h-64z" fill="none"/><path d="m9.9 40.6c-.3.1-.6.2-.9.2-.5.5-1.1 1.2-1.6 2.2.9.4 3.3 1.4 7.4 2.6.8-1.6 1.7-2.8 2.5-3.6-.6-.3-1.2-.6-1.6-.7-.6-.3-.9-.6-1-1.3l-.2-.9c.4-.1.9-.2 1.3-.5.7-.5 2.1-4.5 2-5.9-.2-1.4-.4-1.5-.6-2.8s1-2.6.4-4.5c-.5-1.7-2.6-3.5-5.1-3-1.9.4-2.3.7-3.5 1.4 0 0-2.6-.4-3.8 1-1.8 2.2-.9 5.3-1.3 8.5-.4 2.8-1.9 4-1.9 4 2.3 1.9 5.2 2.7 8.2 3 .1 0 0 .2-.3.3zm-6.2 1.6c-1.3.9-2.2 2.9-2.6 5.4.6.6 1.4 1.2 2.1 1.7.3-1.5.7-3.1 1.3-4.8.5-1.4 1-2.5 1.6-3.3-.8.2-1.6.5-2.4 1zm1.3 8.4c2.4 1.3 5 2.2 7.7 2.8.3-1.6.7-3.8 1.4-6-4.2-1.2-6.6-2.2-7.6-2.6-.7 1.7-1.2 3.9-1.5 5.8zm37.5-23.3c-1.6-1.7-5.3-2.5-6.5-2.8-.2 0-.4-.2-.4-.4-.1-.4-.1-.8-.2-1 1.2-1.2 2-2.7 2.3-4.7 1-.3 1.2-1.6 1.2-2.3 0-.8-.1-1.2-.4-1.3s-.5 0-.7.1c.2-1.6.4-4.9-.3-6.2s-1.6-1.9-3.3-1.4c-1.1-.6-1.9-1.4-3.8-.8-1.4.4-2.9 1.1-3.6 2.1-.9 1.1-.7 4.7-.5 6.3-.1-.1-.4-.2-.6-.1-.3.1-.4.6-.4 1.3 0 .8.2 2 1.2 2.3.3 2.1 1.1 3.5 2.3 4.7-.1.4-.1.7-.2 1 0 .2-.2.4-.4.4-1.3.3-5 1.1-6.5 2.8-1.6 1.5-1.7 7.6-1.7 9.7 3.6-.8 7.7-1.2 12-1.2s8.4.4 12 1.2c0-2.2-.1-8.2-1.5-9.7zm-3.5 4.7h-2v2h-2v-2h-2v-2h2v-2h2v2h2zm21.7 8.6c-1-.7-2.4-.6-3.7-.4.2-2.4 3.4-5 2.9-11.4h.4c.8 0 1.5-.6 1.7-1.3l.3-.9s-6.4-3.8-13.5-8.1c-.7-.4-1.5.3-1.5 1.1.1 1.2.2 2.8.3 4.1l-3.4 2.4s.8.8 3.1 1.5c-.2.9-.3 1.3-.2 1.8 0 2.3-.9 2.3-.9 4.5 0 1.2.6 5.2 1.3 5.7.8.6 3.7.7 4.7.8.1.1 0 .3-.2.4-.9.4-2.8.6-3.8.6-1.3.7-5 2.7-6.2 4.8-.8 1.3-1.5 6.1-1.8 8.9 5.8-.5 16.4-1.1 22.8-7.3-.2-1.1-.3-5.8-2.3-7.2zm-41.5 2.6c-2.7 2.2-3.8 6.8-4.4 10.7 3.4.6 6.7.9 9 1.1-.3-2.7-.9-7.3-1.8-8.9-.7-1.2-1.7-2.2-2.8-2.9z"/></svg>