@dso-toolkit/core 33.3.0 → 34.0.0

package/dist/esm/{index-61410be2.js → index-d54cae76.js}

@@ -72,6 +72,7 @@ const HYDRATE_ID = 's-id';
 const HYDRATED_STYLE_ID = 'sty-id';
 const HYDRATE_CHILD_ID = 'c-id';
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
 const createTime = (fnName, tagName = '') => {
     {
         return () => {
@@ -421,16 +422,36 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
                 catch (e) { }
             }
+            /**
+             * Need to manually update attribute if:
+             * - memberName is not an attribute
+             * - if we are rendering the host element in order to reflect attribute
+             * - if it's a SVG, since properties might not work in <svg>
+             * - if the newValue is null/undefined or 'false'.
+             */
+            let xlink = false;
+            {
+                if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
+                    memberName = ln;
+                    xlink = true;
+                }
+            }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
-                    {
+                    if (xlink) {
+                        elm.removeAttributeNS(XLINK_NS, memberName);
+                    }
+                    else {
                         elm.removeAttribute(memberName);
                     }
                 }
             }
             else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
                 newValue = newValue === true ? '' : newValue;
-                {
+                if (xlink) {
+                    elm.setAttributeNS(XLINK_NS, memberName, newValue);
+                }
+                else {
                     elm.setAttribute(memberName, newValue);
                 }
             }
@@ -1188,6 +1209,9 @@ const postUpdateComponent = (hostRef) => {
         }
     }
     else {
+        {
+            safeCall(instance, 'componentDidUpdate');
+        }
         endPostUpdate();
     }
     {

package/dist/esm/index.esm-a1362957.js

@@ -0,0 +1,262 @@
+/*!
+* tabbable 5.2.1
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var candidateSelectors = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])', 'details>summary:first-of-type', 'details'];
+var candidateSelector = /* #__PURE__ */candidateSelectors.join(',');
+var matches = typeof Element === 'undefined' ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+
+var getCandidates = function getCandidates(el, includeContainer, filter) {
+  var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
+
+  if (includeContainer && matches.call(el, candidateSelector)) {
+    candidates.unshift(el);
+  }
+
+  candidates = candidates.filter(filter);
+  return candidates;
+};
+
+var isContentEditable = function isContentEditable(node) {
+  return node.contentEditable === 'true';
+};
+
+var getTabindex = function getTabindex(node) {
+  var tabindexAttr = parseInt(node.getAttribute('tabindex'), 10);
+
+  if (!isNaN(tabindexAttr)) {
+    return tabindexAttr;
+  } // Browsers do not return `tabIndex` correctly for contentEditable nodes;
+  // so if they don't have a tabindex attribute specifically set, assume it's 0.
+
+
+  if (isContentEditable(node)) {
+    return 0;
+  } // in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default
+  //  `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,
+  //  yet they are still part of the regular tab order; in FF, they get a default
+  //  `tabIndex` of 0; since Chrome still puts those elements in the regular tab
+  //  order, consider their tab index to be 0.
+
+
+  if ((node.nodeName === 'AUDIO' || node.nodeName === 'VIDEO' || node.nodeName === 'DETAILS') && node.getAttribute('tabindex') === null) {
+    return 0;
+  }
+
+  return node.tabIndex;
+};
+
+var sortOrderedTabbables = function sortOrderedTabbables(a, b) {
+  return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;
+};
+
+var isInput = function isInput(node) {
+  return node.tagName === 'INPUT';
+};
+
+var isHiddenInput = function isHiddenInput(node) {
+  return isInput(node) && node.type === 'hidden';
+};
+
+var isDetailsWithSummary = function isDetailsWithSummary(node) {
+  var r = node.tagName === 'DETAILS' && Array.prototype.slice.apply(node.children).some(function (child) {
+    return child.tagName === 'SUMMARY';
+  });
+  return r;
+};
+
+var getCheckedRadio = function getCheckedRadio(nodes, form) {
+  for (var i = 0; i < nodes.length; i++) {
+    if (nodes[i].checked && nodes[i].form === form) {
+      return nodes[i];
+    }
+  }
+};
+
+var isTabbableRadio = function isTabbableRadio(node) {
+  if (!node.name) {
+    return true;
+  }
+
+  var radioScope = node.form || node.ownerDocument;
+
+  var queryRadios = function queryRadios(name) {
+    return radioScope.querySelectorAll('input[type="radio"][name="' + name + '"]');
+  };
+
+  var radioSet;
+
+  if (typeof window !== 'undefined' && typeof window.CSS !== 'undefined' && typeof window.CSS.escape === 'function') {
+    radioSet = queryRadios(window.CSS.escape(node.name));
+  } else {
+    try {
+      radioSet = queryRadios(node.name);
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error('Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s', err.message);
+      return false;
+    }
+  }
+
+  var checked = getCheckedRadio(radioSet, node.form);
+  return !checked || checked === node;
+};
+
+var isRadio = function isRadio(node) {
+  return isInput(node) && node.type === 'radio';
+};
+
+var isNonTabbableRadio = function isNonTabbableRadio(node) {
+  return isRadio(node) && !isTabbableRadio(node);
+};
+
+var isHidden = function isHidden(node, displayCheck) {
+  if (getComputedStyle(node).visibility === 'hidden') {
+    return true;
+  }
+
+  var isDirectSummary = matches.call(node, 'details>summary:first-of-type');
+  var nodeUnderDetails = isDirectSummary ? node.parentElement : node;
+
+  if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {
+    return true;
+  }
+
+  if (!displayCheck || displayCheck === 'full') {
+    while (node) {
+      if (getComputedStyle(node).display === 'none') {
+        return true;
+      }
+
+      node = node.parentElement;
+    }
+  } else if (displayCheck === 'non-zero-area') {
+    var _node$getBoundingClie = node.getBoundingClientRect(),
+        width = _node$getBoundingClie.width,
+        height = _node$getBoundingClie.height;
+
+    return width === 0 && height === 0;
+  }
+
+  return false;
+}; // form fields (nested) inside a disabled fieldset are not focusable/tabbable
+//  unless they are in the _first_ <legend> element of the top-most disabled
+//  fieldset
+
+
+var isDisabledFromFieldset = function isDisabledFromFieldset(node) {
+  if (isInput(node) || node.tagName === 'SELECT' || node.tagName === 'TEXTAREA' || node.tagName === 'BUTTON') {
+    var parentNode = node.parentElement;
+
+    while (parentNode) {
+      if (parentNode.tagName === 'FIELDSET' && parentNode.disabled) {
+        // look for the first <legend> as an immediate child of the disabled
+        //  <fieldset>: if the node is in that legend, it'll be enabled even
+        //  though the fieldset is disabled; otherwise, the node is in a
+        //  secondary/subsequent legend, or somewhere else within the fieldset
+        //  (however deep nested) and it'll be disabled
+        for (var i = 0; i < parentNode.children.length; i++) {
+          var child = parentNode.children.item(i);
+
+          if (child.tagName === 'LEGEND') {
+            if (child.contains(node)) {
+              return false;
+            } // the node isn't in the first legend (in doc order), so no matter
+            //  where it is now, it'll be disabled
+
+
+            return true;
+          }
+        } // the node isn't in a legend, so no matter where it is now, it'll be disabled
+
+
+        return true;
+      }
+
+      parentNode = parentNode.parentElement;
+    }
+  } // else, node's tabbable/focusable state should not be affected by a fieldset's
+  //  enabled/disabled state
+
+
+  return false;
+};
+
+var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {
+  if (node.disabled || isHiddenInput(node) || isHidden(node, options.displayCheck) || // For a details element with a summary, the summary element gets the focus
+  isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
+    return false;
+  }
+
+  return true;
+};
+
+var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(options, node) {
+  if (!isNodeMatchingSelectorFocusable(options, node) || isNonTabbableRadio(node) || getTabindex(node) < 0) {
+    return false;
+  }
+
+  return true;
+};
+
+var tabbable = function tabbable(el, options) {
+  options = options || {};
+  var regularTabbables = [];
+  var orderedTabbables = [];
+  var candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
+  candidates.forEach(function (candidate, i) {
+    var candidateTabindex = getTabindex(candidate);
+
+    if (candidateTabindex === 0) {
+      regularTabbables.push(candidate);
+    } else {
+      orderedTabbables.push({
+        documentOrder: i,
+        tabIndex: candidateTabindex,
+        node: candidate
+      });
+    }
+  });
+  var tabbableNodes = orderedTabbables.sort(sortOrderedTabbables).map(function (a) {
+    return a.node;
+  }).concat(regularTabbables);
+  return tabbableNodes;
+};
+
+var focusable = function focusable(el, options) {
+  options = options || {};
+  var candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorFocusable.bind(null, options));
+  return candidates;
+};
+
+var isTabbable = function isTabbable(node, options) {
+  options = options || {};
+
+  if (!node) {
+    throw new Error('No node provided');
+  }
+
+  if (matches.call(node, candidateSelector) === false) {
+    return false;
+  }
+
+  return isNodeMatchingSelectorTabbable(options, node);
+};
+
+var focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe').join(',');
+
+var isFocusable = function isFocusable(node, options) {
+  options = options || {};
+
+  if (!node) {
+    throw new Error('No node provided');
+  }
+
+  if (matches.call(node, focusableCandidateSelector) === false) {
+    return false;
+  }
+
+  return isNodeMatchingSelectorFocusable(options, node);
+};
+
+export { isFocusable as a, focusable as f, isTabbable as i, tabbable as t };

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-61410be2.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-d54cae76.js';
 
 /*
  Stencil Client Patch Esm v2.9.0 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16]}]]],["dso-header",[[1,"dso-header",{"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"isLoggedIn":[4,"is-logged-in"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
+  return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16]}]]],["dso-header",[[1,"dso-header",{"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"isLoggedIn":[4,"is-logged-in"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"overlayOpen":[4,"overlay-open"],"mainSize":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
   });
 };
 

package/dist/types/components/anchor/anchor.template.d.ts

@@ -0,0 +1,2 @@
+import { Anchor } from '@dso-toolkit/sources';
+export declare function anchorTemplate({ icon, iconMode, label, modifier, url }: Anchor): import("lit-html").TemplateResult<1>;

package/dist/types/components/button/button.template.d.ts

@@ -0,0 +1,2 @@
+import { Button, ButtonAnchor } from '@dso-toolkit/sources';
+export declare function buttonTemplate(button: Button | ButtonAnchor): import("lit-html").TemplateResult<1>;

package/dist/types/components/context/context.template.d.ts

@@ -0,0 +1,3 @@
+import { Context } from '@dso-toolkit/sources';
+import { TemplateResult } from 'lit-html';
+export declare function contextTemplate({ label, type, content, children }: Context<TemplateResult>): TemplateResult<1>;

package/dist/types/components/definition-list/definition-list.template.d.ts

@@ -0,0 +1,3 @@
+import { DefinitionList } from '@dso-toolkit/sources';
+import { TemplateResult } from 'lit-html';
+export declare function definitionListTemplate({ modifier, definitions, useSrOnlyColon }: DefinitionList<TemplateResult>): TemplateResult<1>;

package/dist/types/components/label-group/label-group.template.d.ts

@@ -0,0 +1,2 @@
+import { LabelGroup } from '@dso-toolkit/sources';
+export declare function labelGroupTemplate({ labels }: LabelGroup): import("lit-html").TemplateResult<1>;

package/dist/types/components/list/list.template.d.ts

@@ -0,0 +1,3 @@
+import { List } from '@dso-toolkit/sources';
+import { TemplateResult } from 'lit-html';
+export declare function listTemplate({ type, items, modifier }: List): TemplateResult<1>;

package/dist/types/components/map-base-layers/map-base-layers.interfaces.d.ts

@@ -3,6 +3,7 @@ export interface BaseLayer {
   name: string;
   checked?: boolean;
   disabled?: boolean;
+  info?: string;
 }
 export interface BaseLayerChangeEvent {
   activeBaseLayer: BaseLayer;

package/dist/types/components/map-overlays/map-overlays.interfaces.d.ts

@@ -3,6 +3,7 @@ export interface Overlay {
   name: string;
   checked?: boolean;
   disabled?: boolean;
+  info?: string;
 }
 export interface OverlayChangeEvent {
   overlay: Overlay;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import * as focusTrap from "focus-trap";
+declare type MainSize = "small" | "medium" | "large";
+export declare class ViewerGrid {
+  overlayOpen: boolean;
+  mainSize: MainSize;
+  closeOverlay: EventEmitter<MouseEvent | KeyboardEvent>;
+  host: HTMLElement;
+  overlay: HTMLDivElement | undefined;
+  overlaySlot: HTMLDivElement | null | undefined;
+  trap: focusTrap.FocusTrap | undefined;
+  shrinkMain: () => void;
+  expandMain: () => void;
+  updateFocusTrap(): void;
+  keyDownListener: (event: KeyboardEvent) => void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}
+export {};

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

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

package/dist/types/components.d.ts

@@ -232,6 +232,9 @@ export namespace Components {
          */
         "collection": TreeViewItem[];
     }
+    interface DsoViewerGrid {
+        "overlayOpen": boolean;
+    }
 }
 declare global {
     interface HTMLDsoAlertElement extends Components.DsoAlert, HTMLStencilElement {
@@ -378,6 +381,12 @@ declare global {
         prototype: HTMLDsoTreeViewElement;
         new (): HTMLDsoTreeViewElement;
     };
+    interface HTMLDsoViewerGridElement extends Components.DsoViewerGrid, HTMLStencilElement {
+    }
+    var HTMLDsoViewerGridElement: {
+        prototype: HTMLDsoViewerGridElement;
+        new (): HTMLDsoViewerGridElement;
+    };
     interface HTMLElementTagNameMap {
         "dso-alert": HTMLDsoAlertElement;
         "dso-attachments-counter": HTMLDsoAttachmentsCounterElement;
@@ -403,6 +412,7 @@ declare global {
         "dso-toggletip": HTMLDsoToggletipElement;
         "dso-tooltip": HTMLDsoTooltipElement;
         "dso-tree-view": HTMLDsoTreeViewElement;
+        "dso-viewer-grid": HTMLDsoViewerGridElement;
     }
 }
 declare namespace LocalJSX {
@@ -656,6 +666,10 @@ declare namespace LocalJSX {
          */
         "onOpenItem"?: (event: CustomEvent<TreeViewItem[]>) => void;
     }
+    interface DsoViewerGrid {
+        "onCloseOverlay"?: (event: CustomEvent<MouseEvent | KeyboardEvent>) => void;
+        "overlayOpen"?: boolean;
+    }
     interface IntrinsicElements {
         "dso-alert": DsoAlert;
         "dso-attachments-counter": DsoAttachmentsCounter;
@@ -681,6 +695,7 @@ declare namespace LocalJSX {
         "dso-toggletip": DsoToggletip;
         "dso-tooltip": DsoTooltip;
         "dso-tree-view": DsoTreeView;
+        "dso-viewer-grid": DsoViewerGrid;
     }
 }
 export { LocalJSX as JSX };
@@ -711,6 +726,7 @@ declare module "@stencil/core" {
             "dso-toggletip": LocalJSX.DsoToggletip & JSXBase.HTMLAttributes<HTMLDsoToggletipElement>;
             "dso-tooltip": LocalJSX.DsoTooltip & JSXBase.HTMLAttributes<HTMLDsoTooltipElement>;
             "dso-tree-view": LocalJSX.DsoTreeView & JSXBase.HTMLAttributes<HTMLDsoTreeViewElement>;
+            "dso-viewer-grid": LocalJSX.DsoViewerGrid & JSXBase.HTMLAttributes<HTMLDsoViewerGridElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "33.3.0",
+  "version": "34.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -50,6 +50,7 @@
     "cross-env": "^7.0.3",
     "debounce": "^1.2.1",
     "escape-string-regexp": "^5.0.0",
+    "focus-trap": "^6.7.3",
     "http-proxy-middleware": "^2.0.1",
     "lit-html": "^2.0.1",
     "mini-svg-data-uri": "1.4.3",

package/dist/dso-toolkit/p-99b93d2e.entry.js

@@ -1,5 +0,0 @@
-import{r as c,h as t,F as e,g as n}from"./p-a40eeb32.js";import{v as r}from"./p-19b890a3.js";
-/*!
-* tabbable 5.2.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/var o=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"].join(","),i="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,s=function(c){var t=parseInt(c.getAttribute("tabindex"),10);return isNaN(t)?function(c){return"true"===c.contentEditable}(c)?0:"AUDIO"!==c.nodeName&&"VIDEO"!==c.nodeName&&"DETAILS"!==c.nodeName||null!==c.getAttribute("tabindex")?c.tabIndex:0:t},a=function(c,t){return c.tabIndex===t.tabIndex?c.documentOrder-t.documentOrder:c.tabIndex-t.tabIndex},l=function(c){return"INPUT"===c.tagName},u=function(c,t){return!(!function(c,t){return!(t.disabled||function(c){return l(c)&&"hidden"===c.type}(t)||function(c,t){if("hidden"===getComputedStyle(c).visibility)return!0;var e=i.call(c,"details>summary:first-of-type");if(i.call(e?c.parentElement:c,"details:not([open]) *"))return!0;if(t&&"full"!==t){if("non-zero-area"===t){var n=c.getBoundingClientRect();return 0===n.width&&0===n.height}}else for(;c;){if("none"===getComputedStyle(c).display)return!0;c=c.parentElement}return!1}(t,c.displayCheck)||function(c){return"DETAILS"===c.tagName&&Array.prototype.slice.apply(c.children).some((function(c){return"SUMMARY"===c.tagName}))}(t)||function(c){if(l(c)||"SELECT"===c.tagName||"TEXTAREA"===c.tagName||"BUTTON"===c.tagName)for(var t=c.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var e=0;e<t.children.length;e++){var n=t.children.item(e);if("LEGEND"===n.tagName)return!n.contains(c)}return!0}t=t.parentElement}return!1}(t))}(c,t)||function(c){return function(c){return l(c)&&"radio"===c.type}(c)&&!function(c){if(!c.name)return!0;var t,e=c.form||c.ownerDocument,n=function(c){return e.querySelectorAll('input[type="radio"][name="'+c+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=n(window.CSS.escape(c.name));else try{t=n(c.name)}catch(c){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",c.message),!1}var r=function(c,t){for(var e=0;e<c.length;e++)if(c[e].checked&&c[e].form===t)return c[e]}(t,c.form);return!r||r===c}(c)}(t)||s(t)<0)},h=function(c,t){var e=[],n=[];return function(c,t,e){var n=Array.prototype.slice.apply(c.querySelectorAll(o));return t&&i.call(c,o)&&n.unshift(c),n.filter(e)}(c,(t=t||{}).includeContainer,u.bind(null,t)).forEach((function(c,t){var r=s(c);0===r?e.push(c):n.push({documentOrder:t,tabIndex:r,node:c})})),n.sort(a).map((function(c){return c.node})).concat(e)};let d=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 h(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=r()),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()}componentWillRender(){for(const c of Array.from(this.host.getElementsByTagName("li")))for(const t of h(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 n(this)}static get watchers(){return{open:["openWatch"]}}};d.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{d as dso_dropdown_menu}

package/dist/dso-toolkit/p-a40eeb32.js

@@ -1 +0,0 @@
-let e,t,l,n=!1,s=!1,o=!1,i=!1,r=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),$=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),d=(e,t,l)=>{l&&l.map((([l,n,s])=>{const o=y(e,l),i=h(t,s),r=m(l);a.ael(o,n,i,r),(t.o=t.o||[]).push((()=>a.rel(o,n,i,r)))}))},h=(e,t)=>l=>{try{256&e.t?e.i[t](l):(e.u=e.u||[]).push([t,l])}catch(e){ge(e)}},y=(e,t)=>4&t?f:e,m=e=>0!=(2&e),p=new WeakMap,b=(e,t,l)=>{let n=je.get(e);$&&l?(n=n||new CSSStyleSheet,n.replace(t)):n=t,je.set(e,n)},w=(e,t)=>{let l=g(t),n=je.get(l);if(e=11===e.nodeType?e:f,n)if("string"==typeof n){let t,s=p.get(e=e.head||e);s||p.set(e,s=new Set),s.has(l)||(e.host&&(t=e.querySelector(`[sty-id="${l}"]`))?t.innerHTML=n:(t=f.createElement("style"),t.innerHTML=n,e.insertBefore(t,e.querySelector("link"))),s&&s.add(l))}else e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]);return l},g=e=>"sc-"+e.$,v=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),k={},j=e=>"object"==(e=typeof e)||"function"===e,S=(e,t,...l)=>{let n=null,s=null,o=null,i=!1,r=!1,c=[];const f=t=>{for(let l=0;l<t.length;l++)n=t[l],Array.isArray(n)?f(n):null!=n&&"boolean"!=typeof n&&((i="function"!=typeof e&&!j(n))&&(n+=""),i&&r?c[c.length-1].h+=n:c.push(i?O(null,n):n),r=i)};if(f(l),t){t.key&&(s=t.key),t.name&&(o=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,M);const a=O(e,null);return a.m=t,c.length>0&&(a.p=c),a.g=s,a.v=o,a},O=(e,t)=>({t:0,k:e,h:t,j:null,p:null,m:null,g:null,v:null}),x={},M={forEach:(e,t)=>e.map(C).forEach(t),map:(e,t)=>e.map(C).map(t).map(R)},C=e=>({vattrs:e.m,vchildren:e.p,vkey:e.g,vname:e.v,vtag:e.k,vtext:e.h}),R=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),S(e.vtag,t,...e.vchildren||[])}const t=O(e.vtag,e.vtext);return t.m=e.vattrs,t.p=e.vchildren,t.g=e.vkey,t.v=e.vname,t},P=(e,t,l,n,s,o)=>{if(l!==n){let i=we(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,s=E(l),o=E(n);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in l)n&&null!=n[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in n)l&&n[t]===l[t]||(t.includes("-")?e.style.setProperty(t,n[t]):e.style[t]=n[t])}else if("key"===t);else if("ref"===t)n&&n(e);else if(i||"o"!==t[0]||"n"!==t[1]){const r=j(n);if((i||r&&null!==n)&&!s)try{if(e.tagName.includes("-"))e[t]=n;else{let s=null==n?"":n;"list"===t?i=!1:null!=l&&e[t]==s||(e[t]=s)}}catch(e){}null==n||!1===n?!1===n&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&o||s)&&!r&&e.setAttribute(t,n=!0===n?"":n)}else t="-"===t[2]?t.slice(3):we(c,r)?r.slice(2):r[2]+t.slice(3),l&&a.rel(e,t,l,!1),n&&a.ael(e,t,n,!1)}},T=/\s/,E=e=>e?e.split(T):[],I=(e,t,l,n)=>{const s=11===t.j.nodeType&&t.j.host?t.j.host:t.j,o=e&&e.m||k,i=t.m||k;for(n in o)n in i||P(s,n,o[n],void 0,l,t.t);for(n in i)P(s,n,o[n],i[n],l,t.t)},L=(s,r,c,a)=>{let u,$,d,h=r.p[c],y=0;if(n||(o=!0,"slot"===h.k&&(e&&a.classList.add(e+"-s"),h.t|=h.p?2:1)),null!==h.h)u=h.j=f.createTextNode(h.h);else if(1&h.t)u=h.j=f.createTextNode("");else{if(i||(i="svg"===h.k),u=h.j=f.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&h.t?"slot-fb":h.k),i&&"foreignObject"===h.k&&(i=!1),I(null,h,i),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),h.p)for(y=0;y<h.p.length;++y)$=L(s,h,y,u),$&&u.appendChild($);"svg"===h.k?i=!1:"foreignObject"===u.tagName&&(i=!0)}return u["s-hn"]=l,3&h.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=h.v||"",d=s&&s.p&&s.p[c],d&&d.k===h.k&&s.j&&W(s.j,!1)),u},W=(e,t)=>{a.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];s["s-hn"]!==l&&s["s-ol"]&&(N(s).insertBefore(s,H(s)),s["s-ol"].remove(),s["s-ol"]=void 0,o=!0),t&&W(s,t)}a.t&=-2},F=(e,t,n,s,o,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===l&&(c=c.shadowRoot);o<=i;++o)s[o]&&(r=L(null,n,o,e),r&&(s[o].j=r,c.insertBefore(r,H(t))))},A=(e,t,l,n,o)=>{for(;t<=l;++t)(n=e[t])&&(o=n.j,B(n),s=!0,o["s-ol"]?o["s-ol"].remove():W(o,!0),o.remove())},D=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),H=e=>e&&e["s-ol"]||e,N=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,U=(e,t)=>{const l=t.j=e.j,n=e.p,s=t.p,o=t.k,r=t.h;let c;null===r?(i="svg"===o||"foreignObject"!==o&&i,"slot"===o||I(e,t,i),null!==n&&null!==s?((e,t,l,n)=>{let s,o,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],$=t[a],d=n.length-1,h=n[0],y=n[d];for(;i<=a&&r<=d;)if(null==u)u=t[++i];else if(null==$)$=t[--a];else if(null==h)h=n[++r];else if(null==y)y=n[--d];else if(D(u,h))U(u,h),u=t[++i],h=n[++r];else if(D($,y))U($,y),$=t[--a],y=n[--d];else if(D(u,y))"slot"!==u.k&&"slot"!==y.k||W(u.j.parentNode,!1),U(u,y),e.insertBefore(u.j,$.j.nextSibling),u=t[++i],y=n[--d];else if(D($,h))"slot"!==u.k&&"slot"!==y.k||W($.j.parentNode,!1),U($,h),e.insertBefore($.j,u.j),$=t[--a],h=n[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===h.g){c=f;break}c>=0?(o=t[c],o.k!==h.k?s=L(t&&t[r],l,c,e):(U(o,h),t[c]=void 0,s=o.j),h=n[++r]):(s=L(t&&t[r],l,r,e),h=n[++r]),s&&N(u.j).insertBefore(s,H(u.j))}i>a?F(e,null==n[d+1]?null:n[d+1].j,l,n,r,d):r>d&&A(t,i,a)})(l,n,t,s):null!==s?(null!==e.h&&(l.textContent=""),F(l,null,t,s,0,s.length-1)):null!==n&&A(n,0,n.length-1),i&&"svg"===o&&(i=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:e.h!==r&&(l.data=r)},q=e=>{let t,l,n,s,o,i,r=e.childNodes;for(l=0,n=r.length;l<n;l++)if(t=r[l],1===t.nodeType){if(t["s-sr"])for(o=t["s-sn"],t.hidden=!1,s=0;s<n;s++)if(i=r[s].nodeType,r[s]["s-hn"]!==t["s-hn"]||""!==o){if(1===i&&o===r[s].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[s].textContent.trim()){t.hidden=!0;break}q(t)}},V=[],_=e=>{let t,l,n,o,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(l=t["s-cr"])&&l.parentNode)for(n=l.parentNode.childNodes,o=t["s-sn"],r=n.length-1;r>=0;r--)l=n[r],l["s-cn"]||l["s-nr"]||l["s-hn"]===t["s-hn"]||(z(l,o)?(i=V.find((e=>e.S===l)),s=!0,l["s-sn"]=l["s-sn"]||o,i?i.O=t:V.push({O:t,S:l}),l["s-sr"]&&V.map((e=>{z(e.S,l["s-sn"])&&(i=V.find((e=>e.S===l)),i&&!e.O&&(e.O=i.O))}))):V.some((e=>e.S===l))||V.push({S:l}));1===t.nodeType&&_(t)}},z=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,B=e=>{e.m&&e.m.ref&&e.m.ref(null),e.p&&e.p.map(B)},G=e=>me(e).M,J=(e,t,l)=>{const n=G(e);return{emit:e=>K(n,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},K=(e,t,l)=>{const n=a.ce(t,l);return e.dispatchEvent(n),n},Q=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},X=(e,t)=>{if(e.t|=16,!(4&e.t))return Q(e,e.R),Pe((()=>Y(e,t)));e.t|=512},Y=(e,t)=>{const l=e.i;let n;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>se(l,e,t))),e.u=null),n=se(l,"componentWillLoad")),n=oe(n,(()=>se(l,"componentWillRender"))),oe(n,(()=>Z(e,l,t)))},Z=async(e,t,l)=>{const n=e.M,s=n["s-rc"];l&&(e=>{const t=e.P,l=e.M,n=t.t,s=w(l.shadowRoot?l.shadowRoot:l.getRootNode(),t);10&n&&(l["s-sc"]=s,l.classList.add(s+"-h"),2&n&&l.classList.add(s+"-s"))})(e);ee(e,t),s&&(s.map((e=>e())),n["s-rc"]=void 0);{const t=n["s-p"],l=()=>te(e);0===t.length?l():(Promise.all(t).then(l),e.t|=4,t.length=0)}},ee=(i,r)=>{try{r=r.render(),i.t&=-17,i.t|=2,((i,r)=>{const c=i.M,u=i.P,$=i.T||O(null,null),d=(e=>e&&e.k===x)(r)?r:S(null,null,r);if(l=c.tagName,u.I&&(d.m=d.m||{},u.I.map((([e,t])=>d.m[t]=c[e]))),d.k=null,d.t|=4,i.T=d,d.j=$.j=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],n=0!=(1&u.t),s=!1,U($,d),a.t|=1,o){let e,t,l,n,s,o;_(d.j);let i=0;for(;i<V.length;i++)e=V[i],t=e.S,t["s-ol"]||(l=f.createTextNode(""),l["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=l,t));for(i=0;i<V.length;i++)if(e=V[i],t=e.S,e.O){for(n=e.O.parentNode,s=e.O.nextSibling,l=t["s-ol"];l=l.previousSibling;)if(o=l["s-nr"],o&&o["s-sn"]===t["s-sn"]&&n===o.parentNode&&(o=o.nextSibling,!o||!o["s-nr"])){s=o;break}(!s&&n!==t.parentNode||t.nextSibling!==s)&&t!==s&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,s))}else 1===t.nodeType&&(t.hidden=!0)}s&&q(d.j),a.t&=-2,V.length=0})(i,r)}catch(e){ge(e,i.M)}return null},te=e=>{const t=e.M,l=e.i,n=e.R;se(l,"componentDidRender"),64&e.t||(e.t|=64,ie(t),se(l,"componentDidLoad"),e.L(t),n||ne()),e.W(t),e.C&&(e.C(),e.C=void 0),512&e.t&&Re((()=>X(e,!1))),e.t&=-517},le=e=>{{const t=me(e),l=t.M.isConnected;return l&&2==(18&t.t)&&X(t,!1),l}},ne=()=>{ie(f.documentElement),Re((()=>K(c,"appload",{detail:{namespace:"dso-toolkit"}})))},se=(e,t,l)=>{if(e&&e[t])try{return e[t](l)}catch(e){ge(e)}},oe=(e,t)=>e&&e.then?e.then(t):t(),ie=e=>e.classList.add("hydrated"),re=(e,t,l,n,s,o,i)=>{let r,c,a,u;if(1===o.nodeType){for(r=o.getAttribute("c-id"),r&&(c=r.split("."),c[0]!==i&&"0"!==c[0]||(a={t:0,F:c[0],A:c[1],D:c[2],H:c[3],k:o.tagName.toLowerCase(),j:o,m:null,p:null,g:null,v:null,h:null},t.push(a),o.removeAttribute("c-id"),e.p||(e.p=[]),e.p[a.H]=a,e=a,n&&"0"===a.D&&(n[a.H]=a.j))),u=o.childNodes.length-1;u>=0;u--)re(e,t,l,n,s,o.childNodes[u],i);if(o.shadowRoot)for(u=o.shadowRoot.childNodes.length-1;u>=0;u--)re(e,t,l,n,s,o.shadowRoot.childNodes[u],i)}else if(8===o.nodeType)c=o.nodeValue.split("."),c[1]!==i&&"0"!==c[1]||(r=c[0],a={t:0,F:c[1],A:c[2],D:c[3],H:c[4],j:o,m:null,p:null,g:null,v:null,k:null,h:null},"t"===r?(a.j=o.nextSibling,a.j&&3===a.j.nodeType&&(a.h=a.j.textContent,t.push(a),o.remove(),e.p||(e.p=[]),e.p[a.H]=a,n&&"0"===a.D&&(n[a.H]=a.j))):a.F===i&&("s"===r?(a.k="slot",o["s-sn"]=c[5]?a.v=c[5]:"",o["s-sr"]=!0,n&&(a.j=f.createElement(a.k),a.v&&a.j.setAttribute("name",a.v),o.parentNode.insertBefore(a.j,o),o.remove(),"0"===a.D&&(n[a.H]=a.j)),l.push(a),e.p||(e.p=[]),e.p[a.H]=a):"r"===r&&(n?o.remove():(s["s-cr"]=o,o["s-cn"]=!0))));else if(e&&"style"===e.k){const t=O(null,o.textContent);t.j=o,t.H="0",e.p=[t]}},ce=(e,t)=>{if(1===e.nodeType){let l=0;for(;l<e.childNodes.length;l++)ce(e.childNodes[l],t);if(e.shadowRoot)for(l=0;l<e.shadowRoot.childNodes.length;l++)ce(e.shadowRoot.childNodes[l],t)}else if(8===e.nodeType){const l=e.nodeValue.split(".");"o"===l[0]&&(t.set(l[1]+"."+l[2],e),e.nodeValue="",e["s-en"]=l[3])}},fe=(e,t,l)=>{if(t.N){e.watchers&&(t.U=e.watchers);const n=Object.entries(t.N),s=e.prototype;if(n.map((([e,[n]])=>{31&n||2&l&&32&n?Object.defineProperty(s,e,{get(){return((e,t)=>me(this).q.get(t))(0,e)},set(l){((e,t,l,n)=>{const s=me(e),o=s.M,i=s.q.get(t),r=s.t,c=s.i;if(l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,n.N[t][0]),!(8&r&&void 0!==i||l===i)&&(s.q.set(t,l),c)){if(n.U&&128&r){const e=n.U[t];e&&e.map((e=>{try{c[e](l,i,t)}catch(e){ge(e,o)}}))}2==(18&r)&&X(s,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&n&&Object.defineProperty(s,e,{value(...t){const l=me(this);return l.V.then((()=>l.i[e](...t)))}})})),1&l){const l=new Map;s.attributeChangedCallback=function(e,t,n){a.jmp((()=>{const t=l.get(e);this.hasOwnProperty(t)&&(n=this[t],delete this[t]),this[t]=(null!==n||"boolean"!=typeof this[t])&&n}))},e.observedAttributes=n.filter((([e,t])=>15&t[0])).map((([e,n])=>{const s=n[1]||e;return l.set(s,e),512&n[0]&&t.I.push([e,s]),s}))}}return e},ae=e=>{se(e,"connectedCallback")},ue=e=>{if(0==(1&a.t)){const t=me(e),l=t.P,n=()=>{};if(1&t.t)d(e,t,l._),ae(t.i);else{let n;if(t.t|=1,n=e.getAttribute("s-id"),n){if(1&l.t){const t=w(e.shadowRoot,l);e.classList.remove(t+"-h",t+"-s")}((e,t,l,n)=>{const s=e.shadowRoot,o=[],i=s?[]:null,r=n.T=O(t,null);a.B||ce(f.body,a.B=new Map),e["s-id"]=l,e.removeAttribute("s-id"),re(r,o,[],i,e,e,l),o.map((e=>{const l=e.F+"."+e.A,n=a.B.get(l),o=e.j;n&&""===n["s-en"]&&n.parentNode.insertBefore(o,n.nextSibling),s||(o["s-hn"]=t,n&&(o["s-ol"]=n,o["s-ol"]["s-nr"]=o)),a.B.delete(l)})),s&&i.map((e=>{e&&s.appendChild(e)}))})(e,l.$,n,t)}n||12&l.t&&$e(e);{let l=e;for(;l=l.parentNode||l.host;)if(1===l.nodeType&&l.hasAttribute("s-id")&&l["s-p"]||l["s-p"]){Q(t,t.R=l);break}}l.N&&Object.entries(l.N).map((([t,[l]])=>{if(31&l&&e.hasOwnProperty(t)){const l=e[t];delete e[t],e[t]=l}})),(async(e,t,l,n,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=ke(l)).then){const e=()=>{};s=await s,e()}s.isProxied||(l.U=s.watchers,fe(s,l,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){ge(e)}t.t&=-9,t.t|=128,e(),ae(t.i)}if(s.style){let e=s.style;const t=g(l);if(!je.has(t)){const n=()=>{};b(t,e,!!(1&l.t)),n()}}}const o=t.R,i=()=>X(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,l)}n()}},$e=e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},de=(e,t={})=>{const l=[],n=t.exclude||[],s=c.customElements,o=f.head,i=o.querySelector("meta[charset]"),r=f.createElement("style"),u=[],$=f.querySelectorAll("[sty-id]");let d,h=!0,y=0;for(Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,a.t|=2;y<$.length;y++)b($[y].getAttribute("sty-id"),v($[y].innerHTML),!0);e.map((e=>e[1].map((t=>{const o={t:t[0],$:t[1],N:t[2],_:t[3]};o.N=t[2],o._=t[3],o.I=[],o.U={};const i=o.$,r=class extends HTMLElement{constructor(e){super(e),be(e=this,o),1&o.t&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),h?u.push(this):a.jmp((()=>ue(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=me(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),se(t,"disconnectedCallback")}})()))}componentOnReady(){return me(this).G}};o.J=e[0],n.includes(i)||s.get(i)||(l.push(i),s.define(i,fe(r,o,1)))})))),r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),o.insertBefore(r,i?i.nextSibling:o.firstChild),h=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>d=setTimeout(ne,30)))},he=(e,t)=>t,ye=new WeakMap,me=e=>ye.get(e),pe=(e,t)=>ye.set(t.i=e,t),be=(e,t)=>{const l={t:0,M:e,P:t,q:new Map};return l.V=new Promise((e=>l.W=e)),l.G=new Promise((e=>l.L=e)),e["s-p"]=[],e["s-rc"]=[],d(e,l,t._),ye.set(e,l)},we=(e,t)=>t in e,ge=(e,t)=>(0,console.error)(e,t),ve=new Map,ke=e=>{const t=e.$.replace(/-/g,"_"),l=e.J,n=ve.get(l);return n?n[t]:import(`./${l}.entry.js`).then((e=>(ve.set(l,e),e[t])),ge)},je=new Map,Se=[],Oe=[],xe=(e,t)=>l=>{e.push(l),r||(r=!0,t&&4&a.t?Re(Ce):a.raf(Ce))},Me=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ge(e)}e.length=0},Ce=()=>{Me(Se),Me(Oe),(r=Se.length>0)&&a.raf(Ce)},Re=e=>u().then(e),Pe=xe(Oe,!0);export{he as F,x as H,de as b,J as c,le as f,G as g,S as h,u as p,pe as r}

package/dist/dso-toolkit/p-affe82e6.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,F as i,f as s,g as a}from"./p-a40eeb32.js";import{c as l}from"./p-7b37bd52.js";let r=class{constructor(o){t(this,o),this.close=e(this,"close",7)}render(){return o(i,null,!this.fixed&&o("button",{type:"button",onClick:t=>this.close.emit(t)},o("span",{class:"sr-only"},"Sluiten")),o("slot",null))}};r.style=":host{--di-times-bosgroen:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23275937%3b'%3e %3cpath fill='currentColor' d='M13.36%2c12l3.3-3.3A1%2c1%2c0%2c1%2c0%2c15.3%2c7.34L12%2c10.64%2c8.7%2c7.34A1%2c1%2c0%2c1%2c0%2c7.34%2c8.7l3.3%2c3.3-3.3%2c3.3A1%2c1%2c0%2c1%2c0%2c8.7%2c16.66l3.3-3.3%2c3.3%2c3.3a1%2c1%2c0%2c1%2c0%2c1.36-1.36Z'/%3e %3c/svg%3e\");display:block;background-color:#f2f2f2;padding:16px 32px 16px 16px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;right:8px;top:8px}:host>button::before{background:var(--dso-icon, var(--di-times-grijs90)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em;content:\"\";display:inline-block}:host(:not([active]):not([fixed])){display:none}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";let n=class{constructor(o){t(this,o),this.change=e(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=l("DsoSelectable")}componentDidLoad(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.mutationObserver=new MutationObserver((()=>s(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"==this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){var t;const e=!!this.host.querySelector('[slot="info"]');return o(i,null,o("input",{type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":null===(t=this.invalid)||void 0===t?void 0:t.toString(),"aria-describedby":this.describedById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:t=>this.change.emit(t),ref:t=>this.input=t}),o("label",{htmlFor:this.getIdentifier()},o("slot",null)),e&&o(i,null,!this.infoFixed&&o("dso-info-button",{active:this.infoActive,onToggle:t=>this.infoActive=t.detail.active}),o("dso-info",{fixed:this.infoFixed,active:this.infoActive,onClose:()=>this.infoActive=!1},o("slot",{name:"info"}))))}getIdentifier(){var t;return null!==(t=this.identifier)&&void 0!==t?t:this.fallbackIdentifier}get host(){return a(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};n.style=':host{display:block;padding:0 0 0 32px;position:relative}:host .dso-selectable-options{list-style:none;margin-top:8px;padding-left:0}:host .dso-selectable-options li+li{margin-top:8px}:host label{font-weight:400;line-height:24px;margin:0}:host input[type=checkbox][disabled]+label::before,:host input[type=checkbox][disabled]:active+label::before,:host input[type=checkbox][disabled]:focus+label::before,:host input[type=radio][disabled]+label::before,:host input[type=radio][disabled]:active+label::before,:host input[type=radio][disabled]:focus+label::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}:host input[type=checkbox],:host input[type=radio]{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:1;zoom:1}:host input[type=checkbox]:not([disabled]),:host input[type=radio]:not([disabled]){cursor:pointer}:host input[type=checkbox]+label,:host input[type=radio]+label{display:inline;font-style:normal;padding-left:0}:host input[type=checkbox]+label::before,:host input[type=radio]+label::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}:host input[type=checkbox]:focus,:host input[type=radio]:focus{outline:0}:host input[type=checkbox]:focus+label::before,:host input[type=radio]:focus+label::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}:host input[type=checkbox]:active+label::before,:host input[type=checkbox].active+label::before,:host input[type=radio]:active+label::before,:host input[type=radio].active+label::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}:host input[type=checkbox]+label::before{border-radius:4px}:host input[type=checkbox]+label::after{background:transparent;content:"";left:6px;opacity:0;position:absolute;top:6px;zoom:1}:host input[type=checkbox]:checked+label::after,:host input[type=checkbox]:indeterminate+label::after{opacity:1}:host input[type=checkbox]:checked+label::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}:host input[type=checkbox]:indeterminate+label::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}:host input[type=radio]+label::before{border-radius:50%}:host input[type=radio]+label::after{background-color:transparent;border-radius:50%;content:"";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}:host input[type=radio]:checked+label::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}:host>dso-info{float:none;margin:8px 16px 0 -32px;width:calc(100% + 32px)}:host(:not(:last-child)){margin-bottom:8px}*,*::after,*::before{box-sizing:border-box}';export{r as dso_info,n as dso_selectable}

package/dist/dso-toolkit/p-b3e6d377.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,h as a}from"./p-a40eeb32.js";let s=class{constructor(a){e(this,a),this.toggleOverlay=o(this,"toggleOverlay",7)}overlayChangeHandler(e,o){const a=o.detail.target instanceof HTMLInputElement&&!!o.detail.target.checked;this.toggleOverlay.emit({overlay:e,checked:a})}render(){return a("fieldset",{class:"form-group dso-checkboxes"},a("legend",{class:"sr-only"},"Kaartlagen"),a("div",{class:"dso-label-container"},a("span",{class:"control-label","aria-hidden":"true"},"Kaartlagen")),a("div",{class:"dso-field-container"},this.overlays.map((e=>a("dso-selectable",{type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,onDsoChange:o=>this.overlayChangeHandler(e,o)},e.name)))))}};s.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-width:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-bottom:8px;max-width:100%;text-align:left}";export{s as dso_map_overlays}

package/dist/dso-toolkit/p-ec8b74f7.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as a}from"./p-a40eeb32.js";let o=class{constructor(a){e(this,a),this.baseLayerChange=s(this,"baseLayerChange",7)}baseLayerChangeHandler(e){this.baseLayerChange.emit({activeBaseLayer:e})}render(){return a("fieldset",{class:"form-group dso-radios"},a("legend",{class:"sr-only"},"Achtergrond"),a("div",{class:"dso-label-container"},a("span",{class:"control-label","aria-hidden":"true"},"Achtergrond")),a("div",{class:"dso-field-container"},this.baseLayers.map((e=>a("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name)))))}};o.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-width:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-bottom:8px;max-width:100%;text-align:left}";export{o as dso_map_base_layers}