@dso-toolkit/core 38.1.0 → 40.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/cjs/dso-badge.cjs.entry.js +1 -1
  2. package/dist/cjs/dso-header.cjs.entry.js +3 -2
  3. package/dist/cjs/dso-info_2.cjs.entry.js +2 -2
  4. package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -1
  5. package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
  6. package/dist/cjs/dso-map-overlays.cjs.entry.js +3 -1
  7. package/dist/cjs/dso-responsive-element.cjs.entry.js +44 -0
  8. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/collection-manifest.json +1 -0
  11. package/dist/collection/components/badge/badge.css +1 -1
  12. package/dist/collection/components/header/header.js +21 -2
  13. package/dist/collection/components/image-overlay/image-overlay.template.js +1 -1
  14. package/dist/collection/components/map-base-layers/map-base-layers.js +21 -1
  15. package/dist/collection/components/map-controls/map-controls.css +1 -1
  16. package/dist/collection/components/map-overlays/map-overlays.js +21 -1
  17. package/dist/collection/components/responsive-element/responsive-element.css +3 -0
  18. package/dist/collection/components/responsive-element/responsive-element.js +46 -0
  19. package/dist/collection/components/responsive-element/responsive-element.template.js +8 -0
  20. package/dist/collection/components/selectable/selectable.js +5 -4
  21. package/dist/collection/components/viewer-grid/example-pages/viewer-grid-document-header.example-template.js +22 -0
  22. package/dist/collection/components/viewer-grid/example-pages/viewer-grid-document-list.example-template.js +12 -0
  23. package/dist/collection/components/viewer-grid/example-pages/viewer-grid-filterblok.example-template.js +60 -0
  24. package/dist/collection/components/viewer-grid/example-pages/viewer-grid-tiles.example-template.js +17 -0
  25. package/dist/collection/components/viewer-grid/templates/viewer-grid.template.js +20 -0
  26. package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
  27. package/dist/custom-elements/index.d.ts +6 -0
  28. package/dist/custom-elements/index.js +56 -13
  29. package/dist/dso-toolkit/dso-toolkit.css +1 -1
  30. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  31. package/dist/dso-toolkit/p-02272301.entry.js +1 -0
  32. package/dist/dso-toolkit/p-09b53589.entry.js +1 -0
  33. package/dist/dso-toolkit/p-202bd676.entry.js +1 -0
  34. package/dist/dso-toolkit/p-336bf5b9.entry.js +1 -0
  35. package/dist/dso-toolkit/p-3ad06d9d.entry.js +1 -0
  36. package/dist/dso-toolkit/{p-6ec616ee.entry.js → p-60679db4.entry.js} +1 -1
  37. package/dist/dso-toolkit/{p-1894c7ae.entry.js → p-7796687c.entry.js} +1 -1
  38. package/dist/esm/dso-badge.entry.js +1 -1
  39. package/dist/esm/dso-header.entry.js +3 -2
  40. package/dist/esm/dso-info_2.entry.js +2 -2
  41. package/dist/esm/dso-map-base-layers.entry.js +3 -1
  42. package/dist/esm/dso-map-controls.entry.js +1 -1
  43. package/dist/esm/dso-map-overlays.entry.js +3 -1
  44. package/dist/esm/dso-responsive-element.entry.js +40 -0
  45. package/dist/esm/dso-toolkit.js +1 -1
  46. package/dist/esm/loader.js +1 -1
  47. package/dist/types/components/header/header.d.ts +7 -0
  48. package/dist/types/components/map-base-layers/map-base-layers.d.ts +1 -0
  49. package/dist/types/components/map-overlays/map-overlays.d.ts +1 -0
  50. package/dist/types/components/responsive-element/responsive-element.d.ts +10 -0
  51. package/dist/types/components/responsive-element/responsive-element.template.d.ts +3 -0
  52. package/dist/types/components/viewer-grid/example-pages/viewer-grid-document-header.example-template.d.ts +2 -0
  53. package/dist/types/components/viewer-grid/example-pages/viewer-grid-document-list.example-template.d.ts +2 -0
  54. package/dist/types/components/viewer-grid/example-pages/viewer-grid-filterblok.example-template.d.ts +1 -0
  55. package/dist/types/components/viewer-grid/example-pages/viewer-grid-tiles.example-template.d.ts +2 -0
  56. package/dist/types/components/viewer-grid/templates/viewer-grid.template.d.ts +3 -0
  57. package/dist/types/components/viewer-grid/viewer-grid.d.ts +1 -2
  58. package/dist/types/components.d.ts +23 -2
  59. package/package.json +10 -10
  60. package/dist/collection/components/viewer-grid/viewer-grid-document-header.template.js +0 -39
  61. package/dist/collection/components/viewer-grid/viewer-grid-document-list-item.template.js +0 -19
  62. package/dist/collection/components/viewer-grid/viewer-grid-filterblok.template.js +0 -28
  63. package/dist/collection/components/viewer-grid/viewer-grid.template.js +0 -31
  64. package/dist/dso-toolkit/p-746d70f9.entry.js +0 -1
  65. package/dist/dso-toolkit/p-8bb8148f.entry.js +0 -1
  66. package/dist/dso-toolkit/p-c32860a3.entry.js +0 -1
  67. package/dist/dso-toolkit/p-d76c1151.entry.js +0 -1
  68. package/dist/types/components/viewer-grid/viewer-grid-document-header.template.d.ts +0 -3
  69. package/dist/types/components/viewer-grid/viewer-grid-document-list-item.template.d.ts +0 -3
  70. package/dist/types/components/viewer-grid/viewer-grid-filterblok.template.d.ts +0 -3
  71. package/dist/types/components/viewer-grid/viewer-grid.template.d.ts +0 -3
@@ -1,39 +0,0 @@
1
- import { html, nothing } from "lit-html";
2
- import { buttonTemplate } from "../button/button.template";
3
- import { definitionListTemplate } from "../definition-list/definition-list.template";
4
- export function viewerGridDocumentHeaderTemplate({ title, type, features, featuresAction, mapAction, featuresOpen, owner, status, }) {
5
- return html `
6
- <div class="dso-document-header">
7
- ${title}
8
-
9
- <div class="dso-document-header-container">
10
- <p class="dso-document-header-type">${type}</p>
11
- <p class="dso-document-header-owner">${owner}</p>
12
- <p class="dso-document-header-status">${status}</p>
13
-
14
- ${buttonTemplate({
15
- onClick: mapAction,
16
- label: "Actie",
17
- variant: null,
18
- modifier: "dso-document-header-map-action",
19
- icon: {
20
- icon: "map-location",
21
- },
22
- iconMode: "only",
23
- })}
24
- ${buttonTemplate({
25
- ariaExpanded: featuresOpen,
26
- onClick: featuresAction,
27
- label: featuresOpen ? "Minder kenmerken" : "Meer kenmerken",
28
- variant: null,
29
- modifier: "dso-document-header-toggle-features",
30
- icon: {
31
- icon: featuresOpen ? "angle-up" : "angle-down",
32
- },
33
- iconMode: "after",
34
- })}
35
- </div>
36
- ${featuresOpen ? definitionListTemplate(features) : nothing}
37
- </div>
38
- `;
39
- }
@@ -1,19 +0,0 @@
1
- import { html } from "lit-html";
2
- import { anchorTemplate } from "../anchor/anchor.template";
3
- export function viewerGridDocumentListItem({ title, type, owner, status, }) {
4
- return html `
5
- <div class="dso-document-list-item">
6
- ${title}
7
- <div class="dso-document-list-item-container">
8
- <p class="dso-document-list-item-type">${type}</p>
9
- <p class="dso-document-list-item-owner">${owner}</p>
10
- <p class="dso-document-list-item-status">${status}</p>
11
- ${anchorTemplate({
12
- url: "#",
13
- label: "Hele document bekijken",
14
- modifier: "dso-document-list-item-open-document",
15
- })}
16
- </div>
17
- </div>
18
- `;
19
- }
@@ -1,28 +0,0 @@
1
- import { html } from "lit-html";
2
- import { buttonTemplate } from "../button/button.template";
3
- import { contextTemplate } from "../context/context.template";
4
- import { labelGroupTemplate } from "../label-group/label-group.template";
5
- export function viewerGridFilterblok({ title, address, activeFilters, onAllOptions, }) {
6
- return html `
7
- <section class="dso-filterblok">
8
- <div class="dso-highlight-box">
9
- ${contextTemplate({
10
- type: "label",
11
- label: title,
12
- content: buttonTemplate({
13
- onClick: onAllOptions,
14
- variant: "tertiary",
15
- label: "Alle opties",
16
- icon: {
17
- icon: "pencil",
18
- },
19
- }),
20
- children: html `
21
- <p class="dso-filterblok-address">${address}</p>
22
- ${labelGroupTemplate({ labels: activeFilters })}
23
- `,
24
- })}
25
- </div>
26
- </section>
27
- `;
28
- }
@@ -1,31 +0,0 @@
1
- import { html } from "lit-html";
2
- import { ifDefined } from 'lit-html/directives/if-defined.js';
3
- export function viewerGridTemplate({ filterpanel, main, map, overlay, noOverlay, filterpanelOpen, overlayOpen, initialMainSize, mainSizeChange, filterpanelApply, filterpanelCancel, closeOverlay, }) {
4
- return noOverlay
5
- ? html `
6
- <dso-viewer-grid
7
- ?overlay-open=${overlayOpen}
8
- initial-main-size=${ifDefined(initialMainSize)}
9
- @closeOverlay=${closeOverlay}
10
- >
11
- <div slot="main">${main}</div>
12
- <div slot="map">${map}</div>
13
- </dso-viewer-grid>
14
- `
15
- : html `
16
- <dso-viewer-grid
17
- ?filterpanel-open=${filterpanelOpen}
18
- ?overlay-open=${overlayOpen}
19
- initial-main-size=${ifDefined(initialMainSize)}
20
- @mainSizeChange=${mainSizeChange}
21
- @closeOverlay=${closeOverlay}
22
- @filterpanelApply=${filterpanelApply}
23
- @filterpanelCancel=${filterpanelCancel}
24
- >
25
- <div slot="filterpanel">${filterpanel}</div>
26
- <div slot="main">${main}</div>
27
- <div slot="map">${map}</div>
28
- <div slot="overlay">${overlay}</div>
29
- </dso-viewer-grid>
30
- `;
31
- }
@@ -1 +0,0 @@
1
- import{r as e,c as o,h as i}from"./p-c62606a3.js";let t=class{constructor(i){e(this,i),this.toggleOverlay=o(this,"toggleOverlay",7),this.selectableRefs={}}overlayChangeHandler(e,o){const i=o.detail.target instanceof HTMLInputElement&&!!o.detail.target.checked;this.toggleOverlay.emit({overlay:e,checked:i})}componentDidRender(){this.overlays.filter((e=>{var o,i;return!e.disabled&&!0===(null===(i=null===(o=this.previousOverlays)||void 0===o?void 0:o.find((o=>o.id===e.id)))||void 0===i?void 0:i.disabled)})).forEach((e=>{var o;null===(o=this.selectableRefs[e.id])||void 0===o||o.toggleInfo(!1)})),this.previousOverlays=this.overlays}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return i("fieldset",{class:"form-group dso-checkboxes"},i("legend",{class:"sr-only"},"Kaartlagen"),i("div",{class:"dso-label-container"},i("span",{class:"control-label","aria-hidden":"true"},"Kaartlagen")),i("div",{class:"dso-field-container"},this.overlays.map((e=>i("dso-selectable",{key:e.id,type:"checkbox",value:e.name,checked:e.checked,disabled:e.disabled,ref:o=>this.selectableRefs[e.id]=o,onDsoChange:o=>this.overlayChangeHandler(e,o)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}};t.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}p[slot=info]{margin:0}";export{t as dso_map_overlays}
@@ -1 +0,0 @@
1
- import{r as e,c as i,h as s}from"./p-c62606a3.js";let o=class{constructor(s){e(this,s),this.baseLayerChange=i(this,"baseLayerChange",7),this.selectableRefs={}}baseLayerChangeHandler(e){this.baseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>{var i,s;return!e.disabled&&!0===(null===(s=null===(i=this.previousBaselayers)||void 0===i?void 0:i.find((i=>i.id===e.id)))||void 0===s?void 0:s.disabled)})).forEach((e=>{var i;null===(i=this.selectableRefs[e.id])||void 0===i||i.toggleInfo(!1)})),this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs)delete this.selectableRefs[e];return s("fieldset",{class:"form-group dso-radios"},s("legend",{class:"sr-only"},"Achtergrond"),s("div",{class:"dso-label-container"},s("span",{class:"control-label","aria-hidden":"true"},"Achtergrond")),s("div",{class:"dso-field-container"},this.baseLayers.map((e=>s("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,ref:i=>this.selectableRefs[e.id]=i,onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?s("p",{slot:"info"},e.info):null)))))}};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}p[slot=info]{margin:0}";export{o as dso_map_base_layers}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as o,F as i,f as s,g as r}from"./p-c62606a3.js";import{c as n}from"./p-7b37bd52.js";let a=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))}};a.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}:host{--di-times-grijs90:url(\"data:image/svg+xml,%3csvg id='times' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%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:24px;vertical-align:top;width:24px;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 l=class{constructor(o){t(this,o),this.change=e(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=n("DsoSelectable")}async toggleInfo(t){this.infoActive=null!=t?t:!this.infoActive}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 r(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};l.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:100;zoom:1}@media (prefers-contrast: more){:host input[type=checkbox],:host input[type=radio]{opacity: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{a as dso_info,l as dso_selectable}
@@ -1 +0,0 @@
1
- import{r as o,c as n,h as d,F as e,g as i}from"./p-c62606a3.js";import{c as t}from"./p-4070c1e5.js";import{d as s}from"./p-1805f5b0.js";let r=class{constructor(e){o(this,e),this.menuItemClick=n(this,"menuItemClick",7),this.mainMenu=[],this.useDropDownMenu="auto",this.showDropDown=!1,this.isLoggedIn=!1,this.hasSubLogo=!1,this.overflowMenuItems=0,this.onWindowResize=s((()=>{this.setDropDownMenu(),this.setOverflowMenu()}),100),this.MenuItem=o=>d("li",{class:o.active?"dso-active":void 0},d("a",{href:o.url,"aria-current":o.active?"page":void 0,onClick:n=>{n.preventDefault(),this.menuItemClick.emit({originalEvent:n,menuItem:o})}},o.label))}watchUseDropDownMenu(o){"auto"!==o?this.showDropDown="always"===o:this.setDropDownMenu()}componentWillLoad(){this.hasSubLogo=null!==this.host.querySelector("*[slot = 'sub-logo']")}shrinkMenuToFit(){this.wrapper&&this.nav&&(this.wrapper.clientWidth>=this.nav.clientWidth||this.overflowMenuItems>=this.mainMenu.length||this.overflowMenuItems++)}componentDidRender(){this.showDropDown||window.setTimeout((()=>this.shrinkMenuToFit()),0)}setOverflowMenu(){this.showDropDown||(0==this.overflowMenuItems?this.shrinkMenuToFit():this.overflowMenuItems=0)}setDropDownMenu(){"auto"===this.useDropDownMenu&&(this.showDropDown=window.innerWidth<992)}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){return d(e,null,d("div",{class:t("dso-header",{"use-drop-down":this.showDropDown,"has-sub-logo":this.hasSubLogo}),ref:o=>this.wrapper=o},d("div",{class:"logo-container"},d("div",{class:"logo"},d("slot",{name:"logo"})),d("div",{class:"sub-logo"},d("slot",{name:"sub-logo"}))),this.showDropDown&&this.mainMenu.length>0&&d("div",{class:"dropdown"},d("dso-dropdown-menu",{"dropdown-align":"right"},d("button",{type:"button",class:"tertiary",slot:"toggle"},d("span",null,"Menu")),d("div",{class:"dso-dropdown-options"},d("dso-dropdown-options",null,d("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&d("li",null,d("a",{href:this.userHomeUrl},"Mijn Omgevingsloket")),this.loginUrl&&!this.isLoggedIn&&d("li",null,d("a",{href:this.loginUrl},"Inloggen")),this.userProfileUrl&&this.userProfileName&&this.isLoggedIn&&d("li",null,d("a",{href:this.userProfileUrl},this.userProfileName,d("span",{class:"profile-label"},"- Mijn profiel"))),this.logoutUrl&&this.isLoggedIn&&d("li",null,d("a",{href:this.logoutUrl},"Uitloggen"))))))),!this.showDropDown&&this.mainMenu.length>0&&d(e,null,d("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&this.isLoggedIn&&d("div",{class:"profile"},d("span",{class:"profile-label"},"Welkom:"),d("a",{href:this.userProfileUrl},this.userProfileName)),this.loginUrl&&!this.isLoggedIn&&d("div",{class:"login"},d("a",{href:this.loginUrl},"Inloggen")),this.logoutUrl&&this.isLoggedIn&&d("div",{class:"logout"},d("a",{href:this.logoutUrl},"Uitloggen"))),d("nav",{class:"dso-navbar"},d("ul",{class:"dso-nav dso-nav-main",ref:o=>this.nav=o},this.mainMenu.filter(((o,n)=>n<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&d("li",null,d("dso-dropdown-menu",{"dropdown-align":"left"},d("button",{type:"button",class:"tertiary",slot:"toggle"},d("span",null,"Meer")),d("div",{class:"dso-dropdown-options"},d("dso-dropdown-options",null,d("ul",null,this.mainMenu.filter(((o,n)=>n>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem)))))),this.userHomeUrl&&d("li",{class:"menu-user-home"},d("a",{href:this.userHomeUrl},d("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return i(this)}static get watchers(){return{useDropDownMenu:["watchUseDropDownMenu"]}}};r.style=":host{--di-chevron-down-bosgroen:url(\"data:image/svg+xml,%3csvg id='chevron-down' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23275937%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-bosgroen:url(\"data:image/svg+xml,%3csvg id='chevron-up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23275937%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:block}.dso-header{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;padding:0 16px;position:relative}@media screen and (min-width: 768px){.dso-header{align-items:center}}@media screen and (max-width: 991px){.dso-header.use-drop-down{flex-wrap:nowrap}}.logo-container{display:flex;flex-wrap:wrap;padding-bottom:16px;padding-top:16px}@media screen and (max-width: 767px){.logo-container{max-width:200px}}.logo-container+.dropdown dso-dropdown-menu{position:static}@media screen and (min-width: 768px){.sub-logo{margin-left:24px}}@media screen and (max-width: 767px){.sub-logo{flex-basis:100%}}.login,.logout{margin-right:16px}.profile a,.logout a,.login a{text-decoration:none;color:#39870c;font-weight:600}.profile a:hover,.profile a:focus,.logout a:hover,.logout a:focus,.login a:hover,.login a:focus{text-decoration:none}.profile a:active,.logout a:active,.login a:active{text-decoration:underline}.dso-header-session{display:flex;margin-left:auto}.dso-header-session .profile a{margin-left:8px}.dso-header-session .profile+.logout{border-left:3px solid #ccc;margin-left:16px;padding-left:16px}.dso-navbar{flex-basis:100%}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn::after{content:\"\";display:inline-block;margin-left:8px}dso-dropdown-menu>.dso-primary::after,dso-dropdown-menu>.btn-primary::after{background:var(--dso-icon, var(--di-chevron-down-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary::after,dso-dropdown-menu>.btn-default::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-dropdown-menu>.dso-secondary:hover::after,dso-dropdown-menu>.btn-default:hover::after{--dso-icon:var(--di-chevron-down-wit)}dso-dropdown-menu>.dso-tertiary::after,dso-dropdown-menu>.btn-link::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;position:relative;top:-2px}dso-dropdown-menu>.dso-tertiary:hover::after,dso-dropdown-menu>.btn-link:hover::after{--dso-icon:var(--di-chevron-down-scampi)}dso-dropdown-menu .dso-group-label{color:#999;font-size:0.875em;font-weight:400;margin:0;padding:4px 20px 2px;text-transform:uppercase}dso-dropdown-menu ul{margin:0;padding:0}dso-dropdown-menu ul:not(:last-child){border-bottom:1px solid #e5e5e5;margin-bottom:11px;padding-bottom:11px}dso-dropdown-menu .dso-dropdown-options{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.15);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:16px;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:220}dso-dropdown-menu .dso-dropdown-options li{list-style:none}dso-dropdown-menu .dso-dropdown-options li a:visited{color:#191919}dso-dropdown-menu .dso-dropdown-options li a,dso-dropdown-menu .dso-dropdown-options li button{text-decoration:none;clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding:3px 20px;text-decoration:none;white-space:nowrap}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li a:active,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus,dso-dropdown-menu .dso-dropdown-options li button:active{text-decoration:underline}dso-dropdown-menu .dso-dropdown-options li a:hover,dso-dropdown-menu .dso-dropdown-options li a:focus,dso-dropdown-menu .dso-dropdown-options li button:hover,dso-dropdown-menu .dso-dropdown-options li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}dso-dropdown-menu .dso-dropdown-options li button{background-color:transparent;border:0;border-radius:0;text-align:inherit;width:100%}dso-dropdown-menu[dropdown-align=right] .dso-dropdown-options{right:0}dso-dropdown-menu[open]>.dso-primary::after,dso-dropdown-menu[open]>.btn-primary::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-secondary::after,dso-dropdown-menu[open]>.btn-default::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-secondary:hover::after,dso-dropdown-menu[open]>.btn-default:hover::after{--dso-icon:var(--di-chevron-up-wit)}dso-dropdown-menu[open]>.dso-tertiary::after,dso-dropdown-menu[open]>.btn-link::after{--dso-icon:var(--di-chevron-up)}dso-dropdown-menu[open]>.dso-tertiary:hover::after,dso-dropdown-menu[open]>.btn-link:hover::after{--dso-icon:var(--di-chevron-up-scampi)}dso-dropdown-menu[open] button::after{background:var(--dso-icon, var(--di-chevron-up-bosgroen)) no-repeat;background-position:center;background-size:cover;height:1.2em;vertical-align:top;width:1.2em}dso-dropdown-menu[checkable] .dso-group-label{padding-left:40px}dso-dropdown-menu[checkable] li a,dso-dropdown-menu[checkable] li button{padding-left:40px}dso-dropdown-menu[checkable] li.dso-checked a:not(:focus),dso-dropdown-menu[checkable] li.dso-checked button:not(:focus){background-color:#39870c;border-color:#39870c;color:#fff}dso-dropdown-menu[checkable] li.dso-checked a::before,dso-dropdown-menu[checkable] li.dso-checked button::before{background:var(--dso-icon, var(--di-check-wit)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;content:\"\";display:block;float:left;margin-left:-32px;margin-right:8px}dso-dropdown-menu button{align-items:flex-end;background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;padding-right:32px}dso-dropdown-menu button::after{background:var(--dso-icon, var(--di-chevron-down-bosgroen)) no-repeat;background-position:center;background-size:cover;height:1.2em;vertical-align:top;width:1.2em;content:\"\";display:inline-block;margin-left:8px;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media screen and (max-width: 767px){dso-dropdown-menu{top:12px}}dso-dropdown-menu .dso-dropdown-options{border:0;border-radius:0}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul{width:320px}@media screen and (max-width: 991px){dso-dropdown-menu .dso-dropdown-options dso-dropdown-options ul{width:100%}}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a{color:#275937;font-size:1.25rem;padding:16px}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li a:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li.dso-active a{font-weight:600}dso-dropdown-menu .dso-dropdown-options dso-dropdown-options li+li{border-top:1px solid #ccc}.dropdown{margin-left:auto}@media screen and (max-width: 767px){.dropdown dso-dropdown-menu{margin-top:28px}}.dropdown dso-dropdown-menu .dso-dropdown-options{left:0;right:0;top:100%}.dropdown dso-dropdown-menu[open] button::after{background:var(--dso-icon, var(--di-chevron-up)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.dropdown dso-dropdown-menu button{color:#39870c;font-size:16px;font-weight:600;position:relative}.dropdown dso-dropdown-menu button:hover,.dropdown dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown dso-dropdown-menu button::after{background:var(--dso-icon, var(--di-chevron-down)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dso-nav>li{margin-bottom:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-bottom:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-bottom:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main>li>a{text-decoration:none;font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;white-space:nowrap}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu .dso-dropdown-options{top:calc(100% + 3px)}.dso-nav.dso-nav-main dso-dropdown-menu button{font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;align-items:center;color:#275937;padding-right:32px}.dso-nav.dso-nav-main dso-dropdown-menu button:hover,.dso-nav.dso-nav-main dso-dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main dso-dropdown-menu button::after{top:auto;transform:none}.dso-nav.dso-nav-sub>li{display:inline-block}.dso-nav.dso-nav-sub>li>a{text-decoration:none;font-size:16px;margin-top:4px;padding:4px 8px 3px}.dso-nav.dso-nav-sub>li>a:hover,.dso-nav.dso-nav-sub>li>a:focus,.dso-nav.dso-nav-sub>li>a:active{text-decoration:underline}.dso-nav .menu-user-home{margin-left:auto}.dso-nav .menu-user-home dso-icon{height:1em;margin-right:8px;position:relative;top:-2px;width:1.2em}";export{r as dso_header}
@@ -1,3 +0,0 @@
1
- import { ViewerGridDocumentHeader } from "@dso-toolkit/sources";
2
- import { TemplateResult } from "lit-html";
3
- export declare function viewerGridDocumentHeaderTemplate({ title, type, features, featuresAction, mapAction, featuresOpen, owner, status, }: ViewerGridDocumentHeader<TemplateResult>): TemplateResult<1>;
@@ -1,3 +0,0 @@
1
- import { ViewerGridDocumentListItem } from "@dso-toolkit/sources";
2
- import { TemplateResult } from "lit-html";
3
- export declare function viewerGridDocumentListItem({ title, type, owner, status, }: ViewerGridDocumentListItem<TemplateResult>): TemplateResult<1>;
@@ -1,3 +0,0 @@
1
- import { ViewerGridFilterblok } from "@dso-toolkit/sources";
2
- import { TemplateResult } from "lit-html";
3
- export declare function viewerGridFilterblok({ title, address, activeFilters, onAllOptions, }: ViewerGridFilterblok<TemplateResult>): TemplateResult<1>;
@@ -1,3 +0,0 @@
1
- import { ViewerGrid } from "@dso-toolkit/sources";
2
- import { TemplateResult } from "lit-html";
3
- export declare function viewerGridTemplate({ filterpanel, main, map, overlay, noOverlay, filterpanelOpen, overlayOpen, initialMainSize, mainSizeChange, filterpanelApply, filterpanelCancel, closeOverlay, }: ViewerGrid<TemplateResult>): TemplateResult<1>;