@dso-toolkit/core 58.3.1 → 59.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"ozon-content.interfaces.js","sourceRoot":"","sources":["../../../src/components/ozon-content/ozon-content.interfaces.ts"],"names":[],"mappings":"AAAA,iCAAiC","sourcesContent":["// Sync interfaces with readme.md\r\n\r\nexport interface OzonContentAnchorClick {\r\n  /** Node type, eg: `IntRef` or `IntIoRef` */\r\n  node: string;\r\n  href: string;\r\n  documentComponent: string;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\nexport interface OzonContentClick {\r\n  originalEvent: Event;\r\n}\r\n"]}
+{"version":3,"file":"ozon-content.interfaces.js","sourceRoot":"","sources":["../../../src/components/ozon-content/ozon-content.interfaces.ts"],"names":[],"mappings":"AAAA,iCAAiC","sourcesContent":["// Sync interfaces with readme.md\r\n\r\nexport interface OzonContentAnchorClickEvent {\r\n  /** Node type, eg: `IntRef` or `IntIoRef` */\r\n  node: string;\r\n  href: string;\r\n  documentComponent: string;\r\n  originalEvent: MouseEvent;\r\n}\r\n"]}

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

@@ -1,39 +1,25 @@
-import { h, Host } from "@stencil/core";
-import { isTabbable } from "tabbable";
+import { h, Fragment, } from "@stencil/core";
 import { Mapper } from "./ozon-content-mapper";
+const mapper = new Mapper();
 export class OzonContent {
   constructor() {
-    this.mapper = new Mapper();
     this.content = undefined;
     this.inline = false;
-    this.deleted = false;
-    this.interactive = false;
     this.state = {};
   }
-  handleHostOnClick(e) {
-    // '' is `true`: <dso-ozon-content interactive>
-    if (this.interactive !== "" && !this.interactive) {
-      return;
-    }
-    const doIt = e
-      .composedPath()
-      .find((eventTarget) => eventTarget === this.host || (eventTarget instanceof HTMLElement && isTabbable(eventTarget))) === this.host;
-    if (doIt) {
-      this.dsoClick.emit({ originalEvent: e });
-    }
+  contentWatcher() {
+    this.state = {};
   }
   render() {
     var _a;
     const context = {
       state: this.state,
+      inline: this.inline,
       setState: (state) => (this.state = state),
       emitAnchorClick: this.dsoAnchorClick.emit,
     };
-    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(Host, { onClick: (e) => this.handleHostOnClick(e) }, h("slot", { name: "prefix" }), transformed, h("slot", { name: "suffix" })));
+    const transformed = mapper.transform((_a = this.content) !== null && _a !== void 0 ? _a : "", context);
+    return h(Fragment, null, transformed);
   }
   static get is() { return "dso-ozon-content"; }
   static get encapsulation() { return "shadow"; }
@@ -83,42 +69,6 @@ export class OzonContent {
         "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": {}
-        },
-        "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"
       }
     };
   }
@@ -139,39 +89,23 @@ export class OzonContent {
           "text": "Emitted when `<a>` is clicked."
         },
         "complexType": {
-          "original": "OzonContentAnchorClick",
-          "resolved": "OzonContentAnchorClick",
-          "references": {
-            "OzonContentAnchorClick": {
-              "location": "import",
-              "path": "./ozon-content.interfaces",
-              "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentAnchorClick"
-            }
-          }
-        }
-      }, {
-        "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",
+          "original": "OzonContentAnchorClickEvent",
+          "resolved": "OzonContentAnchorClickEvent",
           "references": {
-            "OzonContentClick": {
+            "OzonContentAnchorClickEvent": {
               "location": "import",
               "path": "./ozon-content.interfaces",
-              "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentClick"
+              "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentAnchorClickEvent"
             }
           }
         }
       }];
   }
-  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "content",
+        "methodName": "contentWatcher"
+      }];
+  }
 }
 //# sourceMappingURL=ozon-content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ozon-content.js","sourceRoot":"","sources":["../../../src/components/ozon-content/ozon-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAsB,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAO,MAAM,eAAe,CAAC;AACvH,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAU/C,MAAM,OAAO,WAAW;;IAkDd,WAAM,GAAG,IAAI,MAAM,EAAE,CAAC;;kBAvCrB,KAAK;mBAMJ,KAAK;uBAaqB,KAAK;iBAGX,EAAE;;EAmBxB,iBAAiB,CAAC,CAAU;IAClC,+CAA+C;IAC/C,IAAI,IAAI,CAAC,WAAW,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;MAChD,OAAO;KACR;IAED,MAAM,IAAI,GACR,CAAC;OACE,YAAY,EAAE;OACd,IAAI,CACH,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,YAAY,WAAW,IAAI,UAAU,CAAC,WAAW,CAAC,CAAC,CAC9G,KAAK,IAAI,CAAC,IAAI,CAAC;IAEpB,IAAI,IAAI,EAAE;MACR,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;KAC1C;EACH,CAAC;EAED,MAAM;;IACJ,MAAM,OAAO,GAAuB;MAClC,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;MACzC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI;KAC1C,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,OAAO,mCAAI,EAAE,EAAE,OAAO,CAAC,CAAC;IAEvE,IAAI,IAAI,CAAC,OAAO,EAAE;MAChB,OAAO,CACL;QACE,YAAM,IAAI,EAAC,QAAQ,GAAG;QACtB,YAAM,KAAK,EAAC,eAAe,+BAAgC;QAC1D,WAAW;QACZ,YAAM,KAAK,EAAC,aAAa,+BAAgC;QACzD,YAAM,IAAI,EAAC,QAAQ,GAAG,CACd,CACX,CAAC;KACH;IAED,OAAO,CACL,EAAC,IAAI,IAAC,OAAO,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;MACtD,YAAM,IAAI,EAAC,QAAQ,GAAG;MACrB,WAAW;MACZ,YAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, ComponentInterface, Element, Event, EventEmitter, Prop, State, Host, JSX } from \"@stencil/core\";\r\nimport { isTabbable } from \"tabbable\";\r\n\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport { OzonContentAnchorClick, OzonContentClick } from \"./ozon-content.interfaces\";\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content\",\r\n  styleUrl: \"ozon-content.scss\",\r\n  shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n  /**\r\n   * The XML to be rendered.\r\n   */\r\n  @Prop()\r\n  content: string | undefined;\r\n\r\n  /**\r\n   * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  inline = false;\r\n\r\n  /**\r\n   * Marks content as deleted using visual and accessible clues.\r\n   */\r\n  @Prop({ reflect: true })\r\n  deleted = false;\r\n\r\n  /**\r\n   * 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\n   * meant 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\r\n   */\r\n  @Prop({ reflect: true })\r\n  interactive: \"sub\" | \"\" | boolean = false;\r\n\r\n  @State()\r\n  state: OzonContentNodeState = {};\r\n\r\n  /**\r\n   * Emitted when `<a>` is clicked.\r\n   */\r\n  @Event()\r\n  dsoAnchorClick!: EventEmitter<OzonContentAnchorClick>;\r\n\r\n  /**\r\n   * These events are only emitted when the component is `interactive`.\r\n   */\r\n  @Event()\r\n  dsoClick!: EventEmitter<OzonContentClick>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoOzonContentElement;\r\n\r\n  private mapper = new Mapper();\r\n\r\n  private handleHostOnClick(e: UIEvent) {\r\n    // '' is `true`: <dso-ozon-content interactive>\r\n    if (this.interactive !== \"\" && !this.interactive) {\r\n      return;\r\n    }\r\n\r\n    const doIt =\r\n      e\r\n        .composedPath()\r\n        .find(\r\n          (eventTarget) => eventTarget === this.host || (eventTarget instanceof HTMLElement && isTabbable(eventTarget))\r\n        ) === this.host;\r\n\r\n    if (doIt) {\r\n      this.dsoClick.emit({ originalEvent: e });\r\n    }\r\n  }\r\n\r\n  render(): JSX.Element {\r\n    const context: OzonContentContext = {\r\n      state: this.state,\r\n      setState: (state) => (this.state = state),\r\n      emitAnchorClick: this.dsoAnchorClick.emit,\r\n    };\r\n\r\n    const transformed = this.mapper.transform(this.content ?? \"\", context);\r\n\r\n    if (this.deleted) {\r\n      return (\r\n        <section>\r\n          <slot name=\"prefix\" />\r\n          <span class=\"deleted-start\">Begin verwijderd element</span>\r\n          {transformed}\r\n          <span class=\"deleted-end\">Einde verwijderd element</span>\r\n          <slot name=\"suffix\" />\r\n        </section>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Host onClick={(e: UIEvent) => this.handleHostOnClick(e)}>\r\n        <slot name=\"prefix\" />\r\n        {transformed}\r\n        <slot name=\"suffix\" />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ozon-content.js","sourceRoot":"","sources":["../../../src/components/ozon-content/ozon-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,CAAC,EACD,SAAS,EAET,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,QAAQ,EAER,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAK/C,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;AAO5B,MAAM,OAAO,WAAW;;;kBAWb,KAAK;iBAcgB,EAAE;;EALhC,cAAc;IACZ,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;EAClB,CAAC;EAKD,MAAM;;IACJ,MAAM,OAAO,GAAuB;MAClC,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,MAAM,EAAE,IAAI,CAAC,MAAM;MACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;MACzC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI;KAC1C,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,OAAO,mCAAI,EAAE,EAAE,OAAO,CAAC,CAAC;IAElE,OAAO,EAAC,QAAQ,QAAE,WAAW,CAAY,CAAC;EAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\r\n  h,\r\n  Component,\r\n  ComponentInterface,\r\n  Event,\r\n  EventEmitter,\r\n  Prop,\r\n  State,\r\n  Fragment,\r\n  JSX,\r\n  Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport { OzonContentAnchorClickEvent } from \"./ozon-content.interfaces\";\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\n\r\nconst mapper = new Mapper();\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content\",\r\n  styleUrl: \"ozon-content.scss\",\r\n  shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n  /**\r\n   * The XML to be rendered.\r\n   */\r\n  @Prop()\r\n  content: string | undefined;\r\n\r\n  /**\r\n   * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  inline = false;\r\n\r\n  /**\r\n   * Emitted when `<a>` is clicked.\r\n   */\r\n  @Event()\r\n  dsoAnchorClick!: EventEmitter<OzonContentAnchorClickEvent>;\r\n\r\n  @Watch(\"content\")\r\n  contentWatcher() {\r\n    this.state = {};\r\n  }\r\n\r\n  @State()\r\n  state: OzonContentNodeState = {};\r\n\r\n  render(): JSX.Element {\r\n    const context: OzonContentContext = {\r\n      state: this.state,\r\n      inline: this.inline,\r\n      setState: (state) => (this.state = state),\r\n      emitAnchorClick: this.dsoAnchorClick.emit,\r\n    };\r\n\r\n    const transformed = mapper.transform(this.content ?? \"\", context);\r\n\r\n    return <Fragment>{transformed}</Fragment>;\r\n  }\r\n}\r\n"]}