@dso-toolkit/core 90.1.0 → 90.2.0

package/dist/types/components/ozon-content/nodes/table.node/table-cell.d.ts

@@ -1,10 +1,10 @@
 import { FunctionalComponent } from "../../../../stencil-public-runtime";
+import { Wijzigactie } from "../../../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { OzonContentNodeContext } from "../../ozon-content-node-context.interface";
-import { OzonContentWijzigActie } from "../../ozon-content.interfaces";
 import { Colspecs } from "./colspec/colspec.interface";
 export declare const Cell: FunctionalComponent<{
     context: OzonContentNodeContext;
     colspecs: Colspecs | undefined;
     cell: Element;
-    wijzigactie: OzonContentWijzigActie | undefined;
+    wijzigactie: Wijzigactie | undefined;
 }>;

package/dist/types/components/plekinfo-card/plekinfo-card.d.ts

@@ -1,5 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./plekinfo-card.interfaces";
+import { Wijzigactie } from "../../functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
+import { PlekinfoCardClickEvent } from "./plekinfo-card.interfaces";
 /**
  * @slot symbol - An optional slot to place a symbol, representing the plekinfo item, in.
  * @slot heading - A slot to place the title of the card in.
@@ -13,7 +14,7 @@ export declare class PlekinfoCard implements ComponentInterface {
     /**
      * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
      */
-    wijzigactie?: PlekinfoWijzigactie;
+    wijzigactie?: Wijzigactie;
     /**
      * The URL to which the PlekinfoCard heading links.
      */

package/dist/types/components/plekinfo-card/plekinfo-card.interfaces.d.ts

@@ -3,4 +3,3 @@ export interface PlekinfoCardClickEvent {
     /** True when user clicked the card while holding Ctrl, Alt or other modifiers, or when the card is right-clicked. Can be used to determine navigation. */
     isModifiedEvent: boolean;
 }
-export type PlekinfoWijzigactie = "voegtoe" | "verwijder";

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

@@ -19,7 +19,7 @@ export declare class SegmentedButton implements ComponentInterface {
      */
     required?: boolean;
     /**
-     * Index of the currently active option
+     * The currently active option
      */
     activeOption: SegmentedButtonOption | undefined;
     /**

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

@@ -2,7 +2,6 @@ import { ComponentInterface } from "../../stencil-public-runtime";
 export declare class Table implements ComponentInterface {
     private resizeObserver?;
     private dialogElement?;
-    private labelledbyId;
     host: HTMLDsoTableElement;
     /**
      * Prevents the table being opened in a modal.

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/lis
 import { LogoClickEvent, LogoLabelClickEvent } from "./components/logo/logo.interfaces";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 import { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
+import { Wijzigactie } from "./functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 import { MapLayerActiveChangeEvent } from "./components/map-layer/map-layer.interfaces";
 import { MapLayerObjectActiveChangeEvent } from "./components/map-layer/components/map-layer-object.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
@@ -44,7 +45,7 @@ import { OnboardingTipCloseEvent } from "./components/onboarding-tip/onboarding-
 import { MarkTextMarkFunction } from "./functional-components/mark-text/mark-text.interfaces";
 import { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 import { PanelCloseEvent } from "./components/panel/panel.interfaces";
-import { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./components/plekinfo-card/plekinfo-card.interfaces";
+import { PlekinfoCardClickEvent } from "./components/plekinfo-card/plekinfo-card.interfaces";
 import { ResponsiveElementSize } from "./components/responsive-element/responsive-element.interfaces";
 import { DsoScrollEndEvent } from "./components/scrollable/scrollable.interfaces";
 import { SegmentedButtonChangeEvent, SegmentedButtonOption } from "./components/segmented-button/segmented-button.interfaces";
@@ -87,6 +88,7 @@ export { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/lis
 export { LogoClickEvent, LogoLabelClickEvent } from "./components/logo/logo.interfaces";
 export { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 export { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
+export { Wijzigactie } from "./functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component";
 export { MapLayerActiveChangeEvent } from "./components/map-layer/map-layer.interfaces";
 export { MapLayerObjectActiveChangeEvent } from "./components/map-layer/components/map-layer-object.interfaces";
 export { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
@@ -96,7 +98,7 @@ export { OnboardingTipCloseEvent } from "./components/onboarding-tip/onboarding-
 export { MarkTextMarkFunction } from "./functional-components/mark-text/mark-text.interfaces";
 export { PaginationSelectPageEvent } from "./components/pagination/pagination.interfaces";
 export { PanelCloseEvent } from "./components/panel/panel.interfaces";
-export { PlekinfoCardClickEvent, PlekinfoWijzigactie } from "./components/plekinfo-card/plekinfo-card.interfaces";
+export { PlekinfoCardClickEvent } from "./components/plekinfo-card/plekinfo-card.interfaces";
 export { ResponsiveElementSize } from "./components/responsive-element/responsive-element.interfaces";
 export { DsoScrollEndEvent } from "./components/scrollable/scrollable.interfaces";
 export { SegmentedButtonChangeEvent, SegmentedButtonOption } from "./components/segmented-button/segmented-button.interfaces";
@@ -1013,15 +1015,19 @@ export namespace Components {
          */
         "active"?: boolean;
         /**
-          * The label of the Map Layer.
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
          */
-        "label": string | undefined;
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapLayerObject {
         /**
           * An optional boolean indicating whether the Map Layer Object is active.
          */
         "active"?: boolean;
+        /**
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+         */
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapMessage {
         /**
@@ -1172,7 +1178,7 @@ export namespace Components {
         /**
           * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
          */
-        "wijzigactie"?: PlekinfoWijzigactie;
+        "wijzigactie"?: Wijzigactie;
     }
     interface DsoProgressIndicator {
         /**
@@ -1218,7 +1224,7 @@ export namespace Components {
     }
     interface DsoSegmentedButton {
         /**
-          * Index of the currently active option
+          * The currently active option
          */
         "activeOption": SegmentedButtonOption | undefined;
         /**
@@ -3396,7 +3402,7 @@ declare namespace LocalJSX {
          */
         "notApplicable"?: boolean;
         /**
-          * Emitted when the user activates the annotation button.
+          * Emitted when the user clicks the annotation button, the close button of the annotation panel and the Kenmerken en Kaart button of IntIoRef in Ozon Content.
          */
         "onDsoAnnotationToggle"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentToggleAnnotationEvent>) => void;
         /**
@@ -3408,7 +3414,7 @@ declare namespace LocalJSX {
          */
         "onDsoOpenToggle"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>) => void;
         /**
-          * Emitted when the user interacts with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
+          * Emitted when the user interacts with IntRef in Ozon Content
          */
         "onDsoOzonContentClick"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentClickEvent>) => void;
         /**
@@ -3914,14 +3920,14 @@ declare namespace LocalJSX {
           * An optional boolean indicating whether the Map Layer is active.
          */
         "active"?: boolean;
-        /**
-          * The label of the Map Layer.
-         */
-        "label": string | undefined;
         /**
           * Emitted when user activates or deactivates the Map Layer.
          */
         "onDsoActiveChange"?: (event: DsoMapLayerCustomEvent<MapLayerActiveChangeEvent>) => void;
+        /**
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+         */
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapLayerObject {
         /**
@@ -3940,6 +3946,10 @@ declare namespace LocalJSX {
           * Emitted when the mouse leaves the Map Layer Object.
          */
         "onDsoMouseLeave"?: (event: DsoMapLayerObjectCustomEvent<any>) => void;
+        /**
+          * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+         */
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapMessage {
         /**
@@ -4134,7 +4144,7 @@ declare namespace LocalJSX {
         /**
           * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
          */
-        "wijzigactie"?: PlekinfoWijzigactie;
+        "wijzigactie"?: Wijzigactie;
     }
     interface DsoProgressIndicator {
         /**
@@ -4187,7 +4197,7 @@ declare namespace LocalJSX {
     }
     interface DsoSegmentedButton {
         /**
-          * Index of the currently active option
+          * The currently active option
          */
         "activeOption": SegmentedButtonOption | undefined;
         /**
@@ -4786,12 +4796,13 @@ declare namespace LocalJSX {
         "disableZoom": "in" | "out" | "both";
     }
     interface DsoMapLayerAttributes {
-        "label": string | undefined;
         "activatable": boolean;
         "active": boolean;
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapLayerObjectAttributes {
         "active": boolean;
+        "wijzigactie": Wijzigactie | undefined;
     }
     interface DsoMapMessageAttributes {
         "variant": "success" | "error" | "instruction" | undefined;
@@ -4832,7 +4843,7 @@ declare namespace LocalJSX {
         "emphasized": boolean;
     }
     interface DsoPlekinfoCardAttributes {
-        "wijzigactie": PlekinfoWijzigactie;
+        "wijzigactie": Wijzigactie;
         "href": string | undefined;
         "targetBlank": boolean;
         "active": boolean;
@@ -4963,8 +4974,8 @@ declare namespace LocalJSX {
         "dso-logo": Omit<DsoLogo, keyof DsoLogoAttributes> & { [K in keyof DsoLogo & keyof DsoLogoAttributes]?: DsoLogo[K] } & { [K in keyof DsoLogo & keyof DsoLogoAttributes as `attr:${K}`]?: DsoLogoAttributes[K] } & { [K in keyof DsoLogo & keyof DsoLogoAttributes as `prop:${K}`]?: DsoLogo[K] };
         "dso-map-base-layers": Omit<DsoMapBaseLayers, keyof DsoMapBaseLayersAttributes> & { [K in keyof DsoMapBaseLayers & keyof DsoMapBaseLayersAttributes]?: DsoMapBaseLayers[K] } & { [K in keyof DsoMapBaseLayers & keyof DsoMapBaseLayersAttributes as `attr:${K}`]?: DsoMapBaseLayersAttributes[K] } & { [K in keyof DsoMapBaseLayers & keyof DsoMapBaseLayersAttributes as `prop:${K}`]?: DsoMapBaseLayers[K] };
         "dso-map-controls": Omit<DsoMapControls, keyof DsoMapControlsAttributes> & { [K in keyof DsoMapControls & keyof DsoMapControlsAttributes]?: DsoMapControls[K] } & { [K in keyof DsoMapControls & keyof DsoMapControlsAttributes as `attr:${K}`]?: DsoMapControlsAttributes[K] } & { [K in keyof DsoMapControls & keyof DsoMapControlsAttributes as `prop:${K}`]?: DsoMapControls[K] };
-        "dso-map-layer": Omit<DsoMapLayer, keyof DsoMapLayerAttributes> & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes]?: DsoMapLayer[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `attr:${K}`]?: DsoMapLayerAttributes[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `prop:${K}`]?: DsoMapLayer[K] } & OneOf<"label", DsoMapLayer["label"], DsoMapLayerAttributes["label"]>;
-        "dso-map-layer-object": Omit<DsoMapLayerObject, keyof DsoMapLayerObjectAttributes> & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes]?: DsoMapLayerObject[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `attr:${K}`]?: DsoMapLayerObjectAttributes[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `prop:${K}`]?: DsoMapLayerObject[K] };
+        "dso-map-layer": Omit<DsoMapLayer, keyof DsoMapLayerAttributes> & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes]?: DsoMapLayer[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `attr:${K}`]?: DsoMapLayerAttributes[K] } & { [K in keyof DsoMapLayer & keyof DsoMapLayerAttributes as `prop:${K}`]?: DsoMapLayer[K] } & OneOf<"wijzigactie", DsoMapLayer["wijzigactie"], DsoMapLayerAttributes["wijzigactie"]>;
+        "dso-map-layer-object": Omit<DsoMapLayerObject, keyof DsoMapLayerObjectAttributes> & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes]?: DsoMapLayerObject[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `attr:${K}`]?: DsoMapLayerObjectAttributes[K] } & { [K in keyof DsoMapLayerObject & keyof DsoMapLayerObjectAttributes as `prop:${K}`]?: DsoMapLayerObject[K] } & OneOf<"wijzigactie", DsoMapLayerObject["wijzigactie"], DsoMapLayerObjectAttributes["wijzigactie"]>;
         "dso-map-message": Omit<DsoMapMessage, keyof DsoMapMessageAttributes> & { [K in keyof DsoMapMessage & keyof DsoMapMessageAttributes]?: DsoMapMessage[K] } & { [K in keyof DsoMapMessage & keyof DsoMapMessageAttributes as `attr:${K}`]?: DsoMapMessageAttributes[K] } & { [K in keyof DsoMapMessage & keyof DsoMapMessageAttributes as `prop:${K}`]?: DsoMapMessage[K] } & OneOf<"variant", DsoMapMessage["variant"], DsoMapMessageAttributes["variant"]>;
         "dso-map-overlays": Omit<DsoMapOverlays, keyof DsoMapOverlaysAttributes> & { [K in keyof DsoMapOverlays & keyof DsoMapOverlaysAttributes]?: DsoMapOverlays[K] } & { [K in keyof DsoMapOverlays & keyof DsoMapOverlaysAttributes as `attr:${K}`]?: DsoMapOverlaysAttributes[K] } & { [K in keyof DsoMapOverlays & keyof DsoMapOverlaysAttributes as `prop:${K}`]?: DsoMapOverlays[K] };
         "dso-mark-bar": Omit<DsoMarkBar, keyof DsoMarkBarAttributes> & { [K in keyof DsoMarkBar & keyof DsoMarkBarAttributes]?: DsoMarkBar[K] } & { [K in keyof DsoMarkBar & keyof DsoMarkBarAttributes as `attr:${K}`]?: DsoMarkBarAttributes[K] } & { [K in keyof DsoMarkBar & keyof DsoMarkBarAttributes as `prop:${K}`]?: DsoMarkBar[K] };

package/dist/types/functional-components/wrap-wijzigactie/wrap-wijzigactie.functional-component.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+export type Wijzigactie = "voegtoe" | "verwijder";
+export interface WrapWijzigactieProps {
+    wijzigactie: Wijzigactie | undefined;
+    class?: string;
+}
+export declare const WrapWijzigactie: FunctionalComponent<WrapWijzigactieProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "90.1.0",
+  "version": "90.2.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -24,7 +24,7 @@
     "@stencil/core": "4.43.0",
     "@stencil/store": "^2.2.2",
     "clsx": "^2.1.1",
-    "dso-toolkit": "^90.1.0",
+    "dso-toolkit": "^90.2.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^8.0.0",
     "i18next": "^25.8.13",
@@ -57,7 +57,7 @@
     "typescript": "~5.9.3"
   },
   "peerDependencies": {
-    "dso-toolkit": "90.1.0"
+    "dso-toolkit": "90.2.0"
   },
   "nx": {
     "includedScripts": []

package/dist/collection/components/ozon-content/functional-components/wrap-wijzigactie.functional-component.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-export const WrapWijzigactie = ({ wijzigactie }, children) => {
-    if (wijzigactie === "voegtoe") {
-        return h("ins", null, children);
-    }
-    if (wijzigactie === "verwijder") {
-        return h("del", null, children);
-    }
-    return children;
-};

package/dist/dso-toolkit/p-00e1ac4c.entry.js

@@ -1 +0,0 @@
-import{r as o,d,h as s,g as l}from"./p-ai7aDzJN.js";import{g as i}from"./p-BWkWD1Z2.js";import{i as a}from"./p-FXEjFTzg.js";import{v as e}from"./p-C_akviUd.js";const t={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},r=class{constructor(s){o(this,s),this.dsoClose=d(this,"dsoClose",7),this.ariaId=e(),this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=a((()=>this.host),t),this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=i();o instanceof HTMLElement&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}disconnectedCallback(){this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogClick(o){this.closable&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return s("dialog",{key:"5d7ddfc40dd53394fb0cb85272f1326c0ba97069",class:"dso-modal",role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},s("div",{key:"6f71103e9f8d01fdebeb186e6f4b7e8f4f3f7f45",class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.closable&&s("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:this.text("close"),onDsoClick:o=>this.dsoClose.emit({originalEvent:o})})):s("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),s("dso-scrollable",{key:"03c9930cb55b99cb9e5168e839279d4ad7dea2bf"},s("div",{key:"66e87f8479904a9001bc6836d5183e33a1b44bf9",class:"dso-body",tabIndex:0},s("slot",{key:"40b9d6d2997fcf64630c7b617b33345e6d8f3981",name:"body"}))),this.hasFooter&&s("div",{key:"89a9f92226e82a429bca0f0a021f4fd96d8ebdfe",class:"dso-footer"},s("slot",{key:"06b3975cfb42b7313baea186cd1fef29545fd9f4",name:"footer"}))))}get host(){return l(this)}};r.style="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}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}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal .dso-body:focus-visible{outline:none}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding-block:16px;padding-inline:24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:17px}";export{r as dso_modal}

package/dist/dso-toolkit/p-028df884.entry.js

@@ -1 +0,0 @@
-import{r as o,d as e,f as r,h as i,F as t,a as n,g as a}from"./p-ai7aDzJN.js";import{i as d}from"./p-Hgv-pDpy.js";const s=({wijzigactie:o},e)=>i("voegtoe"===o?"ins":"verwijder"===o?"del":"div",{class:"dso-plekinfo-card-container"},e),c=class{constructor(r){o(this,r),this.dsoPlekinfoCardClick=e(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>r(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof HTMLElement&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:d(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return i(n,{key:"195808a17ac11b26547e4b41fa56b4dcaa701fba","has-symbol":o},i(s,{key:"89a7af24895338ff188f45dda202f013f90be1ae",wijzigactie:this.wijzigactie},i("div",{key:"77e8f2b79cb9277579c30a43afa279b5085f3b22",class:"dso-plekinfo-card-symbol",hidden:!o},i("slot",{key:"a9a66ded575a35070c9fc7e998af610421ca61b5",name:"symbol"})),i("div",{key:"e9777c203783b5d345e6f268770c80b771b36243",class:"dso-plekinfo-card-heading"},this.href?i("a",{href:this.href,target:this.targetBlank?"_blank":void 0,rel:this.targetBlank?"noopener noreferrer":void 0,class:"heading-anchor",onClick:o=>this.clickEventHandler(o)},i("span",{class:"icon-container"},this.targetBlank?i(t,null,i("dso-icon",{icon:"external-link"}),i("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)")):i("dso-icon",{icon:"chevron-right"}),i("slot",{name:"heading"}))):i("slot",{name:"heading"}),null!==this.metaSlottedElement&&i("slot",{key:"be0665edf9fa951672184c4a621ec9da430deb11",name:"meta"}),null!==this.interaction&&i("slot",{key:"2b283e4c7106a380c8e2a8e7e83310c16410a534",name:"interaction"})),i("div",{key:"3ba8eb7a483b4b165ce8bc7dcba3fccb97b530d5",class:"dso-plekinfo-card-content"},i("slot",{key:"14e5c1aed546f3e795e7e542641e9f03532f4e31",name:"content"}))))}get host(){return a(this)}};c.style='ins{text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}';export{c as dso_plekinfo_card}