npm - @dso-toolkit/core - Versions diffs - 38.0.0 → 39.0.0 - Mend

@dso-toolkit/core 38.0.0 → 39.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 (59) hide show

package/dist/dso-toolkit/dso-toolkit.css CHANGED Viewed

	@@ -1 +1 @@
1	- @media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}dso-alert>.dso-rich-content :first-child{margin-top:0}dso-alert>.dso-rich-content :last-child{margin-bottom:0}dso-alert>.dso-rich-content h1,dso-alert>.dso-rich-content h2,dso-alert>.dso-rich-content h3,dso-alert>.dso-rich-content h4,dso-alert>.dso-rich-content h5,dso-alert>.dso-rich-content h6,dso-alert>.dso-rich-content .h1,dso-alert>.dso-rich-content .h2,dso-alert>.dso-rich-content .h3,dso-alert>.dso-rich-content .h4,dso-alert>.dso-rich-content .h5,dso-alert>.dso-rich-content .h6{color:#000;font-size:1em;line-height:1.5;margin-bottom:8px;margin-top:8px}dso-alert>.dso-rich-content .btn,dso-alert>.dso-rich-content .dso-primary,dso-alert>.dso-rich-content .dso-secondary,dso-alert>.dso-rich-content .dso-tertiary{background-color:rgba(25, 25, 25, 0.05);border-radius:4px;border:1px solid transparent;padding:6px 12px}dso-alert>.dso-rich-content .btn:hover,dso-alert>.dso-rich-content .btn:active,dso-alert>.dso-rich-content .dso-primary:hover,dso-alert>.dso-rich-content .dso-primary:active,dso-alert>.dso-rich-content .dso-secondary:hover,dso-alert>.dso-rich-content .dso-secondary:active,dso-alert>.dso-rich-content .dso-tertiary:hover,dso-alert>.dso-rich-content .dso-tertiary:active{background-color:rgba(25, 25, 25, 0.2);color:#000}dso-alert a,dso-alert a:not(.btn):visited{color:#191919}dso-alert a:hover,dso-alert a:focus,dso-alert a:active,dso-alert a:visited{color:#191919}dso-alert a:active{text-decoration:none}dso-alert a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-alert a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a{text-decoration:underline}dso-banner a,dso-banner a:hover,dso-banner a:focus,dso-banner a:active,dso-banner a:visited{color:#191919}dso-banner a:active{text-decoration:none}dso-banner a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner .row>div{line-height:24px;position:relative}dso-banner .row>div button{position:absolute;right:16px;top:0}dso-banner .row>div button dso-icon,dso-banner .row>div button svg.di{color:#000}@media screen and (min-width: 481px){dso-banner .row>div{padding-left:48px}}@media screen and (max-width: 480px){dso-banner .row>div{padding-top:39px}}dso-banner .row>div::before{content:"";display:inline-block;left:16px;position:absolute;top:0}dso-banner .row>div>.dso-rich-content{padding-right:24px}dso-banner .row>div>.dso-rich-content h1,dso-banner .row>div>.dso-rich-content h2,dso-banner .row>div>.dso-rich-content h3,dso-banner .row>div>.dso-rich-content h4,dso-banner .row>div>.dso-rich-content h5,dso-banner .row>div>.dso-rich-content h6{color:#000;font-size:1rem;line-height:1.5;margin-bottom:0}dso-banner .row>div>.dso-rich-content h1+p,dso-banner .row>div>.dso-rich-content h2+p,dso-banner .row>div>.dso-rich-content h3+p,dso-banner .row>div>.dso-rich-content h4+p,dso-banner .row>div>.dso-rich-content h5+p,dso-banner .row>div>.dso-rich-content h6+p{display:inline}dso-banner .row>div>.dso-rich-content h1+p+,dso-banner .row>div>.dso-rich-content h2+p+,dso-banner .row>div>.dso-rich-content h3+p+,dso-banner .row>div>.dso-rich-content h4+p+,dso-banner .row>div>.dso-rich-content h5+p+,dso-banner .row>div>.dso-rich-content h6+p+{margin-top:16px}dso-banner .row>div>.dso-rich-content>h2:first-child{float:left;margin-right:8px}dso-banner .row>div>.dso-rich-content :first-child{margin-top:0}dso-banner .row>div>.dso-rich-content :last-child{margin-bottom:0}@media screen and (max-width: 480px){dso-banner .row>div>.dso-rich-content{padding-right:0}}dso-banner[status=danger]{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}dso-banner[status=danger] .row>div::before{background:var(--dso-icon, var(--di-status-danger)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner[status=warning]{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}dso-banner[status=warning] .row>div::before{background:var(--dso-icon, var(--di-status-warning)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}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[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-highlight-box>.dso-rich-content :first-child{margin-top:0}dso-highlight-box>:last-child{margin-bottom:0}dso-highlight-box .dso-tertiary:not([disabled]):hover,dso-highlight-box .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box .btn-link:not([disabled]):hover,dso-highlight-box .btn-link:not([disabled]):hover dso-icon,dso-highlight-box .btn-link:not([disabled]):hover svg.di{text-decoration:underline}dso-highlight-box.dso-has-counter{padding-top:40px;position:relative}dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25em;font-weight:500;height:32px;left:16px;line-height:32px;position:absolute;text-align:center;top:-24px;width:32px}dso-highlight-box dso-icon{vertical-align:text-top}dso-highlight-box[yellow],dso-highlight-box:not([border]):not([white]){--di-chevron-right-grijs90:url("data:image/svg+xml,%3csvg id='chevron-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M9%2c19a.93.93%2c0%2c0%2c1-.67-.29%2c1%2c1%2c0%2c0%2c1%2c0-1.42l5-5.29-5-5.29a1%2c1%2c0%2c0%2c1%2c0-1.42.93.93%2c0%2c0%2c1%2c1.35%2c0L16%2c12%2c9.62%2c18.71A.93.93%2c0%2c0%2c1%2c9%2c19Z'/%3e %3c/svg%3e")}dso-highlight-box[yellow] .dso-tertiary:not([disabled]),dso-highlight-box[yellow] .btn-link:not([disabled]),dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]),dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]){color:#191919}dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):hover,dso-highlight-box[yellow] .btn-link:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):hover svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):focus,dso-highlight-box[yellow] .btn-link:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus svg.di{color:#666}dso-highlight-box[yellow] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box[yellow] a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary){color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list li{margin-bottom:16px}dso-highlight-box:not([border]):not([white]) .dso-link-list li:last-child{margin-bottom:0}dso-highlight-box:not([border]):not([white]) .dso-link-list a{text-decoration:none;color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{text-decoration:underline}dso-highlight-box:not([border]):not([white]) .dso-link-list a::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover::before{background:var(--dso-icon, var(--di-chevron-right-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{color:#191919;text-decoration:none}dso-highlight-box:not([border]):not([white]) .dso-link-list a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-info .dso-rich-content :first-child{margin-top:0}dso-info .dso-rich-content img{display:block;margin:8px auto;max-width:100%}dso-info .dso-rich-content a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-info .dso-rich-content a:hover,dso-info .dso-rich-content a:focus,dso-info .dso-rich-content a:active,dso-info .dso-rich-content a:visited{color:#191919}dso-info .dso-rich-content a:active{text-decoration:none}dso-info .dso-rich-content .dso-tertiary:not([disabled]),dso-info .dso-rich-content .btn-link:not([disabled]){color:#000}dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover svg.di,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):hover,dso-info .dso-rich-content .btn-link:not([disabled]):hover dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):hover svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):focus,dso-info .dso-rich-content .btn-link:not([disabled]):focus dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-label span[slot=symbol]{background-color:#fff;display:block;float:left;height:20px;margin-top:2px;margin-right:8px;width:24px;overflow:hidden;position:relative}dso-label span[slot=symbol]>span{display:block;position:absolute;top:0;bottom:0;left:0;right:0}dso-map-controls>+{margin-top:32px}dso-selectable .dso-rich-content[slot=info] :first-child{margin-top:0}dso-selectable .dso-rich-content[slot=info] img{display:block;margin:8px auto;max-width:100%}dso-selectable .dso-rich-content[slot=info] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-selectable .dso-rich-content[slot=info] a:hover,dso-selectable .dso-rich-content[slot=info] a:focus,dso-selectable .dso-rich-content[slot=info] a:active,dso-selectable .dso-rich-content[slot=info] a:visited{color:#191919}dso-selectable .dso-rich-content[slot=info] a:active{text-decoration:none}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]),dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]){color:#000}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-viewer-grid .dso-filterblok{margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-filterblok .dso-filterblok-address{font-weight:bold;margin:8px 0}@media screen and (max-width: 480px){dso-viewer-grid .dso-filterblok .dso-context-wrapper .dso-context-container{flex-basis:auto}}dso-viewer-grid .dso-document-header{background-color:#f2f2f2;padding:16px;margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-document-header a{color:#000}dso-viewer-grid .dso-document-header>:first-child{margin:0}dso-viewer-grid[small] .dso-tile-grid{grid-template-columns:repeat(2, 1fr)}dso-viewer-grid[small] dl.dso-document-header-features dt{clear:initial;float:none;width:auto;word-wrap:initial}dso-viewer-grid[small] dl.dso-document-header-features dd{margin-left:0;padding-left:0}dso-viewer-grid[small] .dso-document-list-item-container::before,dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::before,dso-viewer-grid[small] .dso-document-header-container::after{display:table;content:" "}dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::after{clear:both}dso-viewer-grid[small] .dso-document-list-item-open-document,dso-viewer-grid[small] .dso-document-header-toggle-features{float:right}dso-viewer-grid[small] .dso-document-header-type,dso-viewer-grid[small] .dso-document-header-owner{display:block}dso-viewer-grid[small] .dso-document-header-type{margin-right:32px}dso-viewer-grid[small] .dso-document-header-status,dso-viewer-grid[small] .dso-document-list-item-status{margin:0 0 8px 0}dso-viewer-grid[medium] .dso-tile-grid{grid-template-columns:repeat(4, 1fr)}dso-viewer-grid[large] .dso-tile-grid{grid-template-columns:repeat(5, 1fr)}dso-viewer-grid:not([small]) .dso-document-header-status,dso-viewer-grid:not([small]) .dso-document-list-item-status{margin:0}dso-viewer-grid:not([small]) .dso-document-header-container{padding-right:32px}dso-viewer-grid:not([small]) .dso-document-header-type{margin-right:8px}dso-viewer-grid:not([small]) dl.dso-document-header-features dt{width:20%}dso-viewer-grid:not([small]) dl.dso-document-header-features dd{margin-left:20%}dso-viewer-grid:not([small]) .dso-document-list-item-open-document,dso-viewer-grid:not([small]) .dso-document-header-toggle-features{position:absolute;right:0;bottom:0}dso-viewer-grid .dso-document-list{padding-left:0;list-style:none;margin:0 -16px 0 -16px}dso-viewer-grid .dso-document-list-item{background-color:#f2f2f2;padding:16px}dso-viewer-grid .dso-document-list-item a{color:#000}dso-viewer-grid .dso-document-list-item>:first-child{margin:0}dso-viewer-grid .dso-document-list-item-container,dso-viewer-grid .dso-document-header-container{position:relative}dso-viewer-grid .dso-document-list-item-type,dso-viewer-grid .dso-document-list-item-owner,dso-viewer-grid .dso-document-header-type,dso-viewer-grid .dso-document-header-owner{margin:0 0 8px 0;display:inline-block}dso-viewer-grid .dso-document-list-item-status dso-badge,dso-viewer-grid .dso-document-list-item-status .dso-badge,dso-viewer-grid .dso-document-header-status dso-badge,dso-viewer-grid .dso-document-header-status .dso-badge{margin-right:8px}dso-viewer-grid .dso-document-header-map-action,dso-viewer-grid .dso-document-header-toggle-features{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;color:#000;font-weight:normal}dso-viewer-grid .dso-document-header-map-action:focus,dso-viewer-grid .dso-document-header-map-action:focus-visible,dso-viewer-grid .dso-document-header-toggle-features:focus,dso-viewer-grid .dso-document-header-toggle-features:focus-visible{outline-offset:2px}dso-viewer-grid .dso-document-header-map-action:active,dso-viewer-grid .dso-document-header-toggle-features:active{outline:0}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}dso-viewer-grid .dso-document-header-map-action[disabled],dso-viewer-grid .dso-document-header-toggle-features[disabled]{color:#afcf9d}dso-viewer-grid .dso-document-header-map-action:not([disabled]):hover,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):hover{color:#676cb0;text-decoration:underline}dso-viewer-grid .dso-document-header-map-action:not([disabled]):active,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):active{color:#676cb0}dso-viewer-grid .dso-document-header-map-action.btn-align,dso-viewer-grid .dso-document-header-toggle-features.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{position:relative;top:-2px}dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.download[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.extern[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}dso-viewer-grid .dso-document-header-map-action dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+svg.di,dso-viewer-grid .dso-document-header-toggle-features dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+svg.di{margin-left:8px}dso-viewer-grid .dso-document-header-map-action dso-icon,dso-viewer-grid .dso-document-header-map-action svg.di,dso-viewer-grid .dso-document-header-map-action span,dso-viewer-grid .dso-document-header-toggle-features dso-icon,dso-viewer-grid .dso-document-header-toggle-features svg.di,dso-viewer-grid .dso-document-header-toggle-features span{vertical-align:middle}dso-viewer-grid .dso-document-header-map-action{position:absolute;top:0;right:0}dso-viewer-grid .dso-document-header-features{margin-top:16px;margin-bottom:0;padding-top:16px;border-top:1px solid #ccc}
1	+ @media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}dso-alert>.dso-rich-content :first-child{margin-top:0}dso-alert>.dso-rich-content :last-child{margin-bottom:0}dso-alert>.dso-rich-content h1,dso-alert>.dso-rich-content h2,dso-alert>.dso-rich-content h3,dso-alert>.dso-rich-content h4,dso-alert>.dso-rich-content h5,dso-alert>.dso-rich-content h6,dso-alert>.dso-rich-content .h1,dso-alert>.dso-rich-content .h2,dso-alert>.dso-rich-content .h3,dso-alert>.dso-rich-content .h4,dso-alert>.dso-rich-content .h5,dso-alert>.dso-rich-content .h6{color:#000;font-size:1em;line-height:1.5;margin-bottom:8px;margin-top:8px}dso-alert>.dso-rich-content .btn,dso-alert>.dso-rich-content .dso-primary,dso-alert>.dso-rich-content .dso-secondary,dso-alert>.dso-rich-content .dso-tertiary{background-color:rgba(25, 25, 25, 0.05);border-radius:4px;border:1px solid transparent;padding:6px 12px}dso-alert>.dso-rich-content .btn:hover,dso-alert>.dso-rich-content .btn:active,dso-alert>.dso-rich-content .dso-primary:hover,dso-alert>.dso-rich-content .dso-primary:active,dso-alert>.dso-rich-content .dso-secondary:hover,dso-alert>.dso-rich-content .dso-secondary:active,dso-alert>.dso-rich-content .dso-tertiary:hover,dso-alert>.dso-rich-content .dso-tertiary:active{background-color:rgba(25, 25, 25, 0.2);color:#000}dso-alert a,dso-alert a:not(.btn):visited{color:#191919}dso-alert a:hover,dso-alert a:focus,dso-alert a:active,dso-alert a:visited{color:#191919}dso-alert a:active{text-decoration:none}dso-alert a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-alert a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a{text-decoration:underline}dso-banner a,dso-banner a:hover,dso-banner a:focus,dso-banner a:active,dso-banner a:visited{color:#191919}dso-banner a:active{text-decoration:none}dso-banner a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner .row>div{line-height:24px;position:relative}dso-banner .row>div button{position:absolute;right:16px;top:0}dso-banner .row>div button dso-icon,dso-banner .row>div button svg.di{color:#000}@media screen and (min-width: 481px){dso-banner .row>div{padding-left:48px}}@media screen and (max-width: 480px){dso-banner .row>div{padding-top:39px}}dso-banner .row>div::before{content:"";display:inline-block;left:16px;position:absolute;top:0}dso-banner .row>div>.dso-rich-content{padding-right:24px}dso-banner .row>div>.dso-rich-content h1,dso-banner .row>div>.dso-rich-content h2,dso-banner .row>div>.dso-rich-content h3,dso-banner .row>div>.dso-rich-content h4,dso-banner .row>div>.dso-rich-content h5,dso-banner .row>div>.dso-rich-content h6{color:#000;font-size:1rem;line-height:1.5;margin-bottom:0}dso-banner .row>div>.dso-rich-content h1+p,dso-banner .row>div>.dso-rich-content h2+p,dso-banner .row>div>.dso-rich-content h3+p,dso-banner .row>div>.dso-rich-content h4+p,dso-banner .row>div>.dso-rich-content h5+p,dso-banner .row>div>.dso-rich-content h6+p{display:inline}dso-banner .row>div>.dso-rich-content h1+p+,dso-banner .row>div>.dso-rich-content h2+p+,dso-banner .row>div>.dso-rich-content h3+p+,dso-banner .row>div>.dso-rich-content h4+p+,dso-banner .row>div>.dso-rich-content h5+p+,dso-banner .row>div>.dso-rich-content h6+p+{margin-top:16px}dso-banner .row>div>.dso-rich-content>h2:first-child{float:left;margin-right:8px}dso-banner .row>div>.dso-rich-content :first-child{margin-top:0}dso-banner .row>div>.dso-rich-content :last-child{margin-bottom:0}@media screen and (max-width: 480px){dso-banner .row>div>.dso-rich-content{padding-right:0}}dso-banner[status=danger]{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}dso-banner[status=danger] .row>div::before{background:var(--dso-icon, var(--di-status-danger)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-banner[status=warning]{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}dso-banner[status=warning] .row>div::before{background:var(--dso-icon, var(--di-status-warning)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}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[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-highlight-box>.dso-rich-content :first-child{margin-top:0}dso-highlight-box>:last-child{margin-bottom:0}dso-highlight-box .dso-tertiary:not([disabled]):hover,dso-highlight-box .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box .btn-link:not([disabled]):hover,dso-highlight-box .btn-link:not([disabled]):hover dso-icon,dso-highlight-box .btn-link:not([disabled]):hover svg.di{text-decoration:underline}dso-highlight-box.dso-has-counter{padding-top:40px;position:relative}dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25em;font-weight:500;height:32px;left:16px;line-height:32px;position:absolute;text-align:center;top:-24px;width:32px}dso-highlight-box dso-icon{vertical-align:text-top}dso-highlight-box[yellow],dso-highlight-box:not([border]):not([white]){--di-chevron-right-grijs90:url("data:image/svg+xml,%3csvg id='chevron-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23191919%3b'%3e %3cpath fill='currentColor' d='M9%2c19a.93.93%2c0%2c0%2c1-.67-.29%2c1%2c1%2c0%2c0%2c1%2c0-1.42l5-5.29-5-5.29a1%2c1%2c0%2c0%2c1%2c0-1.42.93.93%2c0%2c0%2c1%2c1.35%2c0L16%2c12%2c9.62%2c18.71A.93.93%2c0%2c0%2c1%2c9%2c19Z'/%3e %3c/svg%3e")}dso-highlight-box[yellow] .dso-tertiary:not([disabled]),dso-highlight-box[yellow] .btn-link:not([disabled]),dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]),dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]){color:#191919}dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):hover,dso-highlight-box[yellow] .btn-link:not([disabled]):hover dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):hover svg.di,dso-highlight-box[yellow] .btn-link:not([disabled]):focus,dso-highlight-box[yellow] .btn-link:not([disabled]):focus dso-icon,dso-highlight-box[yellow] .btn-link:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .dso-tertiary:not([disabled]):focus svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):hover svg.di,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus dso-icon,dso-highlight-box:not([border]):not([white]) .btn-link:not([disabled]):focus svg.di{color:#666}dso-highlight-box[yellow] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box[yellow] a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-highlight-box:not([border]):not([white]) a:visited:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary){color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list li{margin-bottom:16px}dso-highlight-box:not([border]):not([white]) .dso-link-list li:last-child{margin-bottom:0}dso-highlight-box:not([border]):not([white]) .dso-link-list a{text-decoration:none;color:#191919}dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{text-decoration:underline}dso-highlight-box:not([border]):not([white]) .dso-link-list a::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:active::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:focus::before,dso-highlight-box:not([border]):not([white]) .dso-link-list a:hover::before{background:var(--dso-icon, var(--di-chevron-right-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a:active{color:#191919;text-decoration:none}dso-highlight-box:not([border]):not([white]) .dso-link-list a.download::after{background:var(--dso-icon, var(--di-download-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-highlight-box:not([border]):not([white]) .dso-link-list a.extern::after{background:var(--dso-icon, var(--di-external-link-grijs90)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-info .dso-rich-content :first-child{margin-top:0}dso-info .dso-rich-content img{display:block;margin:8px auto;max-width:100%}dso-info .dso-rich-content a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-info .dso-rich-content a:hover,dso-info .dso-rich-content a:focus,dso-info .dso-rich-content a:active,dso-info .dso-rich-content a:visited{color:#191919}dso-info .dso-rich-content a:active{text-decoration:none}dso-info .dso-rich-content .dso-tertiary:not([disabled]),dso-info .dso-rich-content .btn-link:not([disabled]){color:#000}dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):hover svg.di,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus dso-icon,dso-info .dso-rich-content .dso-tertiary:not([disabled]):focus svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):hover,dso-info .dso-rich-content .btn-link:not([disabled]):hover dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):hover svg.di,dso-info .dso-rich-content .btn-link:not([disabled]):focus,dso-info .dso-rich-content .btn-link:not([disabled]):focus dso-icon,dso-info .dso-rich-content .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-label span[slot=symbol]{background-color:#fff;display:block;float:left;height:20px;margin-top:2px;margin-right:8px;width:24px;overflow:hidden;position:relative}dso-label span[slot=symbol]>span{display:block;position:absolute;top:0;bottom:0;left:0;right:0}dso-map-controls>+{margin-top:32px}dso-selectable .dso-rich-content[slot=info] :first-child{margin-top:0}dso-selectable .dso-rich-content[slot=info] img{display:block;margin:8px auto;max-width:100%}dso-selectable .dso-rich-content[slot=info] a:not(.btn):not(.dso-primary):not(.dso-secondary):not(.dso-tertiary),dso-selectable .dso-rich-content[slot=info] a:hover,dso-selectable .dso-rich-content[slot=info] a:focus,dso-selectable .dso-rich-content[slot=info] a:active,dso-selectable .dso-rich-content[slot=info] a:visited{color:#191919}dso-selectable .dso-rich-content[slot=info] a:active{text-decoration:none}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]),dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]){color:#000}dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):hover svg.di,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus dso-icon,dso-selectable .dso-rich-content[slot=info] .btn-link:not([disabled]):focus svg.di{color:#666;text-decoration:underline}dso-viewer-grid .dso-filterblok{margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-filterblok .dso-filterblok-address{font-weight:bold;margin:8px 0}@media screen and (max-width: 480px){dso-viewer-grid .dso-filterblok .dso-context-wrapper .dso-context-container{flex-basis:auto}}dso-viewer-grid .dso-document-header{background-color:#f2f2f2;padding:16px;margin-left:-16px;margin-right:-16px}dso-viewer-grid .dso-document-header a{color:#000}dso-viewer-grid .dso-document-header>:first-child{margin:0}dso-viewer-grid .dso-document-header .dso-document-header-status .dso-document-header-toggle-status{background-color:transparent;border:0;padding:0}dso-viewer-grid .dso-document-header .dso-document-header-status>dso-label{margin-left:16px;margin-right:8px}dso-viewer-grid[small] .dso-tile-grid{grid-template-columns:repeat(2, 1fr)}dso-viewer-grid[small] dl.dso-document-header-features dt{clear:initial;float:none;width:auto;word-wrap:initial}dso-viewer-grid[small] dl.dso-document-header-features dd{margin-left:0;padding-left:0}dso-viewer-grid[small] .dso-document-list-item-container::before,dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::before,dso-viewer-grid[small] .dso-document-header-container::after{display:table;content:" "}dso-viewer-grid[small] .dso-document-list-item-container::after,dso-viewer-grid[small] .dso-document-header-container::after{clear:both}dso-viewer-grid[small] .dso-document-list-item-open-document{float:right}dso-viewer-grid[small] .dso-document-header-type,dso-viewer-grid[small] .dso-document-header-owner{display:block}dso-viewer-grid[small] .dso-document-header-type{margin-right:32px}dso-viewer-grid[small] .dso-document-header-status,dso-viewer-grid[small] .dso-document-list-item-status{margin:0 0 8px 0}dso-viewer-grid[small] .dso-document-header-features-wrapper{margin-bottom:8px}dso-viewer-grid[medium] .dso-tile-grid{grid-template-columns:repeat(4, 1fr)}dso-viewer-grid[large] .dso-tile-grid{grid-template-columns:repeat(5, 1fr)}dso-viewer-grid:not([small]) .dso-document-list-item-status{margin:0}dso-viewer-grid:not([small]) .dso-document-header-status{margin:8px 0 0}dso-viewer-grid:not([small]) .dso-document-header-type{margin-right:8px}dso-viewer-grid:not([small]) dl.dso-document-header-features dt{width:20%}dso-viewer-grid:not([small]) dl.dso-document-header-features dd{margin-left:20%}dso-viewer-grid:not([small]) .dso-document-list-item-open-document{position:absolute;right:0;bottom:0}dso-viewer-grid .dso-document-list{padding-left:0;list-style:none;margin:0 -16px 0 -16px}dso-viewer-grid .dso-document-list-item{background-color:#f2f2f2;padding:16px}dso-viewer-grid .dso-document-list-item a{color:#000}dso-viewer-grid .dso-document-list-item>:first-child{margin:0}dso-viewer-grid .dso-document-list-item-container,dso-viewer-grid .dso-document-header-container{position:relative}dso-viewer-grid .dso-document-list-item-type,dso-viewer-grid .dso-document-list-item-owner,dso-viewer-grid .dso-document-header-type,dso-viewer-grid .dso-document-header-owner{margin:0 0 8px 0;display:inline-block}dso-viewer-grid .dso-document-list-item-status dso-badge,dso-viewer-grid .dso-document-list-item-status .dso-badge,dso-viewer-grid .dso-document-header-status dso-badge,dso-viewer-grid .dso-document-header-status .dso-badge{margin-right:8px}dso-viewer-grid .dso-document-header-map-action,dso-viewer-grid .dso-document-header-toggle-features{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;color:#000;font-weight:normal}dso-viewer-grid .dso-document-header-map-action:focus,dso-viewer-grid .dso-document-header-map-action:focus-visible,dso-viewer-grid .dso-document-header-toggle-features:focus,dso-viewer-grid .dso-document-header-toggle-features:focus-visible{outline-offset:2px}dso-viewer-grid .dso-document-header-map-action:active,dso-viewer-grid .dso-document-header-toggle-features:active{outline:0}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}dso-viewer-grid .dso-document-header-map-action[disabled],dso-viewer-grid .dso-document-header-toggle-features[disabled]{color:#afcf9d}dso-viewer-grid .dso-document-header-map-action:not([disabled]):hover,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):hover{color:#676cb0;text-decoration:underline}dso-viewer-grid .dso-document-header-map-action:not([disabled]):active,dso-viewer-grid .dso-document-header-toggle-features:not([disabled]):active{color:#676cb0}dso-viewer-grid .dso-document-header-map-action.btn-align,dso-viewer-grid .dso-document-header-toggle-features.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{position:relative;top:-2px}dso-viewer-grid .dso-document-header-map-action.download::after,dso-viewer-grid .dso-document-header-toggle-features.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.download[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.download:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}dso-viewer-grid .dso-document-header-map-action.extern::after,dso-viewer-grid .dso-document-header-toggle-features.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}dso-viewer-grid .dso-document-header-map-action.extern[disabled]::after,dso-viewer-grid .dso-document-header-toggle-features.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-map-action.extern:not([disabled]):active::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):hover::after,dso-viewer-grid .dso-document-header-toggle-features.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}dso-viewer-grid .dso-document-header-map-action dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-map-action span:not(.sr-only)+svg.di,dso-viewer-grid .dso-document-header-toggle-features dso-icon+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features svg.di+span:not(.sr-only),dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+dso-icon,dso-viewer-grid .dso-document-header-toggle-features span:not(.sr-only)+svg.di{margin-left:8px}dso-viewer-grid .dso-document-header-map-action dso-icon,dso-viewer-grid .dso-document-header-map-action svg.di,dso-viewer-grid .dso-document-header-map-action span,dso-viewer-grid .dso-document-header-toggle-features dso-icon,dso-viewer-grid .dso-document-header-toggle-features svg.di,dso-viewer-grid .dso-document-header-toggle-features span{vertical-align:middle}dso-viewer-grid .dso-document-header-map-action{position:absolute;top:0;right:0}dso-viewer-grid .dso-document-header-features{margin-bottom:0;margin-top:16px;border-bottom:1px solid #ccc}

package/dist/dso-toolkit/dso-toolkit.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,b as o}from"./p-c62606a3.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-8bb8148f",[[1,"dso-map-base-layers",{baseLayers:[16]}]]],["p-746d70f9",[[1,"dso-map-overlays",{overlays:[16]}]]],["p-d76c1151",[[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]}]]],["p-14fc5767",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-e01b1657",[[1,"dso-tree-view",{collection:[16]}]]],["p-2f64bded",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32]},[[4,"click","onDocumentClick"]]]]],["p-7abe091d",[[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],visible:[32],setFocus:[64],show:[64],hide:[64]},[[6,"click","handleDocumentClick"]]]]],["p-e1496a15",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]}]]],["p-076400f4",[[1,"dso-image-overlay",{active:[32],focused:[32]}]]],["p-5e614420",[[1,"dso-label",{compact:[4],removable:[4],status:[1],hover:[32]}]]],["p-~~6ec616ee~~",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32]}]]],["p-~~0e535c2b~~",[[1,"dso-viewer-grid",{filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],mainSize:[32]}]]],["p-ea14647b",[[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}]]],["p-5a56d726",[[1,"dso-attachments-counter",{count:[2]}]]],["p-~~1894c7ae~~",[[1,"dso-badge",{status:[1]}]]],["p-d0d279cc",[[1,"dso-banner",{status:[1]}]]],["p-1e92e29d",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-~~723ef97b~~",[[2,"dso-ozon-content",{content:[1],inline:[516],deleted:[516],state:[32]}]]],["p-3cb44a36",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-~~1a3db1cd~~",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],checkable:[4]}]]],["p-150fe323",[[1,"dso-tooltip",{descriptive:[516],position:[1],for:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},[[0,"click","listenClick"]]]]],["p-b86128b3",[[1,"dso-progress-indicator",{label:[1],size:[1],block:[4]}]]],["p-daf049bd",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1]}]]],["p-c32860a3",[[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],toggleInfo:[64]}],[1,"dso-info",{fixed:[516],active:[516]}]]],["p-c0b7f435",[[1,"dso-icon",{icon:[1]}]]]],e)));
1	+ import{p as e,b as o}from"./p-c62606a3.js";(()=>{const o=import.meta.url,i={};return""!==o&&(i.resourcesUrl=new URL(".",o).href),e(i)})().then((e=>o([["p-8bb8148f",[[1,"dso-map-base-layers",{baseLayers:[16]}]]],["p-746d70f9",[[1,"dso-map-overlays",{overlays:[16]}]]],["p-d76c1151",[[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]}]]],["p-14fc5767",[[1,"dso-toggletip",{label:[1],position:[1],small:[4],secondary:[4],active:[32]}]]],["p-e01b1657",[[1,"dso-tree-view",{collection:[16]}]]],["p-2f64bded",[[6,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],suggestOnFocus:[4,"suggest-on-focus"],showSuggestions:[32],selectedSuggestion:[32]},[[4,"click","onDocumentClick"]]]]],["p-7abe091d",[[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],visible:[32],setFocus:[64],show:[64],hide:[64]},[[6,"click","handleDocumentClick"]]]]],["p-e1496a15",[[1,"dso-helpcenter-panel",{label:[1],url:[1],visibility:[32],isOpen:[32],slideState:[32],loadIframe:[32]}]]],["p-076400f4",[[1,"dso-image-overlay",{active:[32],focused:[32]}]]],["p-5e614420",[[1,"dso-label",{compact:[4],removable:[4],status:[1],hover:[32]}]]],["p-60679db4",[[1,"dso-map-controls",{open:[1540],disableZoom:[1,"disable-zoom"],hideContent:[32]}]]],["p-7f41f2a1",[[1,"dso-viewer-grid",{filterpanelOpen:[516,"filterpanel-open"],overlayOpen:[516,"overlay-open"],initialMainSize:[1,"initial-main-size"],mainSize:[32]}]]],["p-ea14647b",[[1,"dso-alert",{status:[1],roleAlert:[4,"role-alert"]}]]],["p-5a56d726",[[1,"dso-attachments-counter",{count:[2]}]]],["p-7796687c",[[1,"dso-badge",{status:[1]}]]],["p-d0d279cc",[[1,"dso-banner",{status:[1]}]]],["p-1e92e29d",[[1,"dso-highlight-box",{yellow:[4],border:[4],white:[4],dropShadow:[4,"drop-shadow"],step:[2]}]]],["p-a8cf15cf",[[2,"dso-ozon-content",{content:[1],inline:[516],deleted:[516],interactive:[516],state:[32]}]]],["p-3cb44a36",[[1,"dso-progress-bar",{progress:[2],min:[2],max:[2]}]]],["p-49938275",[[1,"dso-dropdown-menu",{open:[1540],dropdownAlign:[1,"dropdown-align"],checkable:[4]}]]],["p-150fe323",[[1,"dso-tooltip",{descriptive:[516],position:[1],for:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},[[0,"click","listenClick"]]]]],["p-b86128b3",[[1,"dso-progress-indicator",{label:[1],size:[1],block:[4]}]]],["p-daf049bd",[[1,"dso-info-button",{active:[1540],secondary:[4],label:[1]}]]],["p-c32860a3",[[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],toggleInfo:[64]}],[1,"dso-info",{fixed:[516],active:[516]}]]],["p-c0b7f435",[[1,"dso-icon",{icon:[1]}]]]],e)));

package/dist/dso-toolkit/p-49938275.entry.js ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/dso-toolkit/{p-6ec616ee.entry.js → p-60679db4.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,c as t,h as i,H as e}from"./p-c62606a3.js";var n,r,a=function(o,t,i,e){if("a"===i&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?o!==t\|\|!e:!t.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?e:"a"===i?e.call(o):e?e.value:t.get(o)},l=function(o,t,i,e,n){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?o!==t\|\|!n:!t.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?n.call(o,i):n?n.value=i:t.set(o,i),i};let s=class{constructor(i){o(this,i),this.zoomIn=t(this,"zoomIn",7),this.zoomOut=t(this,"zoomOut",7),this.open=!1,this.hideContent=!this.open,n.set(this,void 0),r.set(this,void 0)}watchOpen(o){o?(this.hideContent=!1,setTimeout((()=>a(this,n,"f").focus()),300)):setTimeout((()=>{this.hideContent=!0,a(this,r,"f").focus()}),300)}render(){return i(e,null,i("button",{type:"button",id:"toggle-visibility-button",onClick:()=>this.open=!this.open,ref:o=>l(this,r,o,"f")},i("dso-icon",{icon:"layers"}),i("span",null,"Kaartlagen")),i("div",{id:"zoom-buttons"},i("button",{type:"button",onClick:o=>this.zoomIn.emit(o),disabled:"in"===this.disableZoom\|\|"both"===this.disableZoom},i("span",null,"Zoom in"),i("dso-icon",{icon:"plus"})),i("button",{type:"button",onClick:o=>this.zoomOut.emit(o),disabled:"out"===this.disableZoom\|\|"both"===this.disableZoom},i("span",null,"Zoom uit"),i("dso-icon",{icon:"minus"}))),i("section",{hidden:this.hideContent},i("header",null,i("h2",null,"Kaartlagen"),i("button",{type:"button",id:"close-button",onClick:()=>this.open=!1,ref:o=>l(this,n,o,"f")},i("span",null,"Sluit dialoog"),i("dso-icon",{icon:"times"}))),i("div",{class:"content"},i("slot",null))))}static get watchers(){return{open:["watchOpen"]}}};n=new WeakMap,r=new WeakMap,s.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{background-color:#fff;border:1px solid #ccc;bottom:0;display:block;font-family:Asap, sans-serif;position:absolute;top:0;left:100%;transition:transform 300ms ease;width:300px},::after,*::before{box-sizing:border-box}:host([open]){box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3);transform:translateX(-100%)}:host([open]) #toggle-visibility-button{display:none}#toggle-visibility-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);font-weight:600;margin-right:16px;padding:8px 16px;white-space:nowrap;position:absolute;right:calc(100% + 56px);top:16px}#toggle-visibility-button:focus,#toggle-visibility-button:focus-visible{outline-offset:2px}#toggle-visibility-button:active{outline:0}#toggle-visibility-button.extern::after,#toggle-visibility-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#toggle-visibility-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#toggle-visibility-button:active{background-color:#275937;border-color:#275937;color:#fff}#toggle-visibility-button[disabled],#toggle-visibility-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#toggle-visibility-button.btn-sm{line-height:16px}#toggle-visibility-button.btn-sm dso-icon,#toggle-visibility-button.btn-sm svg.di,#toggle-visibility-button.btn-sm.extern::after,#toggle-visibility-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#toggle-visibility-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.download:hover::after{--dso-icon:var(--di-download-wit)}#toggle-visibility-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#toggle-visibility-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#toggle-visibility-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#toggle-visibility-button dso-icon,#toggle-visibility-button svg.di{margin-left:-8px;margin-right:8px}#toggle-visibility-button span+dso-icon,#toggle-visibility-button span+svg.di{margin-left:8px;margin-right:-8px}#toggle-visibility-button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons{border-radius:4px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);display:flex;flex-wrap:wrap;flex:0 0;position:absolute;right:calc(100% + 16px);top:16px}#zoom-buttons button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;padding:8px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;flex:0 0 100%;height:40px;min-width:auto;width:40px}#zoom-buttons button:focus,#zoom-buttons button:focus-visible{outline-offset:2px}#zoom-buttons button:active{outline:0}#zoom-buttons button.extern::after,#zoom-buttons button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#zoom-buttons button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#zoom-buttons button:active{background-color:#275937;border-color:#275937;color:#fff}#zoom-buttons button[disabled],#zoom-buttons button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#zoom-buttons button.btn-sm{line-height:16px}#zoom-buttons button.btn-sm dso-icon,#zoom-buttons button.btn-sm svg.di,#zoom-buttons button.btn-sm.extern::after,#zoom-buttons button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#zoom-buttons button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.download:hover::after{--dso-icon:var(--di-download-wit)}#zoom-buttons button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#zoom-buttons button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#zoom-buttons button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#zoom-buttons button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#zoom-buttons button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons button+button{border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ccc}#close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;padding:0;position:absolute;right:16px;top:16px}#close-button:focus,#close-button:focus-visible{outline-offset:2px}#close-button:active{outline:0}#close-button.extern::after,#close-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#close-button[disabled]{color:#afcf9d}#close-button:not([disabled]):hover{color:#676cb0;text-decoration:underline}#close-button:not([disabled]):active{color:#676cb0}#close-button.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}#close-button.extern::after,#close-button.download::after{position:relative;top:-2px}#close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#close-button.download:not([disabled]):hover::after,#close-button.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}#close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#close-button.extern:not([disabled]):hover::after,#close-button.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}#close-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}section{display:flex;flex-direction:column;height:100%}header,.content{padding:16px}header{border-bottom:1px solid #ccc;flex-grow:0;position:relative}header h2{color:#275937;font-family:"Asap", sans-serif;line-height:1;margin:0}.content{flex-grow:1;overflow-y:auto}';export{s as dso_map_controls}
1	+ import{r as o,c as t,h as i,H as e}from"./p-c62606a3.js";var n,r,a=function(o,t,i,e){if("a"===i&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?o!==t\|\|!e:!t.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?e:"a"===i?e.call(o):e?e.value:t.get(o)},l=function(o,t,i,e,n){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?o!==t\|\|!n:!t.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?n.call(o,i):n?n.value=i:t.set(o,i),i};let s=class{constructor(i){o(this,i),this.zoomIn=t(this,"zoomIn",7),this.zoomOut=t(this,"zoomOut",7),this.open=!1,this.hideContent=!this.open,n.set(this,void 0),r.set(this,void 0)}watchOpen(o){o?(this.hideContent=!1,setTimeout((()=>a(this,n,"f").focus()),300)):setTimeout((()=>{this.hideContent=!0,a(this,r,"f").focus()}),300)}render(){return i(e,null,i("button",{type:"button",id:"toggle-visibility-button",onClick:()=>this.open=!this.open,ref:o=>l(this,r,o,"f")},i("dso-icon",{icon:"layers"}),i("span",null,"Kaartlagen")),i("div",{id:"zoom-buttons"},i("button",{type:"button",onClick:o=>this.zoomIn.emit(o),disabled:"in"===this.disableZoom\|\|"both"===this.disableZoom},i("span",null,"Zoom in"),i("dso-icon",{icon:"plus"})),i("button",{type:"button",onClick:o=>this.zoomOut.emit(o),disabled:"out"===this.disableZoom\|\|"both"===this.disableZoom},i("span",null,"Zoom uit"),i("dso-icon",{icon:"minus"}))),i("section",{hidden:this.hideContent},i("header",null,i("h2",null,"Kaartlagen"),i("button",{type:"button",id:"close-button",onClick:()=>this.open=!1,ref:o=>l(this,n,o,"f")},i("span",null,"Sluit dialoog"),i("dso-icon",{icon:"times"}))),i("div",{class:"content"},i("slot",null))))}static get watchers(){return{open:["watchOpen"]}}};n=new WeakMap,r=new WeakMap,s.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{background-color:#fff;border:1px solid #ccc;bottom:0;display:block;font-family:Asap, sans-serif;position:absolute;top:0;left:100%;transition:transform 300ms ease;width:300px},::after,*::before{box-sizing:border-box}:host([open]){box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3);transform:translateX(-100%)}:host([open]) #toggle-visibility-button{display:none}#toggle-visibility-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);font-weight:600;margin-right:16px;padding:8px 16px;white-space:nowrap;position:absolute;right:calc(100% + 56px);top:16px}#toggle-visibility-button:focus,#toggle-visibility-button:focus-visible{outline-offset:2px}#toggle-visibility-button:active{outline:0}#toggle-visibility-button.extern::after,#toggle-visibility-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#toggle-visibility-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#toggle-visibility-button:active{background-color:#275937;border-color:#275937;color:#fff}#toggle-visibility-button[disabled],#toggle-visibility-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#toggle-visibility-button.btn-sm{line-height:16px}#toggle-visibility-button.btn-sm dso-icon,#toggle-visibility-button.btn-sm svg.di,#toggle-visibility-button.btn-sm.extern::after,#toggle-visibility-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#toggle-visibility-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.download:hover::after{--dso-icon:var(--di-download-wit)}#toggle-visibility-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#toggle-visibility-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#toggle-visibility-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#toggle-visibility-button dso-icon,#toggle-visibility-button svg.di{margin-left:-8px;margin-right:8px}#toggle-visibility-button span+dso-icon,#toggle-visibility-button span+svg.di{margin-left:8px;margin-right:-8px}#toggle-visibility-button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons{border-radius:4px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);display:flex;flex-wrap:wrap;flex:0 0;position:absolute;right:calc(100% + 16px);top:16px}#zoom-buttons button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;padding:8px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;flex:0 0 100%;height:40px;min-width:auto;width:40px}#zoom-buttons button:focus,#zoom-buttons button:focus-visible{outline-offset:2px}#zoom-buttons button:active{outline:0}#zoom-buttons button.extern::after,#zoom-buttons button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#zoom-buttons button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#zoom-buttons button:active{background-color:#275937;border-color:#275937;color:#fff}#zoom-buttons button[disabled],#zoom-buttons button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#zoom-buttons button.btn-sm{line-height:16px}#zoom-buttons button.btn-sm dso-icon,#zoom-buttons button.btn-sm svg.di,#zoom-buttons button.btn-sm.extern::after,#zoom-buttons button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#zoom-buttons button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.download:hover::after{--dso-icon:var(--di-download-wit)}#zoom-buttons button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#zoom-buttons button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#zoom-buttons button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#zoom-buttons button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#zoom-buttons button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons button+button{border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ccc}#close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;padding:0;position:absolute;right:16px;top:16px}#close-button:focus,#close-button:focus-visible{outline-offset:2px}#close-button:active{outline:0}#close-button.extern::after,#close-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#close-button[disabled]{color:#afcf9d}#close-button:not([disabled]):hover{color:#676cb0;text-decoration:underline}#close-button:not([disabled]):active{color:#676cb0}#close-button.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}#close-button.extern::after,#close-button.download::after{position:relative;top:-2px}#close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#close-button.download:not([disabled]):hover::after,#close-button.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}#close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#close-button.extern:not([disabled]):hover::after,#close-button.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}#close-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}section:not([hidden]){display:flex;flex-direction:column;height:100%}header,.content{padding:16px}header{border-bottom:1px solid #ccc;flex-grow:0;position:relative}header h2{color:#275937;font-family:"Asap", sans-serif;line-height:1;margin:0}.content{flex-grow:1;overflow-y:auto}';export{s as dso_map_controls}

package/dist/dso-toolkit/{p-1894c7ae.entry.js → p-7796687c.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,h as d}from"./p-c62606a3.js";import{c as r}from"./p-4070c1e5.js";let e=class{constructor(d){o(this,d)}render(){return d("span",{class:r("dso-badge",{[`badge-${this.status}`]:this.status})},d("slot",null))}};e.style=":host{display:inline-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}.dso-badge{background-color:#666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1em;padding:4px 8px}.dso-badge.badge-info{background-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;~~border~~:1px solid #191919~~;color:#191919~~}";export{e as dso_badge}
1	+ import{r as o,h as d}from"./p-c62606a3.js";import{c as r}from"./p-4070c1e5.js";let e=class{constructor(d){o(this,d)}render(){return d("span",{class:r("dso-badge",{[`badge-${this.status}`]:this.status})},d("slot",null))}};e.style=":host{display:inline-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}.dso-badge{background-color:#666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1em;padding:4px 8px}.dso-badge.badge-info{background-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;color:#191919;outline:1px solid #191919}";export{e as dso_badge}

package/dist/dso-toolkit/p-7f41f2a1.entry.js ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/dso-toolkit/p-a8cf15cf.entry.js ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/esm/dso-badge.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-1602fde1.js';
 import { c as clsx } from './clsx.m-071989db.js';
-const badgeCss = ":host{display:inline-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}.dso-badge{background-color:#666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1em;padding:4px 8px}.dso-badge.badge-info{background-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border:1px solid #191919;color:#191919}";
+const badgeCss = ":host{display:inline-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}.dso-badge{background-color:#666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1em;padding:4px 8px}.dso-badge.badge-info{background-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;color:#191919;outline:1px solid #191919}";
 let Badge = class {
   constructor(hostRef) {

package/dist/esm/dso-dropdown-menu.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-1602fde1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1602fde1.js';
 import { t as tabbable } from './index.esm-45465af7.js';
 import { v as v4 } from './v4-fa4bb814.js';
@@ -64,14 +64,6 @@ let DropdownMenu = class {
   get tabbables() {
     return tabbable(this.host).filter((e) => e !== this.button);
   }
-  openWatch(open) {
-    if (open) {
-      this.openPopup();
-    }
-    else {
-      this.closePopup();
-    }
-  }
   connectedCallback() {
     this.button.setAttribute("aria-haspopup", "menu");
     this.button.setAttribute("aria-expanded", "false");
@@ -93,9 +85,6 @@ let DropdownMenu = class {
         li.setAttribute("role", "none");
       }
     }
-    if (this.open) {
-      this.openPopup();
-    }
   }
   componentDidRender() {
     for (const li of Array.from(this.host.getElementsByTagName("li"))) {
@@ -109,20 +98,17 @@ let DropdownMenu = class {
         }
       }
     }
-  }
-  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((tabbable) => tabbable.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((tabbable) => tabbable.removeEventListener("click", this.escape));
+    this.button.setAttribute("aria-expanded", this.open ? "true" : "false");
+    if (this.open) {
+      this.host.addEventListener("keydown", this.keyDownListener);
+    }
+    this.tabbables.forEach((tabbable) => {
+      tabbable.removeEventListener("click", this.escape);
+      if (this.open) {
+        tabbable.addEventListener("click", this.escape);
+      }
+    });
   }
   getActiveElement(root = document) {
     const activeEl = root.activeElement;
@@ -149,12 +135,9 @@ let DropdownMenu = class {
     tabs[nextIndex].focus();
   }
   render() {
-    return (h(Fragment, null, h("slot", { name: "toggle" }), h("div", { hidden: !this.open }, h("slot", null))));
+    return (h(Host, { onFocusout: this.focusOutListener, tabindex: this.open ? "-1" : undefined }, h("slot", { name: "toggle" }), h("div", { hidden: !this.open }, h("slot", null))));
   }
   get host() { return getElement(this); }
-  static get watchers() { return {
-    "open": ["openWatch"]
-  }; }
 };
 DropdownMenu.style = dropdownMenuCss;

package/dist/esm/dso-map-controls.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-1602fde1.js';
-const mapControlsCss = "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{background-color:#fff;border:1px solid #ccc;bottom:0;display:block;font-family:Asap, sans-serif;position:absolute;top:0;left:100%;transition:transform 300ms ease;width:300px}*,*::after,*::before{box-sizing:border-box}:host([open]){box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3);transform:translateX(-100%)}:host([open]) #toggle-visibility-button{display:none}#toggle-visibility-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);font-weight:600;margin-right:16px;padding:8px 16px;white-space:nowrap;position:absolute;right:calc(100% + 56px);top:16px}#toggle-visibility-button:focus,#toggle-visibility-button:focus-visible{outline-offset:2px}#toggle-visibility-button:active{outline:0}#toggle-visibility-button.extern::after,#toggle-visibility-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#toggle-visibility-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#toggle-visibility-button:active{background-color:#275937;border-color:#275937;color:#fff}#toggle-visibility-button[disabled],#toggle-visibility-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#toggle-visibility-button.btn-sm{line-height:16px}#toggle-visibility-button.btn-sm dso-icon,#toggle-visibility-button.btn-sm svg.di,#toggle-visibility-button.btn-sm.extern::after,#toggle-visibility-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#toggle-visibility-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.download:hover::after{--dso-icon:var(--di-download-wit)}#toggle-visibility-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#toggle-visibility-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#toggle-visibility-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#toggle-visibility-button dso-icon,#toggle-visibility-button svg.di{margin-left:-8px;margin-right:8px}#toggle-visibility-button span+dso-icon,#toggle-visibility-button span+svg.di{margin-left:8px;margin-right:-8px}#toggle-visibility-button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons{border-radius:4px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);display:flex;flex-wrap:wrap;flex:0 0;position:absolute;right:calc(100% + 16px);top:16px}#zoom-buttons button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;padding:8px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;flex:0 0 100%;height:40px;min-width:auto;width:40px}#zoom-buttons button:focus,#zoom-buttons button:focus-visible{outline-offset:2px}#zoom-buttons button:active{outline:0}#zoom-buttons button.extern::after,#zoom-buttons button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#zoom-buttons button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#zoom-buttons button:active{background-color:#275937;border-color:#275937;color:#fff}#zoom-buttons button[disabled],#zoom-buttons button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#zoom-buttons button.btn-sm{line-height:16px}#zoom-buttons button.btn-sm dso-icon,#zoom-buttons button.btn-sm svg.di,#zoom-buttons button.btn-sm.extern::after,#zoom-buttons button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#zoom-buttons button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.download:hover::after{--dso-icon:var(--di-download-wit)}#zoom-buttons button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#zoom-buttons button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#zoom-buttons button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#zoom-buttons button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#zoom-buttons button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons button+button{border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ccc}#close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;padding:0;position:absolute;right:16px;top:16px}#close-button:focus,#close-button:focus-visible{outline-offset:2px}#close-button:active{outline:0}#close-button.extern::after,#close-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#close-button[disabled]{color:#afcf9d}#close-button:not([disabled]):hover{color:#676cb0;text-decoration:underline}#close-button:not([disabled]):active{color:#676cb0}#close-button.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}#close-button.extern::after,#close-button.download::after{position:relative;top:-2px}#close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#close-button.download:not([disabled]):hover::after,#close-button.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}#close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#close-button.extern:not([disabled]):hover::after,#close-button.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}#close-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}section{display:flex;flex-direction:column;height:100%}header,.content{padding:16px}header{border-bottom:1px solid #ccc;flex-grow:0;position:relative}header h2{color:#275937;font-family:\"Asap\", sans-serif;line-height:1;margin:0}.content{flex-grow:1;overflow-y:auto}";
+const mapControlsCss = "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{background-color:#fff;border:1px solid #ccc;bottom:0;display:block;font-family:Asap, sans-serif;position:absolute;top:0;left:100%;transition:transform 300ms ease;width:300px}*,*::after,*::before{box-sizing:border-box}:host([open]){box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3);transform:translateX(-100%)}:host([open]) #toggle-visibility-button{display:none}#toggle-visibility-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);font-weight:600;margin-right:16px;padding:8px 16px;white-space:nowrap;position:absolute;right:calc(100% + 56px);top:16px}#toggle-visibility-button:focus,#toggle-visibility-button:focus-visible{outline-offset:2px}#toggle-visibility-button:active{outline:0}#toggle-visibility-button.extern::after,#toggle-visibility-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#toggle-visibility-button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#toggle-visibility-button:active{background-color:#275937;border-color:#275937;color:#fff}#toggle-visibility-button[disabled],#toggle-visibility-button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#toggle-visibility-button.btn-sm{line-height:16px}#toggle-visibility-button.btn-sm dso-icon,#toggle-visibility-button.btn-sm svg.di,#toggle-visibility-button.btn-sm.extern::after,#toggle-visibility-button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#toggle-visibility-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.download:hover::after{--dso-icon:var(--di-download-wit)}#toggle-visibility-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#toggle-visibility-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#toggle-visibility-button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#toggle-visibility-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#toggle-visibility-button dso-icon,#toggle-visibility-button svg.di{margin-left:-8px;margin-right:8px}#toggle-visibility-button span+dso-icon,#toggle-visibility-button span+svg.di{margin-left:8px;margin-right:-8px}#toggle-visibility-button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons{border-radius:4px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);display:flex;flex-wrap:wrap;flex:0 0;position:absolute;right:calc(100% + 16px);top:16px}#zoom-buttons button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;padding:8px;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;flex:0 0 100%;height:40px;min-width:auto;width:40px}#zoom-buttons button:focus,#zoom-buttons button:focus-visible{outline-offset:2px}#zoom-buttons button:active{outline:0}#zoom-buttons button.extern::after,#zoom-buttons button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#zoom-buttons button:hover{background-color:#39870c;border-color:#39870c;color:#fff}#zoom-buttons button:active{background-color:#275937;border-color:#275937;color:#fff}#zoom-buttons button[disabled],#zoom-buttons button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}#zoom-buttons button.btn-sm{line-height:16px}#zoom-buttons button.btn-sm dso-icon,#zoom-buttons button.btn-sm svg.di,#zoom-buttons button.btn-sm.extern::after,#zoom-buttons button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}#zoom-buttons button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.download:hover::after{--dso-icon:var(--di-download-wit)}#zoom-buttons button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#zoom-buttons button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#zoom-buttons button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}#zoom-buttons button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#zoom-buttons button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#zoom-buttons button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}#zoom-buttons button+button{border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ccc}#close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent;padding:0;position:absolute;right:16px;top:16px}#close-button:focus,#close-button:focus-visible{outline-offset:2px}#close-button:active{outline:0}#close-button.extern::after,#close-button.download::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}#close-button[disabled]{color:#afcf9d}#close-button:not([disabled]):hover{color:#676cb0;text-decoration:underline}#close-button:not([disabled]):active{color:#676cb0}#close-button.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}#close-button.extern::after,#close-button.download::after{position:relative;top:-2px}#close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}#close-button.download:not([disabled]):hover::after,#close-button.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}#close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}#close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}#close-button.extern:not([disabled]):hover::after,#close-button.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}#close-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}section:not([hidden]){display:flex;flex-direction:column;height:100%}header,.content{padding:16px}header{border-bottom:1px solid #ccc;flex-grow:0;position:relative}header h2{color:#275937;font-family:\"Asap\", sans-serif;line-height:1;margin:0}.content{flex-grow:1;overflow-y:auto}";
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f)

package/dist/esm/dso-ozon-content.entry.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-1602fde1.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, g as getElement, H as Host } from './index-1602fde1.js';
+import { i as isTabbable } from './index.esm-45465af7.js';
 function getNodeName(node) {
   if (node instanceof Element) {
@@ -348,12 +349,13 @@ class Mapper {
   }
 }
-const ozonContentCss = ".sc-dso-ozon-content-h:not([inline]){display:block}[inline].sc-dso-ozon-content-h{display:inline}[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content{text-decoration:line-through !important}.deleted-start.sc-dso-ozon-content,.deleted-end.sc-dso-ozon-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button.toggle-note.sc-dso-ozon-content{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent}button.toggle-note.sc-dso-ozon-content:focus,button.toggle-note.sc-dso-ozon-content:focus-visible{outline-offset:2px}button.toggle-note.sc-dso-ozon-content:active{outline:0}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}button.toggle-note[disabled].sc-dso-ozon-content{color:#afcf9d}button.toggle-note.sc-dso-ozon-content:not([disabled]):hover{color:#676cb0;text-decoration:underline}button.toggle-note.sc-dso-ozon-content:not([disabled]):active{color:#676cb0}button.toggle-note.btn-align.sc-dso-ozon-content{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{position:relative;top:-2px}button.toggle-note.download.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.download[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-download-grasgroen-40)}button.toggle-note.download.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.download.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}button.toggle-note.extern.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.extern[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-external-link-grasgroen-40)}button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+svg.di.sc-dso-ozon-content{margin-left:8px}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content{vertical-align:middle}span[role=section].sc-dso-ozon-content,span[role=paragraph].sc-dso-ozon-content{display:block}.fallback.sc-dso-ozon-content{display:block}.od-Term.sc-dso-ozon-content{font-weight:700}.od-Definitie.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{font-style:italic}.od-Inhoud.sc-dso-ozon-content,.od-Inhoud.sc-dso-ozon-content>.od-Lijst.sc-dso-ozon-content,.od-IntIoRef.sc-dso-ozon-content,.od-Lidnr.sc-dso-ozon-content,.od-LiNr.sc-dso-ozon-content,.od-Opschrift.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{display:inline}.od-Al.sc-dso-ozon-content,.od-Lijstaanhef.sc-dso-ozon-content{margin-bottom:0.75em}.od-IntIoRef.sc-dso-ozon-content{border-bottom:1px dotted}.od-LiNummer.sc-dso-ozon-content{float:left;min-width:0.7em;padding-right:0.3em;text-align:right}.od-Figuur.sc-dso-ozon-content img.sc-dso-ozon-content{margin-left:25px;max-width:100%;height:auto}.od-Figuur.sc-dso-ozon-content .od-Bijschrift.sc-dso-ozon-content{font-size:0.75rem;margin-left:25px;padding-bottom:2.5rem}.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content{font-weight:600}.od-Kadertekst.sc-dso-ozon-content{border:1px solid #e5e5e5;margin-bottom:1rem;padding:1rem}";
+const ozonContentCss = ".sc-dso-ozon-content-h:not([inline]){display:block}[inline].sc-dso-ozon-content-h{display:inline}[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content{text-decoration:line-through !important}[interactive].sc-dso-ozon-content-h{background-color:transparent;color:#39870c;text-decoration:underline;cursor:pointer}[interactive].sc-dso-ozon-content-h:hover,[interactive].sc-dso-ozon-content-h:focus{color:#676cb0;text-decoration:underline}[interactive].sc-dso-ozon-content-h:active{text-decoration:none}.deleted-start.sc-dso-ozon-content,.deleted-end.sc-dso-ozon-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button.toggle-note.sc-dso-ozon-content{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent}button.toggle-note.sc-dso-ozon-content:focus,button.toggle-note.sc-dso-ozon-content:focus-visible{outline-offset:2px}button.toggle-note.sc-dso-ozon-content:active{outline:0}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{content:\"\";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}button.toggle-note[disabled].sc-dso-ozon-content{color:#afcf9d}button.toggle-note.sc-dso-ozon-content:not([disabled]):hover{color:#676cb0;text-decoration:underline}button.toggle-note.sc-dso-ozon-content:not([disabled]):active{color:#676cb0}button.toggle-note.btn-align.sc-dso-ozon-content{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}button.toggle-note.extern.sc-dso-ozon-content::after,button.toggle-note.download.sc-dso-ozon-content::after{position:relative;top:-2px}button.toggle-note.download.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.download[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-download-grasgroen-40)}button.toggle-note.download.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.download.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}button.toggle-note.extern.sc-dso-ozon-content::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px}button.toggle-note.extern[disabled].sc-dso-ozon-content::after{--dso-icon:var(--di-external-link-grasgroen-40)}button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):hover::after,button.toggle-note.extern.sc-dso-ozon-content:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content+span.sc-dso-ozon-content:not(.sr-only),button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only)+svg.di.sc-dso-ozon-content{margin-left:8px}button.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content,button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content{vertical-align:middle}span[role=section].sc-dso-ozon-content,span[role=paragraph].sc-dso-ozon-content{display:block}.fallback.sc-dso-ozon-content{display:block}.od-Term.sc-dso-ozon-content{font-weight:700}.od-Definitie.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{font-style:italic}.od-Inhoud.sc-dso-ozon-content,.od-Inhoud.sc-dso-ozon-content>.od-Lijst.sc-dso-ozon-content,.od-IntIoRef.sc-dso-ozon-content,.od-Lidnr.sc-dso-ozon-content,.od-LiNr.sc-dso-ozon-content,.od-Opschrift.sc-dso-ozon-content,.od-Tussenkop.sc-dso-ozon-content{display:inline}.od-Al.sc-dso-ozon-content,.od-Lijstaanhef.sc-dso-ozon-content{margin-bottom:0.75em}.od-IntIoRef.sc-dso-ozon-content{border-bottom:1px dotted}.od-LiNummer.sc-dso-ozon-content{float:left;min-width:0.7em;padding-right:0.3em;text-align:right}.od-Figuur.sc-dso-ozon-content img.sc-dso-ozon-content{margin-left:25px;max-width:100%;height:auto}.od-Figuur.sc-dso-ozon-content .od-Bijschrift.sc-dso-ozon-content{font-size:0.75rem;margin-left:25px;padding-bottom:2.5rem}.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content{font-weight:600}.od-Kadertekst.sc-dso-ozon-content{border:1px solid #e5e5e5;margin-bottom:1rem;padding:1rem}";
 let OzonContent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.anchorClick = createEvent(this, "anchorClick", 7);
+    this.dsoClick = createEvent(this, "dsoClick", 7);
     /**
      * Setting this property creates dso-ozon-content as inline element instead of a block element.
      */
@@ -362,9 +364,25 @@ let OzonContent = class {
      * Marks content as deleted using visual and accessible clues.
      */
     this.deleted = false;
+    /**
+     * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.
+     *
+     * **Do not** use this without an accessible companion element! `interactive` is only
+     * meant to ease the use of the companion element for mouse/touch users.
+     */
+    this.interactive = false;
     this.state = {};
     this.mapper = new Mapper();
   }
+  handleHostOnClick(e) {
+    if (!this.interactive) {
+      return;
+    }
+    const doIt = e.composedPath().find(e => e === this.host || (e instanceof HTMLElement && isTabbable(e))) === this.host;
+    if (doIt) {
+      this.dsoClick.emit({ originalEvent: e });
+    }
+  }
   render() {
     var _a;
     const context = {
@@ -376,8 +394,9 @@ let OzonContent = class {
     if (this.deleted) {
       return (h("section", null, h("span", { class: "deleted-start" }, "Begin verwijderd element"), transformed, h("span", { class: "deleted-end" }, "Einde verwijderd element")));
     }
-    return transformed;
+    return (h(Host, { onClick: (e) => this.handleHostOnClick(e) }, transformed));
   }
+  get host() { return getElement(this); }
 };
 OzonContent.style = ozonContentCss;

package/dist/esm/dso-toolkit.js CHANGED Viewed

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 patchBrowser().then(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-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["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],"visible":[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-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[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",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"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-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",[[2,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"state":[32]}]]],["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-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["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],"toggleInfo":[64]}],[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-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["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],"visible":[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-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[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",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["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",[[2,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[516],"state":[32]}]]],["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-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["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],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
 });

package/dist/esm/dso-viewer-grid.entry.js CHANGED Viewed

@@ -21,7 +21,11 @@ let ViewerGrid = class {
     this.mainSizeChange = createEvent(this, "mainSizeChange", 7);
     this.filterpanelOpen = false;
     this.overlayOpen = false;
-    this.mainSize = "large";
+    /**
+     * Size of the main content panel when component loads. Changing this attribute afterwards has no effect.
+     */
+    this.initialMainSize = "large";
+    this.mainSize = this.initialMainSize;
     this.filterpanelSlot = null;
     this.overlaySlot = null;
     this.shrinkMain = () => {

package/dist/esm/loader.js CHANGED Viewed

@@ -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-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["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],"visible":[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-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[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",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"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-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",[[2,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"state":[32]}]]],["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-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["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],"toggleInfo":[64]}],[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-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["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],"visible":[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-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[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",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["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",[[2,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[516],"state":[32]}]]],["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-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"for":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["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],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
   });
 };

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts CHANGED Viewed

@@ -16,11 +16,8 @@ export declare class DropdownMenu {
   host: HTMLElement;
   get button(): HTMLButtonElement;
   get tabbables(): FocusableElement[];
-  openWatch(open: boolean): void;
   connectedCallback(): void;
   componentDidRender(): void;
-  openPopup(): void;
-  closePopup(): void;
   focusOutListener: (event: FocusEvent) => void;
   keyDownListener: (event: KeyboardEvent) => void;
   getActiveElement(root?: Document | ShadowRoot): Element | null;