@dso-toolkit/core 62.27.0 → 62.29.0

package/dist/cjs/{v4-c23234d2.js → v4-7014b8b0.js}

@@ -1,42 +1,41 @@
 'use strict';
 
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  //
+  // Note to future-self: No, you can't remove the `toLowerCase()` call.
+  // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
 // generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
+
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
 function rng() {
   // lazy load so that environments that need to polyfill have a chance to do so
   if (!getRandomValues) {
     // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
     getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
     if (!getRandomValues) {
       throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
     }
   }
-
   return getRandomValues(rnds8);
 }
 
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const native = {
   randomUUID
 };
@@ -45,26 +44,24 @@ function v4(options, buf, offset) {
   if (native.randomUUID && !buf && !options) {
     return native.randomUUID();
   }
-
   options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+  var rnds = options.random || (options.rng || rng)();
 
+  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
   rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+  rnds[8] = rnds[8] & 0x3f | 0x80;
 
+  // Copy bytes to buffer, if provided
   if (buf) {
     offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
+    for (var i = 0; i < 16; ++i) {
       buf[offset + i] = rnds[i];
     }
-
     return buf;
   }
-
   return unsafeStringify(rnds);
 }
 
 exports.v4 = v4;
 
-//# sourceMappingURL=v4-c23234d2.js.map
+//# sourceMappingURL=v4-7014b8b0.js.map

package/dist/cjs/v4-7014b8b0.js.map

@@ -0,0 +1 @@
+{"file":"v4-7014b8b0.js","mappings":"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","names":[],"sources":["../../node_modules/uuid/dist/esm-browser/stringify.js","../../node_modules/uuid/dist/esm-browser/rng.js","../../node_modules/uuid/dist/esm-browser/native.js","../../node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["import validate from './validate.js';\n\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\nvar byteToHex = [];\nfor (var i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  //\n  // Note to future-self: No, you can't remove the `toLowerCase()` call.\n  // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351\n  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n  var uuid = unsafeStringify(arr, offset);\n  // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n  return uuid;\n}\nexport default stringify;","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\n\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n  return getRandomValues(rnds8);\n}","var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n  options = options || {};\n  var rnds = options.random || (options.rng || rng)();\n\n  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80;\n\n  // Copy bytes to buffer, if provided\n  if (buf) {\n    offset = offset || 0;\n    for (var i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n    return buf;\n  }\n  return unsafeStringify(rnds);\n}\nexport default v4;"],"version":3}

package/dist/collection/collection-manifest.json

@@ -11,8 +11,9 @@
     "components/alert/alert.js",
     "components/annotation/annotation-activiteit/annotation-activiteit.js",
     "components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js",
-    "components/annotation/annotation-omgevingsnorm/annotation-omgevingsnorm.js",
-    "components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.js",
+    "components/annotation/annotation-kaart/annotation-kaart.js",
+    "components/annotation/annotation-locatie/annotation-locatie.js",
+    "components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.js",
     "components/attachments-counter/attachments-counter.js",
     "components/autosuggest/autosuggest.js",
     "components/badge/badge.js",
@@ -45,6 +46,7 @@
     "components/pagination/pagination.js",
     "components/progress-bar/progress-bar.js",
     "components/progress-indicator/progress-indicator.js",
+    "components/renvooi/renvooi.js",
     "components/responsive-element/responsive-element.js",
     "components/scrollable/scrollable.js",
     "components/selectable/selectable.js",
@@ -57,7 +59,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.18.3",
+    "version": "4.19.2",
     "typescriptVersion": "5.4.5"
   },
   "collections": [],

package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js

@@ -1,12 +1,14 @@
 import { h, Fragment } from "@stencil/core";
-import { AnnotationDiffRenderer } from "../annotation-diff-renderer";
 import { AnnotationBody } from "../annotation-body";
 import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
+import { watcher } from "../annotation-watcher";
+import { AnnotationSymbolSlot } from "../annotation-symbol-slot";
 /**
  * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
  */
 export class AnnotationActiviteit {
     constructor() {
+        this.watcher = watcher(this.host);
         this.wijzigactie = undefined;
         this.active = undefined;
         this.gewijzigdeLocatie = undefined;
@@ -15,8 +17,15 @@ export class AnnotationActiviteit {
         this.locatieNoemers = undefined;
         this.regelKwalificatieVoorzetsel = undefined;
     }
+    connectedCallback() {
+        this.watcher.watch();
+    }
+    disconnectedCallback() {
+        this.watcher.unwatch();
+    }
     render() {
-        return (h(AnnotationBody, { key: 'b99fc074965b115131391ba52320a959340bb399', active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(AnnotationDiffRenderer, { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h(AnnotationDiffRenderer, { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationDiffRenderer, { value: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        const hasSymbool = this.watcher.hasSymbool();
+        return (h(AnnotationBody, { key: '0e09fda2e18c4f6e4e38c85983df8b6862438f8d', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h("dso-renvooi", { value: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     static get is() { return "dso-annotation-activiteit"; }
     static get encapsulation() { return "shadow"; }
@@ -37,7 +46,7 @@ export class AnnotationActiviteit {
                 "mutable": false,
                 "complexType": {
                     "original": "AnnotationWijzigactie",
-                    "resolved": "\"verwijderd\" | \"voegtoe\" | undefined",
+                    "resolved": "\"verwijder\" | \"voegtoe\" | undefined",
                     "references": {
                         "AnnotationWijzigactie": {
                             "location": "import",
@@ -93,13 +102,13 @@ export class AnnotationActiviteit {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "AnnotationDiff | string",
+                    "original": "RenvooiValue | string",
                     "resolved": "string | undefined | { toegevoegd: string; } | { verwijderd: string; } | { was: string; wordt: string; }",
                     "references": {
-                        "AnnotationDiff": {
+                        "RenvooiValue": {
                             "location": "import",
-                            "path": "../annotation.interfaces",
-                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationDiff"
+                            "path": "../../renvooi/renvooi.interfaces",
+                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue"
                         }
                     }
                 },
@@ -116,13 +125,13 @@ export class AnnotationActiviteit {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "AnnotationDiff | string",
+                    "original": "RenvooiValue | string",
                     "resolved": "string | undefined | { toegevoegd: string; } | { verwijderd: string; } | { was: string; wordt: string; }",
                     "references": {
-                        "AnnotationDiff": {
+                        "RenvooiValue": {
                             "location": "import",
-                            "path": "../annotation.interfaces",
-                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationDiff"
+                            "path": "../../renvooi/renvooi.interfaces",
+                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue"
                         }
                     }
                 },
@@ -139,17 +148,17 @@ export class AnnotationActiviteit {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "Array<AnnotationDiff | string>",
-                    "resolved": "(string | AnnotationDiff)[] | undefined",
+                    "original": "Array<RenvooiValue | string>",
+                    "resolved": "RenvooiValue[] | undefined",
                     "references": {
                         "Array": {
                             "location": "global",
                             "id": "global::Array"
                         },
-                        "AnnotationDiff": {
+                        "RenvooiValue": {
                             "location": "import",
-                            "path": "../annotation.interfaces",
-                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationDiff"
+                            "path": "../../renvooi/renvooi.interfaces",
+                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue"
                         }
                     }
                 },
@@ -203,5 +212,6 @@ export class AnnotationActiviteit {
                 }
             }];
     }
+    static get elementRef() { return "host"; }
 }
 //# sourceMappingURL=annotation-activiteit.js.map

package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-activiteit.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-activiteit/annotation-activiteit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AAEtG,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E;;GAEG;AAMH,MAAM,OAAO,oBAAoB;;;;;;;;;;IAiD/B,MAAM;QACJ,OAAO,CACL,EAAC,cAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAE,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,EACnD,IAAI,EACF;gBACE,YAAM,KAAK,EAAC,SAAS;oBAClB,IAAI,CAAC,iBAAiB,IAAI,CACzB;wBACE,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,GAAI;wBAAC,GAAG,CAC5D,CACJ;oBACA,IAAI,CAAC,2BAA2B,IAAI,GAAG,IAAI,CAAC,2BAA2B,IAAI;oBAC5E,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,cAAc,GAAI,CACjD;gBACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Prop, Event, h, Fragment, EventEmitter } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-activiteit\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationActiviteit implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de activiteit.\r\n   */\r\n  @Prop()\r\n  naam?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De activiteit regel kwalificatie.\r\n   */\r\n  @Prop()\r\n  regelKwalificatie?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemers?: Array<AnnotationDiff | string>;\r\n\r\n  /**\r\n   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.\r\n   */\r\n  @Prop()\r\n  regelKwalificatieVoorzetsel?: string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={<AnnotationDiffRenderer value={this.naam} />}\r\n        data={\r\n          <>\r\n            <span class=\"content\">\r\n              {this.regelKwalificatie && (\r\n                <>\r\n                  <AnnotationDiffRenderer value={this.regelKwalificatie} />{\" \"}\r\n                </>\r\n              )}\r\n              {this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `}\r\n              <AnnotationDiffRenderer value={this.locatieNoemers} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"annotation-activiteit.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-activiteit/annotation-activiteit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/G,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE;;GAEG;AAMH,MAAM,OAAO,oBAAoB;;QAoDvB,YAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;;;;;IAErC,iBAAiB;QACf,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAE7C,OAAO,CACL,EAAC,cAAc,qDACb,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,oBAAoB,OAAG,CAAC,CAAC,CAAC,SAAS,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAE,mBAAa,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,EACxC,IAAI,EACF;gBACE,YAAM,KAAK,EAAC,SAAS;oBAClB,IAAI,CAAC,iBAAiB,IAAI,CACzB;wBACE,mBAAa,KAAK,EAAE,IAAI,CAAC,iBAAiB,GAAI;wBAAC,GAAG,CACjD,CACJ;oBACA,IAAI,CAAC,2BAA2B,IAAI,GAAG,IAAI,CAAC,2BAA2B,IAAI;oBAC5E,mBAAa,KAAK,EAAE,IAAI,CAAC,cAAc,GAAI,CACtC;gBACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Prop, Event, h, Fragment, EventEmitter, Element } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-activiteit\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationActiviteit implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de activiteit.\r\n   */\r\n  @Prop()\r\n  naam?: RenvooiValue | string;\r\n\r\n  /**\r\n   * De activiteit regel kwalificatie.\r\n   */\r\n  @Prop()\r\n  regelKwalificatie?: RenvooiValue | string;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemers?: Array<RenvooiValue | string>;\r\n\r\n  /**\r\n   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.\r\n   */\r\n  @Prop()\r\n  regelKwalificatieVoorzetsel?: string;\r\n\r\n  @Element()\r\n  private host!: HTMLDsoAnnotationActiviteitElement;\r\n\r\n  private watcher = watcher(this.host);\r\n\r\n  connectedCallback(): void {\r\n    this.watcher.watch();\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.watcher.unwatch();\r\n  }\r\n\r\n  render() {\r\n    const hasSymbool = this.watcher.hasSymbool();\r\n\r\n    return (\r\n      <AnnotationBody\r\n        symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={<dso-renvooi value={this.naam} />}\r\n        data={\r\n          <>\r\n            <span class=\"content\">\r\n              {this.regelKwalificatie && (\r\n                <>\r\n                  <dso-renvooi value={this.regelKwalificatie} />{\" \"}\r\n                </>\r\n              )}\r\n              {this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `}\r\n              <dso-renvooi value={this.locatieNoemers} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/annotation/annotation-body.js

@@ -1,3 +1,3 @@
 import { h } from "@stencil/core";
-export const AnnotationBody = ({ title, data, active, dsoActiveChange }) => (h("div", { class: "annotation-body" }, h("div", { class: "annotation-symbol" }, h("slot", { name: "symbool" })), h("div", { class: "annotation-info" }, h("p", { class: "annotation-title" }, title), data && h("p", { class: "annotation-data" }, data)), h("div", { class: "annotation-control" }, h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) }))));
+export const AnnotationBody = ({ symbol, title, data, active, dsoActiveChange, }) => (h("div", { class: "annotation-body" }, symbol && h("div", { class: "annotation-symbol" }, symbol), h("div", { class: "annotation-info" }, h("p", { class: "annotation-title" }, title), data && h("p", { class: "annotation-data" }, data)), dsoActiveChange && (h("div", { class: "annotation-control" }, h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) })))));
 //# sourceMappingURL=annotation-body.js.map

package/dist/collection/components/annotation/annotation-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-body.js","sourceRoot":"","sources":["../../../../src/components/annotation/annotation-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,CAAC,EAAE,MAAM,eAAe,CAAC;AAUrE,MAAM,CAAC,MAAM,cAAc,GAA6C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACpH,WAAK,KAAK,EAAC,iBAAiB;IAC1B,WAAK,KAAK,EAAC,mBAAmB;QAC5B,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB;IACN,WAAK,KAAK,EAAC,iBAAiB;QAC1B,SAAG,KAAK,EAAC,kBAAkB,IAAE,KAAK,CAAK;QACtC,IAAI,IAAI,SAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAK,CAC1C;IACN,WAAK,KAAK,EAAC,oBAAoB;QAC7B,wBACE,eAAe,EAAC,eAAe,EAC/B,OAAO,EAAE,MAAM,EACf,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,GAC7G,CACE,CACF,CACP,CAAC","sourcesContent":["import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent } from \"./annotation.interfaces\";\r\n\r\ninterface AnnotationBodyProps {\r\n  title: JSX.Element;\r\n  data?: JSX.Element;\r\n  active: boolean | undefined;\r\n  dsoActiveChange: EventEmitter<AnnotationActiveChangeEvent>;\r\n}\r\n\r\nexport const AnnotationBody: FunctionalComponent<AnnotationBodyProps> = ({ title, data, active, dsoActiveChange }) => (\r\n  <div class=\"annotation-body\">\r\n    <div class=\"annotation-symbol\">\r\n      <slot name=\"symbool\" />\r\n    </div>\r\n    <div class=\"annotation-info\">\r\n      <p class=\"annotation-title\">{title}</p>\r\n      {data && <p class=\"annotation-data\">{data}</p>}\r\n    </div>\r\n    <div class=\"annotation-control\">\r\n      <dso-slide-toggle\r\n        accessibleLabel=\"Toon op kaart\"\r\n        checked={active}\r\n        onDsoActiveChange={(e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e })}\r\n      />\r\n    </div>\r\n  </div>\r\n);\r\n"]}
+{"version":3,"file":"annotation-body.js","sourceRoot":"","sources":["../../../../src/components/annotation/annotation-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,CAAC,EAAE,MAAM,eAAe,CAAC;AAWrE,MAAM,CAAC,MAAM,cAAc,GAA6C,CAAC,EACvE,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,eAAe,GAChB,EAAE,EAAE,CAAC,CACJ,WAAK,KAAK,EAAC,iBAAiB;IACzB,MAAM,IAAI,WAAK,KAAK,EAAC,mBAAmB,IAAE,MAAM,CAAO;IACxD,WAAK,KAAK,EAAC,iBAAiB;QAC1B,SAAG,KAAK,EAAC,kBAAkB,IAAE,KAAK,CAAK;QACtC,IAAI,IAAI,SAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAK,CAC1C;IACL,eAAe,IAAI,CAClB,WAAK,KAAK,EAAC,oBAAoB;QAC7B,wBACE,eAAe,EAAC,eAAe,EAC/B,OAAO,EAAE,MAAM,EACf,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,GAC7G,CACE,CACP,CACG,CACP,CAAC","sourcesContent":["import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent } from \"./annotation.interfaces\";\r\n\r\ninterface AnnotationBodyProps {\r\n  title: JSX.Element;\r\n  data?: JSX.Element;\r\n  active?: boolean;\r\n  dsoActiveChange?: EventEmitter<AnnotationActiveChangeEvent>;\r\n  symbol?: JSX.Element;\r\n}\r\n\r\nexport const AnnotationBody: FunctionalComponent<AnnotationBodyProps> = ({\r\n  symbol,\r\n  title,\r\n  data,\r\n  active,\r\n  dsoActiveChange,\r\n}) => (\r\n  <div class=\"annotation-body\">\r\n    {symbol && <div class=\"annotation-symbol\">{symbol}</div>}\r\n    <div class=\"annotation-info\">\r\n      <p class=\"annotation-title\">{title}</p>\r\n      {data && <p class=\"annotation-data\">{data}</p>}\r\n    </div>\r\n    {dsoActiveChange && (\r\n      <div class=\"annotation-control\">\r\n        <dso-slide-toggle\r\n          accessibleLabel=\"Toon op kaart\"\r\n          checked={active}\r\n          onDsoActiveChange={(e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e })}\r\n        />\r\n      </div>\r\n    )}\r\n  </div>\r\n);\r\n"]}

package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js

@@ -1,19 +1,28 @@
 import { h, Fragment } from "@stencil/core";
 import { AnnotationBody } from "../annotation-body";
-import { AnnotationDiffRenderer } from "../annotation-diff-renderer";
 import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
+import { watcher } from "../annotation-watcher";
+import { AnnotationSymbolSlot } from "../annotation-symbol-slot";
 /**
  * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
  */
 export class AnnotationGebiedsaanwijzing {
     constructor() {
+        this.watcher = watcher(this.host);
         this.wijzigactie = undefined;
         this.active = undefined;
         this.gewijzigdeLocatie = undefined;
         this.naam = undefined;
     }
+    connectedCallback() {
+        this.watcher.watch();
+    }
+    disconnectedCallback() {
+        this.watcher.unwatch();
+    }
     render() {
-        return (h(AnnotationBody, { key: 'a69c702effa1d2dbec9f3a8132de6c22a764657f', active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h(AnnotationDiffRenderer, { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        const hasSymbool = this.watcher.hasSymbool();
+        return (h(AnnotationBody, { key: 'df0a142bc8a66479c7d862826c3703a94fd6dc56', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     static get is() { return "dso-annotation-gebiedsaanwijzing"; }
     static get encapsulation() { return "shadow"; }
@@ -34,7 +43,7 @@ export class AnnotationGebiedsaanwijzing {
                 "mutable": false,
                 "complexType": {
                     "original": "AnnotationWijzigactie",
-                    "resolved": "\"verwijderd\" | \"voegtoe\" | undefined",
+                    "resolved": "\"verwijder\" | \"voegtoe\" | undefined",
                     "references": {
                         "AnnotationWijzigactie": {
                             "location": "import",
@@ -90,13 +99,13 @@ export class AnnotationGebiedsaanwijzing {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "AnnotationDiff | string",
+                    "original": "RenvooiValue | string",
                     "resolved": "string | undefined | { toegevoegd: string; } | { verwijderd: string; } | { was: string; wordt: string; }",
                     "references": {
-                        "AnnotationDiff": {
+                        "RenvooiValue": {
                             "location": "import",
-                            "path": "../annotation.interfaces",
-                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationDiff"
+                            "path": "../../renvooi/renvooi.interfaces",
+                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue"
                         }
                     }
                 },
@@ -135,5 +144,6 @@ export class AnnotationGebiedsaanwijzing {
                 }
             }];
     }
+    static get elementRef() { return "host"; }
 }
 //# sourceMappingURL=annotation-gebiedsaanwijzing.js.map

package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-gebiedsaanwijzing.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAgB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEtG,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E;;GAEG;AAMH,MAAM,OAAO,2BAA2B;;;;;;;IA+BtC,MAAM;QACJ,OAAO,CACL,EAAC,cAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH;gBACE,YAAM,KAAK,EAAC,SAAS;oBACnB,EAAC,sBAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,CACvC;gBACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-gebiedsaanwijzing\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationGebiedsaanwijzing implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de gebiedsaanwijzing.\r\n   */\r\n  @Prop()\r\n  naam?: AnnotationDiff | string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={\r\n          <>\r\n            <span class=\"content\">\r\n              <AnnotationDiffRenderer value={this.naam} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"annotation-gebiedsaanwijzing.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAgB,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/G,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE;;GAEG;AAMH,MAAM,OAAO,2BAA2B;;QAkC9B,YAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;;IAErC,iBAAiB;QACf,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAE7C,OAAO,CACL,EAAC,cAAc,qDACb,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,oBAAoB,OAAG,CAAC,CAAC,CAAC,SAAS,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH;gBACE,YAAM,KAAK,EAAC,SAAS;oBACnB,mBAAa,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,CAC5B;gBACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment, Element } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-gebiedsaanwijzing\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationGebiedsaanwijzing implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de gebiedsaanwijzing.\r\n   */\r\n  @Prop()\r\n  naam?: RenvooiValue | string;\r\n\r\n  @Element()\r\n  private host!: HTMLDsoAnnotationGebiedsaanwijzingElement;\r\n\r\n  private watcher = watcher(this.host);\r\n\r\n  connectedCallback(): void {\r\n    this.watcher.watch();\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.watcher.unwatch();\r\n  }\r\n\r\n  render() {\r\n    const hasSymbool = this.watcher.hasSymbool();\r\n\r\n    return (\r\n      <AnnotationBody\r\n        symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={\r\n          <>\r\n            <span class=\"content\">\r\n              <dso-renvooi value={this.naam} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/annotation/annotation-gewijzigde-locatie.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-gewijzigde-locatie.js","sourceRoot":"","sources":["../../../../src/components/annotation/annotation-gewijzigde-locatie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE,CAAC,CAC/C,iBAAW,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,+BAElD,CACb,CAAC","sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nexport const AnnotationGewijzigdeLocatie = () => (\r\n  <dso-label class=\"gewijzigde-locatie\" status=\"warning\" compact>\r\n    gewijzigde locatie\r\n  </dso-label>\r\n);\r\n"]}
+{"version":3,"file":"annotation-gewijzigde-locatie.js","sourceRoot":"","sources":["../../../../src/components/annotation/annotation-gewijzigde-locatie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,CAAC,MAAM,2BAA2B,GAAwB,GAAG,EAAE,CAAC,CACpE,iBAAW,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,+BAElD,CACb,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport const AnnotationGewijzigdeLocatie: FunctionalComponent = () => (\r\n  <dso-label class=\"gewijzigde-locatie\" status=\"warning\" compact>\r\n    gewijzigde locatie\r\n  </dso-label>\r\n);\r\n"]}

package/dist/collection/components/annotation/annotation-kaart/annotation-kaart.interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=annotation-kaart.interfaces.js.map

package/dist/collection/components/annotation/annotation-kaart/annotation-kaart.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-kaart.interfaces.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-kaart/annotation-kaart.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export interface AnnotationKaartClickEvent {\r\n  href: string;\r\n  originalEvent: MouseEvent;\r\n  isModifiedEvent: boolean;\r\n}\r\n"]}

package/dist/collection/components/annotation/annotation-kaart/annotation-kaart.js

@@ -0,0 +1,128 @@
+import { h } from "@stencil/core";
+import { AnnotationBody } from "../annotation-body";
+import { isModifiedEvent } from "../../../utils/is-modified-event";
+export class AnnotationKaart {
+    constructor() {
+        this.clickHandler = (e) => {
+            if (!this.href) {
+                return;
+            }
+            this.dsoClick.emit({
+                href: this.href,
+                originalEvent: e,
+                isModifiedEvent: isModifiedEvent(e),
+            });
+        };
+        this.wijzigactie = undefined;
+        this.naam = undefined;
+        this.href = undefined;
+    }
+    render() {
+        const title = this.href ? (h("a", { class: "content", href: this.href, onClick: this.clickHandler }, h("dso-renvooi", { value: this.naam }))) : (h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })));
+        return h(AnnotationBody, { key: 'ab0b552617589567f200d17e6adf4c443a2a4360', symbol: h("dso-icon", { icon: "land" }), title: title });
+    }
+    static get is() { return "dso-annotation-kaart"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../annotation.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../annotation.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "wijzigactie": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AnnotationWijzigactie",
+                    "resolved": "\"verwijder\" | \"voegtoe\" | undefined",
+                    "references": {
+                        "AnnotationWijzigactie": {
+                            "location": "import",
+                            "path": "../annotation.interfaces",
+                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationWijzigactie"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Een optionele wijzigactie die aangeeft of de annotatie is toegevoegd of verwijderd."
+                },
+                "attribute": "wijzigactie",
+                "reflect": true
+            },
+            "naam": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "RenvooiValue | string",
+                    "resolved": "string | undefined | { toegevoegd: string; } | { verwijderd: string; } | { was: string; wordt: string; }",
+                    "references": {
+                        "RenvooiValue": {
+                            "location": "import",
+                            "path": "../../renvooi/renvooi.interfaces",
+                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "De naam van de kaart."
+                },
+                "attribute": "naam",
+                "reflect": false
+            },
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "De url naar de kaart.\r\n\r\nGebruik het event `dsoClick` om de navigatie aan de router te koppelen."
+                },
+                "attribute": "href",
+                "reflect": true
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "dsoClick",
+                "name": "dsoClick",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event als de gebruiker de kaartnaam selecteert.\r\n\r\nLet op \"isModifiedEvent\" om te bepalen of de navigatieactie door de router of de browser moet worden afgehandeld."
+                },
+                "complexType": {
+                    "original": "AnnotationKaartClickEvent",
+                    "resolved": "AnnotationKaartClickEvent",
+                    "references": {
+                        "AnnotationKaartClickEvent": {
+                            "location": "import",
+                            "path": "./annotation-kaart.interfaces",
+                            "id": "src/components/annotation/annotation-kaart/annotation-kaart.interfaces.ts::AnnotationKaartClickEvent"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=annotation-kaart.js.map

package/dist/collection/components/annotation/annotation-kaart/annotation-kaart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-kaart.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-kaart/annotation-kaart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAG5F,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAQnE,MAAM,OAAO,eAAe;;QA6BlB,iBAAY,GAAG,CAAC,CAAa,EAAQ,EAAE;YAC7C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACf,OAAO;YACT,CAAC;YAED,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,aAAa,EAAE,CAAC;gBAChB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;aACpC,CAAC,CAAC;QACL,CAAC,CAAC;;;;;IAEF,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,SAAG,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY;YAC5D,mBAAa,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,CAC/B,CACL,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,SAAS;YACnB,mBAAa,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,CAC5B,CACR,CAAC;QAEF,OAAO,EAAC,cAAc,qDAAC,MAAM,EAAE,gBAAU,IAAI,EAAC,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;IAC5E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Prop, h, Event, EventEmitter } from \"@stencil/core\";\r\nimport { AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationKaartClickEvent } from \"./annotation-kaart.interfaces\";\r\nimport { isModifiedEvent } from \"../../../utils/is-modified-event\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-annotation-kaart\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationKaart implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie is toegevoegd of verwijderd.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * De naam van de kaart.\r\n   */\r\n  @Prop()\r\n  naam?: RenvooiValue | string;\r\n\r\n  /**\r\n   * De url naar de kaart.\r\n   *\r\n   * Gebruik het event `dsoClick` om de navigatie aan de router te koppelen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href?: string;\r\n\r\n  /**\r\n   * Event als de gebruiker de kaartnaam selecteert.\r\n   *\r\n   * Let op \"isModifiedEvent\" om te bepalen of de navigatieactie door de router of de browser moet worden afgehandeld.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<AnnotationKaartClickEvent>;\r\n\r\n  private clickHandler = (e: MouseEvent): void => {\r\n    if (!this.href) {\r\n      return;\r\n    }\r\n\r\n    this.dsoClick.emit({\r\n      href: this.href,\r\n      originalEvent: e,\r\n      isModifiedEvent: isModifiedEvent(e),\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const title = this.href ? (\r\n      <a class=\"content\" href={this.href} onClick={this.clickHandler}>\r\n        <dso-renvooi value={this.naam} />\r\n      </a>\r\n    ) : (\r\n      <span class=\"content\">\r\n        <dso-renvooi value={this.naam} />\r\n      </span>\r\n    );\r\n\r\n    return <AnnotationBody symbol={<dso-icon icon=\"land\" />} title={title} />;\r\n  }\r\n}\r\n"]}

package/dist/collection/components/annotation/{annotation-werkingsgebied/annotation-werkingsgebied.js → annotation-locatie/annotation-locatie.js}

@@ -1,21 +1,30 @@
 import { h, Fragment } from "@stencil/core";
 import { AnnotationBody } from "../annotation-body";
-import { AnnotationDiffRenderer } from "../annotation-diff-renderer";
 import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
+import { watcher } from "../annotation-watcher";
+import { AnnotationSymbolSlot } from "../annotation-symbol-slot";
 /**
  * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
  */
-export class AnnotationWerkingsgebied {
+export class AnnotationLocatie {
     constructor() {
+        this.watcher = watcher(this.host);
         this.wijzigactie = undefined;
         this.active = undefined;
         this.gewijzigdeLocatie = undefined;
         this.locatieNoemer = undefined;
     }
+    connectedCallback() {
+        this.watcher.watch();
+    }
+    disconnectedCallback() {
+        this.watcher.unwatch();
+    }
     render() {
-        return (h(AnnotationBody, { key: '8f3f6557c673e362c9aa2728e1efc1a2a86646f6', active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h(AnnotationDiffRenderer, { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        const hasSymbool = this.watcher.hasSymbool();
+        return (h(AnnotationBody, { key: '64abc624caa8522b900aa75c75c343426fc00744', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
-    static get is() { return "dso-annotation-werkingsgebied"; }
+    static get is() { return "dso-annotation-locatie"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
@@ -34,7 +43,7 @@ export class AnnotationWerkingsgebied {
                 "mutable": false,
                 "complexType": {
                     "original": "AnnotationWijzigactie",
-                    "resolved": "\"verwijderd\" | \"voegtoe\" | undefined",
+                    "resolved": "\"verwijder\" | \"voegtoe\" | undefined",
                     "references": {
                         "AnnotationWijzigactie": {
                             "location": "import",
@@ -90,13 +99,13 @@ export class AnnotationWerkingsgebied {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "AnnotationDiff | string",
+                    "original": "RenvooiValue | string",
                     "resolved": "string | undefined | { toegevoegd: string; } | { verwijderd: string; } | { was: string; wordt: string; }",
                     "references": {
-                        "AnnotationDiff": {
+                        "RenvooiValue": {
                             "location": "import",
-                            "path": "../annotation.interfaces",
-                            "id": "src/components/annotation/annotation.interfaces.ts::AnnotationDiff"
+                            "path": "../../renvooi/renvooi.interfaces",
+                            "id": "src/components/renvooi/renvooi.interfaces.ts::RenvooiValue"
                         }
                     }
                 },
@@ -135,5 +144,6 @@ export class AnnotationWerkingsgebied {
                 }
             }];
     }
+    static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=annotation-werkingsgebied.js.map
+//# sourceMappingURL=annotation-locatie.js.map

package/dist/collection/components/annotation/annotation-locatie/annotation-locatie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotation-locatie.js","sourceRoot":"","sources":["../../../../../src/components/annotation/annotation-locatie/annotation-locatie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAgB,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG/G,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE;;GAEG;AAMH,MAAM,OAAO,iBAAiB;;QAkCpB,YAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;;;IAErC,iBAAiB;QACf,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAE7C,OAAO,CACL,EAAC,cAAc,qDACb,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAC,oBAAoB,OAAG,CAAC,CAAC,CAAC,SAAS,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACH;gBACE,YAAM,KAAK,EAAC,SAAS;oBACnB,mBAAa,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,CACrC;gBACN,IAAI,CAAC,iBAAiB,IAAI,EAAC,2BAA2B,OAAG,CACzD,GAEL,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment, Element } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-locatie\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationLocatie implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemer?: RenvooiValue | string;\r\n\r\n  @Element()\r\n  private host!: HTMLDsoAnnotationLocatieElement;\r\n\r\n  private watcher = watcher(this.host);\r\n\r\n  connectedCallback(): void {\r\n    this.watcher.watch();\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.watcher.unwatch();\r\n  }\r\n\r\n  render() {\r\n    const hasSymbool = this.watcher.hasSymbool();\r\n\r\n    return (\r\n      <AnnotationBody\r\n        symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={\r\n          <>\r\n            <span class=\"content\">\r\n              <dso-renvooi value={this.locatieNoemer} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}