@dso-toolkit/core 43.0.0 → 43.1.0

package/dist/types/components/autosuggest/autosuggest.d.ts

@@ -30,6 +30,10 @@ export declare class Autosuggest {
    * To override progress indicator's default loading label.
    */
   loadingLabel?: string;
+  /**
+   * To delay progress indicator showing (in ms).
+   */
+  loadingDelayed?: number;
   /**
    * To show text when no results are found.
    */
@@ -56,13 +60,19 @@ export declare class Autosuggest {
   showSuggestions: boolean;
   selectedSuggestion: Suggestion | undefined;
   notFound: boolean;
+  showLoading: boolean;
   suggestionsWatcher(): void;
   input: HTMLInputElement;
   listbox: HTMLUListElement | undefined;
   listboxId: string;
   inputId: string;
   labelId: string;
-  debouncedEmitValue: ((value: string) => CustomEvent<string>) & {
+  debouncedEmitValue: ((value: string) => void) & {
+    clear(): void;
+  } & {
+    flush(): void;
+  };
+  debouncedShowLoading: (() => void) & {
     clear(): void;
   } & {
     flush(): void;

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

@@ -1,3 +1,3 @@
 import { Autosuggest } from '@dso-toolkit/sources';
 import { TemplateResult } from 'lit-html';
-export declare function autosuggestTemplate({ suggestions, onSelect, onChange, onSearch, suggestOnFocus, loading, loadingLabel, notFoundLabel }: Autosuggest, children: TemplateResult): TemplateResult<1>;
+export declare function autosuggestTemplate({ suggestions, onSelect, onChange, onSearch, suggestOnFocus, loading, loadingLabel, loadingDelayed, notFoundLabel }: Autosuggest, children: TemplateResult): TemplateResult<1>;

package/dist/types/components/image-overlay/image-overlay.d.ts

@@ -4,12 +4,17 @@ export declare class ImageOverlay implements ComponentInterface {
   host: HTMLElement;
   active: boolean;
   focused: boolean;
+  zoomable: boolean;
   buttonElement: HTMLButtonElement | undefined;
   wrapperElement: HTMLDivElement | undefined;
   trap: FocusTrap | undefined;
   private mutationObserver?;
+  private resizeObserver?;
+  loadListener(event: Event): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  initZoomableImage(): void;
+  setZoomable(imageElement: HTMLImageElement): void;
   render(): any;
   componentDidRender(): void;
 }

package/dist/types/components/info-button/info-button.d.ts

@@ -4,10 +4,12 @@ export interface InfoButtonToggleEvent {
   active: boolean;
 }
 export declare class InfoButton {
+  private button?;
   active?: boolean;
   secondary?: boolean;
   label: string;
   toggle: EventEmitter<InfoButtonToggleEvent>;
+  setFocus(): Promise<void>;
   private handleToggle;
   render(): any;
 }

package/dist/types/components/ozon-content/nodes/{illustratie.node.d.ts → figuur.node.d.ts}

@@ -1,5 +1,5 @@
 import { OzonContentNode } from '../ozon-content-node.interface';
-export declare class OzonContentIllustratieNode implements OzonContentNode {
+export declare class OzonContentFiguurNode implements OzonContentNode {
   name: string[];
   render(node: Element): any;
 }

package/dist/types/components/ozon-content/nodes/inline-tekst-afbeelding.node.d.ts

@@ -0,0 +1,5 @@
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentInlineTekstAfbeeldingNode implements OzonContentNode {
+  name: string[];
+  render(node: Element): any;
+}

package/dist/types/components/toggletip/toggletip.d.ts

@@ -5,9 +5,7 @@ export declare class Toggletip {
   position: "top" | "right" | "bottom" | "left";
   small?: boolean;
   secondary?: boolean;
-  infoButton: HTMLDsoInfoButtonElement;
-  button: HTMLButtonElement;
-  componentDidRender(): void;
+  infoButton?: HTMLDsoInfoButtonElement;
   click: () => void;
   open: () => void;
   close: () => void;

package/dist/types/components.d.ts

@@ -35,6 +35,10 @@ export namespace Components {
           * Shows progress indicator when fetching results.
          */
         "loading": boolean;
+        /**
+          * To delay progress indicator showing (in ms).
+         */
+        "loadingDelayed"?: number;
         /**
           * To override progress indicator's default loading label.
          */
@@ -166,6 +170,7 @@ export namespace Components {
         "active"?: boolean;
         "label": string;
         "secondary"?: boolean;
+        "setFocus": () => Promise<void>;
     }
     interface DsoLabel {
         "compact"?: boolean;
@@ -531,6 +536,10 @@ declare namespace LocalJSX {
           * Shows progress indicator when fetching results.
          */
         "loading"?: boolean;
+        /**
+          * To delay progress indicator showing (in ms).
+         */
+        "loadingDelayed"?: number;
         /**
           * To override progress indicator's default loading label.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "43.0.0",
+  "version": "43.1.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/dso-toolkit/p-14fc5767.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,F as i,g as o}from"./p-c62606a3.js";let h=class{constructor(s){t(this,s),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{t.defaultPrevented||"Escape"!=t.key||(this.close(),this.button.focus(),t.preventDefault())}}componentDidRender(){var t,s,i;const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("dso-info-button");if(!o)throw Error("dso-info-button not found");this.infoButton=o;const h=null===(i=null===(s=this.infoButton)||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector("button");if(!h)throw Error("button not found");this.button=h}render(){return s(i,null,s("dso-info-button",{id:"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary}),s("dso-tooltip",{stateless:!0,descriptive:!0,for:"toggle",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return o(this)}};h.style="*,*::after,*::before{box-sizing:border-box}:host(:focus){outline:none}";export{h as dso_toggletip}

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

@@ -1 +0,0 @@
-import{r as n,f as e,h as t,H as o,g as r}from"./p-c62606a3.js";import{c as i}from"./p-131d54e3.js";import"./p-5e5fbd41.js";let s=class{constructor(e){n(this,e),this.active=!1,this.focused=!1}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>e(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0})}disconnectedCallback(){var n,e;null===(n=this.trap)||void 0===n||n.deactivate(),null===(e=this.mutationObserver)||void 0===e||e.disconnect()}render(){var n;const{src:e,alt:r}=null!==(n=this.host.querySelector("img"))&&void 0!==n?n:{};return t(o,{tabindex:this.focused?-1:0,onFocus:()=>{var n;null===(n=this.buttonElement)||void 0===n||n.focus()}},this.active&&e&&r&&t("div",{class:"dimmer",ref:n=>this.wrapperElement=n},t("div",{class:"wrapper"},t("img",{src:e,alt:r}),t("button",{type:"button",class:"close",onClick:()=>this.active=!1},t("dso-icon",{icon:"times"}),t("span",null,"Sluiten")))),t("slot",null),t("button",{type:"button",class:"open",ref:n=>this.buttonElement=n,onClick:()=>this.active=!0,onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},t("dso-icon",{icon:"external-link"}),t("span",null,"Afbeelding vergroot weergeven")))}componentDidRender(){var n,e;this.active&&this.wrapperElement&&!this.trap?this.trap=i(this.wrapperElement,{escapeDeactivates:!0,clickOutsideDeactivates:n=>!(n instanceof MouseEvent&&n.composedPath()[0]===this.wrapperElement&&(this.active=!1,1)),setReturnFocus:null!==(n=this.buttonElement)&&void 0!==n&&n,onDeactivate:()=>this.active=!1}).activate():!this.active&&this.trap&&(null===(e=this.trap)||void 0===e||e.deactivate(),delete this.trap)}get host(){return r(this)}};s.style="button {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n:host {\n  display: inline-block;\n  position: relative;\n}\n\n:host(:hover) .open,\n.open:focus {\n  opacity: 1;\n}\n\n.open {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  min-width: auto;\n  padding: 8px;\n  opacity: 0;\n  position: absolute;\n  right: 16px;\n  top: 16px;\n}\n.open:focus, .open:focus-visible {\n  outline-offset: 2px;\n}\n.open:active {\n  outline: 0;\n}\n.open.extern::after, .open.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.open:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open[disabled], .open[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.open.btn-sm {\n  line-height: 16px;\n}\n.open.btn-sm dso-icon,\n.open.btn-sm svg.di, .open.btn-sm.extern::after, .open.btn-sm.download::after, .open.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.open.download:hover::after {\n  --dso-icon: var(--di-download-wit);\n}\n.open.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.open.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.open.extern:hover::after {\n  --dso-icon: var(--di-external-link-wit);\n}\n.open.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.open > span {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.open.dso-spinner-left[disabled], .open.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.open.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.open.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n\n.dimmer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 19;\n  display: flex;\n  padding: 32px;\n  background-color: rgba(255, 255, 255, 0.8);\n  justify-content: center;\n}\n\n.wrapper {\n  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n  position: relative;\n  z-index: 20;\n  align-self: center;\n  line-height: 0;\n}\n.wrapper img {\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: calc(100vh - 64px);\n}\n\n.close {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  min-width: auto;\n  padding: 8px;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n}\n.close:focus, .close:focus-visible {\n  outline-offset: 2px;\n}\n.close:active {\n  outline: 0;\n}\n.close.extern::after, .close.download::after {\n  content: \"\";\n  display: inline-block;\n  height: 1.5em;\n  margin-left: 8px;\n  vertical-align: top;\n  width: 1.5em;\n}\n.close:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close[disabled], .close[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close.btn-sm {\n  line-height: 16px;\n}\n.close.btn-sm dso-icon,\n.close.btn-sm svg.di, .close.btn-sm.extern::after, .close.btn-sm.download::after, .close.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close.download::after {\n  background: var(--dso-icon, var(--di-download)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.close.download:hover::after {\n  --dso-icon: var(--di-download-wit);\n}\n.close.download[disabled]::after {\n  --dso-icon: var(--di-download-grasgroen-40);\n}\n.close.extern::after {\n  background: var(--dso-icon, var(--di-external-link)) no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\n.close.extern:hover::after {\n  --dso-icon: var(--di-external-link-wit);\n}\n.close.extern[disabled]::after {\n  --dso-icon: var(--di-external-link-grasgroen-40);\n}\n.close > span {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.close.dso-spinner-left[disabled], .close.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}";export{s as dso_image_overlay}

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

@@ -1 +0,0 @@
-import{r as s,c as t,h as i,F as e,g as h}from"./p-c62606a3.js";import{d as o}from"./p-1805f5b0.js";import{v as a}from"./p-19b890a3.js";let n=class{constructor(i){s(this,i),this.selectEmitter=t(this,"dsoSelect",7),this.changeEmitter=t(this,"dsoChange",7),this.searchEmitter=t(this,"dsoSearch",7),this.suggestions=[],this.loading=!1,this.loadingLabel="Een moment geduld.",this.suggestOnFocus=!1,this.showSuggestions=!1,this.notFound=!1,this.listboxId=a(),this.inputId=a(),this.labelId=a(),this.debouncedEmitValue=o((s=>this.changeEmitter.emit(s)),200),this.inputValue="",this.onInput=s=>{if(!(s.target instanceof HTMLInputElement))throw new Error("event.target is not instanceof HTMLInputElement");this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:"")},this.onFocusIn=()=>{this.suggestOnFocus&&this.openSuggestions()},this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!=s.target&&this.closeSuggestions()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))throw new ReferenceError("Mandatory text input not found");if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)throw new ReferenceError("Mandatory label for text input not found");const t=this.input.labels[0];t.id?this.labelId=t.id:t.id=this.labelId,this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-owns",this.listboxId),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn)}disconnectedCallback(){this.input.removeEventListener("input",this.onInput),this.input.removeEventListener("keydown",this.onKeyDown),this.input.removeEventListener("focusin",this.onFocusIn)}markTerms(s,t){if(!s||!t||0===t.length)return[""];const e=new RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(t[0])})`,"gi");return s.split(e).map((s=>s?e.test(s)?i("mark",null,s):1===t.length?i("span",null,s):this.markTerms(s,t.slice(1)):""))}selectSuggestion(s){this.selectedSuggestion=s,this.input.setAttribute("aria-activedescendant",this.listboxItemId(s))}selectFirstSuggestion(){this.selectedSuggestion=this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectLastSuggestion(){this.selectedSuggestion=this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectNextSuggestion(){var s;const t=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=null!==(s=this.suggestions[t+1])&&void 0!==s?s:this.suggestions[0],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}selectPreviousSuggestion(){var s;const t=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=null!==(s=this.suggestions[t-1])&&void 0!==s?s:this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&this.input.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}resetSelectedSuggestion(){this.selectedSuggestion=void 0,this.input.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=this.suggestions.length>0,this.notFound=0===this.suggestions.length,this.input.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString()),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.selectEmitter.emit(this.selectedSuggestion):this.searchEmitter.emit(this.input.value),this.closeSuggestions()}listboxItemId(s){return`${this.inputId}-${this.suggestions.indexOf(s)+1}`}render(){const s=this.input.value.split(" ").filter((s=>s));return i(e,null,i("slot",null),this.loading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):i("ul",{role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s,hidden:!this.showSuggestions&&!this.notFound},this.showSuggestions?this.suggestions.map((t=>i("li",{role:"option",id:this.listboxItemId(t),key:t.value,onMouseEnter:()=>this.selectSuggestion(t),onMouseLeave:()=>this.resetSelectedSuggestion(),onClick:()=>this.pickSelectedValue(),"aria-selected":(t===this.selectedSuggestion).toString(),"aria-label":t.value},i("span",{class:"value"},this.markTerms(t.value,s)),t.type?i("span",{class:"type"},t.type):void 0))):this.notFound?i("li",null,i("span",{class:"value"},this.notFoundLabel?i("span",null,this.notFoundLabel):this.markTerms(`${this.inputValue} is niet gevonden.`,s))):void 0))}get host(){return h(this)}static get watchers(){return{suggestions:["suggestionsWatcher"]}}};n.style=".sc-dso-autosuggest-h{display:block;position:relative}ul.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}.autosuggest-progress-box.sc-dso-autosuggest{padding:12px 8px}ul.sc-dso-autosuggest{padding:8px 0}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px 16px}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest{color:#666}";export{n as dso_autosuggest}

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

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

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

@@ -1 +0,0 @@
-import{r as c,c as o,h as i}from"./p-c62606a3.js";import{c as t}from"./p-4070c1e5.js";let e=class{constructor(i){c(this,i),this.toggle=o(this,"toggle",7),this.label="Toelichting bij optie"}handleToggle(c){this.active=!this.active,this.toggle.emit({originalEvent:c,active:this.active})}render(){return i("button",{type:"button",class:t("btn",{"dso-open":!!this.active,"dso-info-secondary":!!this.secondary}),"aria-expanded":"boolean"==typeof this.active?this.active.toString():void 0,onClick:c=>this.handleToggle(c)},i("span",{class:"sr-only"},this.label))}};e.style=":host{display:inline-block;--di-info:url(\"data:image/svg+xml,%3csvg id='info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M12%2c3a9%2c9%2c0%2c1%2c1-9%2c9%2c9%2c9%2c0%2c0%2c1%2c9-9m0-2A11%2c11%2c0%2c1%2c0%2c23%2c12%2c11%2c11%2c0%2c0%2c0%2c12%2c1Zm0%2c8a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-active:url(\"data:image/svg+xml,%3csvg id='info-active' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %2339870c%3b'%3e %3cpath fill='currentColor' d='M23%2c12A11%2c11%2c0%2c1%2c1%2c12%2c1%2c11%2c11%2c0%2c0%2c1%2c23%2c12ZM12%2c9a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-secondary:url(\"data:image/svg+xml,%3csvg id='info' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23666%3b'%3e %3cpath fill='currentColor' d='M12%2c3a9%2c9%2c0%2c1%2c1-9%2c9%2c9%2c9%2c0%2c0%2c1%2c9-9m0-2A11%2c11%2c0%2c1%2c0%2c23%2c12%2c11%2c11%2c0%2c0%2c0%2c12%2c1Zm0%2c8a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\");--di-info-active-secondary:url(\"data:image/svg+xml,%3csvg id='info-active' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='color: %23666%3b'%3e %3cpath fill='currentColor' d='M23%2c12A11%2c11%2c0%2c1%2c1%2c12%2c1%2c11%2c11%2c0%2c0%2c1%2c23%2c12ZM12%2c9a1%2c1%2c0%2c1%2c0-1-1A1%2c1%2c0%2c0%2c0%2c12%2c9Zm1%2c7.79V11.21A1.12%2c1.12%2c0%2c0%2c0%2c12%2c10a1.12%2c1.12%2c0%2c0%2c0-1%2c1.21v5.58A1.12%2c1.12%2c0%2c0%2c0%2c12%2c18%2c1.12%2c1.12%2c0%2c0%2c0%2c13%2c16.79Z'/%3e %3c/svg%3e\")}*,*::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}button{background:var(--dso-icon, var(--di-info)) no-repeat;background-position:center;background-size:cover;height:24px;vertical-align:top;width:24px;border:1px solid transparent;margin-left:8px;padding:0;cursor:pointer}button.dso-open,button:hover,button:active{--dso-icon:var(--di-info-active)}button.dso-info-secondary{--dso-icon:var(--di-info-secondary)}button.dso-info-secondary.dso-open,button.dso-info-secondary:hover,button.dso-info-secondary:active{--dso-icon:var(--di-info-active-secondary)}";export{e as dso_info_button}