@dso-toolkit/core 45.1.0 → 46.0.0

package/dist/types/stencil-public-runtime.d.ts

@@ -221,7 +221,9 @@ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,29 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +284,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +293,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**
@@ -666,7 +682,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1443,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1564,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "dso-toolkit-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "45.1.0",
+  "version": "46.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -20,42 +20,41 @@
     "watch": "yarn clear && cross-env DSO_ENV=development yarn node scripts/watch.js"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.5",
-    "@stencil/core": "2.10.0",
-    "@stencil/store": "^2.0.0",
-    "clsx": "1.1.1",
+    "@popperjs/core": "^2.11.6",
+    "@stencil/core": "^2.19.2",
+    "@stencil/store": "^2.0.1",
+    "clsx": "1.2.1",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^7.0.0",
     "popper-max-size-modifier": "^0.2.0",
-    "tabbable": "^6.0.0",
-    "uuid": "^8.3.2"
+    "tabbable": "^6.0.1",
+    "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
+    "@babel/core": "^7.19.6",
     "@dso-toolkit/css": "0.0.0",
     "@dso-toolkit/sources": "0.0.0",
     "@stencil/react-output-target": "^0.3.1",
-    "@stencil/sass": "1.5.2",
+    "@stencil/sass": "^2.0.0",
     "@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",
+    "@types/validator": "^13.7.10",
     "babel-loader": "^8.2.5",
-    "cheerio": "1.0.0-rc.10",
-    "concurrently": "^7.1.0",
+    "concurrently": "^7.5.0",
     "cross-env": "^7.0.3",
     "debounce": "^1.2.1",
     "http-proxy-middleware": "^2.0.6",
-    "lit-html": "^2.2.2",
+    "lit-html": "^2.4.0",
     "mini-svg-data-uri": "1.4.4",
-    "minimist": "^1.2.6",
+    "minimist": "^1.2.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "stencil-inline-svg": "1.1.0",
-    "typescript": "^4.5.0",
+    "typescript": "^4.8.4",
     "wait-on": "^6.0.1",
-    "webpack": "^5.72.0"
+    "webpack": "^5.74.0"
   }
 }

package/readme.md

@@ -1,3 +1,3 @@
-# `@dso-toolkit/core`
-
-See https://www.github.com/dso-toolkit/dso-toolkit
+# `@dso-toolkit/core`
+
+See https://www.github.com/dso-toolkit/dso-toolkit

package/dist/cjs/clsx.m-b00fa5e1.js

@@ -1,44 +0,0 @@
-'use strict';
-
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-exports.clsx = clsx;

package/dist/cjs/v4-8e8d6fbc.js

@@ -1,77 +0,0 @@
-'use strict';
-
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
-    // find the complete implementation of crypto (msCrypto) on IE11.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-const REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
-
-function validate(uuid) {
-  return typeof uuid === 'string' && REGEX.test(uuid);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-var byteToHex = [];
-
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).substr(1));
-}
-
-function stringify(arr) {
-  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-function v4(options, buf, offset) {
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (var i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return stringify(rnds);
-}
-
-exports.v4 = v4;

package/dist/collection/components/accordion/accordion.template.js

@@ -1,26 +0,0 @@
-import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-export function accordionTemplate({ variant, reverseAlign, allowMultipleOpen, dsoToggleSection, sections }) {
-  return html `
-    <dso-accordion
-      variant=${ifDefined(variant)}
-      ?reverse-align=${reverseAlign}
-      ?allow-multiple-open=${allowMultipleOpen}
-      @dsoToggleSection=${dsoToggleSection}
-    >
-      ${sections.map(section => html `
-        <dso-accordion-section
-          ?open=${ifDefined(section.open)}
-          handle-title=${section.handleTitle}
-          handle-url=${ifDefined(section.handleUrl)}
-          state=${ifDefined(section.state)}
-          status=${ifDefined(section.status)}
-          icon=${ifDefined(section.icon)}
-          attachment-count=${ifDefined(section.attachmentCount)}
-        >
-          ${unsafeHTML(section.content)}
-        </dso-accordion-section>`)}
-    </dso-accordion>
-  `;
-}

package/dist/collection/components/alert/alert.template.js

@@ -1,20 +0,0 @@
-import { html, nothing } from 'lit-html';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-export function alertTemplate({ status, message, onClick, withRoleAlert }) {
-  return html `
-    <dso-alert status=${status} ?role-alert=${withRoleAlert}>
-      <div class="dso-rich-content">
-        ${typeof message === 'string'
-    ? html `
-            <p>${unsafeHTML(message)}</p>
-          `
-    : message}
-        ${onClick
-    ? html `
-            <button type="button" class="btn" @click=${onClick}>Button</button>
-          `
-    : nothing}
-      </div>
-    </dso-alert>
-  `;
-}

package/dist/collection/components/attachments-counter/attachments-counter.template.js

@@ -1,6 +0,0 @@
-import { html } from 'lit-html';
-export function attachmentsCounterTemplate({ count }) {
-  return html `
-    <dso-attachments-counter count=${count}></dso-attachments-counter>
-  `;
-}

package/dist/collection/components/autosuggest/autosuggest.template.js

@@ -1,19 +0,0 @@
-import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-export function autosuggestTemplate({ suggestions, dsoSelect, dsoChange, dsoSearch, suggestOnFocus, loading, loadingLabel, loadingDelayed, notFoundLabel }, children) {
-  return html `
-    <dso-autosuggest
-      .suggestions=${suggestions}
-      @dsoSelect=${dsoSelect}
-      @dsoChange=${dsoChange}
-      @dsoSearch=${dsoSearch}
-      ?suggest-on-focus=${suggestOnFocus}
-      ?loading=${loading}
-      loading-label=${ifDefined(loadingLabel)}
-      loading-delayed=${ifDefined(loadingDelayed)}
-      not-found-label=${ifDefined(notFoundLabel)}
-    >
-      ${children}
-    </dso-autosuggest>
-  `;
-}

package/dist/collection/components/badge/badge.template.js

@@ -1,7 +0,0 @@
-import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-export function badgeTemplate({ status, message }) {
-  return html `
-    <dso-badge status=${ifDefined(status)}>${message}</dso-badge>
-  `;
-}

package/dist/collection/components/banner/banner.template.js

@@ -1,19 +0,0 @@
-import { html } from 'lit-html';
-import { iconTemplate } from '../icon/icon.template';
-export function bannerTemplate({ status, richContent, onClick }) {
-  return html `
-    <dso-banner status=${status}>
-      <div class="container">
-        <div class="row">
-          <div class="col-sm-12">
-            ${richContent}
-            <button type="button" class="dso-tertiary" @click=${onClick}>
-              <span class="sr-only">Sluiten</span>
-              ${iconTemplate({ icon: 'times' })}
-            </button>
-          </div>
-        </div>
-      </div>
-    </dso-banner>
-  `;
-}

package/dist/collection/components/date-picker/date-picker.template.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-export function datePickerTemplate({ id, dsoDateChange, value, min, max, disabled, autofocus, direction }) {
-  return html `
-    <dso-date-picker
-      @dsoDateChange=${(e) => dsoDateChange === null || dsoDateChange === void 0 ? void 0 : dsoDateChange(e)}
-      direction=${ifDefined(direction)}
-      identifier=${ifDefined(id)}
-      value=${ifDefined(value || undefined)}
-      min=${ifDefined(min || undefined)}
-      max=${ifDefined(max || undefined)}
-      dso-autofocus=${ifDefined(autofocus || undefined)}
-      ?disabled=${disabled}
-    ></dso-date-picker>
-  `;
-}

package/dist/collection/components/dropdown-menu/dropdown-menu.template.js

@@ -1,36 +0,0 @@
-import { html, nothing } from "lit-html";
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-export function dropdownMenuTemplate({ id, button, dropdownAlign, isCheckable, groups }) {
-  return html `
-    <dso-dropdown-menu
-      dropdown-align=${ifDefined(dropdownAlign)}
-      ?checkable=${isCheckable}
-    >
-      <button type="button" class=${`dso-${button.variant}`} slot="toggle" id=${ifDefined(id || undefined)}>
-        <span>${button.label}</span>
-      </button>
-      <div class="dso-dropdown-options">
-        ${groups.map(group => html `
-          ${group.header
-    ? html `
-              <h2 class="dso-group-label">${group.header}</h2>
-            `
-    : nothing}
-          <ul>
-            ${group.items.map(item => html `
-              <li class=${ifDefined(item.checked ? 'dso-checked' : undefined)}>
-                ${item.type === 'anchor'
-    ? html `
-                    <a href=${item.url}>${item.label}</a>
-                  `
-    : html `
-                    <button type="button">${item.label}</button>
-                  `}
-              </li>
-            `)}
-          </ul>
-        `)}
-      </div>
-    </dso-dropdown-menu>
-  `;
-}

package/dist/collection/components/header/header.template.js

@@ -1,18 +0,0 @@
-import { html } from "lit-html";
-import { ifDefined } from "lit-html/directives/if-defined.js";
-export function headerTemplate({ logo, subLogo, mainMenu, useDropDownMenu, authStatus, loginUrl, logoutUrl, userProfileUrl, userProfileName, userHomeUrl, dsoHeaderClick, }) {
-  return html `<dso-header
-    .mainMenu=${mainMenu}
-    use-drop-down-menu=${ifDefined(useDropDownMenu)}
-    auth-status=${ifDefined(authStatus)}
-    login-url=${ifDefined(loginUrl)}
-    logout-url=${ifDefined(logoutUrl)}
-    user-profile-url=${ifDefined(userProfileUrl)}
-    user-profile-name=${ifDefined(userProfileName)}
-    user-home-url=${ifDefined(userHomeUrl)}
-    @dsoHeaderClick=${dsoHeaderClick}
-  >
-    <div slot="logo"><img height="40" alt="Omgevingsloket" src="${logo}" /></div>
-    ${subLogo ? html `<div slot="sub-logo"><img alt="Regels op de kaart" src="${subLogo}" /></div>` : undefined}
-  </dso-header>`;
-}

package/dist/collection/components/helpcenter-panel/helpcenter-panel.template.js

@@ -1,13 +0,0 @@
-import { html } from "lit-html";
-import { ifDefined } from "lit-html/directives/if-defined.js";
-import { unsafeHTML } from "lit-html/directives/unsafe-html.js";
-export function helpcenterPanelTemplate({ label, url, content, }) {
-  return html `
-    ${unsafeHTML(content)}
-    <dso-helpcenter-panel
-      label=${ifDefined(label)}
-      url=${url}
-    ></dso-helpcenter-panel>
-    ${unsafeHTML(content)}
-  `;
-}

package/dist/collection/components/highlight-box/highlight-box.template.js

@@ -1,20 +0,0 @@
-import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import { iconTemplate } from '../icon/icon.template';
-export function highlightBoxTemplate({ yellow, white, dropShadow, border, step, icon, richContent }) {
-  return html `
-    <dso-highlight-box
-      step=${ifDefined(typeof step === 'number' && step > 0 ? step : undefined)}
-      ?yellow=${yellow}
-      ?white=${white}
-      ?drop-shadow=${dropShadow}
-      ?border=${border}
-    >
-      ${icon && iconTemplate({ icon }, 'icon')}
-      <div class="dso-rich-content">
-        ${typeof richContent === 'string' ? unsafeHTML(richContent) : richContent}
-      </div>
-    </dso-highlight-box>
-  `;
-}

package/dist/collection/components/icon/icon.template.js

@@ -1,10 +0,0 @@
-import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-export function iconTemplate({ icon }, slot) {
-  return html `
-    <dso-icon
-      icon=${icon}
-      slot=${ifDefined(slot)}
-    ></dso-icon>
-  `;
-}

package/dist/collection/components/image-overlay/image-overlay.template.js

@@ -1,15 +0,0 @@
-import { html } from "lit-html";
-import { imageTemplate } from "@dso-toolkit/css/src/components/image/image.template";
-export function imageOverlayTemplate({ image }) {
-  return html `
-    <dso-image-overlay>
-      <div slot="titel">
-        <span>Afbeelding 1</span>
-      </div>
-      ${imageTemplate(image)}
-      <div slot="bijschrift">
-        <span>Bijschrift bij afbeelding</span>
-      </div>
-    </dso-image-overlay>
-  `;
-}

package/dist/collection/components/info/info.template.js

@@ -1,12 +0,0 @@
-import { html } from 'lit-html';
-export function infoTemplate({ fixed, active, richContent, dsoClose }) {
-  return html `
-    <dso-info
-      ?fixed=${fixed}
-      ?active=${active}
-      @dsoClose=${dsoClose}
-    >
-      ${richContent}
-    </dso-info>
-  `;
-}

package/dist/collection/components/info-button/info-button.template.js

@@ -1,11 +0,0 @@
-import { html } from 'lit-html';
-export function infoButtonTemplate({ label, active, secondary, dsoToggle }) {
-  return html `
-    <dso-info-button
-      label=${label}
-      ?active=${active}
-      ?secondary=${secondary}
-      @dsoToggle=${(e) => dsoToggle(e.detail)}
-    ></dso-info-button>
-  `;
-}

package/dist/collection/components/label/label.template.js

@@ -1,23 +0,0 @@
-import { html, nothing } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-export function labelTemplate({ status, label, removable, dsoRemoveClick, compact, truncate, symbol }) {
-  return html `
-    <dso-label
-      status=${ifDefined(status)}
-      @dsoRemoveClick=${ifDefined(dsoRemoveClick)}
-      ?truncate=${truncate}
-      ?compact=${compact}
-      ?removable=${removable}
-    >
-      ${symbol
-    ? html `
-          <span slot="symbol">
-            ${unsafeHTML(symbol)}
-          </span>
-        `
-    : nothing}
-      ${label}
-    </dso-label>
-  `;
-}

package/dist/collection/components/map-controls/map-controls.template.js

@@ -1,23 +0,0 @@
-import { html } from 'lit-html';
-export function mapControlsTemplate({ dsoZoomIn, dsoZoomOut, open, baseLayers, dsoBaseLayerChange, overlays, dsoToggleOverlay, disableZoom }) {
-  return html `
-    <dso-map-controls
-      @dsoZoomIn=${dsoZoomIn}
-      @dsoZoomOut=${dsoZoomOut}
-      .disableZoom=${disableZoom}
-      ?open=${open}
-    >
-      <dso-map-base-layers
-        .baseLayers=${baseLayers}
-        @dsoBaseLayerChange=${(e) => dsoBaseLayerChange(e)}
-      ></dso-map-base-layers>
-      <dso-map-overlays
-        .overlays=${overlays}
-        @dsoToggleOverlay=${(e) => dsoToggleOverlay(e)}
-      ></dso-map-overlays>
-      <div class="dso-rich-content">
-        <p>Dit is een Web Component wat aangesloten kan worden op Leaflet.js of OpenLayers.</p>
-      </div>
-    </dso-map-controls>
-  `;
-}

package/dist/collection/components/ozon-content/ozon-content.template.js

@@ -1,14 +0,0 @@
-import { html, nothing } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-export function ozonContentTemplate({ content, inline, interactive, deleted, prefix, suffix, dsoAnchorClick, dsoClick }) {
-  return html `
-    <dso-ozon-content
-      interactive=${ifDefined(interactive || undefined)}
-      .content=${content}
-      ?inline=${inline}
-      ?deleted=${deleted}
-      @dsoAnchorClick=${dsoAnchorClick}
-      @dsoClick=${ifDefined(interactive ? dsoClick : undefined)}
-    >${prefix ? html `<span slot="prefix">${prefix}</span>` : nothing}${suffix ? html `<span slot="suffix">${suffix}</span>` : nothing}</dso-ozon-content>
-  `;
-}

package/dist/collection/components/pagination/pagination.template.js

@@ -1,11 +0,0 @@
-import { html } from 'lit-html';
-export function paginationTemplate({ totalPages, currentPage, dsoSelectPage, formatHref, }) {
-  return html `
-    <dso-pagination
-      total-pages=${totalPages}
-      current-page=${currentPage}
-      .formatHref=${formatHref}
-      @dsoSelectPage=${dsoSelectPage}
-    ></dso-pagination>
-  `;
-}