@dso-toolkit/core 62.27.0 → 62.29.0

package/dist/cjs/annotation-body-88802b1e.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const index = require('./index-ac055dd1.js');
+
+const AnnotationBody = ({ symbol, title, data, active, dsoActiveChange, }) => (index.h("div", { class: "annotation-body" },
+    symbol && index.h("div", { class: "annotation-symbol" }, symbol),
+    index.h("div", { class: "annotation-info" },
+        index.h("p", { class: "annotation-title" }, title),
+        data && index.h("p", { class: "annotation-data" }, data)),
+    dsoActiveChange && (index.h("div", { class: "annotation-control" },
+        index.h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) })))));
+
+exports.AnnotationBody = AnnotationBody;
+
+//# sourceMappingURL=annotation-body-88802b1e.js.map

package/dist/cjs/annotation-body-88802b1e.js.map

@@ -0,0 +1 @@
+{"file":"annotation-body-88802b1e.js","mappings":";;;;MAWa,cAAc,GAA6C,CAAC,EACvE,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,eAAe,GAChB,MACCA,iBAAK,KAAK,EAAC,iBAAiB;IACzB,MAAM,IAAIA,iBAAK,KAAK,EAAC,mBAAmB,IAAE,MAAM,CAAO;IACxDA,iBAAK,KAAK,EAAC,iBAAiB;QAC1BA,eAAG,KAAK,EAAC,kBAAkB,IAAE,KAAK,CAAK;QACtC,IAAI,IAAIA,eAAG,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAK,CAC1C;IACL,eAAe,KACdA,iBAAK,KAAK,EAAC,oBAAoB;QAC7BA,8BACE,eAAe,EAAC,eAAe,EAC/B,OAAO,EAAE,MAAM,EACf,iBAAiB,EAAE,CAAC,CAAC,KAAK,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;;;;","names":["h"],"sources":["src/components/annotation/annotation-body.tsx"],"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"],"version":3}

package/dist/cjs/annotation-symbol-slot-939136f8.js

@@ -0,0 +1,38 @@
+'use strict';
+
+const index = require('./index-ac055dd1.js');
+
+const AnnotationGewijzigdeLocatie = () => (index.h("dso-label", { class: "gewijzigde-locatie", status: "warning", compact: true }, "gewijzigde locatie"));
+
+const observers = new WeakMap();
+function watcher(host) {
+    return {
+        watch() {
+            let observer = observers.get(host);
+            if (!observer) {
+                observer = new MutationObserver(() => index.forceUpdate(host));
+                observers.set(host, observer);
+            }
+            observer.observe(host, { childList: true });
+        },
+        hasSymbool() {
+            return host.querySelector("[slot=symbool]") !== null;
+        },
+        unwatch() {
+            const observer = observers.get(host);
+            if (!observer) {
+                return;
+            }
+            observer.disconnect();
+            observers.delete(host);
+        },
+    };
+}
+
+const AnnotationSymbolSlot = () => index.h("slot", { name: "symbool" });
+
+exports.AnnotationGewijzigdeLocatie = AnnotationGewijzigdeLocatie;
+exports.AnnotationSymbolSlot = AnnotationSymbolSlot;
+exports.watcher = watcher;
+
+//# sourceMappingURL=annotation-symbol-slot-939136f8.js.map

package/dist/cjs/annotation-symbol-slot-939136f8.js.map

@@ -0,0 +1 @@
+{"file":"annotation-symbol-slot-939136f8.js","mappings":";;;;MAEa,2BAA2B,GAAwB,OAC9DA,uBAAW,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,+BAElD;;ACHd,MAAM,SAAS,GAAG,IAAI,OAAO,EAAiC,CAAC;SAE/C,OAAO,CAAC,IAAiB;IACvC,OAAO;QACL,KAAK;YACH,IAAI,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,CAAC,QAAQ,EAAE;gBACb,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAMC,iBAAW,CAAC,IAAI,CAAC,CAAC,CAAC;gBACzD,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;aAC/B;YAED,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;SAC7C;QACD,UAAU;YACR,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;SACtD;QACD,OAAO;YACL,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAO;aACR;YAED,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACxB;KACF,CAAC;AACJ;;MC1Ba,oBAAoB,GAAwB,MAAMD,kBAAM,IAAI,EAAC,SAAS;;;;;;","names":["h","forceUpdate"],"sources":["src/components/annotation/annotation-gewijzigde-locatie.tsx","src/components/annotation/annotation-watcher.ts","src/components/annotation/annotation-symbol-slot.tsx"],"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","import { forceUpdate } from \"@stencil/core\";\r\n\r\nconst observers = new WeakMap<HTMLElement, MutationObserver>();\r\n\r\nexport function watcher(host: HTMLElement) {\r\n  return {\r\n    watch() {\r\n      let observer = observers.get(host);\r\n      if (!observer) {\r\n        observer = new MutationObserver(() => forceUpdate(host));\r\n        observers.set(host, observer);\r\n      }\r\n\r\n      observer.observe(host, { childList: true });\r\n    },\r\n    hasSymbool() {\r\n      return host.querySelector(\"[slot=symbool]\") !== null;\r\n    },\r\n    unwatch() {\r\n      const observer = observers.get(host);\r\n      if (!observer) {\r\n        return;\r\n      }\r\n\r\n      observer.disconnect();\r\n      observers.delete(host);\r\n    },\r\n  };\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\n\r\nexport const AnnotationSymbolSlot: FunctionalComponent = () => <slot name=\"symbool\" />;\r\n"],"version":3}

package/dist/cjs/dso-accordion-section.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 
 const stateMap = {
     success: "succes:",

package/dist/cjs/dso-accordion.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/cjs/dso-action-list-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 
 const actionListItemCss = "*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;position:relative}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host(.divider) .dso-action-list-item::after{border-block-end:0.25rem dashed #6ca4d9;inset-block-end:0;content:\"\";display:block;block-size:24px;position:absolute;inset-inline-start:calc(2rem + 16px + 16px + 8px - 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px - 8px))}@media screen and (min-width: 480px){:host(.divider) .dso-action-list-item::after{inset-inline-start:calc(2rem + 16px + 16px + 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px))}}h3{color:#275937;color:#275937;font-size:1.125rem;font-weight:600;margin-block-end:16px;margin-block-start:0;min-block-size:48px;padding-block-start:9px}@media screen and (min-width: 480px){h3{font-size:1.25rem}}.dso-action-list-item{display:grid;grid-template-columns:calc(2rem + 16px + 16px + 8px - 8px) 1fr}@media screen and (min-width: 480px){.dso-action-list-item{grid-template-columns:calc(2rem + 16px + 16px + 8px) 1fr}}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{block-size:48px;inline-size:48px}";
 const DsoActionListItemStyle0 = actionListItemCss;

package/dist/cjs/dso-action-list.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 
 const actionListCss = ":host{display:block;padding-block:16px;padding-inline:16px;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e1ecf7;border-color:#e1ecf7;color:#191919}@media screen and (min-width: 768px){:host{padding-inline-end:96px}}:host a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}*,*::after,*::before{box-sizing:border-box}h2{color:#275937;color:#275937;font-size:1.25rem;font-weight:700;margin-block:0 16px}@media screen and (min-width: 480px){h2{font-size:1.5rem}}.dso-action-list-content{padding-inline-start:calc(2rem + 16px + 16px + 8px - 8px)}@media screen and (min-width: 480px){.dso-action-list-content{padding-inline-start:calc(2rem + 16px + 16px + 8px)}}";
 const DsoActionListStyle0 = actionListCss;

package/dist/cjs/dso-advanced-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56461a0b.js');
+const index = require('./index-ac055dd1.js');
 const clsx = require('./clsx-fc789adc.js');
 const focusTrap_esm = require('./focus-trap.esm-6cff35a7.js');
 const index_esm = require('./index.esm-970bc106.js');