@dso-toolkit/core 68.4.0 → 68.5.0

package/dist/components/dso-survey-rating.js

@@ -31,10 +31,10 @@ const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '0cf488d4cae02ff7c37d6f6953ad32d6c19c7011', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("h2", { key: '8b36e4dbf8c9017cfec97283b0c4bb11dc2ba60a', slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '3f819218453cd2e500c7e03856754c5afbf16001' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren"), h("form", { key: 'a9b6ccfbccddcb07b94c3889cee0447f1d09118e', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'a321b5ff7c0e021ed8e3264ae7aa2f78781b674d', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'dc908a71b2fc40d017e55f7995924731caf9d1c8' }, "Heel moeilijk"), h("span", { key: '8affdcc507818d6f6a8792285aa1f59d75e8b16a' }, "Heel makkelijk")), h("div", { key: '616c3feb3eabdb93c949f1a5166d08300b8c370b', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: 'ee2d66c3664442953dfa287dbb234f1c2b24973d', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("h2", { key: '1762bf6ae0ce6c7603bdcf6986e233f71e7a48f1', slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'b0a318ab699be1e36b6044b115becc6682bd0bb3' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren"), h("form", { key: '3d66888af1d2d535f4723346029f9edbc03102a3', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '66ed1a08b68aaa791ba1772bf2cf81f305745829', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'a0edb09da125715b09186138db492a516ecbe6ea' }, "Heel moeilijk"), h("span", { key: 'e0d3b6c28a88a4edeca0689cb5b8c62bf074ac48' }, "Heel makkelijk")), h("div", { key: '2730d1b4941f078c506bbda76af4843157abc22c', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '733c311a66455f627ec1921bb61e7bab92b53c23', type: "submit", class: "dso-secondary" }, h("span", { key: '461c2e464c7bd2d005d2511a62bafa1099412e6d' }, "Antwoord verzenden")))));
+        })), h("button", { key: '4b5a9454231d24e64cc4e09385b2161262982de7', type: "submit", class: "dso-secondary" }, h("span", { key: '6d6e9f53abec5e1522e5a8b04eea8793c354f101' }, "Antwoord verzenden")))));
     }
     static get style() { return DsoSurveyRatingStyle0; }
 }, [1, "dso-survey-rating"]);

package/dist/components/dso-tabs.js

@@ -67,7 +67,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '349c801fdadbfd077ca6cc68f5d1f48dea0d4ff4' }, h("div", { key: '1413312c78b126135b10295690aa957d99304acf', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '3b4cbf35c3d29ba1f6158853d755335dd8a05b5e' })), h("div", { key: '95e97aa712722fc019bbf1578dfb1c6224ecebb5', role: "tabpanel", tabindex: "0" }, h("slot", { key: '305195dcc64770963bb740d64c5cc0d08f0c16bc', name: "panel" }))));
+        return (h(Host, { key: 'eda4f3cabd4f4a373ebf5e5b2fce9c5a336f4680' }, h("div", { key: '445a0b6a745a1f45eca44ca59def6f4557904748', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'd344d2c68cc0bd6d0abbea591a7ffa22b17dbdf7' })), h("div", { key: 'c17a1774b3cf81c30e07c0c8446f05d8a6e86b95', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'c32d940c2e5fe01b67919d7253bb5d2666146f6f', name: "panel" }))));
     }
     get host() { return this; }
     static get style() { return DsoTabsStyle0; }

package/dist/components/dso-tree-view.js

@@ -198,7 +198,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends HTMLEle
     }
     render() {
         var _a;
-        return (h("div", { key: 'fda90d8a03ae58672b99f314ec5f97c1ac9dab19', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '02c4d4665e8d3fdb2618e6e730ad899776149501', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'f6f6832d0613dcb1eb30f1170cc848e5dd5a47f3', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'aaea2cfc733ff714e907758e41ea31fa2f460b68', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get style() { return DsoTreeViewStyle0; }
 }, [1, "dso-tree-view", {

package/dist/components/dso-viewer-grid.js

@@ -301,8 +301,8 @@ const ViewerGrid = /*@__PURE__*/ proxyCustomElement(class ViewerGrid extends HTM
     }
     render() {
         const tabLabels = this.mode === "vdk" ? viewerGridVdkTabs : viewerGridVrkTabs;
-        return (h(Fragment, null, this.tabView && (h("nav", { key: '67c2e60734775ecdbf3139555fb6915013b1961e', class: "dso-navbar" }, h("ul", { key: '4e50ab7896a2ffdeb8fa9a279e1a2d0182a81499', class: "dso-nav dso-nav-sub" }, tabLabels.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && (this.activeTab === "main" || this.activeTab === "search"))) && (h(MainPanel, { key: '2ed0b4973958f49af4878f8b47837204645b6648', mode: this.mode, tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, shrinkMain: this.emitShrinkMain, expandMain: this.emitExpandMain, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView ||
-            (this.tabView && ((this.activeTab === "main" && this.mode === "vrk") || this.activeTab === "search"))) && (h(Filterpanel, { key: '24f3be6f1165b6d88b0978c05091636e2fbcedaf', title: this.filterpanelTitle, mode: this.mode, ref: (element) => (this.filterpanel = element), onApply: this.handleFilterpanelApply, onCancel: this.handleFilterpanelCancel, dsoCloseFilterpanel: (e) => this.dsoCloseFilterpanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'b846fb472829718e3e092817f485a9186e4f0c30', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '158e2d376aeb183114e90965ebff21ed71b95184', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '58f4e9ab3208a6d1144877505965ea40ebfe8a75', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '1d22628a694b5dfc081ccf865eb93f4bab3325b7', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) })));
+        return (h(Fragment, null, this.tabView && (h("nav", { key: 'd8a89e6fd85a9ec4adea0b52670c1cba714350ef', class: "dso-navbar" }, h("ul", { key: '34b3436df21fd14c6403b33b0b728415c7ee2c3f', class: "dso-nav dso-nav-sub" }, tabLabels.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && (this.activeTab === "main" || this.activeTab === "search"))) && (h(MainPanel, { key: 'a5166e11ec537da288535ef1f78027b6942288bc', mode: this.mode, tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, shrinkMain: this.emitShrinkMain, expandMain: this.emitExpandMain, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView ||
+            (this.tabView && ((this.activeTab === "main" && this.mode === "vrk") || this.activeTab === "search"))) && (h(Filterpanel, { key: '994efb6648cd215a4ff8e0fe7fffe16b65a40775', title: this.filterpanelTitle, mode: this.mode, ref: (element) => (this.filterpanel = element), onApply: this.handleFilterpanelApply, onCancel: this.handleFilterpanelCancel, dsoCloseFilterpanel: (e) => this.dsoCloseFilterpanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'b021cfb6be8c3a16453eb9927f6dac93736b0d2b', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '85a6dbcd00d82a8c6eb78e55755bae26aed76076', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '163277775c959cf0f83ed6bf8bd79ff2a81d3806', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '2577736644258d037e41fef06ec19be4d9db92fa', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/dsot-document-component-demo.js

@@ -1818,7 +1818,7 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
     render() {
         var _a, _b;
         const { DocumentComponent, MenuButton } = this;
-        return (h("dso-responsive-element", { key: '487ea5957411bf8fe8bf42b34555076ae30079a6', class: "dso-document-components" }, h("div", { key: '312dbb3e48673150f6d3a2318e3387994f186d14', class: "dso-navbar" }, h("ul", { key: '9f0f29ddd997906ef4a071dcc70ffb48342863bd', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '5ac9f2dc49fcf37166bea36d3c00d415d55e35a9', path: [this.document] })));
+        return (h("dso-responsive-element", { key: '0bdcbedac77e5fff00d9be2e0b2e725edf2ec07f', class: "dso-document-components" }, h("div", { key: 'b9068348ddfc4c5dd46d4b65eeb2a0bb28a02d8b', class: "dso-navbar" }, h("ul", { key: 'e57f4fbd2da501279edd93b0e29fa210319ded13', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '64016b330af123112c59778dcd783c2a22f3a71f', path: [this.document] })));
     }
     static get watchers() { return {
         "jsonFile": ["jsonFileWatcher"],

package/dist/components/icon.js

@@ -690,7 +690,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends HTMLElement {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return h("span", { key: '9d80410ec84c08bc91abed479f60bddd9ee08a59', class: "icon-container", innerHTML: icon.svg });
+            return h("span", { key: '5805a81ad34f4f4f8adb5eaafc0019924c4b4efa', class: "icon-container", innerHTML: icon.svg });
         }
     }
     static get style() { return DsoIconStyle0; }

package/dist/components/info-button.js

@@ -29,7 +29,7 @@ const InfoButton = /*@__PURE__*/ proxyCustomElement(class InfoButton extends HTM
         this.dsoToggle.emit({ originalEvent: e, active: this.active });
     }
     render() {
-        return (h(Host, { key: '69179ffb27e3ec32941102c461a6a58b45c00bde', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h("button", { key: '7504a07ca41a7e61e125fba2c19c1e4b67705474', type: "button", class: clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, h("dso-icon", { key: '3b5124b074a2b068f8d201ce86ce2554d3da7fd5', icon: this.active || this.hover ? "info-active" : "info" }), h("span", { key: 'fd62e5e40e79542a8b3055b907405cbcabc4c53d', class: "sr-only" }, this.label))));
+        return (h(Host, { key: 'e120f58b26565a2606afc191c43d3cd9392d7c94', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h("button", { key: '452ef5c21ea617508d47f5be9a64bb7dc06dd0ef', type: "button", class: clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, h("dso-icon", { key: '8311c98a00ed1caa8ff19d771179aa01b7289f6c', icon: this.active || this.hover ? "info-active" : "info" }), h("span", { key: '715319494ea7f899fecea285a8bb3b22c84bc61e', class: "sr-only" }, this.label))));
     }
     static get style() { return DsoInfoButtonStyle0; }
 }, [1, "dso-info-button", {

package/dist/components/info.js

@@ -12,7 +12,7 @@ const Info = /*@__PURE__*/ proxyCustomElement(class Info extends HTMLElement {
         this.dsoClose = createEvent(this, "dsoClose", 7);
     }
     render() {
-        return (h(Fragment, { key: '55494406dd46f311f4c33ae09621c1cd2f091652' }, h("slot", { key: '7e63e38a4d8593893de952a561027c822d75737d' }), !this.fixed && (h("button", { key: '82fb84fcd042127ed27dd1387703a89108c8da09', type: "button", onClick: (e) => this.dsoClose.emit(e) }, h("dso-icon", { key: 'd5c9066e99aae39f97d1928454aaae76828c488a', icon: "times" }), h("span", { key: '791f6e81943d44d58ca95a9b0d86e35f2f2c4e1b', class: "sr-only" }, "Sluiten")))));
+        return (h(Fragment, { key: 'a9db2b8522cbfa55e8629b58a9757d58931ecbca' }, h("slot", { key: '2059c0fb8926f48a4b1f36a2210d5c8e48861b1a' }), !this.fixed && (h("button", { key: '7430b1282b3a04b27185cb0f65d77ba82f28045d', type: "button", onClick: (e) => this.dsoClose.emit(e) }, h("dso-icon", { key: 'dcc0f11655e09ce94b96299f1e4ef7a9f0e72f8b', icon: "times" }), h("span", { key: '9f127628f9741a7036a9cc1b23bfe1b585ed7b29', class: "sr-only" }, "Sluiten")))));
     }
     static get style() { return DsoInfoStyle0; }
 }, [1, "dso-info", {

package/dist/components/label.js

@@ -104,13 +104,13 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
         this.isTruncated = false;
     }
     render() {
-        return (h(Fragment, { key: '09bdfc97082336a3de8208ec37ebf99b92ac02ff' }, h("span", { key: 'ef85128f41dd1d012b00a8f228def73dcd74f8ee', "aria-describedby": "toggle-anchor", class: clsx("dso-label", {
+        return (h(Fragment, { key: '3bf1a2b10d7cdb37d200dc8435872757f730f7f3' }, h("span", { key: '2963be77a7e44f85c07ae9885dd7aaeb4b6a04ae', "aria-describedby": "toggle-anchor", class: clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, h("slot", { key: 'd8379d7f323ec3a924305fa6a5caf0b959bcc6ac', name: "symbol" }), h("span", { key: 'f4a031ce32622795a3ce64b1b40cb0be25d65209', class: clsx("dso-label-content", {
+            }) }, h("slot", { key: '55b447e4ea124705739d3e65c53b3dcc87b6d8c4', name: "symbol" }), h("span", { key: '48fd3d404c04bcc3c4e69e1ac3e918997959a65c', class: clsx("dso-label-content", {
                 "dso-truncate": !!this.truncate,
-            }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: '05e123fabbcecff3cab78bc57b036d5e54db7026' })), this.removable && (h("button", { key: '90777393b22c3d1b560912fb8d9e12e06d46b150', type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { key: 'de39e773d676dc37dc91c47012e9cf06d48db6f9', class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { key: '17d86f44f3f9908a96bb28ebb7e90517a6d88f64', icon: "times" })))), this.isTruncated && (h("dso-tooltip", { key: 'df8ff5796a8b8acd40ed2285161f80e4a8ab35ed', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
+            }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: 'ba3e40904693080e4558c9d0d982b8146092ecb2' })), this.removable && (h("button", { key: '6aa571c0e12e356951d1970e8f9afa4189c36fd0', type: "button", onClick: (e) => this.dsoRemoveClick.emit(e), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }, h("span", { key: '4c06e38f4bad11a7208d924f715b0d7b4e3b5382', class: "sr-only" }, "Verwijder: ", this.labelText), h("dso-icon", { key: 'b549e2c517416cd705778addcc5594a6b2bd8b18', icon: "times" })))), this.isTruncated && (h("dso-tooltip", { key: '6782bb54d4a720f90433ded22edc81badfc6acfb', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/ozon-content.js

@@ -752,9 +752,9 @@ class OzonContentNootNode {
     }
 }
 
-class OzonContentOpschriftNode {
+class OzonContentKopNode {
     constructor() {
-        this.name = "Opschrift";
+        this.name = ["Opschrift", "Label", "Nummer", "Kop"];
     }
     render(node, { mapNodeToJsx }) {
         let content = mapNodeToJsx(node.childNodes);
@@ -934,7 +934,7 @@ class Mapper {
             new OzonContentTextNode(),
             new OzonContentDocumentNode(),
             new OzonContentInhoudNode(),
-            new OzonContentOpschriftNode(),
+            new OzonContentKopNode(),
             new OzonContentIntRefNode(),
             new OzonContentExtRefNode(),
             new OzonContentAlNode(),
@@ -972,10 +972,18 @@ class Mapper {
     mapNodeToJsx(node, context, path) {
         var _a;
         if (node instanceof NodeList) {
-            return h(Fragment, null, Array.from(node).map((n) => this.mapNodeToJsx(n, context, path)));
+            return (h(Fragment, null, Array.from(node).map((n, index) => {
+                return (h(Fragment, null,
+                    context.addSpaceBeforeNode && index > 0 && " ",
+                    this.mapNodeToJsx(n, context, path)));
+            })));
         }
         if (Array.isArray(node)) {
-            return h(Fragment, null, node.map((n) => this.mapNodeToJsx(n, context, path)));
+            return (h(Fragment, null, node.map((n, index) => {
+                return (h(Fragment, null,
+                    context.addSpaceBeforeNode && index > 0 && " ",
+                    this.mapNodeToJsx(n, context, path)));
+            })));
         }
         const nodeName = getNodeName(node);
         const mapper = this.findMapper(nodeName);
@@ -1040,6 +1048,10 @@ const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H
          * Setting this property creates dso-ozon-content as inline element instead of a block element.
          */
         this.inline = false;
+        /**
+         * Adds a non breaking space to the node element.
+         */
+        this.addSpaceBeforeNode = false;
         this.state = {};
         this.handleMarkItemHighlight = (text, elementRef) => {
             this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });
@@ -1051,6 +1063,7 @@ const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H
     render() {
         const context = {
             state: this.state,
+            addSpaceBeforeNode: this.addSpaceBeforeNode,
             inline: this.inline,
             mark: this.mark,
             setState: (state) => (this.state = state),
@@ -1058,7 +1071,7 @@ const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H
             emitAnchorClick: this.dsoAnchorClick.emit,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: 'b395bdf2fe2984a99ab4945d6271d321b762004b' }, transformed);
+        return h(Fragment, { key: 'fa2f5b571b572007dace7776e56a2ce800ddc3b6' }, transformed);
     }
     static get watchers() { return {
         "content": ["contentWatcher"]
@@ -1067,6 +1080,7 @@ const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H
 }, [1, "dso-ozon-content", {
         "content": [1],
         "inline": [516],
+        "addSpaceBeforeNode": [516, "add-space-before-node"],
         "mark": [16],
         "state": [32]
     }, undefined, {