@dso-toolkit/core 62.23.0 → 62.24.0

package/dist/components/annotation-gewijzigde-locatie.js

@@ -0,0 +1,37 @@
+import { h, Fragment } from '@stencil/core/internal/client';
+
+const AnnotationDiffRenderer = ({ value }) => {
+    if (typeof value === "string" || !value) {
+        return value;
+    }
+    if ("toegevoegd" in value) {
+        return h("ins", null, value.toegevoegd);
+    }
+    if ("verwijderd" in value) {
+        return h("del", null, value.verwijderd);
+    }
+    if (Array.isArray(value)) {
+        return (h(Fragment, null, value.map((v, i, { length }) => (h(Fragment, null,
+            h(AnnotationDiffRenderer, { value: v }),
+            i < length - 1 ? ", " : "")))));
+    }
+    return (h(Fragment, null,
+        h("del", null, value.was),
+        " ",
+        h("ins", null, value.wordt)));
+};
+
+const AnnotationBody = ({ title, data, active, dsoActiveChange }) => (h("div", { class: "annotation-body" },
+    h("div", { class: "annotation-symbol" },
+        h("slot", { name: "symbool" })),
+    h("div", { class: "annotation-info" },
+        h("p", { class: "annotation-title" }, title),
+        data && h("p", { class: "annotation-data" }, data)),
+    h("div", { class: "annotation-control" },
+        h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) }))));
+
+const AnnotationGewijzigdeLocatie = () => (h("dso-label", { class: "gewijzigde-locatie", status: "warning", compact: true }, "gewijzigde locatie"));
+
+export { AnnotationBody as A, AnnotationDiffRenderer as a, AnnotationGewijzigdeLocatie as b };
+
+//# sourceMappingURL=annotation-gewijzigde-locatie.js.map

package/dist/components/annotation-gewijzigde-locatie.js.map

@@ -0,0 +1 @@
+{"file":"annotation-gewijzigde-locatie.js","mappings":";;MAQa,sBAAsB,GAAqD,CAAC,EAAE,KAAK,EAAE;IAChG,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,EAAE;QACvC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,YAAY,IAAI,KAAK,EAAE;QACzB,OAAO,eAAM,KAAK,CAAC,UAAU,CAAO,CAAC;KACtC;IAED,IAAI,YAAY,IAAI,KAAK,EAAE;QACzB,OAAO,eAAM,KAAK,CAAC,UAAU,CAAO,CAAC;KACtC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,QACE,kBACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAC1B;YACE,EAAC,sBAAsB,IAAC,KAAK,EAAE,CAAC,GAAI;YACnC,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,CAC1B,CACJ,CAAC,CACD,EACH;KACH;IAED,QACE;QACE,eAAM,KAAK,CAAC,GAAG,CAAO;;QAAC,eAAM,KAAK,CAAC,KAAK,CAAO,CAC9C,EACH;AACJ;;MC7Ba,cAAc,GAA6C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,MAC/G,WAAK,KAAK,EAAC,iBAAiB;IAC1B,WAAK,KAAK,EAAC,mBAAmB;QAC5B,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB;IACN,WAAK,KAAK,EAAC,iBAAiB;QAC1B,SAAG,KAAK,EAAC,kBAAkB,IAAE,KAAK,CAAK;QACtC,IAAI,IAAI,SAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAK,CAC1C;IACN,WAAK,KAAK,EAAC,oBAAoB;QAC7B,wBACE,eAAe,EAAC,eAAe,EAC/B,OAAO,EAAE,MAAM,EACf,iBAAiB,EAAE,CAAC,CAAC,KAAK,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,GAC7G,CACE,CACF;;MCxBK,2BAA2B,GAAG,OACzC,iBAAW,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,+BAElD;;;;","names":[],"sources":["src/components/annotation/annotation-diff-renderer.tsx","src/components/annotation/annotation-body.tsx","src/components/annotation/annotation-gewijzigde-locatie.tsx"],"sourcesContent":["import { FunctionalComponent, Fragment, h } from \"@stencil/core\";\r\n\r\nimport { AnnotationDiff } from \"./annotation.interfaces\";\r\n\r\ninterface AnnotationDiffRendererProps {\r\n  value: AnnotationDiff | string | undefined | Array<AnnotationDiff | string | undefined>;\r\n}\r\n\r\nexport const AnnotationDiffRenderer: FunctionalComponent<AnnotationDiffRendererProps> = ({ value }) => {\r\n  if (typeof value === \"string\" || !value) {\r\n    return value;\r\n  }\r\n\r\n  if (\"toegevoegd\" in value) {\r\n    return <ins>{value.toegevoegd}</ins>;\r\n  }\r\n\r\n  if (\"verwijderd\" in value) {\r\n    return <del>{value.verwijderd}</del>;\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return (\r\n      <>\r\n        {value.map((v, i, { length }) => (\r\n          <>\r\n            <AnnotationDiffRenderer value={v} />\r\n            {i < length - 1 ? \", \" : \"\"}\r\n          </>\r\n        ))}\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <del>{value.was}</del> <ins>{value.wordt}</ins>\r\n    </>\r\n  );\r\n};\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent } from \"./annotation.interfaces\";\r\n\r\ninterface AnnotationBodyProps {\r\n  title: JSX.Element;\r\n  data?: JSX.Element;\r\n  active: boolean | undefined;\r\n  dsoActiveChange: EventEmitter<AnnotationActiveChangeEvent>;\r\n}\r\n\r\nexport const AnnotationBody: FunctionalComponent<AnnotationBodyProps> = ({ title, data, active, dsoActiveChange }) => (\r\n  <div class=\"annotation-body\">\r\n    <div class=\"annotation-symbol\">\r\n      <slot name=\"symbool\" />\r\n    </div>\r\n    <div class=\"annotation-info\">\r\n      <p class=\"annotation-title\">{title}</p>\r\n      {data && <p class=\"annotation-data\">{data}</p>}\r\n    </div>\r\n    <div class=\"annotation-control\">\r\n      <dso-slide-toggle\r\n        accessibleLabel=\"Toon op kaart\"\r\n        checked={active}\r\n        onDsoActiveChange={(e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e })}\r\n      />\r\n    </div>\r\n  </div>\r\n);\r\n","import { h } from \"@stencil/core\";\r\n\r\nexport const AnnotationGewijzigdeLocatie = () => (\r\n  <dso-label class=\"gewijzigde-locatie\" status=\"warning\" compact>\r\n    gewijzigde locatie\r\n  </dso-label>\r\n);\r\n"],"version":3}

package/dist/components/attachments-counter.js

@@ -12,7 +12,7 @@ const AttachmentsCounter = /*@__PURE__*/ proxyCustomElement(class AttachmentsCou
         this.count = undefined;
     }
     render() {
-        return (h("span", { key: 'cd8239d516bd4ea96cdb3d6273d092e1441aa5bb', class: "dso-attachments" }, this.count, " ", h("span", { key: 'b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e', icon: "paperclip" })));
+        return (h("span", { key: '54b3a9b513d57c2ee0aa40d654e365445affd021', class: "dso-attachments" }, this.count, " ", h("span", { key: 'ca1ae3ac9b052e1e4aba77487aa82c91c1d8577c', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '234da788bfb62fce6fa08f6d99fd0fc7a863b5f8', icon: "paperclip" })));
     }
     static get style() { return DsoAttachmentsCounterStyle0; }
 }, [1, "dso-attachments-counter", {

package/dist/components/badge.js

@@ -12,7 +12,7 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
         this.status = undefined;
     }
     render() {
-        return (h("span", { key: '17c5db4cee662c7ca0b066f8386c47eabe2f05e4', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'c6f05d23f5f0446909f27786b0aea8e461c2f1d1' })));
+        return (h("span", { key: 'fd6c32075509a81c31f1e21afab9de5aa7e38039', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'ad352b0cfe534421fd566277b54c31c2bcaabcf9' })));
     }
     static get style() { return DsoBadgeStyle0; }
 }, [1, "dso-badge", {

package/dist/components/document-component.js

@@ -115,7 +115,7 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
             this.alternativeTitle ||
             this.bevatOntwerpInformatie ||
             this.annotated);
-        return (h(Host, { key: '180d4956e89e98c29250f16f619e9ef66a47defb', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '3f0c32dcfd7b66ce0a02f02791ccc2bc950725d6', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'edd759244d2b77925737d4e4e975fdd2ef3c057f', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '44b7d61fc8cebdb8c3af0163286ff92fa9339837', class: "heading" }, h(Heading, { key: '193715c5f57a576859cc5ce6a4cffd0b3a26ba30', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { key: '32fec5ecbcedd1fed7dc0e0168a2890591b765ea', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: '63154eb51701917a122fda008cc25ae018c682cd', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '21c5e1b1f086ada567c461a520f92a0ab74c0d20', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("div", { key: '153d54d2edbef88cd640ac2925001974ed40ae64', id: "heading-title" }, this.notApplicable && h("span", { key: '58054c0c706d0ad35b336cb927bf2502678c6958', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: '4c3f9c0e3c769a089a4178147e7aabd8c0bb35f3' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { key: 'a8668569851e3040436be00e2457424c628cc8e3', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: 'bfb6d40c14d2ac261959cd876d0d46507e4a4774', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { key: '5321c1545a0e6bed5f6e5353b5cfc28dfea098a5', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: 'f37bf908169191a84343f3f96016f0f9c15cc118', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '3691c99c7c803fcb00fba16dfa3e0796d3686e58', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '6d2fed031d753bf7cff29d102ff5f8448fc2428b', status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { key: '305867e647f4b1478e4ea7c0570933df69ac2f5b', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { key: '5d48caf78f99bc755a42465c4b0aa38bd37d1936', class: "annotation-container", part: "_annotation-container" }, h("slot", { key: '9499614c5000ad008321a9de1ebb1e65536012f8', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { key: '438a136e8389683a5468266951edd736ac26a7d0', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: 'e1773708ff6469934632603a9120530554d08696', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: '2dea9c710ee1036a7ed06ec0a64fe889d973dce1', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '752f5261e5ee723f095dcb19735905ea24cd5bf1', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '894adb54eaff81395719c8967e1ae1f604087c7e', class: "children-container", part: "_children-container" }, h("slot", { key: 'dacd50c2867c6b832d45084a250c13c14c956198' }))));
+        return (h(Host, { key: '9dbd54a67bbf583b2c9db8b159ba709bd1e9111b', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '3f4b58120079753f4cc2c69310e88b76e9f0f2ae', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '75f0d2f067830daa732e3c8e8af6611702312ac8', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: 'b1f079fbe976495d789cbbf81d5f6afaabe0a5ee', class: "heading" }, h(Heading, { key: '40c631e7cb155734be99c816d3a8411679ae8144', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (h("button", { key: 'ea6fe08e091ce6acf6129d451d72e653896de93d', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: 'd97d8e98b27d6c36d604b75ddfdde8d6ceddf79c', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '986060b08f90783a7a5a05549275fd621d3bee25', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("div", { key: '58ffa9527fc168187d5005710f41c5b2996bc803', id: "heading-title" }, this.notApplicable && h("span", { key: '08aff61f4665a09f1271f59a2fe2e594a6bf167e', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: 'ce8285ed0ee76cfde5e6255fdd674ff8356f96bf' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (h("button", { key: '6dfc27b8ce553a5d9dfa7fb957c431de7622942d', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: '8052ce5083f0032d7c13e0fc7aded8c68be5b256', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (h(Fragment, null, h("dso-badge", { key: 'eca112e692e78ac6b2dceabb14eaaa8f3e2ac39b', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '3dd7b71002beb1a2a860960790bbe9d999331189', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '68fc34b5da1558e440ac4edd48249e8e44120c79', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '6aec245dd6d56d9aebd52b89e93f740a02423fbb', status: "warning", compact: true }, "Ontwerp")), this.annotated && (h("dso-annotation-button", { key: '3eddb2e0766a7f7f48c5c476760e1c4066730604', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), h("div", { key: '720747bbcaeb1caaf2e944737723361449e8b47d', class: "annotation-container", part: "_annotation-container" }, h("slot", { key: '5ceb1bb029eaf50c7a6d8c689d82aebb066b2b91', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (h("div", { key: 'fe5eadfa9fb9b080ab2c611e678c3b3685de5675', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: '85075a86cad5db60ac20fa10eb329d66836e063a', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: 'c2805d0679ef7ca5ca87f2e43f1450f568954ee3', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '044236d783f05cc89eb381b44f71920cd33abe25', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '59f76cb70ed4878b076ede1023347b5092962650', class: "children-container", part: "_children-container" }, h("slot", { key: '911f9a835801979ed3db2f13ae81137d4c13689f' }))));
     }
     static get style() { return DsoDocumentComponentStyle0; }
 }, [1, "dso-document-component", {

package/dist/components/dropdown-menu.js

@@ -214,7 +214,7 @@ const DropdownMenu = /*@__PURE__*/ proxyCustomElement(class DropdownMenu extends
         (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'eb56d9c3c656eb150bd5aaca3dac3b8a08c8cd72', onFocusout: this.focusOutListener }, h("slot", { key: 'de13bf1d689fe5b7923765ff34d9419e0f4504d6', name: "toggle" }), h("div", { key: 'a49e77fa7e5fd6d9f77aa05d6e14674779665af0', hidden: !this.open }, h("slot", { key: 'f6c6c8529f638e5a0ff7f76764cd5a96e975e97f' }))));
+        return (h(Host, { key: '77ac6cc50a707d48310edd4224d192d9e8e3cc1b', onFocusout: this.focusOutListener }, h("slot", { key: '3388875ba46e7f5b9711ab3ebdd08daa39e98d22', name: "toggle" }), h("div", { key: '68362bca01cb7f86c6a2e9f760aa5af7a25fcf14', hidden: !this.open }, h("slot", { key: '653ec1ca00468188bf45ef2f6bde361ff8590f56' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/dso-annotation-activiteit.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsoAnnotationActiviteit extends Components.DsoAnnotationActiviteit, HTMLElement {}
+export const DsoAnnotationActiviteit: {
+    prototype: DsoAnnotationActiviteit;
+    new (): DsoAnnotationActiviteit;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/dso-annotation-activiteit.js

@@ -0,0 +1,77 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { A as AnnotationBody, a as AnnotationDiffRenderer, b as AnnotationGewijzigdeLocatie } from './annotation-gewijzigde-locatie.js';
+import { d as defineCustomElement$5 } from './icon.js';
+import { d as defineCustomElement$4 } from './label.js';
+import { d as defineCustomElement$3 } from './slide-toggle.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+const annotationCss = "ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}ins a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}ins a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}del a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}del a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}";
+const DsoAnnotationActiviteitStyle0 = annotationCss;
+
+const AnnotationActiviteit = /*@__PURE__*/ proxyCustomElement(class AnnotationActiviteit extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dsoActiveChange = createEvent(this, "dsoActiveChange", 7);
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.naam = undefined;
+        this.regelKwalificatie = undefined;
+        this.locatieNoemers = undefined;
+        this.regelKwalificatieVoorzetsel = undefined;
+    }
+    render() {
+        return (h(AnnotationBody, { key: 'e65c359d4d277852b980dfcb94a8095b760fe291', active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(AnnotationDiffRenderer, { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h(AnnotationDiffRenderer, { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationDiffRenderer, { value: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+    }
+    static get style() { return DsoAnnotationActiviteitStyle0; }
+}, [1, "dso-annotation-activiteit", {
+        "wijzigactie": [513],
+        "active": [516],
+        "gewijzigdeLocatie": [516, "gewijzigde-locatie"],
+        "naam": [1],
+        "regelKwalificatie": [1, "regel-kwalificatie"],
+        "locatieNoemers": [16],
+        "regelKwalificatieVoorzetsel": [1, "regel-kwalificatie-voorzetsel"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-annotation-activiteit", "dso-icon", "dso-label", "dso-slide-toggle", "dso-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-annotation-activiteit":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AnnotationActiviteit);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "dso-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-slide-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DsoAnnotationActiviteit = AnnotationActiviteit;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsoAnnotationActiviteit, defineCustomElement };
+
+//# sourceMappingURL=dso-annotation-activiteit.js.map

package/dist/components/dso-annotation-activiteit.js.map

@@ -0,0 +1 @@
+{"file":"dso-annotation-activiteit.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,sCAAe,aAAa;;MCaf,oBAAoB;;;;;;;;;;;;;;IAiD/B,MAAM;QACJ,QACE,EAAC,cAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAE,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,EACnD,IAAI,EACF,kBACE,YAAM,KAAK,EAAC,SAAS,IAClB,IAAI,CAAC,iBAAiB,KACrB,kBACE,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,GAAI,EAAC,GAAG,CAC5D,CACJ,EACA,IAAI,CAAC,2BAA2B,IAAI,GAAG,IAAI,CAAC,2BAA2B,IAAI,EAC5E,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,cAAc,GAAI,CACjD,EACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-activiteit&encapsulation=shadow","src/components/annotation/annotation-activiteit/annotation-activiteit.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, Fragment, EventEmitter } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-activiteit\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationActiviteit implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de activiteit.\r\n   */\r\n  @Prop()\r\n  naam?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De activiteit regel kwalificatie.\r\n   */\r\n  @Prop()\r\n  regelKwalificatie?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemers?: Array<AnnotationDiff | string>;\r\n\r\n  /**\r\n   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.\r\n   */\r\n  @Prop()\r\n  regelKwalificatieVoorzetsel?: string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={<AnnotationDiffRenderer value={this.naam} />}\r\n        data={\r\n          <>\r\n            <span class=\"content\">\r\n              {this.regelKwalificatie && (\r\n                <>\r\n                  <AnnotationDiffRenderer value={this.regelKwalificatie} />{\" \"}\r\n                </>\r\n              )}\r\n              {this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `}\r\n              <AnnotationDiffRenderer value={this.locatieNoemers} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dso-annotation-gebiedsaanwijzing.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsoAnnotationGebiedsaanwijzing extends Components.DsoAnnotationGebiedsaanwijzing, HTMLElement {}
+export const DsoAnnotationGebiedsaanwijzing: {
+    prototype: DsoAnnotationGebiedsaanwijzing;
+    new (): DsoAnnotationGebiedsaanwijzing;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/dso-annotation-gebiedsaanwijzing.js

@@ -0,0 +1,71 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { A as AnnotationBody, a as AnnotationDiffRenderer, b as AnnotationGewijzigdeLocatie } from './annotation-gewijzigde-locatie.js';
+import { d as defineCustomElement$5 } from './icon.js';
+import { d as defineCustomElement$4 } from './label.js';
+import { d as defineCustomElement$3 } from './slide-toggle.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+const annotationCss = "ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}ins a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}ins a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}del a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}del a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}";
+const DsoAnnotationGebiedsaanwijzingStyle0 = annotationCss;
+
+const AnnotationGebiedsaanwijzing = /*@__PURE__*/ proxyCustomElement(class AnnotationGebiedsaanwijzing extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dsoActiveChange = createEvent(this, "dsoActiveChange", 7);
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.naam = undefined;
+    }
+    render() {
+        return (h(AnnotationBody, { key: '20b91adc13efad9dd22e3df18dc5b92b333de2f4', active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h(AnnotationDiffRenderer, { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+    }
+    static get style() { return DsoAnnotationGebiedsaanwijzingStyle0; }
+}, [1, "dso-annotation-gebiedsaanwijzing", {
+        "wijzigactie": [513],
+        "active": [516],
+        "gewijzigdeLocatie": [516, "gewijzigde-locatie"],
+        "naam": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-annotation-gebiedsaanwijzing", "dso-icon", "dso-label", "dso-slide-toggle", "dso-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-annotation-gebiedsaanwijzing":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AnnotationGebiedsaanwijzing);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "dso-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-slide-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DsoAnnotationGebiedsaanwijzing = AnnotationGebiedsaanwijzing;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsoAnnotationGebiedsaanwijzing, defineCustomElement };
+
+//# sourceMappingURL=dso-annotation-gebiedsaanwijzing.js.map

package/dist/components/dso-annotation-gebiedsaanwijzing.js.map

@@ -0,0 +1 @@
+{"file":"dso-annotation-gebiedsaanwijzing.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,6CAAe,aAAa;;MCaf,2BAA2B;;;;;;;;;;;IA+BtC,MAAM;QACJ,QACE,EAAC,cAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH,kBACE,YAAM,KAAK,EAAC,SAAS,IACnB,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,CACvC,EACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-gebiedsaanwijzing&encapsulation=shadow","src/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-gebiedsaanwijzing\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationGebiedsaanwijzing implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de gebiedsaanwijzing.\r\n   */\r\n  @Prop()\r\n  naam?: AnnotationDiff | string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={\r\n          <>\r\n            <span class=\"content\">\r\n              <AnnotationDiffRenderer value={this.naam} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dso-annotation-omgevingsnorm.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsoAnnotationOmgevingsnorm extends Components.DsoAnnotationOmgevingsnorm, HTMLElement {}
+export const DsoAnnotationOmgevingsnorm: {
+    prototype: DsoAnnotationOmgevingsnorm;
+    new (): DsoAnnotationOmgevingsnorm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/dso-annotation-omgevingsnorm.js

@@ -0,0 +1,75 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { A as AnnotationBody, a as AnnotationDiffRenderer, b as AnnotationGewijzigdeLocatie } from './annotation-gewijzigde-locatie.js';
+import { d as defineCustomElement$5 } from './icon.js';
+import { d as defineCustomElement$4 } from './label.js';
+import { d as defineCustomElement$3 } from './slide-toggle.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+const annotationCss = "ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}ins a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}ins a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}del a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}del a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}";
+const DsoAnnotationOmgevingsnormStyle0 = annotationCss;
+
+const AnnotationOmgevingsnorm = /*@__PURE__*/ proxyCustomElement(class AnnotationOmgevingsnorm extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dsoActiveChange = createEvent(this, "dsoActiveChange", 7);
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.naam = undefined;
+        this.waardes = undefined;
+        this.eenheid = undefined;
+    }
+    render() {
+        return (h(AnnotationBody, { key: 'e0b0eafa60be59276a2bc5c5ec9c4d78adf69811', active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h(AnnotationDiffRenderer, { value: this.naam }), " (in ", h(AnnotationDiffRenderer, { value: this.eenheid }), ")"), data: h(Fragment, null, h("span", { class: "content" }, "Waardes worden weergegeven op de kaart: ", h(AnnotationDiffRenderer, { value: this.waardes })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+    }
+    static get style() { return DsoAnnotationOmgevingsnormStyle0; }
+}, [1, "dso-annotation-omgevingsnorm", {
+        "wijzigactie": [513],
+        "active": [516],
+        "gewijzigdeLocatie": [516, "gewijzigde-locatie"],
+        "naam": [1],
+        "waardes": [16],
+        "eenheid": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-annotation-omgevingsnorm", "dso-icon", "dso-label", "dso-slide-toggle", "dso-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-annotation-omgevingsnorm":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AnnotationOmgevingsnorm);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "dso-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-slide-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DsoAnnotationOmgevingsnorm = AnnotationOmgevingsnorm;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsoAnnotationOmgevingsnorm, defineCustomElement };
+
+//# sourceMappingURL=dso-annotation-omgevingsnorm.js.map

package/dist/components/dso-annotation-omgevingsnorm.js.map

@@ -0,0 +1 @@
+{"file":"dso-annotation-omgevingsnorm.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,yCAAe,aAAa;;MCcf,uBAAuB;;;;;;;;;;;;;IA2ClC,MAAM;QACJ,QACE,EAAC,cAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,KAAK,EAC5B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH,kBACE,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,WAAK,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,GAAI,MAC/F,EAEL,IAAI,EACF,kBACE,YAAM,KAAK,EAAC,SAAS,gDACqB,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,GAAI,CAClF,EACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-omgevingsnorm&encapsulation=shadow","src/components/annotation/annotation-omgevingsnorm/annotation-omgevingsnorm.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment } from \"@stencil/core\";\r\n\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-omgevingsnorm\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationOmgevingsnorm implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de omgevingsnorm\r\n   */\r\n  @Prop()\r\n  naam?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De waardes van de omgevingsnorm.\r\n   */\r\n  @Prop()\r\n  waardes?: Array<AnnotationDiff | string>;\r\n\r\n  /**\r\n   * De eenheid van de omgevingsnorm.\r\n   */\r\n  @Prop()\r\n  eenheid?: AnnotationDiff | string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active || false}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={\r\n          <>\r\n            <AnnotationDiffRenderer value={this.naam} /> (in <AnnotationDiffRenderer value={this.eenheid} />)\r\n          </>\r\n        }\r\n        data={\r\n          <>\r\n            <span class=\"content\">\r\n              Waardes worden weergegeven op de kaart: <AnnotationDiffRenderer value={this.waardes} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dso-annotation-werkingsgebied.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsoAnnotationWerkingsgebied extends Components.DsoAnnotationWerkingsgebied, HTMLElement {}
+export const DsoAnnotationWerkingsgebied: {
+    prototype: DsoAnnotationWerkingsgebied;
+    new (): DsoAnnotationWerkingsgebied;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/dso-annotation-werkingsgebied.js

@@ -0,0 +1,71 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { A as AnnotationBody, a as AnnotationDiffRenderer, b as AnnotationGewijzigdeLocatie } from './annotation-gewijzigde-locatie.js';
+import { d as defineCustomElement$5 } from './icon.js';
+import { d as defineCustomElement$4 } from './label.js';
+import { d as defineCustomElement$3 } from './slide-toggle.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+const annotationCss = "ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}ins a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}ins a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}del a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}del a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}";
+const DsoAnnotationWerkingsgebiedStyle0 = annotationCss;
+
+const AnnotationWerkingsgebied = /*@__PURE__*/ proxyCustomElement(class AnnotationWerkingsgebied extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dsoActiveChange = createEvent(this, "dsoActiveChange", 7);
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.locatieNoemer = undefined;
+    }
+    render() {
+        return (h(AnnotationBody, { key: '5ff15871ff44f3ce0120bbd38e01745db2bcddf8', active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h(AnnotationDiffRenderer, { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+    }
+    static get style() { return DsoAnnotationWerkingsgebiedStyle0; }
+}, [1, "dso-annotation-werkingsgebied", {
+        "wijzigactie": [513],
+        "active": [516],
+        "gewijzigdeLocatie": [516, "gewijzigde-locatie"],
+        "locatieNoemer": [1, "locatie-noemer"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-annotation-werkingsgebied", "dso-icon", "dso-label", "dso-slide-toggle", "dso-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-annotation-werkingsgebied":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AnnotationWerkingsgebied);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "dso-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-slide-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DsoAnnotationWerkingsgebied = AnnotationWerkingsgebied;
+const defineCustomElement = defineCustomElement$1;
+
+export { DsoAnnotationWerkingsgebied, defineCustomElement };
+
+//# sourceMappingURL=dso-annotation-werkingsgebied.js.map

package/dist/components/dso-annotation-werkingsgebied.js.map

@@ -0,0 +1 @@
+{"file":"dso-annotation-werkingsgebied.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,0CAAe,aAAa;;MCcf,wBAAwB;;;;;;;;;;;IA+BnC,MAAM;QACJ,QACE,EAAC,cAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH,kBACE,YAAM,KAAK,EAAC,SAAS,IACnB,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,CAChD,EACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-werkingsgebied&encapsulation=shadow","src/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-werkingsgebied\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationWerkingsgebied implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemer?: AnnotationDiff | string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={\r\n          <>\r\n            <span class=\"content\">\r\n              <AnnotationDiffRenderer value={this.locatieNoemer} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dso-autosuggest.js

@@ -281,7 +281,7 @@ const Autosuggest = /*@__PURE__*/ proxyCustomElement(class Autosuggest extends H
     render() {
         var _a, _b;
         const terms = (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value.split(" ").filter((t) => t)) !== null && _b !== void 0 ? _b : [];
-        return (h(Fragment, null, h("slot", { key: '09b8007a9093730c9198eb3298b7c653138c2647' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
+        return (h(Fragment, null, h("slot", { key: '0f00f7ea891f7614aeef586b69a4bcd9b75d33f8' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value }, h("div", { class: "suggestion-row" }, h("span", { class: "value" }, this.markTerms(suggestion.value, terms)), suggestion.type ? h("span", { class: "type" }, this.markTerms(suggestion.type, terms)) : undefined), suggestion.extras &&
                 this.getChunkedExtras(suggestion.extras).map((chunk) => (h("div", { class: "suggestion-row" }, chunk.map((c) => (h("span", { class: "extra" }, this.markTerms(c, terms))))))))))) ||

package/dist/components/dso-banner.js

@@ -14,9 +14,9 @@ const Banner = /*@__PURE__*/ proxyCustomElement(class Banner extends HTMLElement
         this.noIcon = true;
     }
     render() {
-        return (h("section", { key: 'a5cb823753eda49087b357498f5b92e3a042d46d', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: 'b8ca330b6db6505cf178f85cf8f970012b13585d', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("slot", { key: '9c76ee38f37a2f5d1c246d21bcfb40f801882de4' })));
+            }), role: "alert" }, h("slot", { key: 'f759d4207e830eb6a420d660b2a40775df7a0573' })));
     }
     static get style() { return DsoBannerStyle0; }
 }, [1, "dso-banner", {

package/dist/components/dso-card-container.js

@@ -11,7 +11,7 @@ const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer exten
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '54a6e926c22a118a77119add63558c55a7ef2cf9', class: "dso-card-list" }, h("slot", { key: '63777d504620cbc54a94a95bbada8b7028ef5d92' }))), this.mode === "grid" && (h("div", { key: '3b0feb3331f54fb7f084ad4c1e3bb18ddca6ee9d', class: "dso-card-grid" }, h("slot", { key: '0bc1a70a40326d61cfa9af7b8cdf8e73bb8d39cf' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '4628edd1ea9ebde12abc69482a3586df6824e897', class: "dso-card-list" }, h("slot", { key: '28f8c7af2cb269d034aead2d8f8b24ff36a9707a' }))), this.mode === "grid" && (h("div", { key: '53a740a4c52d3844ea02570259805ae7c98424a2', class: "dso-card-grid" }, h("slot", { key: '300b540b919ea82d20cb9d4fa57ad88cd342e734' })))));
     }
     static get style() { return DsoCardContainerStyle0; }
 }, [1, "dso-card-container", {

package/dist/components/dso-card.js

@@ -65,9 +65,9 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends HTMLElement {
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
         const hasImage = this.imageSlottedElement !== null;
-        return (h(Host, { key: 'b9cc1a47bc39e6e2011ba6412436ab855d9819cf', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, h("div", { key: 'b8a059c5b2cc2f29392e0311fcbb3a02b1b39580', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '304c0dad6a73ebb2ad12f7c4e0a807d53c7ca660', name: "selectable" })), h("div", { key: '3e976d9e8eb0fbc3578a8fc6f32687f97ca6fc69', class: "dso-card-image", hidden: !hasImage }, h("slot", { key: 'e10f2acff35dcd3316f0cb14575d5d2e4ab86c95', name: "image" })), h("div", { key: 'c7d437cc6d54eab8e9d6ad45411230498b243466', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "chevron-right" })))) ||
+        return (h(Host, { key: '0c66649451517f7964437001acc82fa555882caf', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, h("div", { key: 'f422f604c9fe91dfe284b4b01bbf3c053228b056', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '2b1401266e44bb6970849763ecd3b09c2a54ebcc', name: "selectable" })), h("div", { key: 'c2e9b599af341e366dcae1abb8435fcdb8d98074', class: "dso-card-image", hidden: !hasImage }, h("slot", { key: 'fe525fc9248bfdd7482975a6a367c28cda331c95', name: "image" })), h("div", { key: '5811c5f9891e07c486820d28391a83bfc21a5bfc', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "chevron-right" })))) ||
             (this.mode === "extern" && (h("a", { href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && h("slot", { key: 'f318d02fe89a6aa2a9377e2f32d72726c848c42f', name: "interactions" })), h("div", { key: '7b725b7edeee93b237352eff09ae2574647b9a3b', class: "dso-card-content" }, h("slot", { key: '9f855efe124e2a273b1ecb465b27bc7e01ac10e9', name: "content" }))));
+            (this.mode === "download" && (h("a", { href: this.href, class: "heading-anchor" }, h("slot", { name: "heading" }), h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && h("slot", { key: '330c90621b89d1565a35474af14f5bced644dc70', name: "interactions" })), h("div", { key: '11cd1a110f6c5fbbd52611183a8dc6f87448016e', class: "dso-card-content" }, h("slot", { key: 'f7cc4cbd9fe205a75004a65ae8c62df4f62ccac9', name: "content" }))));
     }
     get host() { return this; }
     static get style() { return DsoCardStyle0; }