@dso-toolkit/core 38.0.0 → 39.0.0

package/dist/types/components/ozon-content/ozon-content.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { OzonContentAnchorClick } from './ozon-content.interfaces';
+import { OzonContentAnchorClick, OzonContentClick } from './ozon-content.interfaces';
 import { OzonContentNodeState } from './ozon-content-node-state.interface';
 export declare class OzonContent implements ComponentInterface {
   /**
@@ -14,8 +14,21 @@ export declare class OzonContent implements ComponentInterface {
    * Marks content as deleted using visual and accessible clues.
    */
   deleted: boolean;
+  /**
+   * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.
+   *
+   * **Do not** use this without an accessible companion element! `interactive` is only
+   * meant to ease the use of the companion element for mouse/touch users.
+   */
+  interactive: boolean;
   state: OzonContentNodeState;
   anchorClick: EventEmitter<OzonContentAnchorClick>;
+  /**
+   * These events are only emitted when the component is `interactive`.
+   */
+  dsoClick: EventEmitter<OzonContentClick>;
+  host: HTMLElement;
   private mapper;
+  handleHostOnClick(e: UIEvent): void;
   render(): JSX.Element;
 }

package/dist/types/components/ozon-content/ozon-content.interfaces.d.ts

@@ -3,3 +3,6 @@ export interface OzonContentAnchorClick {
   documentComponent: string;
   originalEvent: MouseEvent;
 }
+export interface OzonContentClick {
+  originalEvent: Event;
+}

package/dist/types/components/ozon-content/ozon-content.template.d.ts

@@ -1,2 +1,2 @@
 import { OzonContent } from '@dso-toolkit/sources';
-export declare function ozonContentTemplate({ content, inline, deleted, onAnchorClick }: OzonContent): import("lit-html").TemplateResult<1>;
+export declare function ozonContentTemplate({ content, inline, interactive, deleted, onAnchorClick, onClick }: OzonContent): import("lit-html").TemplateResult<1>;

package/dist/types/components/viewer-grid/example-pages/viewer-grid-document-header.example-template.d.ts

@@ -0,0 +1,2 @@
+import { ViewerGridDocumentHeaderProperties } from "@dso-toolkit/sources";
+export declare function viewerGridDocumentHeaderExampleTemplate({ documentHeaderFeaturesOpen, documentHeaderFeatureAction, documentHeaderStatusOpen }: ViewerGridDocumentHeaderProperties): import("lit-html").TemplateResult<1>;

package/dist/types/components/viewer-grid/example-pages/viewer-grid-document-item.example-template.d.ts

@@ -0,0 +1 @@
+export declare function viewerGridDocumentItemExampleTemplate(): import("lit-html").TemplateResult<1>;

package/dist/types/components/viewer-grid/example-pages/viewer-grid-filterblok.example-template.d.ts

@@ -0,0 +1 @@
+export declare function viewerGridFilterblokExampleTemplate(): import("lit-html").TemplateResult<1>;

package/dist/types/components/viewer-grid/example-pages/viewer-grid-tiles.example-template.d.ts

@@ -0,0 +1,2 @@
+import { Tile } from "@dso-toolkit/sources";
+export declare function viewerGridTilesExampleTemplate(tiles: Tile[]): import("lit-html").TemplateResult<1>;

package/dist/types/components/viewer-grid/templates/viewer-grid.template.d.ts

@@ -0,0 +1,3 @@
+import { ViewerGrid } from "@dso-toolkit/sources";
+import { TemplateResult } from "lit-html";
+export declare function viewerGridTemplate({ filterpanel, main, map, overlay, filterpanelOpen, overlayOpen, initialMainSize, mainSizeChange, filterpanelApply, filterpanelCancel, closeOverlay, }: ViewerGrid<TemplateResult>): TemplateResult<1>;

package/dist/types/components/viewer-grid/viewer-grid.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { FocusTrap } from "focus-trap";
-declare type MainSize = "small" | "medium" | "large";
+export declare type MainSize = "small" | "medium" | "large";
 export interface ViewerGridChangeSizeEvent {
   /**
    * Indicates whether it's before or after the animation
@@ -15,6 +15,10 @@ export interface FilterpanelEvent {
 export declare class ViewerGrid {
   filterpanelOpen: boolean;
   overlayOpen: boolean;
+  /**
+   * Size of the main content panel when component loads. Changing this attribute afterwards has no effect.
+   */
+  initialMainSize: MainSize;
   mainSize: MainSize;
   closeOverlay: EventEmitter<MouseEvent | KeyboardEvent>;
   filterpanelCancel: EventEmitter<FilterpanelEvent>;
@@ -40,4 +44,3 @@ export declare class ViewerGrid {
   handleFilterpanelCancel(mouseEvent: MouseEvent): void;
   render(): any;
 }
-export {};

package/dist/types/components.d.ts

@@ -11,10 +11,10 @@ import { HeaderMenuItem, HeaderMenuItemClickEvent } from "./components/header/he
 import { InfoButtonToggleEvent } from "./components/info-button/info-button";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
-import { OzonContentAnchorClick } from "./components/ozon-content/ozon-content.interfaces";
+import { OzonContentAnchorClick, OzonContentClick } from "./components/ozon-content/ozon-content.interfaces";
 import { SelectableChangeEvent } from "./components/selectable/selectable";
 import { TreeViewItem, TreeViewPointerEvent } from "./components/tree-view/tree-view.interfaces";
-import { FilterpanelEvent, ViewerGridChangeSizeEvent } from "./components/viewer-grid/viewer-grid";
+import { FilterpanelEvent, MainSize, ViewerGridChangeSizeEvent } from "./components/viewer-grid/viewer-grid";
 export namespace Components {
     interface DsoAlert {
         /**
@@ -184,6 +184,10 @@ export namespace Components {
           * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         "inline": boolean;
+        /**
+          * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.  **Do not** use this without an accessible companion element! `interactive` is only meant to ease the use of the companion element for mouse/touch users.
+         */
+        "interactive": boolean;
     }
     interface DsoProgressBar {
         "max": number;
@@ -261,6 +265,10 @@ export namespace Components {
     }
     interface DsoViewerGrid {
         "filterpanelOpen": boolean;
+        /**
+          * Size of the main content panel when component loads. Changing this attribute afterwards has no effect.
+         */
+        "initialMainSize": MainSize;
         "overlayOpen": boolean;
     }
 }
@@ -647,7 +655,15 @@ declare namespace LocalJSX {
           * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         "inline"?: boolean;
+        /**
+          * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.  **Do not** use this without an accessible companion element! `interactive` is only meant to ease the use of the companion element for mouse/touch users.
+         */
+        "interactive"?: boolean;
         "onAnchorClick"?: (event: CustomEvent<OzonContentAnchorClick>) => void;
+        /**
+          * These events are only emitted when the component is `interactive`.
+         */
+        "onDsoClick"?: (event: CustomEvent<OzonContentClick>) => void;
     }
     interface DsoProgressBar {
         "max"?: number;
@@ -729,6 +745,10 @@ declare namespace LocalJSX {
     }
     interface DsoViewerGrid {
         "filterpanelOpen"?: boolean;
+        /**
+          * Size of the main content panel when component loads. Changing this attribute afterwards has no effect.
+         */
+        "initialMainSize"?: MainSize;
         "onCloseOverlay"?: (event: CustomEvent<MouseEvent | KeyboardEvent>) => void;
         "onFilterpanelApply"?: (event: CustomEvent<FilterpanelEvent>) => void;
         "onFilterpanelCancel"?: (event: CustomEvent<FilterpanelEvent>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "38.0.0",
+  "version": "39.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -26,48 +26,47 @@
     "bin_build-storybook": "build-storybook"
   },
   "dependencies": {
-    "@stencil/core": "2.10.0"
+    "@popperjs/core": "^2.11.5",
+    "@stencil/core": "2.10.0",
+    "clsx": "1.1.1",
+    "escape-string-regexp": "^5.0.0",
+    "focus-trap": "^6.8.1",
+    "popper-max-size-modifier": "^0.2.0",
+    "tabbable": "^5.3.1",
+    "uuid": "^8.3.2"
   },
   "devDependencies": {
     "@babel/core": "^7.17.9",
     "@dso-toolkit/sources": "0.0.0",
-    "@popperjs/core": "^2.11.5",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "1.5.2",
-    "@storybook/addon-a11y": "6.4.22",
-    "@storybook/addon-essentials": "6.4.22",
-    "@storybook/addons": "6.4.22",
-    "@storybook/builder-webpack5": "6.4.22",
-    "@storybook/manager-webpack5": "6.4.22",
-    "@storybook/web-components": "6.4.22",
+    "@storybook/addon-a11y": "6.5.9",
+    "@storybook/addon-actions": "6.5.9",
+    "@storybook/addon-essentials": "6.5.9",
+    "@storybook/addons": "6.5.9",
+    "@storybook/builder-webpack5": "6.5.9",
+    "@storybook/manager-webpack5": "6.5.9",
+    "@storybook/web-components": "6.5.9",
     "@types/concurrently": "^7.0.0",
     "@types/debounce": "^1.2.1",
     "@types/sass": "^1.43.1",
     "@types/uuid": "^8.3.4",
     "@types/validator": "^13.7.2",
     "@whitespace/storybook-addon-html": "5.0.0",
-    "axe-core": "^4.4.1",
     "babel-loader": "^8.2.5",
     "cheerio": "1.0.0-rc.10",
-    "clsx": "1.1.1",
     "concurrently": "^7.1.0",
     "cross-env": "^7.0.3",
     "debounce": "^1.2.1",
-    "escape-string-regexp": "^5.0.0",
-    "focus-trap": "^6.8.1",
     "http-proxy-middleware": "^2.0.6",
     "lit-html": "^2.2.2",
     "mini-svg-data-uri": "1.4.4",
     "minimist": "^1.2.6",
-    "popper-max-size-modifier": "^0.2.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "stencil-inline-svg": "1.1.0",
-    "tabbable": "^5.3.1",
     "typescript": "^4.5.0",
-    "uuid": "^8.3.2",
-    "validator": "^13.7.0",
     "wait-on": "^6.0.1",
     "webpack": "^5.72.0"
   }

package/dist/collection/components/viewer-grid/viewer-grid-document-header.template.js

@@ -1,39 +0,0 @@
-import { html, nothing } from "lit-html";
-import { buttonTemplate } from "../button/button.template";
-import { definitionListTemplate } from "../definition-list/definition-list.template";
-export function viewerGridDocumentHeaderTemplate({ title, type, features, featuresAction, mapAction, featuresOpen, owner, status, }) {
-  return html `
-    <div class="dso-document-header">
-      ${title}
-
-      <div class="dso-document-header-container">
-        <p class="dso-document-header-type">${type}</p>
-        <p class="dso-document-header-owner">${owner}</p>
-        <p class="dso-document-header-status">${status}</p>
-
-        ${buttonTemplate({
-    onClick: mapAction,
-    label: "Actie",
-    variant: null,
-    modifier: "dso-document-header-map-action",
-    icon: {
-      icon: "map-location",
-    },
-    iconMode: "only",
-  })}
-        ${buttonTemplate({
-    ariaExpanded: featuresOpen,
-    onClick: featuresAction,
-    label: featuresOpen ? "Minder kenmerken" : "Meer kenmerken",
-    variant: null,
-    modifier: "dso-document-header-toggle-features",
-    icon: {
-      icon: featuresOpen ? "angle-up" : "angle-down",
-    },
-    iconMode: "after",
-  })}
-      </div>
-      ${featuresOpen ? definitionListTemplate(features) : nothing}
-    </div>
-  `;
-}

package/dist/collection/components/viewer-grid/viewer-grid-document-list-item.template.js

@@ -1,19 +0,0 @@
-import { html } from "lit-html";
-import { anchorTemplate } from "../anchor/anchor.template";
-export function viewerGridDocumentListItem({ title, type, owner, status, }) {
-  return html `
-    <div class="dso-document-list-item">
-      ${title}
-      <div class="dso-document-list-item-container">
-        <p class="dso-document-list-item-type">${type}</p>
-        <p class="dso-document-list-item-owner">${owner}</p>
-        <p class="dso-document-list-item-status">${status}</p>
-        ${anchorTemplate({
-    url: "#",
-    label: "Hele document bekijken",
-    modifier: "dso-document-list-item-open-document",
-  })}
-      </div>
-    </div>
-  `;
-}

package/dist/collection/components/viewer-grid/viewer-grid-filterblok.template.js

@@ -1,28 +0,0 @@
-import { html } from "lit-html";
-import { buttonTemplate } from "../button/button.template";
-import { contextTemplate } from "../context/context.template";
-import { labelGroupTemplate } from "../label-group/label-group.template";
-export function viewerGridFilterblok({ title, address, activeFilters, onAllOptions, }) {
-  return html `
-    <section class="dso-filterblok">
-      <div class="dso-highlight-box">
-        ${contextTemplate({
-    type: "label",
-    label: title,
-    content: buttonTemplate({
-      onClick: onAllOptions,
-      variant: "tertiary",
-      label: "Alle opties",
-      icon: {
-        icon: "pencil",
-      },
-    }),
-    children: html `
-            <p class="dso-filterblok-address">${address}</p>
-            ${labelGroupTemplate({ labels: activeFilters })}
-          `,
-  })}
-      </div>
-    </section>
-  `;
-}

package/dist/collection/components/viewer-grid/viewer-grid.template.js

@@ -1,28 +0,0 @@
-import { html } from "lit-html";
-export function viewerGridTemplate({ filterpanel, main, map, overlay, noOverlay, filterpanelOpen, overlayOpen, mainSizeChange, filterpanelApply, filterpanelCancel, closeOverlay, }) {
-  return noOverlay
-    ? html `
-        <dso-viewer-grid
-          ?overlay-open=${overlayOpen}
-          @closeOverlay=${closeOverlay}
-        >
-          <div slot="main">${main}</div>
-          <div slot="map">${map}</div>
-        </dso-viewer-grid>
-      `
-    : html `
-        <dso-viewer-grid
-          ?filterpanel-open=${filterpanelOpen}
-          ?overlay-open=${overlayOpen}
-          @mainSizeChange=${mainSizeChange}
-          @closeOverlay=${closeOverlay}
-          @filterpanelApply=${filterpanelApply}
-          @filterpanelCancel=${filterpanelCancel}
-        >
-          <div slot="filterpanel">${filterpanel}</div>
-          <div slot="main">${main}</div>
-          <div slot="map">${map}</div>
-          <div slot="overlay">${overlay}</div>
-        </dso-viewer-grid>
-      `;
-}

package/dist/dso-toolkit/p-0e535c2b.entry.js

@@ -1 +0,0 @@
-import{h as t,r as o,c as n,H as e,g as i}from"./p-c62606a3.js";import{c as a}from"./p-131d54e3.js";import"./p-5e5fbd41.js";const l=({onApply:o,onCancel:n})=>t("div",{class:"filterpanel-buttons"},t("button",{type:"button",class:"cancel-button",onClick:n},t("span",null,"Annuleren")),t("button",{type:"button",class:"apply-button",onClick:o},t("span",null,"Toepassen"),t("dso-icon",{icon:"chevron-right"})));let r=class{constructor(t){o(this,t),this.closeOverlay=n(this,"closeOverlay",7),this.filterpanelCancel=n(this,"filterpanelCancel",7),this.filterpanelApply=n(this,"filterpanelApply",7),this.mainSizeChange=n(this,"mainSizeChange",7),this.filterpanelOpen=!1,this.overlayOpen=!1,this.mainSize="large",this.filterpanelSlot=null,this.overlaySlot=null,this.shrinkMain=()=>{this.mainSize="large"==this.mainSize?"medium":"small"},this.expandMain=()=>{this.mainSize="small"==this.mainSize?"medium":"large"},this.keyDownListener=t=>{"Escape"==t.key&&this.closeOverlay.emit(t)}}mainSizeWatcher(t,o){this.mainSizeChange.emit({stage:"start",previousSize:o,currentSize:t}),setTimeout((()=>{this.mainSizeChange.emit({stage:"end",previousSize:o,currentSize:t})}),200)}updateFocusTrap(){var t,o;this.filterpanelOpen&&this.overlayOpen||(this.filterpanelFocustrap&&(this.filterpanelOpen&&!(null===(t=this.filterpanel)||void 0===t?void 0:t.hidden)?(this.filterpanelFocustrap.activate(),this.host.addEventListener("keydown",this.keyDownListener)):(this.filterpanelFocustrap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener))),this.overlayFocustrap&&(this.overlayOpen&&!(null===(o=this.overlay)||void 0===o?void 0:o.hidden)?(this.overlayFocustrap.activate(),this.host.addEventListener("keydown",this.keyDownListener)):(this.overlayFocustrap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener))))}connectedCallback(){this.filterpanelSlot=this.host.querySelector("div[slot='filterpanel']"),this.overlaySlot=this.host.querySelector("div[slot='overlay']")}componentDidLoad(){this.filterpanel&&this.filterpanelSlot&&(this.filterpanelFocustrap=a([this.filterpanel,this.filterpanelSlot],{escapeDeactivates:!1,allowOutsideClick:!0})),this.overlay&&this.overlaySlot&&(this.overlayFocustrap=a([this.overlay,this.overlaySlot],{escapeDeactivates:!1,allowOutsideClick:!0})),this.updateFocusTrap()}componentDidUpdate(){this.updateFocusTrap()}disconnectedCallback(){var t,o;null===(t=this.overlayFocustrap)||void 0===t||t.deactivate(),null===(o=this.filterpanelFocustrap)||void 0===o||o.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener)}handleFilterpanelApply(t){this.filterpanelApply.emit({originalEvent:t})}handleFilterpanelCancel(t){this.filterpanelCancel.emit({originalEvent:t})}render(){return t(e,Object.assign({},{[this.mainSize]:!0}),t("div",{class:"dso-map-panel"},t("div",{class:"sizing-buttons"},t("button",{type:"button",class:"shrink",disabled:"small"==this.mainSize,onClick:this.shrinkMain},t("dso-icon",{icon:"chevron-left"})),t("button",{type:"button",class:"expand",disabled:"large"==this.mainSize,onClick:this.expandMain},t("dso-icon",{icon:"chevron-right"}))),t("div",{class:"main"},t("slot",{name:"main"}))),t("div",{id:"filterpanel",hidden:!this.filterpanelOpen||!this.filterpanelSlot,ref:t=>this.filterpanel=t},t("h2",null,"Uw keuzes"),t(l,{onApply:t=>this.handleFilterpanelApply(t),onCancel:t=>this.handleFilterpanelCancel(t)}),t("slot",{name:"filterpanel"}),t(l,{onApply:t=>this.handleFilterpanelApply(t),onCancel:t=>this.handleFilterpanelCancel(t)})),t("div",{class:"map"},t("slot",{name:"map"})),t("div",{class:"overlay",hidden:!this.overlayOpen||!this.overlaySlot,ref:t=>this.overlay=t},t("button",{type:"button",class:"overlay-close-button",onClick:t=>this.closeOverlay.emit(t)},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"sluiten")),t("slot",{name:"overlay"})))}get host(){return i(this)}static get watchers(){return{mainSize:["mainSizeWatcher"]}}};r.style='button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}h1,.h1,h2,.h2,h3,.h3{margin-bottom:16px;margin-top:24px}h1,.h1{line-height:1.25}h1{color:#275937;font-size:2rem;font-weight:700}h2,.h2{line-height:1.33}h2{color:#275937;font-size:1.5rem;font-weight:700}h3,.h3{line-height:1.2}h3{color:#275937;font-size:1.25rem;font-weight:600}h4,.h4,h5,.h5,h6,.h6{margin-bottom:16px;margin-top:12px}h4,.h4{line-height:1.5}h4{color:#275937;font-size:1rem;font-weight:600}h5,.h5{line-height:1.5}h5{color:#191919;font-size:1rem;font-weight:600}h6,.h6{line-height:1.5}*,*::after,*::before{box-sizing:border-box}:host{display:flex;height:100vh;overflow:hidden;position:relative}:host([small]) .dso-map-panel{flex-basis:375px;min-width:0;max-width:375px}@media screen and (max-width: 375px){:host([small]) .dso-map-panel{flex-basis:100vw;max-width:100vw;min-width:0;transition:none}}:host([medium]) .dso-map-panel{flex-basis:624px;min-width:375px;max-width:624px}@media screen and (max-width: 624px){:host([medium]) .dso-map-panel{flex-basis:100vw;max-width:100vw;min-width:375px;transition:none}}:host([large]) .dso-map-panel{flex-basis:60%;min-width:768px;max-width:1024px}@media screen and (max-width: 768px){:host([large]) .dso-map-panel{flex-basis:100vw;max-width:100vw;min-width:768px;transition:none}}.shrink,.expand,.overlay-close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent}.shrink:focus,.shrink:focus-visible,.expand:focus,.expand:focus-visible,.overlay-close-button:focus,.overlay-close-button:focus-visible{outline-offset:2px}.shrink:active,.expand:active,.overlay-close-button:active{outline:0}.shrink.extern::after,.shrink.download::after,.expand.extern::after,.expand.download::after,.overlay-close-button.extern::after,.overlay-close-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.shrink[disabled],.expand[disabled],.overlay-close-button[disabled]{color:#afcf9d}.shrink:not([disabled]):hover,.expand:not([disabled]):hover,.overlay-close-button:not([disabled]):hover{color:#676cb0;text-decoration:underline}.shrink:not([disabled]):active,.expand:not([disabled]):active,.overlay-close-button:not([disabled]):active{color:#676cb0}.shrink.btn-align,.expand.btn-align,.overlay-close-button.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}.shrink.extern::after,.shrink.download::after,.expand.extern::after,.expand.download::after,.overlay-close-button.extern::after,.overlay-close-button.download::after{position:relative;top:-2px}.shrink.download::after,.expand.download::after,.overlay-close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.shrink.download[disabled]::after,.expand.download[disabled]::after,.overlay-close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.shrink.download:not([disabled]):hover::after,.shrink.download:not([disabled]):active::after,.expand.download:not([disabled]):hover::after,.expand.download:not([disabled]):active::after,.overlay-close-button.download:not([disabled]):hover::after,.overlay-close-button.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}.shrink.extern::after,.expand.extern::after,.overlay-close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.shrink.extern[disabled]::after,.expand.extern[disabled]::after,.overlay-close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.shrink.extern:not([disabled]):hover::after,.shrink.extern:not([disabled]):active::after,.expand.extern:not([disabled]):hover::after,.expand.extern:not([disabled]):active::after,.overlay-close-button.extern:not([disabled]):hover::after,.overlay-close-button.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}.shrink dso-icon+span:not(.sr-only),.shrink svg.di+span:not(.sr-only),.shrink span:not(.sr-only)+dso-icon,.shrink span:not(.sr-only)+svg.di,.expand dso-icon+span:not(.sr-only),.expand svg.di+span:not(.sr-only),.expand span:not(.sr-only)+dso-icon,.expand span:not(.sr-only)+svg.di,.overlay-close-button dso-icon+span:not(.sr-only),.overlay-close-button svg.di+span:not(.sr-only),.overlay-close-button span:not(.sr-only)+dso-icon,.overlay-close-button span:not(.sr-only)+svg.di{margin-left:8px}.shrink dso-icon,.shrink svg.di,.shrink span,.expand dso-icon,.expand svg.di,.expand span,.overlay-close-button dso-icon,.overlay-close-button svg.di,.overlay-close-button span{vertical-align:middle}.shrink:hover,.expand:hover,.overlay-close-button:hover{cursor:pointer}.shrink[disabled],.expand[disabled],.overlay-close-button[disabled]{display:none}.overlay-close-button{position:absolute;top:8px;right:16px}.overlay-close-button .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-map-panel{background-color:#fff;box-shadow:2px 0 8px 0 rgba(0, 0, 0, 0.4);flex-shrink:0;flex-grow:0;padding-right:8px;position:relative;transition:flex-basis 200ms ease-in, max-width 200ms ease-in, min-width 200ms ease-in;z-index:100}.dso-map-panel .dso-filterblok-address{font-weight:bold;margin:8px 0}.dso-map-panel .main{height:100%;overflow-y:scroll;padding:8px 16px}.sizing-buttons{left:calc(100% + 1px);overflow-x:hidden;padding:0 4px 4px 0;position:absolute;top:16px;transition:left 200ms ease-in;width:44px;z-index:-1}.sizing-buttons button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;padding:8px;border-radius:0;border-bottom-right-radius:4px;border-top-right-radius:4px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.4);flex:0 0 100%;height:40px;min-width:auto;width:40px}.sizing-buttons button:focus,.sizing-buttons button:focus-visible{outline-offset:2px}.sizing-buttons button:active{outline:0}.sizing-buttons button.extern::after,.sizing-buttons button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.sizing-buttons button:hover{background-color:#39870c;border-color:#39870c;color:#fff}.sizing-buttons button:active{background-color:#275937;border-color:#275937;color:#fff}.sizing-buttons button[disabled],.sizing-buttons button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}.sizing-buttons button.btn-sm{line-height:16px}.sizing-buttons button.btn-sm dso-icon,.sizing-buttons button.btn-sm svg.di,.sizing-buttons button.btn-sm.extern::after,.sizing-buttons button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.sizing-buttons button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.sizing-buttons button.download:hover::after{--dso-icon:var(--di-download-wit)}.sizing-buttons button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.sizing-buttons button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.sizing-buttons button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}.sizing-buttons button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.sizing-buttons button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sizing-buttons button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}.sizing-buttons button:hover dso-icon{color:#fff}.map{height:100%;width:100%;overflow:hidden}#filterpanel,.overlay{background-color:#fff;height:100%;overflow-y:auto;position:absolute;z-index:101}#filterpanel{box-shadow:2px 0 5px #666;padding:40px 16px 8px;left:0;max-width:896px;width:calc(100vw - 40px)}@media screen and (max-width: 768px){#filterpanel{width:100vw}#filterpanel::before{display:none !important}}#filterpanel::before{content:"";display:block;position:fixed;top:0;bottom:0;right:0;left:896px;background-color:rgba(0, 0, 0, 0.5)}@media screen and (max-width: 936px){#filterpanel::before{left:auto;width:40px}}.overlay{box-shadow:-2px 0 5px #666;padding:40px 16px 8px;right:0;width:624px}@media screen and (max-width: 624px){.overlay{width:100vw}}.overlay::before{content:"";display:block;position:fixed;top:0;bottom:0;left:0;right:624px;background-color:rgba(0, 0, 0, 0.5)}.filterpanel-buttons{text-align:right}.filterpanel-buttons .cancel-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;line-height:16px}.filterpanel-buttons .cancel-button:focus,.filterpanel-buttons .cancel-button:focus-visible{outline-offset:2px}.filterpanel-buttons .cancel-button:active{outline:0}.filterpanel-buttons .cancel-button.extern::after,.filterpanel-buttons .cancel-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.filterpanel-buttons .cancel-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}.filterpanel-buttons .cancel-button:active{background-color:#275937;border-color:#275937;color:#fff}.filterpanel-buttons .cancel-button[disabled],.filterpanel-buttons .cancel-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}.filterpanel-buttons .cancel-button.btn-sm{line-height:16px}.filterpanel-buttons .cancel-button.btn-sm dso-icon,.filterpanel-buttons .cancel-button.btn-sm svg.di,.filterpanel-buttons .cancel-button.btn-sm.extern::after,.filterpanel-buttons .cancel-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.filterpanel-buttons .cancel-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.filterpanel-buttons .cancel-button.download:hover::after{--dso-icon:var(--di-download-wit)}.filterpanel-buttons .cancel-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.filterpanel-buttons .cancel-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.filterpanel-buttons .cancel-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}.filterpanel-buttons .cancel-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.filterpanel-buttons .cancel-button dso-icon,.filterpanel-buttons .cancel-button svg.di{margin-left:-8px;margin-right:8px}.filterpanel-buttons .cancel-button span+dso-icon,.filterpanel-buttons .cancel-button span+svg.di{margin-left:8px;margin-right:-8px}.filterpanel-buttons .cancel-button dso-icon,.filterpanel-buttons .cancel-button svg.di,.filterpanel-buttons .cancel-button.extern::after,.filterpanel-buttons .cancel-button.download::after{margin-bottom:-4px;margin-top:-4px}.filterpanel-buttons .apply-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#39870c;border-color:#39870c;color:#fff;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;line-height:16px}.filterpanel-buttons .apply-button:focus,.filterpanel-buttons .apply-button:focus-visible{outline-offset:2px}.filterpanel-buttons .apply-button:active{outline:0}.filterpanel-buttons .apply-button.extern::after,.filterpanel-buttons .apply-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.filterpanel-buttons .apply-button:hover{background-color:#275937;border-color:#275937;color:#fff}.filterpanel-buttons .apply-button:active{background-color:#15301e;border-color:#15301e;color:#fff}.filterpanel-buttons .apply-button[disabled],.filterpanel-buttons .apply-button[disabled]:hover{background-color:#afcf9d;border-color:#afcf9d;color:#fff}.filterpanel-buttons .apply-button.btn-sm{line-height:16px}.filterpanel-buttons .apply-button.btn-sm dso-icon,.filterpanel-buttons .apply-button.btn-sm svg.di,.filterpanel-buttons .apply-button.btn-sm.extern::after,.filterpanel-buttons .apply-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.filterpanel-buttons .apply-button.download::after{background:var(--dso-icon, var(--di-download-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.filterpanel-buttons .apply-button.extern::after{background:var(--dso-icon, var(--di-external-link-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}.filterpanel-buttons .apply-button dso-icon,.filterpanel-buttons .apply-button svg.di{margin-left:-8px;margin-right:8px}.filterpanel-buttons .apply-button span+dso-icon,.filterpanel-buttons .apply-button span+svg.di{margin-left:8px;margin-right:-8px}.filterpanel-buttons .apply-button dso-icon,.filterpanel-buttons .apply-button svg.di,.filterpanel-buttons .apply-button.extern::after,.filterpanel-buttons .apply-button.download::after{margin-bottom:-4px;margin-top:-4px}.filterpanel-buttons .cancel-button+.apply-button{margin-left:16px}';export{r as dso_viewer_grid}

package/dist/dso-toolkit/p-1a3db1cd.entry.js

@@ -1 +0,0 @@
-import{r as c,h as t,F as e,g as o}from"./p-c62606a3.js";import{t as s}from"./p-5e5fbd41.js";import{v as i}from"./p-19b890a3.js";let r=class{constructor(t){c(this,t),this.open=!1,this.dropdownAlign="left",this.checkable=!1,this.focusOutListener=c=>{this.tabbables.includes(c.relatedTarget)||(this.open=!1)},this.keyDownListener=c=>{if(!c.defaultPrevented){switch(c.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":c.target instanceof HTMLElement&&c.target.click();break;default:return}c.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1}}get button(){const c=this.host.querySelectorAll('button[slot="toggle"]')[0];if(!(c instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return c}get tabbables(){return s(this.host).filter((c=>c!==this.button))}openWatch(c){c?this.openPopup():this.closePopup()}connectedCallback(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=i()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const c=this.host.querySelector(".dso-dropdown-options");if(null==c)throw new ReferenceError("Dropdown options not found");c.setAttribute("role","menu"),c.setAttribute("aria-labelledby",this.button.id);for(const c of Array.from(this.host.getElementsByTagName("ul"))){c.setAttribute("role","none");for(const t of Array.from(c.getElementsByTagName("li")))t.setAttribute("role","none")}this.open&&this.openPopup()}componentDidRender(){for(const c of Array.from(this.host.getElementsByTagName("li")))for(const t of s(c))t.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&c.classList.contains("dso-checked")?t.setAttribute("aria-checked","true"):t.removeAttribute("aria-checked")}openPopup(){this.host.setAttribute("tabindex","-1"),this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener),this.button.setAttribute("aria-expanded","true"),this.tabbables.forEach((c=>c.addEventListener("click",this.escape)))}closePopup(){this.host.removeEventListener("keydown",this.keyDownListener),this.host.removeEventListener("focusout",this.focusOutListener),this.button.setAttribute("aria-expanded","false"),this.host.removeAttribute("tabindex"),this.tabbables.forEach((c=>c.removeEventListener("click",this.escape)))}getActiveElement(c=document){const t=c.activeElement;return t?t.shadowRoot?this.getActiveElement(t.shadowRoot):t:null}tabInPopup(c){const t=this.tabbables;let e=t.findIndex((c=>c===this.getActiveElement()))+c;e>=t.length?e=0:e<0&&(e=t.length-1),t[e].focus()}render(){return t(e,null,t("slot",{name:"toggle"}),t("div",{hidden:!this.open},t("slot",null)))}get host(){return o(this)}static get watchers(){return{open:["openWatch"]}}};r.style=":host(:focus){outline:none}:host{--di-check-wit:url(\"data:image/svg+xml,%3csvg id='check' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M10.11%2c18%2c5.29%2c13.31A.92.92%2c0%2c0%2c1%2c5.3%2c12a1%2c1%2c0%2c0%2c1%2c1.41%2c0l3.4%2c3.3%2c7.18-7a1%2c1%2c0%2c0%2c1%2c1.41%2c0%2c.92.92%2c0%2c0%2c1%2c0%2c1.35Z'/%3e %3c/svg%3e\");--di-chevron-down:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");--di-chevron-down-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");--di-chevron-down-wit:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M12%2c16%2c5.29%2c9.63a.93.93%2c0%2c0%2c1%2c0-1.35%2c1%2c1%2c0%2c0%2c1%2c1.42%2c0l5.29%2c5%2c5.29-5a1%2c1%2c0%2c0%2c1%2c1.42%2c0%2c.91.91%2c0%2c0%2c1%2c0%2c1.34Z'/%3e %3c/svg%3e\");--di-chevron-up:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");--di-chevron-up-scampi:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23676cb0%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");--di-chevron-up-wit:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: white%3b'%3e %3cpath fill='currentColor' d='M18%2c16a1%2c1%2c0%2c0%2c1-.71-.28l-5.29-5-5.29%2c5a1%2c1%2c0%2c0%2c1-1.42%2c0%2c.93.93%2c0%2c0%2c1%2c0-1.35L12%2c8l6.71%2c6.38a.91.91%2c0%2c0%2c1%2c0%2c1.34A1%2c1%2c0%2c0%2c1%2c18%2c16Z'/%3e %3c/svg%3e\");display:inline-block;position:relative}";export{r as dso_dropdown_menu}

package/dist/dso-toolkit/p-723ef97b.entry.js

@@ -1 +0,0 @@
-import{h as o,F as t,r as n,c as e}from"./p-c62606a3.js";function s(o){return o instanceof Element?o.localName:o.nodeName.includes(":")?o.nodeName.substring(o.nodeName.indexOf(":")+1):o.nodeName}class c{constructor(){this.name="Al"}render(t,{mapNodeToJsx:n,path:e}){const c=e.some((o=>{const t=s(o);return"Al"===t||"Opschrift"===t})),r=n(t.childNodes);return c?o("span",{role:"paragraph"},r):o("p",null,r)}}class r{constructor(){this.name="#document"}render(n,{mapNodeToJsx:e}){return o(t,null,e(n.childNodes))}}class d{constructor(){this.name=["ExtRef","ExtIoRef"]}render(t,{mapNodeToJsx:n}){var e;return o("a",{target:"_blank",rel:"noopener noreferrer",href:null!==(e=t.getAttribute("ref"))&&void 0!==e?e:void 0},o("span",{class:"sr-only"},"opent in nieuw venster"),n(t.childNodes))}}class i{constructor(){this.name=["Illustratie","InlineTekstAfbeelding"]}render(t){var n,e,s,c;return o("img",{src:null!==(n=t.getAttribute("naam"))&&void 0!==n?n:void 0,alt:null!==(e=t.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=t.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=t.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class l{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(t,{mapNodeToJsx:n}){return o("div",{class:"dso-rich-content"},n(t.childNodes))}}class a{constructor(){this.name="Opschrift"}render(n,{mapNodeToJsx:e}){return o(t,null,e(n.childNodes))}}class u{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(t,{mapNodeToJsx:n}){return"br"===t.localName?o("br",null):o(t.localName,null,n(t.childNodes))}}class p{constructor(){this.name="IntRef"}render(t,{mapNodeToJsx:n,emitAnchorClick:e}){const s=t.getAttribute("ref");return s?o("a",{href:`#${s}`,onClick:o=>{o.preventDefault();const t=o.currentTarget;if(!(t instanceof HTMLAnchorElement))return;const{href:n}=t;e({href:n,documentComponent:s,originalEvent:o})}},n(t.childNodes)):n(t.childNodes)}}class g{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(n,{mapNodeToJsx:e,state:c,setState:r}){var d,i;const l=n.getAttribute("id");if(!l)return console.error("Noot node without id",n),o(t,null);const a=`dso-ozon-note-${l}`,u=null!==(i=null===(d=Array.from(n.childNodes).find((o=>"NootNummer"===s(o))))||void 0===d?void 0:d.textContent)&&void 0!==i?i:l;return o(t,null,o("sup",null,o("button",{type:"button",class:"toggle-note",id:a,onClick:()=>null==r?void 0:r(c===l?void 0:l),onBlur:()=>null==r?void 0:r(void 0),"aria-expanded":c===l?"true":"false"},u)),o("dso-tooltip",{active:c===l,for:a,stateless:!0,descriptive:!0},o("span",{role:"section"},e(Array.from(n.querySelectorAll(":scope > Al"))))))}}function h(o,t){const n=Array.from(t),e=function(o){return o.reduce(((o,t)=>{var n,e;const s=null!==(e=null===(n=t.getAttribute("colwidth"))||void 0===n?void 0:n.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return o+(isNaN(c)?0:c)}),0)}(n);return{totalWidth:e,count:o,columns:n.map(((o,t)=>{var n;const s=o.getAttribute("colnum");return{name:null!==(n=o.getAttribute("colname"))&&void 0!==n?n:"",number:s?parseInt(s,10):t+1,width:b(e,o)}}))}}function b(o,t){const n=t.getAttribute("colwidth");if(n){if("*"===n)return"100%";if(n.includes("*")||n.match(/^[\d+]$/)){const t=parseInt(n.replace(/[^0-9]/,""),10);return`${Math.round(t/o*100)}%`}return n}}const m=({colspecs:n})=>n.columns.length>0?o("colgroup",null,n.columns.map((t=>o("col",{style:{width:t.width}})))):o(t,null);function v({columns:o},t,n){const e=o.find((o=>o.name===t)),s=o.find((o=>o.name===n));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const f=({context:{mapNodeToJsx:t},colspecs:n,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:r}=function(o){return{moreRows:o.getAttribute("morerows"),nameStart:o.getAttribute("namest"),nameEnd:o.getAttribute("nameend")}}(e),d={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:n&&c&&r?v(n,c,r):void 0};return o("td",Object.assign({},d),t(e.childNodes))},z=({context:n,colspecs:e,rows:s})=>o(t,null,s.map((t=>o("tr",null,Array.from(t.children).map((t=>o(f,{cell:t,colspecs:e,context:n})))))));class x{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"]}render(t,n){const{caption:e,colspecs:s,headRows:c,bodyRows:r}=function(o){var t,n,e;const s=o.querySelector(":scope > tgroup"),c=null!==(t=null==s?void 0:s.getAttribute("cols"))&&void 0!==t?t:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(n=o.querySelector(":scope > title"))||void 0===n?void 0:n.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?h(r,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(o.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(o.querySelectorAll(":scope > tgroup > tbody > row"))}}(t);return o("table",{class:"table"},e&&o("caption",null,e),s&&o(m,{colspecs:s}),c.length>0&&o("thead",null,o(z,{rows:c,colspecs:s,context:n})),r.length>0&&o("tbody",null,o(z,{rows:r,colspecs:s,context:n})))}}class w{constructor(){this.name="#text"}render(n){return o(t,null,n.textContent)}}class k{constructor(){this.name=["<fallback>"]}render(t,{mapNodeToJsx:n}){return o("span",{class:`fallback od-${s(t)}`},n(t.childNodes))}}class y{constructor(){this.mappers=[new w,new r,new l,new a,new p,new d,new c,new u,new i,new g,new x],this.skip=this.mappers.reduce(((o,t)=>(t.handles&&o.push(...t.handles),o)),[]),this.fallbackNode=new k,this.domParser=new DOMParser}findMapper(o){var t;if(!this.skip.includes(o))return null!==(t=this.mappers.find((t=>Array.isArray(t.name)?t.name.includes(o):t.name===o)))&&void 0!==t?t:this.fallbackNode}mapNodeToJsx(n,e,c){var r;if(n instanceof NodeList)return o(t,null,Array.from(n).map((o=>this.mapNodeToJsx(o,e,c))));if(Array.isArray(n))return o(t,null,n.map((o=>this.mapNodeToJsx(o,e,c))));const d=s(n),i=this.findMapper(d);if(!i)return o(t,null);const l=null===(r=i.identify)||void 0===r?void 0:r.call(i,n),a=l?o=>e.setState(Object.assign(Object.assign({},e.state),{[l]:o})):void 0;return i.render(n,{mapNodeToJsx:o=>this.mapNodeToJsx(o,e,[...c,n]),emitAnchorClick:e.emitAnchorClick,setState:a,state:l?e.state[l]:void 0,path:c})}transform(o,t){return this.cache&&this.cache.xml===o||(this.cache={xml:o,document:this.domParser.parseFromString(o,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),t,[])}}let N=class{constructor(o){n(this,o),this.anchorClick=e(this,"anchorClick",7),this.inline=!1,this.deleted=!1,this.state={},this.mapper=new y}render(){var t;const n=this.mapper.transform(null!==(t=this.content)&&void 0!==t?t:"",{state:this.state,setState:o=>this.state=o,emitAnchorClick:this.anchorClick.emit});return this.deleted?o("section",null,o("span",{class:"deleted-start"},"Begin verwijderd element"),n,o("span",{class:"deleted-end"},"Einde verwijderd element")):n}};N.style='.sc-dso-ozon-content-h:not([inline]){display:block}[inline].sc-dso-ozon-content-h{display:inline}[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content{text-decoration:line-through !important}.deleted-start.sc-dso-ozon-content,.deleted-end.sc-dso-ozon-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button.toggle-note.sc-dso-ozon-content{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent}button.toggle-note.sc-dso-ozon-content:focus,button.toggle-note.sc-dso-ozon-content:focus-visible{outline-offset:2px}button.toggle-note.sc-dso-ozon-content:active{outline:0}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}button.toggle-note[disabled].sc-dso-ozon-content{color:#afcf9d}button.toggle-note.sc-dso-ozon-content:not([disabled]):hover{color:#676cb0;text-decoration:underline}button.toggle-note.sc-dso-ozon-content:not([disabled]):active{color:#676cb0}button.toggle-note.btn-align.sc-dso-ozon-content{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{position:relative;top:-2px}button.toggle-note.download.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.download[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-download-grasgroen-40)}button.toggle-note.download.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.download.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}button.toggle-note.extern.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.extern[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-external-link-grasgroen-40)}button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+svg.di.sc-dso-ozon-content{margin-left:8px}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content{vertical-align:middle}span[role=section].sc-dso-ozon-content,span[role=paragraph].sc-dso-ozon-content{display:block}.fallback.sc-dso-ozon-content{display:block}.od-Term.sc-dso-ozon-content{font-weight:700}.od-Definitie.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{font-style:italic}.od-Inhoud.sc-dso-ozon-content,.od-Inhoud.sc-dso-ozon-content>.od-Lijst.sc-dso-ozon-content,.od-IntIoRef.sc-dso-ozon-content,.od-Lidnr.sc-dso-ozon-content,.od-LiNr.sc-dso-ozon-content,.od-Opschrift.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{display:inline}.od-Al.sc-dso-ozon-content,.od-Lijstaanhef.sc-dso-ozon-content{margin-bottom:0.75em}.od-IntIoRef.sc-dso-ozon-content{border-bottom:1px dotted}.od-LiNummer.sc-dso-ozon-content{float:left;min-width:0.7em;padding-right:0.3em;text-align:right}.od-Figuur.sc-dso-ozon-content img.sc-dso-ozon-content{margin-left:25px;max-width:100%;height:auto}.od-Figuur.sc-dso-ozon-content .od-Bijschrift.sc-dso-ozon-content{font-size:0.75rem;margin-left:25px;padding-bottom:2.5rem}.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content{font-weight:600}.od-Kadertekst.sc-dso-ozon-content{border:1px solid #e5e5e5;margin-bottom:1rem;padding:1rem}';export{N as dso_ozon_content}

package/dist/types/components/viewer-grid/viewer-grid-document-header.template.d.ts

@@ -1,3 +0,0 @@
-import { ViewerGridDocumentHeader } from "@dso-toolkit/sources";
-import { TemplateResult } from "lit-html";
-export declare function viewerGridDocumentHeaderTemplate({ title, type, features, featuresAction, mapAction, featuresOpen, owner, status, }: ViewerGridDocumentHeader<TemplateResult>): TemplateResult<1>;

package/dist/types/components/viewer-grid/viewer-grid-document-list-item.template.d.ts

@@ -1,3 +0,0 @@
-import { ViewerGridDocumentListItem } from "@dso-toolkit/sources";
-import { TemplateResult } from "lit-html";
-export declare function viewerGridDocumentListItem({ title, type, owner, status, }: ViewerGridDocumentListItem<TemplateResult>): TemplateResult<1>;

package/dist/types/components/viewer-grid/viewer-grid-filterblok.template.d.ts

@@ -1,3 +0,0 @@
-import { ViewerGridFilterblok } from "@dso-toolkit/sources";
-import { TemplateResult } from "lit-html";
-export declare function viewerGridFilterblok({ title, address, activeFilters, onAllOptions, }: ViewerGridFilterblok<TemplateResult>): TemplateResult<1>;

package/dist/types/components/viewer-grid/viewer-grid.template.d.ts

@@ -1,3 +0,0 @@
-import { ViewerGrid } from "@dso-toolkit/sources";
-import { TemplateResult } from "lit-html";
-export declare function viewerGridTemplate({ filterpanel, main, map, overlay, noOverlay, filterpanelOpen, overlayOpen, mainSizeChange, filterpanelApply, filterpanelCancel, closeOverlay, }: ViewerGrid<TemplateResult>): TemplateResult<1>;