@dso-toolkit/core 45.1.0 → 46.0.0

package/dist/collection/components/modal/modal.js

@@ -0,0 +1,133 @@
+import { h, Host } from "@stencil/core";
+import { createFocusTrap } from "focus-trap";
+import { v4 } from "uuid";
+export class Modal {
+  constructor() {
+    this.ariaId = v4();
+    this.hasFooter = undefined;
+    this.modalTitle = undefined;
+    this.role = "dialog";
+  }
+  componentWillLoad() {
+    this.hasFooter = this.host.querySelector("*[slot = 'footer']") !== null;
+  }
+  componentDidLoad() {
+    document.body.classList.add(Modal.modalOpenClass);
+    this.setFocusTrap();
+  }
+  disconnectedCallback() {
+    var _a;
+    document.body.classList.remove(Modal.modalOpenClass);
+    (_a = this.trap) === null || _a === void 0 ? void 0 : _a.deactivate();
+  }
+  render() {
+    return (h(Host, { class: "dso-modal", role: this.role, "aria-modal": "true", "aria-labelledby": this.ariaId }, h("div", { class: "dso-dialog", role: "document", ref: (element) => (this.dialogElement = element) }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten")))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("div", { class: "dso-body" }, h("slot", { name: "body" })), this.hasFooter && (h("div", { class: "dso-footer" }, h("slot", { name: "footer" }))))));
+  }
+  setFocusTrap() {
+    if (this.dialogElement && !this.trap) {
+      this.trap = createFocusTrap(this.dialogElement, {
+        allowOutsideClick: true,
+        escapeDeactivates: true,
+        tabbableOptions: {
+          getShadowRoot: true,
+        },
+        clickOutsideDeactivates: (e) => {
+          if (e instanceof MouseEvent && e.composedPath()[0] === this.host) {
+            return true;
+          }
+          return false;
+        },
+        onDeactivate: () => {
+          delete this.trap;
+          this.dsoClose.emit({ originalEvent: undefined });
+        },
+      }).activate();
+    }
+  }
+  static get is() { return "dso-modal"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["modal.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "modalTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title",
+        "reflect": false
+      },
+      "role": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ModalRole",
+          "resolved": "\"alert\" | \"alertdialog\" | \"dialog\"",
+          "references": {
+            "ModalRole": {
+              "location": "import",
+              "path": "@dso-toolkit/sources"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "the role for the modal `dialog` | `alert` | `alertdialog` defaults to `dialog`"
+        },
+        "attribute": "role",
+        "reflect": false,
+        "defaultValue": "\"dialog\""
+      }
+    };
+  }
+  static get states() {
+    return {
+      "ariaId": {},
+      "hasFooter": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dsoClose",
+        "name": "dsoClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "DsoModalCloseEvent",
+          "resolved": "DsoModalCloseEvent",
+          "references": {
+            "DsoModalCloseEvent": {
+              "location": "local"
+            }
+          }
+        }
+      }];
+  }
+  static get elementRef() { return "host"; }
+}
+Modal.modalOpenClass = "dso-modal-open";

package/dist/collection/components/ozon-content/get-node-name.function.js

@@ -2,8 +2,8 @@ export function getNodeName(node) {
   if (node instanceof Element) {
     return node.localName;
   }
-  if (node.nodeName.includes(':')) {
-    return node.nodeName.substring(node.nodeName.indexOf(':') + 1);
+  if (node.nodeName.includes(":")) {
+    return node.nodeName.substring(node.nodeName.indexOf(":") + 1);
   }
   return node.nodeName;
 }

package/dist/collection/components/ozon-content/nodes/al.node.js

@@ -1,17 +1,15 @@
-import { h } from '@stencil/core';
-import { getNodeName } from '../get-node-name.function';
+import { h } from "@stencil/core";
+import { getNodeName } from "../get-node-name.function";
 export class OzonContentAlNode {
   constructor() {
-    this.name = 'Al';
+    this.name = "Al";
   }
   render(node, { mapNodeToJsx, path }) {
-    const nestedAl = path.some(node => {
+    const nestedAl = path.some((node) => {
       const nodeName = getNodeName(node);
-      return nodeName === 'Al' || nodeName === 'Opschrift';
+      return nodeName === "Al" || nodeName === "Opschrift";
     });
     const content = mapNodeToJsx(node.childNodes);
-    return nestedAl
-      ? h("span", { role: "paragraph" }, content)
-      : h("p", null, content);
+    return nestedAl ? h("span", { role: "paragraph" }, content) : h("p", null, content);
   }
 }

package/dist/collection/components/ozon-content/nodes/document.node.js

@@ -1,7 +1,7 @@
-import { Fragment, h } from '@stencil/core';
+import { Fragment, h } from "@stencil/core";
 export class OzonContentDocumentNode {
   constructor() {
-    this.name = '#document';
+    this.name = "#document";
   }
   render(node, { mapNodeToJsx }) {
     return h(Fragment, null, mapNodeToJsx(node.childNodes));

package/dist/collection/components/ozon-content/nodes/ext-ref.node.js

@@ -1,15 +1,10 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class OzonContentExtRefNode {
   constructor() {
-    this.name = [
-      'ExtRef',
-      'ExtIoRef'
-    ];
+    this.name = ["ExtRef", "ExtIoRef"];
   }
   render(node, { mapNodeToJsx }) {
-    const href = node.tagName === 'ExtIoRef' ? node.getAttribute('href') : node.getAttribute('ref');
-    return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined },
-      h("span", { class: "sr-only" }, "opent in nieuw venster"),
-      mapNodeToJsx(node.childNodes)));
+    const href = node.tagName === "ExtIoRef" ? node.getAttribute("href") : node.getAttribute("ref");
+    return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined }, h("span", { class: "sr-only" }, "opent in nieuw venster"), mapNodeToJsx(node.childNodes)));
   }
 }

package/dist/collection/components/ozon-content/nodes/fallback.node.js

@@ -1,11 +1,11 @@
-import { h } from '@stencil/core';
-import { getNodeName } from '../get-node-name.function';
+import { h } from "@stencil/core";
+import { getNodeName } from "../get-node-name.function";
 export class OzonContentFallbackNode {
   constructor() {
     // This name does not match any elements
-    this.name = ['<fallback>'];
+    this.name = ["<fallback>"];
   }
   render(node, { mapNodeToJsx }) {
-    return (h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes)));
+    return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes));
   }
 }

package/dist/collection/components/ozon-content/nodes/figuur.node.js

@@ -1,15 +1,11 @@
-import { h } from '@stencil/core';
-import { getNodeName } from '../get-node-name.function';
+import { h } from "@stencil/core";
+import { getNodeName } from "../get-node-name.function";
 const Bijschrift = ({ bijschrift, bron, mapNodeToJsx }) => {
-  return (h("span", { class: "figuur-bijschrift" },
-    bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud),
-    bron && (`${bijschrift ? ' ' : ''}(bron: ${mapNodeToJsx(bron)})`)));
+  return (h("span", { class: "figuur-bijschrift" }, bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud), bron && `${bijschrift ? " " : ""}(bron: ${mapNodeToJsx(bron)})`));
 };
 export class OzonContentFiguurNode {
   constructor() {
-    this.name = [
-      'Figuur',
-    ];
+    this.name = ["Figuur"];
   }
   setImageDimensions(imageElement, schaal) {
     const { naturalHeight, naturalWidth } = imageElement;
@@ -24,34 +20,26 @@ export class OzonContentFiguurNode {
   render(node, { mapNodeToJsx }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const childNodes = Array.from(node.childNodes);
-    const titel = (_a = childNodes.find(n => getNodeName(n) === 'Titel')) === null || _a === void 0 ? void 0 : _a.textContent;
-    const bron = (_b = childNodes.find(n => getNodeName(n) === 'Bron')) === null || _b === void 0 ? void 0 : _b.childNodes;
-    const illustratieNode = childNodes.find(n => getNodeName(n) === 'Illustratie');
-    const bijschriftNode = childNodes.find(n => getNodeName(n) === 'Bijschrift');
+    const titel = (_a = childNodes.find((n) => getNodeName(n) === "Titel")) === null || _a === void 0 ? void 0 : _a.textContent;
+    const bron = (_b = childNodes.find((n) => getNodeName(n) === "Bron")) === null || _b === void 0 ? void 0 : _b.childNodes;
+    const illustratieNode = childNodes.find((n) => getNodeName(n) === "Illustratie");
+    const bijschriftNode = childNodes.find((n) => getNodeName(n) === "Bijschrift");
     if (illustratieNode instanceof Element) {
       const illustratie = {
-        naam: illustratieNode.getAttribute('naam'),
-        breedte: illustratieNode.getAttribute('breedte'),
-        hoogte: illustratieNode.getAttribute('hoogte'),
-        uitlijning: illustratieNode.getAttribute('uitlijning'),
-        alt: illustratieNode.getAttribute('alt'),
-        schaal: illustratieNode.getAttribute('schaal'),
+        naam: illustratieNode.getAttribute("naam"),
+        breedte: illustratieNode.getAttribute("breedte"),
+        hoogte: illustratieNode.getAttribute("hoogte"),
+        uitlijning: illustratieNode.getAttribute("uitlijning"),
+        alt: illustratieNode.getAttribute("alt"),
+        schaal: illustratieNode.getAttribute("schaal"),
       };
-      const bijschrift = bijschriftNode instanceof Element ? {
-        inhoud: bijschriftNode.childNodes,
-        locatie: (_c = bijschriftNode.getAttribute('locatie')) !== null && _c !== void 0 ? _c : 'onder',
-      }
+      const bijschrift = bijschriftNode instanceof Element
+        ? {
+          inhoud: bijschriftNode.childNodes,
+          locatie: (_c = bijschriftNode.getAttribute("locatie")) !== null && _c !== void 0 ? _c : "onder",
+        }
         : undefined;
-      return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : 'onder'}` },
-        titel && (h("span", { class: "figuur-titel" }, titel)),
-        (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === 'boven' && h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }),
-        h("dso-image-overlay", null,
-          h("div", { slot: "titel" },
-            h("span", null, titel)),
-          h("img", { src: (_d = illustratie.naam) !== null && _d !== void 0 ? _d : undefined, alt: (_g = (_f = (_e = illustratie.alt) !== null && _e !== void 0 ? _e : titel) !== null && _f !== void 0 ? _f : illustratie.naam) !== null && _g !== void 0 ? _g : undefined, onLoad: (event) => this.onImageLoad(event, Number(illustratie.schaal)) }),
-          h("div", { slot: "bijschrift" },
-            h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))),
-        ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === 'onder' || (!bijschrift && bron)) && h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })));
+      return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}` }, titel && h("span", { class: "figuur-titel" }, titel), (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", null, h("div", { slot: "titel" }, h("span", null, titel)), h("img", { src: (_d = illustratie.naam) !== null && _d !== void 0 ? _d : undefined, alt: (_g = (_f = (_e = illustratie.alt) !== null && _e !== void 0 ? _e : titel) !== null && _f !== void 0 ? _f : illustratie.naam) !== null && _g !== void 0 ? _g : undefined, onLoad: (event) => this.onImageLoad(event, Number(illustratie.schaal)) }), h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))), ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
     }
   }
 }

package/dist/collection/components/ozon-content/nodes/inhoud.node.js

@@ -1,11 +1,7 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class OzonContentInhoudNode {
   constructor() {
-    this.name = [
-      'Inhoud',
-      'ContainerBlocksType',
-      'BlockMixedcontentMetMaximaleInlinesMarkersPopupsType'
-    ];
+    this.name = ["Inhoud", "ContainerBlocksType", "BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"];
   }
   render(node, { mapNodeToJsx }) {
     return h("div", { class: "dso-rich-content" }, mapNodeToJsx(node.childNodes));

package/dist/collection/components/ozon-content/nodes/inline-tekst-afbeelding.node.js

@@ -1,13 +1,10 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class OzonContentInlineTekstAfbeeldingNode {
   constructor() {
-    this.name = [
-      'InlineTekstAfbeelding',
-      'Illustratie',
-    ];
+    this.name = ["InlineTekstAfbeelding", "Illustratie"];
   }
   render(node) {
     var _a, _b, _c, _d;
-    return (h("img", { src: (_a = node.getAttribute('naam')) !== null && _a !== void 0 ? _a : undefined, alt: (_b = node.getAttribute('naam')) !== null && _b !== void 0 ? _b : undefined, height: (_c = node.getAttribute('hoogte')) !== null && _c !== void 0 ? _c : undefined, width: (_d = node.getAttribute('breedte')) !== null && _d !== void 0 ? _d : undefined }));
+    return (h("img", { src: (_a = node.getAttribute("naam")) !== null && _a !== void 0 ? _a : undefined, alt: (_b = node.getAttribute("naam")) !== null && _b !== void 0 ? _b : undefined, height: (_c = node.getAttribute("hoogte")) !== null && _c !== void 0 ? _c : undefined, width: (_d = node.getAttribute("breedte")) !== null && _d !== void 0 ? _d : undefined }));
   }
 }

package/dist/collection/components/ozon-content/nodes/inline.nodes.js

@@ -1,18 +1,10 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class OzonContentInlineNodes {
   constructor() {
-    this.name = [
-      'sub',
-      'sup',
-      'strong',
-      'b',
-      'u',
-      'i',
-      'br'
-    ];
+    this.name = ["sub", "sup", "strong", "b", "u", "i", "br"];
   }
   render(node, { mapNodeToJsx }) {
-    if (node.localName === 'br') {
+    if (node.localName === "br") {
       return h("br", null);
     }
     const Tag = node.localName;

package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js

@@ -1,10 +1,10 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class OzonContentIntIoRefNode {
   constructor() {
-    this.name = 'IntIoRef';
+    this.name = "IntIoRef";
   }
   render(node, { mapNodeToJsx, emitAnchorClick }) {
-    const ref = node.getAttribute('ref');
+    const ref = node.getAttribute("ref");
     if (!ref) {
       return mapNodeToJsx(node.childNodes);
     }
@@ -19,7 +19,7 @@ export class OzonContentIntIoRefNode {
         node: this.name,
         href,
         documentComponent: ref,
-        originalEvent: event
+        originalEvent: event,
       });
     };
     return (h("a", { href: `#${ref}`, onClick: intRefOnClick }, mapNodeToJsx(node.childNodes)));

package/dist/collection/components/ozon-content/nodes/int-ref.node.js

@@ -1,10 +1,10 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class OzonContentIntRefNode {
   constructor() {
-    this.name = 'IntRef';
+    this.name = "IntRef";
   }
   render(node, { mapNodeToJsx, emitAnchorClick }) {
-    const ref = node.getAttribute('ref');
+    const ref = node.getAttribute("ref");
     if (!ref) {
       return mapNodeToJsx(node.childNodes);
     }
@@ -19,7 +19,7 @@ export class OzonContentIntRefNode {
         node: this.name,
         href,
         documentComponent: ref,
-        originalEvent: event
+        originalEvent: event,
       });
     };
     return (h("a", { href: `#${ref}`, onClick: intRefOnClick }, mapNodeToJsx(node.childNodes)));

package/dist/collection/components/ozon-content/nodes/lijst.node.js

@@ -0,0 +1,20 @@
+import { h } from "@stencil/core";
+import { getNodeName } from "../get-node-name.function";
+export class OzonContentLijstNode {
+  constructor() {
+    this.name = "Lijst";
+  }
+  render(node, { mapNodeToJsx }) {
+    var _a;
+    const childNodes = Array.from(node.childNodes);
+    const aanhef = childNodes.find((n) => getNodeName(n) === "Lijstaanhef");
+    const sluiting = childNodes.find((n) => getNodeName(n) === "Lijstsluiting");
+    const listItems = childNodes.filter((n) => getNodeName(n) === "Li");
+    return (h("div", { class: "dso-ozon-lijst od-Lijst" }, aanhef && mapNodeToJsx(aanhef), h("ul", { class: (_a = node.getAttribute("type")) !== null && _a !== void 0 ? _a : "" }, listItems.map((item) => {
+      var _a;
+      const itemNodes = Array.from(item.childNodes);
+      const liNummer = (_a = itemNodes.find((n) => getNodeName(n) === "LiNummer")) === null || _a === void 0 ? void 0 : _a.textContent;
+      return (h("li", { class: "od-Li" }, liNummer && h("span", { class: "od-LiNummer" }, liNummer), mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer"))));
+    })), sluiting && mapNodeToJsx(sluiting)));
+  }
+}

package/dist/collection/components/ozon-content/nodes/noot.node.js

@@ -1,27 +1,23 @@
-import { h, Fragment } from '@stencil/core';
-import { getNodeName } from '../get-node-name.function';
+import { h, Fragment } from "@stencil/core";
+import { getNodeName } from "../get-node-name.function";
 export class OzonContentNootNode {
   constructor() {
-    this.name = 'Noot';
-    this.handles = ['NootNummer'];
+    this.name = "Noot";
+    this.handles = ["NootNummer"];
   }
   identify() {
-    return 'Noot';
+    return "Noot";
   }
   render(node, { mapNodeToJsx, state: openNoteId, setState }) {
     var _a, _b;
-    const noteId = node.getAttribute('id');
+    const noteId = node.getAttribute("id");
     if (!noteId) {
-      console.error('Noot node without id', node);
+      console.error("Noot node without id", node);
       return h(Fragment, null);
     }
     const noteControlsId = `dso-ozon-note-${noteId}`;
     const childNodes = Array.from(node.childNodes);
-    const nootNummer = (_b = (_a = childNodes.find(n => getNodeName(n) === 'NootNummer')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : noteId;
-    return (h(Fragment, null,
-      h("sup", null,
-        h("button", { type: "button", class: "toggle-note", id: noteControlsId, onClick: () => setState === null || setState === void 0 ? void 0 : setState(openNoteId === noteId ? undefined : noteId), onBlur: () => setState === null || setState === void 0 ? void 0 : setState(undefined), "aria-expanded": openNoteId === noteId ? 'true' : 'false' }, nootNummer)),
-      h("dso-tooltip", { active: openNoteId === noteId, for: noteControlsId, stateless: true, descriptive: true },
-        h("span", { role: "section" }, mapNodeToJsx(Array.from(node.querySelectorAll(':scope > Al')))))));
+    const nootNummer = (_b = (_a = childNodes.find((n) => getNodeName(n) === "NootNummer")) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : noteId;
+    return (h(Fragment, null, h("sup", null, h("button", { type: "button", class: "toggle-note", id: noteControlsId, onClick: () => setState === null || setState === void 0 ? void 0 : setState(openNoteId === noteId ? undefined : noteId), onBlur: () => setState === null || setState === void 0 ? void 0 : setState(undefined), "aria-expanded": openNoteId === noteId ? "true" : "false" }, nootNummer)), h("dso-tooltip", { active: openNoteId === noteId, for: noteControlsId, stateless: true, descriptive: true }, h("span", { role: "section" }, mapNodeToJsx(Array.from(node.querySelectorAll(":scope > Al")))))));
   }
 }

package/dist/collection/components/ozon-content/nodes/opschrift.node.js

@@ -1,7 +1,7 @@
-import { h, Fragment } from '@stencil/core';
+import { h, Fragment } from "@stencil/core";
 export class OzonContentOpschriftNode {
   constructor() {
-    this.name = 'Opschrift';
+    this.name = "Opschrift";
   }
   render(node, { mapNodeToJsx }) {
     return h(Fragment, null, mapNodeToJsx(node.childNodes));

package/dist/collection/components/ozon-content/nodes/table.node/colspec/colspec-mapper.js

@@ -6,34 +6,34 @@ export function mapColspecs(count, nodeList) {
     count,
     columns: elements.map((element, index) => {
       var _a;
-      const colNumber = element.getAttribute('colnum');
+      const colNumber = element.getAttribute("colnum");
       return {
-        name: (_a = element.getAttribute('colname')) !== null && _a !== void 0 ? _a : '',
+        name: (_a = element.getAttribute("colname")) !== null && _a !== void 0 ? _a : "",
         number: colNumber ? parseInt(colNumber, 10) : index + 1,
-        width: getWidth(totalWidth, element)
+        width: getWidth(totalWidth, element),
       };
-    })
+    }),
   };
 }
 function getTotalWidth(elements) {
   return elements.reduce((totalWidth, element) => {
     var _a, _b;
-    const width = (_b = (_a = element.getAttribute('colwidth')) === null || _a === void 0 ? void 0 : _a.replace(/[^0-9]/, '')) !== null && _b !== void 0 ? _b : '';
+    const width = (_b = (_a = element.getAttribute("colwidth")) === null || _a === void 0 ? void 0 : _a.replace(/[^0-9]/, "")) !== null && _b !== void 0 ? _b : "";
     const colWidth = parseInt(width, 10);
     return totalWidth + (isNaN(colWidth) ? 0 : colWidth);
   }, 0);
 }
 function getWidth(totalWidth, element) {
-  const width = element.getAttribute('colwidth');
+  const width = element.getAttribute("colwidth");
   if (!width) {
     return undefined;
   }
-  if (width === '*') {
-    return '100%';
+  if (width === "*") {
+    return "100%";
   }
-  if (width.includes('*') || width.match(/^[\d+]$/)) {
-    const colWidth = parseInt(width.replace(/[^0-9]/, ''), 10);
-    return `${Math.round(colWidth / totalWidth * 100)}%`;
+  if (width.includes("*") || width.match(/^[\d+]$/)) {
+    const colWidth = parseInt(width.replace(/[^0-9]/, ""), 10);
+    return `${Math.round((colWidth / totalWidth) * 100)}%`;
   }
   return width;
 }

package/dist/collection/components/ozon-content/nodes/table.node/colspec/colspec.interface.js

@@ -1,2 +1 @@
-;
 export {};

package/dist/collection/components/ozon-content/nodes/table.node/index.js

@@ -1 +1 @@
-export { OzonContentTableNode } from './table.node';
+export { OzonContentTableNode } from "./table.node";

package/dist/collection/components/ozon-content/nodes/table.node/table-cell.js

@@ -1,14 +1,14 @@
-import { h } from '@stencil/core/internal';
+import { h } from "@stencil/core/internal";
 function getData(cell) {
   return {
-    moreRows: cell.getAttribute('morerows'),
-    nameStart: cell.getAttribute('namest'),
-    nameEnd: cell.getAttribute('nameend')
+    moreRows: cell.getAttribute("morerows"),
+    nameStart: cell.getAttribute("namest"),
+    nameEnd: cell.getAttribute("nameend"),
   };
 }
 function getColspan({ columns }, nameStart, nameEnd) {
-  const colspecStart = columns.find(c => c.name === nameStart);
-  const colspecEnd = columns.find(c => c.name === nameEnd);
+  const colspecStart = columns.find((c) => c.name === nameStart);
+  const colspecEnd = columns.find((c) => c.name === nameEnd);
   if (!colspecStart || !colspecEnd) {
     return undefined;
   }
@@ -19,7 +19,7 @@ export const Cell = ({ context: { mapNodeToJsx }, colspecs, cell }) => {
   const { moreRows, nameStart, nameEnd } = getData(cell);
   const td = {
     rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined,
-    colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined
+    colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined,
   };
-  return (h("td", Object.assign({}, td), mapNodeToJsx(cell.childNodes)));
+  return h("td", Object.assign({}, td), mapNodeToJsx(cell.childNodes));
 };

package/dist/collection/components/ozon-content/nodes/table.node/table-colgroup.js

@@ -1,4 +1,2 @@
-import { Fragment, h } from '@stencil/core';
-export const Colgroup = ({ colspecs }) => (colspecs.columns.length > 0
-  ? (h("colgroup", null, colspecs.columns.map(colspec => (h("col", { style: { width: colspec.width } })))))
-  : h(Fragment, null));
+import { Fragment, h } from "@stencil/core";
+export const Colgroup = ({ colspecs }) => colspecs.columns.length > 0 ? (h("colgroup", null, colspecs.columns.map((colspec) => (h("col", { style: { width: colspec.width } }))))) : (h(Fragment, null));

package/dist/collection/components/ozon-content/nodes/table.node/table-rows.js

@@ -1,5 +1,5 @@
-import { Fragment, h } from '@stencil/core';
-import { Cell } from './table-cell';
+import { Fragment, h } from "@stencil/core";
+import { Cell } from "./table-cell";
 export const Rows = ({ context, colspecs, rows }) => {
-  return (h(Fragment, null, rows.map(row => (h("tr", null, Array.from(row.children).map(cell => (h(Cell, { cell: cell, colspecs: colspecs, context: context }))))))));
+  return (h(Fragment, null, rows.map((row) => (h("tr", null, Array.from(row.children).map((cell) => (h(Cell, { cell: cell, colspecs: colspecs, context: context }))))))));
 };

package/dist/collection/components/ozon-content/nodes/table.node/table.node.js

@@ -1,32 +1,26 @@
-import { h } from '@stencil/core';
-import { mapColspecs } from './colspec/colspec-mapper';
-import { Colgroup } from './table-colgroup';
-import { Rows } from './table-rows';
+import { h } from "@stencil/core";
+import { mapColspecs } from "./colspec/colspec-mapper";
+import { Colgroup } from "./table-colgroup";
+import { Rows } from "./table-rows";
 function mapData(node) {
   var _a, _b, _c;
-  const tgroup = node.querySelector(':scope > tgroup');
-  const colAttribute = (_a = tgroup === null || tgroup === void 0 ? void 0 : tgroup.getAttribute('cols')) !== null && _a !== void 0 ? _a : undefined;
+  const tgroup = node.querySelector(":scope > tgroup");
+  const colAttribute = (_a = tgroup === null || tgroup === void 0 ? void 0 : tgroup.getAttribute("cols")) !== null && _a !== void 0 ? _a : undefined;
   const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;
   return {
-    caption: (_c = (_b = node.querySelector(':scope > title')) === null || _b === void 0 ? void 0 : _b.textContent) !== null && _c !== void 0 ? _c : undefined,
-    colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(':scope > colspec')) : undefined,
-    headRows: Array.from(node.querySelectorAll(':scope > tgroup > thead > row')),
-    bodyRows: Array.from(node.querySelectorAll(':scope > tgroup > tbody > row'))
+    caption: (_c = (_b = node.querySelector(":scope > title")) === null || _b === void 0 ? void 0 : _b.textContent) !== null && _c !== void 0 ? _c : undefined,
+    colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(":scope > colspec")) : undefined,
+    headRows: Array.from(node.querySelectorAll(":scope > tgroup > thead > row")),
+    bodyRows: Array.from(node.querySelectorAll(":scope > tgroup > tbody > row")),
   };
 }
 export class OzonContentTableNode {
   constructor() {
-    this.name = 'table';
-    this.handles = ['title', 'tgroup', 'colspec', 'thead', 'tbody', 'row', 'cell'];
+    this.name = "table";
+    this.handles = ["title", "tgroup", "colspec", "thead", "tbody", "row", "cell"];
   }
   render(node, context) {
     const { caption, colspecs, headRows, bodyRows } = mapData(node);
-    return (h("table", { class: "table" },
-      caption && (h("caption", null, caption)),
-      colspecs && (h(Colgroup, { colspecs: colspecs })),
-      headRows.length > 0 && (h("thead", null,
-        h(Rows, { rows: headRows, colspecs: colspecs, context: context }))),
-      bodyRows.length > 0 && (h("tbody", null,
-        h(Rows, { rows: bodyRows, colspecs: colspecs, context: context })))));
+    return (h("dso-table", null, h("table", { class: "table" }, caption && h("caption", null, caption), colspecs && h(Colgroup, { colspecs: colspecs }), headRows.length > 0 && (h("thead", null, h(Rows, { rows: headRows, colspecs: colspecs, context: context }))), bodyRows.length > 0 && (h("tbody", null, h(Rows, { rows: bodyRows, colspecs: colspecs, context: context }))))));
   }
 }

package/dist/collection/components/ozon-content/nodes/text.node.js

@@ -1,7 +1,7 @@
-import { Fragment, h } from '@stencil/core';
+import { Fragment, h } from "@stencil/core";
 export class OzonContentTextNode {
   constructor() {
-    this.name = '#text';
+    this.name = "#text";
   }
   render(node) {
     return h(Fragment, null, node.textContent);