@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.
- package/dist/cjs/dso-badge.cjs.entry.js +1 -1
- package/dist/cjs/dso-header.cjs.entry.js +3 -2
- package/dist/cjs/dso-info_2.cjs.entry.js +2 -2
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +3 -1
- package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-overlays.cjs.entry.js +3 -1
- package/dist/cjs/dso-responsive-element.cjs.entry.js +44 -0
- package/dist/cjs/dso-toolkit.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/badge/badge.css +1 -1
- package/dist/collection/components/header/header.js +21 -2
- package/dist/collection/components/image-overlay/image-overlay.template.js +1 -1
- package/dist/collection/components/map-base-layers/map-base-layers.js +21 -1
- package/dist/collection/components/map-controls/map-controls.css +1 -1
- package/dist/collection/components/map-overlays/map-overlays.js +21 -1
- package/dist/collection/components/responsive-element/responsive-element.css +3 -0
- package/dist/collection/components/responsive-element/responsive-element.js +46 -0
- package/dist/collection/components/responsive-element/responsive-element.template.js +8 -0
- package/dist/collection/components/selectable/selectable.js +5 -4
- package/dist/collection/components/viewer-grid/example-pages/viewer-grid-document-header.example-template.js +22 -0
- package/dist/collection/components/viewer-grid/example-pages/viewer-grid-document-list.example-template.js +12 -0
- package/dist/collection/components/viewer-grid/example-pages/viewer-grid-filterblok.example-template.js +60 -0
- package/dist/collection/components/viewer-grid/example-pages/viewer-grid-tiles.example-template.js +17 -0
- package/dist/collection/components/viewer-grid/templates/viewer-grid.template.js +20 -0
- package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +56 -13
- package/dist/dso-toolkit/dso-toolkit.css +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/p-02272301.entry.js +1 -0
- package/dist/dso-toolkit/p-09b53589.entry.js +1 -0
- package/dist/dso-toolkit/p-202bd676.entry.js +1 -0
- package/dist/dso-toolkit/p-336bf5b9.entry.js +1 -0
- package/dist/dso-toolkit/p-3ad06d9d.entry.js +1 -0
- package/dist/dso-toolkit/{p-6ec616ee.entry.js → p-60679db4.entry.js} +1 -1
- package/dist/dso-toolkit/{p-1894c7ae.entry.js → p-7796687c.entry.js} +1 -1
- package/dist/esm/dso-badge.entry.js +1 -1
- package/dist/esm/dso-header.entry.js +3 -2
- package/dist/esm/dso-info_2.entry.js +2 -2
- package/dist/esm/dso-map-base-layers.entry.js +3 -1
- package/dist/esm/dso-map-controls.entry.js +1 -1
- package/dist/esm/dso-map-overlays.entry.js +3 -1
- package/dist/esm/dso-responsive-element.entry.js +40 -0
- package/dist/esm/dso-toolkit.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/header/header.d.ts +7 -0
- package/dist/types/components/map-base-layers/map-base-layers.d.ts +1 -0
- package/dist/types/components/map-overlays/map-overlays.d.ts +1 -0
- package/dist/types/components/responsive-element/responsive-element.d.ts +10 -0
- package/dist/types/components/responsive-element/responsive-element.template.d.ts +3 -0
- package/dist/types/components/viewer-grid/example-pages/viewer-grid-document-header.example-template.d.ts +2 -0
- package/dist/types/components/viewer-grid/example-pages/viewer-grid-document-list.example-template.d.ts +2 -0
- package/dist/types/components/viewer-grid/example-pages/viewer-grid-filterblok.example-template.d.ts +1 -0
- package/dist/types/components/viewer-grid/example-pages/viewer-grid-tiles.example-template.d.ts +2 -0
- package/dist/types/components/viewer-grid/templates/viewer-grid.template.d.ts +3 -0
- package/dist/types/components/viewer-grid/viewer-grid.d.ts +1 -2
- package/dist/types/components.d.ts +23 -2
- package/package.json +10 -10
- package/dist/collection/components/viewer-grid/viewer-grid-document-header.template.js +0 -39
- package/dist/collection/components/viewer-grid/viewer-grid-document-list-item.template.js +0 -19
- package/dist/collection/components/viewer-grid/viewer-grid-filterblok.template.js +0 -28
- package/dist/collection/components/viewer-grid/viewer-grid.template.js +0 -31
- package/dist/dso-toolkit/p-746d70f9.entry.js +0 -1
- package/dist/dso-toolkit/p-8bb8148f.entry.js +0 -1
- package/dist/dso-toolkit/p-c32860a3.entry.js +0 -1
- package/dist/dso-toolkit/p-d76c1151.entry.js +0 -1
- package/dist/types/components/viewer-grid/viewer-grid-document-header.template.d.ts +0 -3
- package/dist/types/components/viewer-grid/viewer-grid-document-list-item.template.d.ts +0 -3
- package/dist/types/components/viewer-grid/viewer-grid-filterblok.template.d.ts +0 -3
- 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 { 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>;
|