@dso-toolkit/core 84.0.0 → 84.1.0

package/dist/cjs/dso-alert_7.cjs.entry.js

@@ -868,7 +868,7 @@ class OzonContentIntIoRefNode {
     constructor() {
         this.name = "IntIoRef";
     }
-    render(node, { mapNodeToJsx, emitClick, urlResolver }) {
+    render(node, { mapNodeToJsx, emitClick, urlResolver, annotated }) {
         const ref = node.getAttribute("ref");
         if (!ref) {
             return mapNodeToJsx(node.childNodes);
@@ -881,7 +881,7 @@ class OzonContentIntIoRefNode {
                 originalEvent: event,
             });
         };
-        return (index.h(index.Fragment, null, index.h("dso-ozon-content-toggletip", { icon: "map-location" }, index.h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), index.h("p", null, "Gebieden op de kaart tonen:", " ", index.h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, index.h("span", null, "Kenmerken en kaart"), index.h("dso-icon", { icon: "label" }))), index.h("p", null, "Offici\u00EBle publicaties:", " ", index.h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, title: "Opent andere website in nieuw tabblad" }, index.h("span", null, mapNodeToJsx(node.childNodes)), index.h("dso-icon", { icon: "external-link" }))))));
+        return (index.h(index.Fragment, null, index.h("dso-ozon-content-toggletip", { icon: "map-location" }, index.h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), annotated && (index.h("span", { role: "paragraph" }, "Gebieden op de kaart tonen:", " ", index.h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, index.h("span", null, "Kenmerken en kaart"), index.h("dso-icon", { icon: "label" })))), index.h("span", { role: "paragraph" }, "Offici\u00EBle publicaties:", " ", index.h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, title: "Opent andere website in nieuw tabblad" }, index.h("span", null, mapNodeToJsx(node.childNodes)), index.h("dso-icon", { icon: "external-link" }))))));
     }
 }
 
@@ -1221,6 +1221,7 @@ class Mapper {
             path,
             urlResolver: context.urlResolver,
             begripResolver: context.begripResolver,
+            annotated: context.annotated,
         });
     }
     transform(input, context) {
@@ -3580,6 +3581,11 @@ const OzonContent = class {
          * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         this.inline = false;
+        /**
+         * Boolean indicating that this dso-ozon-content is part of an annotated context. If true the content of the
+         * toggletip for "IntIoRef" will show a "Kenmerken en kaart" annotation button.
+         */
+        this.annotated = false;
         this.state = {};
         this.handleMarkItemHighlight = (text, elementRef) => {
             this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });
@@ -3598,9 +3604,10 @@ const OzonContent = class {
             emitClick: this.dsoClick.emit,
             urlResolver: this.urlResolver,
             begripResolver: this.begripResolver,
+            annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return index.h(index.Fragment, { key: '92378648257fba09ed3be50bbbaef24d1340d370' }, transformed);
+        return index.h(index.Fragment, { key: '71bf1fc9de6ed6e967c1344f904be839d0f7e87d' }, transformed);
     }
     static get watchers() { return {
         "content": ["contentWatcher"]
@@ -3671,7 +3678,7 @@ const ozonContentToggletip = class {
         }
     }
     render() {
-        return (index.h(index.Fragment, { key: 'faca446e458b070e3f000fab607462c6b64b1e04' }, index.h("button", { key: 'bf4d592d4cc6267eccfcd5255dfa7df30b8e2d27', class: "toggletip-button", ref: (element) => (this.container = element), onClick: this.click }, index.h("slot", { key: '4bedf4047b02db631f3807c1f1eabf39c4779667', name: "label" }), index.h("dso-icon", { key: '9d65cc299b5a74c06ea859726ed7f4354ce65f78', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: '9e982484acf1c42eeb88b30bf4d36eea3737278d', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: '169af85058bd65b5f8675a1b269751265b2c54ae' })))));
+        return (index.h(index.Fragment, { key: '8aecb20af28a36b0cc3a66ca246c804da68c259b' }, index.h("button", { key: '70c9278aee7ec1253aad666f57e2291b8a516c9f', class: "toggletip-button", ref: (element) => (this.container = element), onClick: this.click }, index.h("slot", { key: '188d77f2a2f8a52ea7f881b412b421c4ef1cd352', name: "label" }), index.h("dso-icon", { key: 'c88e66fb8ba82227180079b92629196ffa413f3f', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: '2e0f9a97f7f4411b49046d94e8a0a05f46b25ec1', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: 'b1d8790f1c9a2a5d5d934e23ca29ad59cfbb330c' })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -4983,7 +4990,7 @@ const Table = class {
     render() {
         var _a, _b, _c;
         const caption = (_b = (_a = this.host.querySelector(":scope > table > caption")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
-        return (index.h(index.Host, { key: '2f54930e404196b3a39f9523ebb7716a43de5de3', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '8ce211b734721f6b65f7bd72a573db2aec773411', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, index.h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, index.h("div", { class: "dso-header" }, index.h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("button", { type: "button", class: "dso-close", onClick: () => this.closeModal() }, index.h("dso-icon", { icon: "times" }), index.h("span", { class: "sr-only" }, "Sluiten"))), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
+        return (index.h(index.Host, { key: '274318251014797e66d4161b7724aab3bdfb888d', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '3c1f1ea056f3a440fee1e9ee191810046fa2e780', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, index.h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, index.h("div", { class: "dso-header" }, index.h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("button", { type: "button", class: "dso-close", onClick: () => this.closeModal() }, index.h("dso-icon", { icon: "times" }), index.h("span", { class: "sr-only" }, "Sluiten"))), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js

@@ -1515,8 +1515,8 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.bevatOntwerpInformatie ||
             this.annotated);
-        return (index.h(index.Host, { key: '36ab426cfb2130bf474c3232b191447f01860343', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: '641d209eb86ceeea204647fe923f8abf445529db', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: 'c5bfbadd27ee536a7acd4983303343c06e13e36e', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: 'c83b345463b36048557472e2a325a7e74f42119f', class: "heading" }, index.h(Heading, { key: '39155283828000393d3f59aceea96ad61abba1a2', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: '12f4eb10033cb0c63c4ab57d0c113cc7531a275d', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: '7764bfe3323f1b602a7a4b8d9340f2ee30627694' }, this.notApplicable && index.h("span", { key: '0affec0e7b54f9188e9d042b6e8abd312c804794', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: 'f6999fe880d2575a76f493c1fef554c19c39f5e4', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: 'eb3c502327a8f90319f66f3a83ac1a54c67096e2', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showOntwerpBadge() && (index.h(index.Fragment, { key: '7f02587f4b25d2aebfd6a11d258e8675fd5166b1' }, index.h("dso-badge", { key: '32de59acd5b70975a37518d489a22bab2a4600ab', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), index.h("dso-tooltip", { key: '59b296753c8ad0e952b59ac610f750ae09d08922', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (index.h("div", { key: 'a84fe5e29eaa557828d3e49989b603b6a7712043', class: "addons" }, this.bevatOntwerpInformatie && (index.h("dso-label", { key: 'a0025c59e03325b2cabb98b4f951abff4e41980f', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: '9b77af26227fe90864dcc15c3eccd19c7449637f', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (index.h("div", { key: '446bc4c023ebdfd57346658f454b13e95931d96c', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: 'a8ea43444f30902f4fb5def495ce63569bf5949d', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '8332f7e2713e677c93f48e5524a59104cca0982e', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: '5c1c96f3f01637277ccb585d857107bb509182b5', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '1bbf4aac968b40e01003c77f304adbde99cc476a', class: "content", part: "_content" }, index.h(AantekenAlert, { key: '640e48c5e431c0b12841898f644ba35ff48f6aee', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: '86e63b86e77a134b7c00543153a1f9567bf280ac', content: this._inhoud, onDsoClick: this.handleOzonContentClick, 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" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver })))), index.h("div", { key: '928eee0bbb804147e04d4c633fff2362097ddc13', class: "children-container", part: "_children-container" }, index.h("slot", { key: '2dbb030a76b243a446dc2f5dcd21761ed20c02d4' }))));
+        return (index.h(index.Host, { key: '36ab426cfb2130bf474c3232b191447f01860343', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: '641d209eb86ceeea204647fe923f8abf445529db', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: 'c5bfbadd27ee536a7acd4983303343c06e13e36e', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: 'c83b345463b36048557472e2a325a7e74f42119f', class: "heading" }, index.h(Heading, { key: '39155283828000393d3f59aceea96ad61abba1a2', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: '12f4eb10033cb0c63c4ab57d0c113cc7531a275d', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: '7764bfe3323f1b602a7a4b8d9340f2ee30627694' }, this.notApplicable && index.h("span", { key: '0affec0e7b54f9188e9d042b6e8abd312c804794', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
+            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: 'cef5cc7ff493b91cdfaf9620642a8a4039e50412', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: 'df215f601309cd8787105ad06825303cc0cd3984', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showOntwerpBadge() && (index.h(index.Fragment, { key: 'c2914d7f1d67585f18205655c144f2b9179b4399' }, index.h("dso-badge", { key: 'b2d9b50252f84fc42a24ea14d2c37e6782d92ec5', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), index.h("dso-tooltip", { key: '9c53081478a277311f03c71447ff92bc24189ca3', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (index.h("div", { key: 'fd3fa5acaa37cdbd794c8cd4b4ec9fc93befc3cb', class: "addons" }, this.bevatOntwerpInformatie && (index.h("dso-label", { key: '1b63aec2ee2df5c4f9c9459c4edcc92819dc363d', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: 'e2349aa63961b4967fdd87b28cff901eba9d044b', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (index.h("div", { key: 'baefe2cae5ec013cd01d40ebd6224825fdfae0d3', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: '475cfce4a114b23473649621a06dea2ee4d903c4', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '372049c8d26faaa7d1260d4c64d9e11b37a5584c', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: 'cfa2f6ceff337228a0520214dc8e259c14e34c04', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '14192e605a1db5a3b59ea0f337961730877c3d3c', class: "content", part: "_content" }, index.h(AantekenAlert, { key: '5d7a3b758fb1f4ff99e5f2555a37547746c735f8', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: 'd70aceb93869844744f1ecdd161518631d7bf6c8', content: this._inhoud, onDsoClick: this.handleOzonContentClick, 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" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), index.h("div", { key: '59cbc0624a0a66182aba7b0c83e41207e1756beb', class: "children-container", part: "_children-container" }, index.h("slot", { key: 'f8a25a2f71f26c72d5d17e84b5425191305dd0c7' }))));
     }
 };
 DocumentComponent.style = documentComponentCss();