@dso-toolkit/core 45.2.0 → 46.0.0

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

@@ -1,33 +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("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 }))))));
+    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);

package/dist/collection/components/ozon-content/ozon-content-mapper.js

@@ -1,20 +1,20 @@
-import { Fragment, h } from '@stencil/core';
-import { OzonContentAlNode } from './nodes/al.node';
-import { OzonContentDocumentNode } from './nodes/document.node';
-import { OzonContentExtRefNode } from './nodes/ext-ref.node';
-import { OzonContentFiguurNode } from './nodes/figuur.node';
-import { OzonContentInhoudNode } from './nodes/inhoud.node';
-import { OzonContentInlineTekstAfbeeldingNode } from './nodes/inline-tekst-afbeelding.node';
-import { OzonContentOpschriftNode } from './nodes/opschrift.node';
-import { OzonContentInlineNodes } from './nodes/inline.nodes';
-import { OzonContentIntIoRefNode } from './nodes/int-io-ref.node';
-import { OzonContentIntRefNode } from './nodes/int-ref.node';
-import { OzonContentNootNode } from './nodes/noot.node';
-import { OzonContentTableNode } from './nodes/table.node';
-import { OzonContentTextNode } from './nodes/text.node';
-import { getNodeName } from './get-node-name.function';
-import { OzonContentFallbackNode } from './nodes/fallback.node';
-import { OzonContentLijstNode } from './nodes/lijst.node';
+import { Fragment, h } from "@stencil/core";
+import { OzonContentAlNode } from "./nodes/al.node";
+import { OzonContentDocumentNode } from "./nodes/document.node";
+import { OzonContentExtRefNode } from "./nodes/ext-ref.node";
+import { OzonContentFiguurNode } from "./nodes/figuur.node";
+import { OzonContentInhoudNode } from "./nodes/inhoud.node";
+import { OzonContentInlineTekstAfbeeldingNode } from "./nodes/inline-tekst-afbeelding.node";
+import { OzonContentOpschriftNode } from "./nodes/opschrift.node";
+import { OzonContentInlineNodes } from "./nodes/inline.nodes";
+import { OzonContentIntIoRefNode } from "./nodes/int-io-ref.node";
+import { OzonContentIntRefNode } from "./nodes/int-ref.node";
+import { OzonContentNootNode } from "./nodes/noot.node";
+import { OzonContentTableNode } from "./nodes/table.node";
+import { OzonContentTextNode } from "./nodes/text.node";
+import { getNodeName } from "./get-node-name.function";
+import { OzonContentFallbackNode } from "./nodes/fallback.node";
+import { OzonContentLijstNode } from "./nodes/lijst.node";
 export class Mapper {
   constructor() {
     this.mappers = [
@@ -47,20 +47,20 @@ export class Mapper {
     if (this.skip.includes(name)) {
       return undefined;
     }
-    return (_a = this.mappers.find(m => {
+    return ((_a = this.mappers.find((m) => {
       if (Array.isArray(m.name)) {
         return m.name.includes(name);
       }
       return m.name === name;
-    })) !== null && _a !== void 0 ? _a : this.fallbackNode;
+    })) !== null && _a !== void 0 ? _a : this.fallbackNode);
   }
   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) => 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) => this.mapNodeToJsx(n, context, path)));
     }
     const nodeName = getNodeName(node);
     const mapper = this.findMapper(nodeName);
@@ -69,18 +69,20 @@ export class Mapper {
     }
     const identity = (_a = mapper.identify) === null || _a === void 0 ? void 0 : _a.call(mapper, node);
     const state = identity ? context.state[identity] : undefined;
-    const setState = identity ? (state) => context.setState(Object.assign(Object.assign({}, context.state), { [identity]: state })) : undefined;
+    const setState = identity
+      ? (state) => context.setState(Object.assign(Object.assign({}, context.state), { [identity]: state }))
+      : undefined;
     return mapper.render(node, {
-      mapNodeToJsx: n => this.mapNodeToJsx(n, context, [...path, node]),
+      mapNodeToJsx: (n) => this.mapNodeToJsx(n, context, [...path, node]),
       emitAnchorClick: context.emitAnchorClick,
       setState,
       state,
-      path
+      path,
     });
   }
   transform(xml, context) {
     if (!this.cache || this.cache.xml !== xml) {
-      this.cache = { xml, document: this.domParser.parseFromString(xml, 'text/xml') };
+      this.cache = { xml, document: this.domParser.parseFromString(xml, "text/xml") };
     }
     const xmlDocument = this.cache.document;
     return this.mapNodeToJsx(xmlDocument.getRootNode(), context, []);

package/dist/collection/components/ozon-content/ozon-content.interfaces.js

@@ -1,2 +1 @@
-// Sync interfaces with readme.md
 export {};

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

@@ -1,36 +1,21 @@
-import { h, Component, Element, Event, Prop, State, Host } from '@stencil/core';
-import { isTabbable } from 'tabbable';
-import { Mapper } from './ozon-content-mapper';
+import { h, Host } from "@stencil/core";
+import { isTabbable } from "tabbable";
+import { Mapper } from "./ozon-content-mapper";
 export class OzonContent {
   constructor() {
-    /**
-     * Setting this property creates dso-ozon-content as inline element instead of a block element.
-     */
+    this.mapper = new Mapper();
+    this.content = undefined;
     this.inline = false;
-    /**
-     * Marks content as deleted using visual and accessible clues.
-     */
     this.deleted = false;
-    /**
-     * Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.
-     *
-     * **Do not** use this without an accessible companion element! `interactive` is only
-     * meant to ease the use of the companion element for mouse/touch users.
-     *
-     * * `true`: Interactive anchor-look-alike
-     * * `"sub"`: Interactive anchor-look-alike for sub navigation
-     * * `false | undefined`: Disabled
-     */
     this.interactive = false;
     this.state = {};
-    this.mapper = new Mapper();
   }
   handleHostOnClick(e) {
     // '' is `true`: <dso-ozon-content interactive>
-    if (this.interactive !== '' && !this.interactive) {
+    if (this.interactive !== "" && !this.interactive) {
       return;
     }
-    const doIt = e.composedPath().find(e => e === this.host || (e instanceof HTMLElement && isTabbable(e))) === this.host;
+    const doIt = e.composedPath().find((e) => e === this.host || (e instanceof HTMLElement && isTabbable(e))) === this.host;
     if (doIt) {
       this.dsoClick.emit({ originalEvent: e });
     }
@@ -39,147 +24,149 @@ export class OzonContent {
     var _a;
     const context = {
       state: this.state,
-      setState: state => this.state = state,
-      emitAnchorClick: this.dsoAnchorClick.emit
+      setState: (state) => (this.state = state),
+      emitAnchorClick: this.dsoAnchorClick.emit,
     };
-    const transformed = this.mapper.transform((_a = this.content) !== null && _a !== void 0 ? _a : '', context);
+    const transformed = this.mapper.transform((_a = this.content) !== null && _a !== void 0 ? _a : "", context);
     if (this.deleted) {
-      return (h("section", null,
-        h("slot", { name: "prefix" }),
-        h("span", { class: "deleted-start" }, "Begin verwijderd element"),
-        transformed,
-        h("span", { class: "deleted-end" }, "Einde verwijderd element"),
-        h("slot", { name: "suffix" })));
+      return (h("section", null, h("slot", { name: "prefix" }), h("span", { class: "deleted-start" }, "Begin verwijderd element"), transformed, h("span", { class: "deleted-end" }, "Einde verwijderd element"), h("slot", { name: "suffix" })));
     }
-    return (h(Host, { onClick: (e) => this.handleHostOnClick(e) },
-      h("slot", { name: "prefix" }),
-      transformed,
-      h("slot", { name: "suffix" })));
+    return (h(Host, { onClick: (e) => this.handleHostOnClick(e) }, h("slot", { name: "prefix" }), transformed, h("slot", { name: "suffix" })));
   }
   static get is() { return "dso-ozon-content"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["ozon-content.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ozon-content.css"]
-  }; }
-  static get properties() { return {
-    "content": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The XML to be rendered."
-      },
-      "attribute": "content",
-      "reflect": false
-    },
-    "inline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Setting this property creates dso-ozon-content as inline element instead of a block element."
-      },
-      "attribute": "inline",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "deleted": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Marks content as deleted using visual and accessible clues."
-      },
-      "attribute": "deleted",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "interactive": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "'sub' | '' | boolean",
-        "resolved": "\"\" | \"sub\" | boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ozon-content.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ozon-content.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "content": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The XML to be rendered."
+        },
+        "attribute": "content",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.\n\n**Do not** use this without an accessible companion element! `interactive` is only\nmeant to ease the use of the companion element for mouse/touch users.\n\n* `true`: Interactive anchor-look-alike\n* `\"sub\"`: Interactive anchor-look-alike for sub navigation\n* `false | undefined`: Disabled"
+      "inline": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Setting this property creates dso-ozon-content as inline element instead of a block element."
+        },
+        "attribute": "inline",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "interactive",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "state": {}
-  }; }
-  static get events() { return [{
-      "method": "dsoAnchorClick",
-      "name": "dsoAnchorClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "deleted": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Marks content as deleted using visual and accessible clues."
+        },
+        "attribute": "deleted",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "OzonContentAnchorClick",
-        "resolved": "OzonContentAnchorClick",
-        "references": {
-          "OzonContentAnchorClick": {
-            "location": "import",
-            "path": "./ozon-content.interfaces"
+      "interactive": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "\"sub\" | \"\" | boolean",
+          "resolved": "\"\" | \"sub\" | boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Visualize the component as interactive. This means that the component will emit `dsoClick` events when the user clicks non-interactive elements.\r\n\r\n**Do not** use this without an accessible companion element! `interactive` is only\r\nmeant to ease the use of the companion element for mouse/touch users.\r\n\r\n* `true`: Interactive anchor-look-alike\r\n* `\"sub\"`: Interactive anchor-look-alike for sub navigation\r\n* `false | undefined`: Disabled"
+        },
+        "attribute": "interactive",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "state": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dsoAnchorClick",
+        "name": "dsoAnchorClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "OzonContentAnchorClick",
+          "resolved": "OzonContentAnchorClick",
+          "references": {
+            "OzonContentAnchorClick": {
+              "location": "import",
+              "path": "./ozon-content.interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "dsoClick",
-      "name": "dsoClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "These events are only emitted when the component is `interactive`."
-      },
-      "complexType": {
-        "original": "OzonContentClick",
-        "resolved": "OzonContentClick",
-        "references": {
-          "OzonContentClick": {
-            "location": "import",
-            "path": "./ozon-content.interfaces"
+      }, {
+        "method": "dsoClick",
+        "name": "dsoClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "These events are only emitted when the component is `interactive`."
+        },
+        "complexType": {
+          "original": "OzonContentClick",
+          "resolved": "OzonContentClick",
+          "references": {
+            "OzonContentClick": {
+              "location": "import",
+              "path": "./ozon-content.interfaces"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "host"; }
 }