@dso-toolkit/core 45.1.0 → 46.0.0

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

@@ -1,19 +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 { 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 = [
@@ -30,6 +31,7 @@ export class Mapper {
       new OzonContentTableNode(),
       new OzonContentIntIoRefNode(),
       new OzonContentFiguurNode(),
+      new OzonContentLijstNode(),
     ];
     this.skip = this.mappers.reduce((t, m) => {
       if (m.handles) {
@@ -45,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);
@@ -67,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.css

@@ -160,8 +160,7 @@ span[role=paragraph] {
   display: inline;
 }
 
-.od-Al,
-.od-Lijstaanhef {
+.od-Al {
   margin-bottom: 0.75em;
 }
 
@@ -169,13 +168,6 @@ span[role=paragraph] {
   border-bottom: 1px dotted;
 }
 
-.od-LiNummer {
-  float: left;
-  min-width: 0.7em;
-  padding-right: 0.3em;
-  text-align: right;
-}
-
 .dso-ozon-figuur {
   margin-bottom: 16px;
 }
@@ -197,6 +189,23 @@ span[role=paragraph] {
   padding-bottom: 0.5rem;
 }
 
+.dso-ozon-lijst span.od-Lijstaanhef,
+.dso-ozon-lijst span.od-Lijstsluiting {
+  margin-bottom: 1rem;
+}
+.dso-ozon-lijst ul.expliciet {
+  list-style: none;
+}
+.dso-ozon-lijst ul.expliciet > .od-Li {
+  position: relative;
+}
+.dso-ozon-lijst ul.expliciet > .od-Li > span.od-LiNummer {
+  position: absolute;
+  left: -44px;
+  text-align: right;
+  width: 40px;
+}
+
 .od-Tabel thead {
   font-weight: 600;
 }

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"; }
 }