npm - @dso-toolkit/core - Versions diffs - 62.23.0 → 62.24.0 - Mend

@dso-toolkit/core 62.23.0 → 62.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

package/dist/cjs/dso-annotation-activiteit.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dso-annotation-activiteit.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,sCAAe,aAAa;;MCaf,oBAAoB;;;;;;;;;;;;IAiD/B,MAAM;QACJ,QACEA,QAACC,0CAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAED,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,EACnD,IAAI,EACFF,8BACEA,kBAAM,KAAK,EAAC,SAAS,IAClB,IAAI,CAAC,iBAAiB,KACrBA,8BACEA,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,GAAI,EAAC,GAAG,CAC5D,CACJ,EACA,IAAI,CAAC,2BAA2B,IAAI,GAAG,IAAI,CAAC,2BAA2B,IAAI,EAC5EF,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,cAAc,GAAI,CACjD,EACN,IAAI,CAAC,iBAAiB,IAAIF,QAACG,uDAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;","names":["h","AnnotationBody","AnnotationDiffRenderer","AnnotationGewijzigdeLocatie"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-activiteit&encapsulation=shadow","src/components/annotation/annotation-activiteit/annotation-activiteit.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n","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}

package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js ADDED Viewed

@@ -0,0 +1,28 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-48d7533e.js');
+const annotationGewijzigdeLocatie = require('./annotation-gewijzigde-locatie-1ee2ce7c.js');
+const annotationCss = "ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}ins a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}ins a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}del a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}del a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=verwijder]) 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}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}";
+const DsoAnnotationGebiedsaanwijzingStyle0 = annotationCss;
+const AnnotationGebiedsaanwijzing = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsoActiveChange = index.createEvent(this, "dsoActiveChange", 7);
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.naam = undefined;
+    }
+    render() {
+        return (index.h(annotationGewijzigdeLocatie.AnnotationBody, { key: '20b91adc13efad9dd22e3df18dc5b92b333de2f4', active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h(annotationGewijzigdeLocatie.AnnotationDiffRenderer, { value: this.naam })), this.gewijzigdeLocatie && index.h(annotationGewijzigdeLocatie.AnnotationGewijzigdeLocatie, null)) }));
+    }
+};
+AnnotationGebiedsaanwijzing.style = DsoAnnotationGebiedsaanwijzingStyle0;
+exports.dso_annotation_gebiedsaanwijzing = AnnotationGebiedsaanwijzing;
+//# sourceMappingURL=dso-annotation-gebiedsaanwijzing.cjs.entry.js.map

package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dso-annotation-gebiedsaanwijzing.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,6CAAe,aAAa;;MCaf,2BAA2B;;;;;;;;;IA+BtC,MAAM;QACJ,QACEA,QAACC,0CAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACHD,8BACEA,kBAAM,KAAK,EAAC,SAAS,IACnBA,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,CACvC,EACN,IAAI,CAAC,iBAAiB,IAAIF,QAACG,uDAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;","names":["h","AnnotationBody","AnnotationDiffRenderer","AnnotationGewijzigdeLocatie"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-gebiedsaanwijzing&encapsulation=shadow","src/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n","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}

package/dist/cjs/dso-annotation-omgevingsnorm.cjs.entry.js ADDED Viewed

@@ -0,0 +1,30 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-48d7533e.js');
+const annotationGewijzigdeLocatie = require('./annotation-gewijzigde-locatie-1ee2ce7c.js');
+const annotationCss = "ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}ins a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}ins a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}del a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}del a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=verwijder]) 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}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}";
+const DsoAnnotationOmgevingsnormStyle0 = annotationCss;
+const AnnotationOmgevingsnorm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsoActiveChange = index.createEvent(this, "dsoActiveChange", 7);
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.naam = undefined;
+        this.waardes = undefined;
+        this.eenheid = undefined;
+    }
+    render() {
+        return (index.h(annotationGewijzigdeLocatie.AnnotationBody, { key: 'e0b0eafa60be59276a2bc5c5ec9c4d78adf69811', active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h(annotationGewijzigdeLocatie.AnnotationDiffRenderer, { value: this.naam }), " (in ", index.h(annotationGewijzigdeLocatie.AnnotationDiffRenderer, { value: this.eenheid }), ")"), data: index.h(index.Fragment, null, index.h("span", { class: "content" }, "Waardes worden weergegeven op de kaart: ", index.h(annotationGewijzigdeLocatie.AnnotationDiffRenderer, { value: this.waardes })), this.gewijzigdeLocatie && index.h(annotationGewijzigdeLocatie.AnnotationGewijzigdeLocatie, null)) }));
+    }
+};
+AnnotationOmgevingsnorm.style = DsoAnnotationOmgevingsnormStyle0;
+exports.dso_annotation_omgevingsnorm = AnnotationOmgevingsnorm;
+//# sourceMappingURL=dso-annotation-omgevingsnorm.cjs.entry.js.map

package/dist/cjs/dso-annotation-omgevingsnorm.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dso-annotation-omgevingsnorm.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,yCAAe,aAAa;;MCcf,uBAAuB;;;;;;;;;;;IA2ClC,MAAM;QACJ,QACEA,QAACC,0CAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,KAAK,EAC5B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACHD,8BACEA,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAI,WAAKF,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,GAAI,MAC/F,EAEL,IAAI,EACFF,8BACEA,kBAAM,KAAK,EAAC,SAAS,gDACqBA,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,GAAI,CAClF,EACN,IAAI,CAAC,iBAAiB,IAAIF,QAACG,uDAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;","names":["h","AnnotationBody","AnnotationDiffRenderer","AnnotationGewijzigdeLocatie"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-omgevingsnorm&encapsulation=shadow","src/components/annotation/annotation-omgevingsnorm/annotation-omgevingsnorm.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment } from \"@stencil/core\";\r\n\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-omgevingsnorm\",\r\n styleUrl: \"../annotation.scss\",\r\n shadow: true,\r\n})\r\nexport class AnnotationOmgevingsnorm 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 omgevingsnorm\r\n */\r\n @Prop()\r\n naam?: AnnotationDiff | string;\r\n\r\n /**\r\n * De waardes van de omgevingsnorm.\r\n */\r\n @Prop()\r\n waardes?: Array<AnnotationDiff | string>;\r\n\r\n /**\r\n * De eenheid van de omgevingsnorm.\r\n */\r\n @Prop()\r\n eenheid?: AnnotationDiff | string;\r\n\r\n render() {\r\n return (\r\n <AnnotationBody\r\n active={this.active || false}\r\n dsoActiveChange={this.dsoActiveChange}\r\n title={\r\n <>\r\n <AnnotationDiffRenderer value={this.naam} /> (in <AnnotationDiffRenderer value={this.eenheid} />)\r\n </>\r\n }\r\n data={\r\n <>\r\n <span class=\"content\">\r\n Waardes worden weergegeven op de kaart: <AnnotationDiffRenderer value={this.waardes} />\r\n </span>\r\n {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n </>\r\n }\r\n />\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/cjs/{dso-annotation-output_3.cjs.entry.js → dso-annotation-output_2.cjs.entry.js} RENAMED Viewed

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-48d7533e.js');
-const v4 = require('./v4-c23234d2.js');
 const annotationOutputCss = "dso-annotation-output{display:block}.dso-annotation-header{align-items:center;background-color:#f2f2f2;clear:both;display:flex;margin-bottom:2px;margin-top:8px;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-header>[slot=title]{color:#000;font-size:1.25rem;margin-bottom:0;margin-top:0}.dso-annotation-header>:nth-child(2){margin-left:auto}dso-responsive-element[small] .dso-annotation-header,dso-responsive-element[medium] .dso-annotation-header{display:grid;row-gap:8px}dso-responsive-element[small] .dso-annotation-header *[slot=title],dso-responsive-element[medium] .dso-annotation-header *[slot=title]{grid-row:1;grid-column:1}dso-responsive-element[small] .dso-annotation-header *[slot=addons],dso-responsive-element[medium] .dso-annotation-header *[slot=addons]{grid-row:2;grid-column:1;margin-left:initial}dso-responsive-element[small] .dso-annotation-header .dso-annotation-close-button,dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-button{grid-row:1;grid-column:2;margin-left:8px;text-align:end}.dso-annotation-content{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f2f2f2;border-color:#f2f2f2;color:#191919;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-content a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}.dso-annotation-content a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}.dso-annotation-content a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}.dso-annotation-content a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}.dso-annotation-close-button{margin-left:32px}.dso-annotation-prefix{font-style:italic}";
 const DsoAnnotationOutputStyle0 = annotationOutputCss;
@@ -129,43 +128,12 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.bevatOntwerpInformatie ||
             this.annotated);
-        return (index.h(index.Host, { key: '180d4956e89e98c29250f16f619e9ef66a47defb', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: '3f0c32dcfd7b66ce0a02f02791ccc2bc950725d6', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: 'edd759244d2b77925737d4e4e975fdd2ef3c057f', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: '44b7d61fc8cebdb8c3af0163286ff92fa9339837', class: "heading" }, index.h(Heading, { key: '193715c5f57a576859cc5ce6a4cffd0b3a26ba30', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (index.h("button", { key: '32fec5ecbcedd1fed7dc0e0168a2890591b765ea', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, index.h("dso-icon", { key: '63154eb51701917a122fda008cc25ae018c682cd', icon: this.open ? "chevron-down" : "chevron-right" }), index.h("span", { key: '21c5e1b1f086ada567c461a520f92a0ab74c0d20', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), index.h("div", { key: '153d54d2edbef88cd640ac2925001974ed40ae64', id: "heading-title" }, this.notApplicable && index.h("span", { key: '58054c0c706d0ad35b336cb927bf2502678c6958', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (index.h(index.Fragment, null, this.label && (index.h(index.Fragment, null, " ", index.h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (index.h(index.Fragment, null, " ", index.h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (index.h(index.Fragment, null, " ", index.h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && index.h("span", { key: '4c3f9c0e3c769a089a4178147e7aabd8c0bb35f3' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (index.h("button", { key: 'a8668569851e3040436be00e2457424c628cc8e3', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, index.h("dso-icon", { key: 'bfb6d40c14d2ac261959cd876d0d46507e4a4774', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (index.h(index.Fragment, null, index.h("dso-badge", { key: '5321c1545a0e6bed5f6e5353b5cfc28dfea098a5', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), index.h("dso-tooltip", { key: 'f37bf908169191a84343f3f96016f0f9c15cc118', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (index.h("div", { key: '3691c99c7c803fcb00fba16dfa3e0796d3686e58', class: "addons" }, this.bevatOntwerpInformatie && (index.h("dso-label", { key: '6d2fed031d753bf7cff29d102ff5f8448fc2428b', status: "warning", compact: true }, "Ontwerp")), this.annotated && (index.h("dso-annotation-button", { key: '305867e647f4b1478e4ea7c0570933df69ac2f5b', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), index.h("div", { key: '5d48caf78f99bc755a42465c4b0aa38bd37d1936', class: "annotation-container", part: "_annotation-container" }, index.h("slot", { key: '9499614c5000ad008321a9de1ebb1e65536012f8', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (index.h("div", { key: '438a136e8389683a5468266951edd736ac26a7d0', class: "content", part: "_content" }, this.gereserveerd && (index.h("dso-alert", { key: 'e1773708ff6469934632603a9120530554d08696', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && index.h("dso-alert", { key: '2dea9c710ee1036a7ed06ec0a64fe889d973dce1', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (index.h("dso-ozon-content", { key: '752f5261e5ee723f095dcb19735905ea24cd5bf1', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), index.h("div", { key: '894adb54eaff81395719c8967e1ae1f604087c7e', class: "children-container", part: "_children-container" }, index.h("slot", { key: 'dacd50c2867c6b832d45084a250c13c14c956198' }))));
+        return (index.h(index.Host, { key: '9dbd54a67bbf583b2c9db8b159ba709bd1e9111b', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: '3f4b58120079753f4cc2c69310e88b76e9f0f2ae', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: '75f0d2f067830daa732e3c8e8af6611702312ac8', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: 'b1f079fbe976495d789cbbf81d5f6afaabe0a5ee', class: "heading" }, index.h(Heading, { key: '40c631e7cb155734be99c816d3a8411679ae8144', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick }, collapsible && (index.h("button", { key: 'ea6fe08e091ce6acf6129d451d72e653896de93d', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, index.h("dso-icon", { key: 'd97d8e98b27d6c36d604b75ddfdde8d6ceddf79c', icon: this.open ? "chevron-down" : "chevron-right" }), index.h("span", { key: '986060b08f90783a7a5a05549275fd621d3bee25', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), index.h("div", { key: '58ffa9527fc168187d5005710f41c5b2996bc803', id: "heading-title" }, this.notApplicable && index.h("span", { key: '08aff61f4665a09f1271f59a2fe2e594a6bf167e', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (index.h(index.Fragment, null, this.label && (index.h(index.Fragment, null, " ", index.h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (index.h(index.Fragment, null, " ", index.h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (index.h(index.Fragment, null, " ", index.h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && index.h("span", { key: 'ce8285ed0ee76cfde5e6255fdd674ff8356f96bf' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && (index.h("button", { key: '6dfc27b8ce553a5d9dfa7fb957c431de7622942d', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, index.h("dso-icon", { key: '8052ce5083f0032d7c13e0fc7aded8c68be5b256', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (index.h(index.Fragment, null, index.h("dso-badge", { key: 'eca112e692e78ac6b2dceabb14eaaa8f3e2ac39b', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), index.h("dso-tooltip", { key: '3dd7b71002beb1a2a860960790bbe9d999331189', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (index.h("div", { key: '68fc34b5da1558e440ac4edd48249e8e44120c79', class: "addons" }, this.bevatOntwerpInformatie && (index.h("dso-label", { key: '6aec245dd6d56d9aebd52b89e93f740a02423fbb', status: "warning", compact: true }, "Ontwerp")), this.annotated && (index.h("dso-annotation-button", { key: '3eddb2e0766a7f7f48c5c476760e1c4066730604', identifier: "expandable", open: this.openAnnotation, onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }))))))), index.h("div", { key: '720747bbcaeb1caaf2e944737723361449e8b47d', class: "annotation-container", part: "_annotation-container" }, index.h("slot", { key: '5ceb1bb029eaf50c7a6d8c689d82aebb066b2b91', name: "annotation" })), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (index.h("div", { key: 'fe5eadfa9fb9b080ab2c611e678c3b3685de5675', class: "content", part: "_content" }, this.gereserveerd && (index.h("dso-alert", { key: '85075a86cad5db60ac20fa10eb329d66836e063a', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && index.h("dso-alert", { key: 'c2805d0679ef7ca5ca87f2e43f1450f568954ee3', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (index.h("dso-ozon-content", { key: '044236d783f05cc89eb381b44f71920cd33abe25', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), index.h("div", { key: '59f76cb70ed4878b076ede1023347b5092962650', class: "children-container", part: "_children-container" }, index.h("slot", { key: '911f9a835801979ed3db2f13ae81137d4c13689f' }))));
     }
 };
 DocumentComponent.style = DsoDocumentComponentStyle0;
-const slideToggleCss = "button.dso-slider{border:0;padding:0}button.dso-slider:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider svg rect{fill:#999;transition:fill 0.25s}button.dso-slider svg circle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true] svg rect{fill:#275937}button.dso-slider[aria-checked=true] svg circle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled] svg rect{fill:#ccc}button.dso-slider[disabled] svg circle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true] svg rect{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true] svg circle{fill:#e5e5e5}.dso-slider{border-radius:24px;display:inline-flex}.dso-slider:hover{cursor:pointer}";
-const DsoSlideToggleStyle0 = slideToggleCss;
-const SlideToggle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.dsoActiveChange = index.createEvent(this, "dsoActiveChange", 7);
-        this.checked = false;
-        this.disabled = false;
-        this.accessibleLabel = undefined;
-        this.labelledbyId = undefined;
-        this.hasVisibleLabel = undefined;
-        this.identifier = v4.v4();
-    }
-    handleSwitch(e) {
-        this.dsoActiveChange.emit({
-            originalEvent: e,
-            checked: !this.checked,
-        });
-    }
-    componentWillLoad() {
-        this.hasVisibleLabel = this.host.querySelector("*") !== null;
-    }
-    render() {
-        return (index.h(index.Fragment, null, index.h("button", Object.assign({ key: 'ea4d8bc2eb5fa0a52ac79f17f159a9ee26e09d2a', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), index.h("svg", { key: '9acfafd7ef96b83c925f047df6c32a291d838ae9', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index.h("g", { key: '88eebbcb44f052156eca94252415c5d25c63e680', fill: "none", "fill-rule": "evenodd" }, index.h("rect", { key: 'eace61a8f842a075dab3d9426e69116ea3315f6e', width: "40", height: "20", fill: "currentColor", rx: "10" }), index.h("circle", { key: '3291d73f3eadedb5f14bbdbaa1f5d44cafd28914', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index.h("label", { key: 'a4d94570566b9fe47ca66d0996bec90991b8108b', htmlFor: this.identifier }, index.h("slot", { key: 'c57f79aee4166a947a22d7b4ae1de4b976b11a0d' })))));
-    }
-    get host() { return index.getElement(this); }
-};
-SlideToggle.style = DsoSlideToggleStyle0;
 exports.dso_annotation_output = AnnotationOutput;
 exports.dso_document_component = DocumentComponent;
-exports.dso_slide_toggle = SlideToggle;
-//# sourceMappingURL=dso-annotation-output_3.cjs.entry.js.map
+//# sourceMappingURL=dso-annotation-output_2.cjs.entry.js.map

package/dist/cjs/dso-annotation-output_2.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dso-annotation-output.dso-document-component.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,i+DAAi+D,CAAC;AAC9/D,kCAAe,mBAAmB;;MCUrB,gBAAgB;;;;QAyBnB,kBAAa,GAAG,CAAC,CAAa;YACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;SAC1C,CAAC;;;oBAVK,KAAK;;IAYZ,MAAM;QACJ,QACEA,uFACEA,6EAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IACjD,IAAI,CAAC,gBAAgB,IAAIA,mEAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,gBAAgB,CAAQ,EAC5FA,kEAAK,KAAK,EAAC,uBAAuB,IAChCA,mEAAM,IAAI,EAAC,OAAO,GAAG,EACrBA,mEAAM,IAAI,EAAC,QAAQ,GAAG,EACtBA,qEAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,0CAA0C,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,IAChGA,uEAAU,IAAI,EAAC,OAAO,GAAY,EAClCA,mEAAM,KAAK,EAAC,SAAS,0BAA2B,CACzC,CACL,EACNA,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,oEAAQ,CACJ,CACS,CACM,EACzB;KACH;;;;;;;;;;;;;;;ACpDI,MAAM,OAAO,GAEhB,CAAC,EAAqB,EAAE,QAAQ;QAA/B,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IACtB,QAAQ,OAAO;QACb,QAAQ;QACR,KAAK,IAAI;YACP,OAAOA,gCAAQ,KAAK,GAAG,QAAQ,CAAM,CAAC;QACxC,KAAK,IAAI;YACP,OAAOA,gCAAQ,KAAK,GAAG,QAAQ,CAAM,CAAC;QACxC,KAAK,IAAI;YACP,OAAOA,gCAAQ,KAAK,GAAG,QAAQ,CAAM,CAAC;QACxC,KAAK,IAAI;YACP,OAAOA,gCAAQ,KAAK,GAAG,QAAQ,CAAM,CAAC;QACxC,KAAK,IAAI;YACP,OAAOA,gCAAQ,KAAK,GAAG,QAAQ,CAAM,CAAC;KACzC;AACH,CAAC;;ACvBD,MAAM,oBAAoB,GAAG,m1/BAAm1/B,CAAC;AACj3/B,mCAAe,oBAAoB;;ACgBnC,MAAM,iBAAiB,GAA8D;IACnF,eAAe,EAAE,YAAY;IAC7B,SAAS,EAAE,YAAY;IACvB,kBAAkB,EAAE,YAAY;IAChC,OAAO,EAAE,YAAY;CACtB,CAAC;MAaW,iBAAiB;;;;;;;;QAqJpB,uBAAkB,GAAG,CAAC,CAAa;YACzC,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;gBACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;aACjE;SACF,CAAC;QAcM,iCAA4B,GAAG,CAAC,CAAyD;YAC/F,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;SAC7F,CAAC;QAEM,+BAA0B,GAAG,CAAC,CAAa;YACjD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;gBAC3B,aAAa,EAAE,CAAC;gBAChB,OAAO,EAAE,IAAI,CAAC,eAAe;gBAC7B,IAAI,EAAE,IAAI,CAAC,eAAe,KAAK,IAAI;aACpC,CAAC,CAAC;SACJ,CAAC;uBA5K0C,IAAI;;;;;oBA8BzC,KAAK;wBAMD,KAAK;6BAMA,KAAK;wCAMM,KAAK;sCAMP,KAAK;yBAMlB,KAAK;4BAMF,KAAK;yBAMR,KAAK;8BAMA,KAAK;;;;;;;IA8DtB,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAChE;IAQO,MAAM;QACZ,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,WAAW,CAAC;SACpB;QAED,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO,cAAc,CAAC;SACvB;QAED,OAAO,SAAS,CAAC;KAClB;IAcD,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,MAAM,WAAW,GAAG,CAAC,EACnB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,gBAAgB;YACrE,IAAI,CAAC,IAAI,KAAK,KAAK,CACpB,CAAC;QACF,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI,CAAC,WAAW;YAChB,WAAW;YACX,IAAI,CAAC,KAAK;YACV,IAAI,CAAC,MAAM;YACX,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,sBAAsB;YAC3B,IAAI,CAAC,SAAS,CACf,CAAC;QAEF,QACEA,QAACC,UAAI,wEAAkB,CAAC,WAAW,IAChC,WAAW,KACVD,kEAAK,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,oBAAoB,IACrD,IAAI,CAAC,WAAW,IAAIA,mEAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,gBAAgB,MAAS,EACnFA,kEAAK,KAAK,EAAC,SAAS,IAClBA,QAAC,OAAO,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,IACrF,WAAW,KACVA,qEACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,eAAe,sBACJ,eAAe,mBACjB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAEnCA,uEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,cAAc,GAAG,eAAe,GAAa,EACzEA,mEAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,IAAI,GAAG,UAAU,GAAG,WAAW,CAAQ,CAC5D,CACV,EACDA,kEAAK,EAAE,EAAC,eAAe,IACpB,IAAI,CAAC,aAAa,IAAIA,mEAAM,KAAK,EAAC,SAAS,2BAA4B,EACvE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,IAC1CA,8BACG,IAAI,CAAC,KAAK,KACTA,8BACG,GAAG,EACJA,8BACE,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,gBAAgB,EAAE,IAAI,CAAC,4BAA4B,EACnD,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,eAAK,OAAA,MAAA,IAAI,CAAC,IAAI,qDAAG,IAAI,EAAE,OAAO,CAAC,CAAA,EAAA,CAAC,EACzD,iCAAiC,EAAE,CAAC,CAAC,KACnC,IAAI,CAAC,oBAAoB,CAAC,IAAI,iCAAM,CAAC,CAAC,MAAM,KAAE,MAAM,EAAE,OAAO,IAAG,EAElE,MAAM,SACY,CACnB,CACJ,EACA,IAAI,CAAC,MAAM,KACVA,8BACG,GAAG,EACJA,8BACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,gBAAgB,EAAE,IAAI,CAAC,4BAA4B,EACnD,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,eAAK,OAAA,MAAA,IAAI,CAAC,IAAI,qDAAG,IAAI,EAAE,QAAQ,CAAC,CAAA,EAAA,CAAC,EAC1D,iCAAiC,EAAE,CAAC,CAAC,KACnC,IAAI,CAAC,oBAAoB,CAAC,IAAI,iCAAM,CAAC,CAAC,MAAM,KAAE,MAAM,EAAE,QAAQ,IAAG,EAEnE,MAAM,SACY,CACnB,CACJ,EACA,IAAI,CAAC,SAAS,KACbA,8BACG,GAAG,EACJA,8BACE,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,gBAAgB,EAAE,IAAI,CAAC,4BAA4B,EACnD,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,eAAK,OAAA,MAAA,IAAI,CAAC,IAAI,qDAAG,IAAI,EAAE,WAAW,CAAC,CAAA,EAAA,CAAC,EAC7D,iCAAiC,EAAE,CAAC,CAAC,KACnC,IAAI,CAAC,oBAAoB,CAAC,IAAI,iCAAM,CAAC,CAAC,MAAM,KAAE,MAAM,EAAE,WAAW,IAAG,EAEtE,MAAM,SACY,CACnB,CACJ,CACA,KAEH,IAAI,CAAC,gBAAgB,CACtB,EACA,MAAM,IAAIA,6EAAW,MAAM,MAAS,CACjC,CACE,EACT,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAC9CA,qEACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,eAAe,KAAK,IAAI,GAAG,eAAe,GAAG,YAAY,EACrE,OAAO,EAAE,IAAI,CAAC,0BAA0B,IAExCA,uEAAU,IAAI,EAAE,IAAI,CAAC,eAAe,KAAK,IAAI,GAAG,KAAK,GAAG,WAAW,GAAI,CAChE,CACV,EACA,IAAI,CAAC,wBAAwB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,sBAAsB,KAC1EA,8BACEA,wEAAW,MAAM,EAAC,SAAS,sBAAkB,0BAA0B,QAE3D,EACZA,0EAAa,EAAE,EAAC,0BAA0B,qCAA6C,CACtF,CACJ,EACA,CAAC,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,SAAS,MAC7CA,kEAAK,KAAK,EAAC,QAAQ,IAChB,IAAI,CAAC,sBAAsB,KAC1BA,wEAAW,MAAM,EAAC,SAAS,EAAC,OAAO,oBAEvB,CACb,EACA,IAAI,CAAC,SAAS,KACbA,oFACE,UAAU,EAAC,YAAY,EACvB,IAAI,EAAE,IAAI,CAAC,cAAc,EACzB,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,GAC/C,CAC1B,CACG,CACP,CACG,CACF,CACP,EACDA,kEAAK,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,uBAAuB,IAC5DA,mEAAM,IAAI,EAAC,YAAY,GAAG,CACtB,EACL,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,SAAS,CAAC,KAChEA,kEAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,UAAU,IACjC,IAAI,CAAC,YAAY,KAChBA,wEAAW,MAAM,EAAC,MAAM,iEAAuE,CAChG,EACA,IAAI,CAAC,SAAS,IAAIA,wEAAW,MAAM,EAAC,MAAM,kCAAwC,EAClF,IAAI,CAAC,MAAM,KACVA,+EACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,gBAAgB,EAAE,IAAI,CAAC,4BAA4B,EACnD,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,eAAK,OAAA,MAAA,IAAI,CAAC,IAAI,qDAAG,IAAI,EAAE,QAAQ,CAAC,CAAA,EAAA,CAAC,EAC1D,iCAAiC,EAAE,CAAC,CAAC,KACnC,IAAI,CAAC,oBAAoB,CAAC,IAAI,iCAAM,CAAC,CAAC,MAAM,KAAE,MAAM,EAAE,QAAQ,IAAG,GAEnE,CACH,CACG,CACP,EACDA,kEAAK,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,qBAAqB,IACxDA,oEAAQ,CACJ,CACD,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/annotation-output/annotation-output.scss?tag=dso-annotation-output","src/components/annotation-output/annotation-output.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/global/mixins/set-colors.mixin\" as set-colors;\r\n\r\ndso-annotation-output {\r\n display: block;\r\n}\r\n\r\n.dso-annotation-header {\r\n align-items: center;\r\n background-color: colors.$grijs-5;\r\n clear: both;\r\n display: flex;\r\n margin-bottom: 2px;\r\n margin-top: units.$u1;\r\n padding-left: units.$u2;\r\n padding-right: units.$u1;\r\n padding-top: units.$u1;\r\n padding-bottom: units.$u1;\r\n\r\n > [slot=\"title\"] {\r\n color: colors.$zwart;\r\n font-size: 1.25rem;\r\n margin-bottom: 0;\r\n margin-top: 0;\r\n }\r\n\r\n > :nth-child(2) {\r\n margin-left: auto;\r\n }\r\n}\r\n\r\ndso-responsive-element[small],\r\ndso-responsive-element[medium] {\r\n .dso-annotation-header {\r\n display: grid;\r\n row-gap: units.$u1;\r\n\r\n *[slot=\"title\"] {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n *[slot=\"addons\"] {\r\n grid-row: 2;\r\n grid-column: 1;\r\n margin-left: initial;\r\n }\r\n\r\n .dso-annotation-close-button {\r\n grid-row: 1;\r\n grid-column: 2;\r\n margin-left: units.$u1;\r\n text-align: end;\r\n }\r\n }\r\n}\r\n\r\n.dso-annotation-content {\r\n @include set-colors.apply(colors.$grijs-5);\r\n\r\n padding-left: units.$u2;\r\n padding-right: units.$u1;\r\n padding-top: units.$u1;\r\n padding-bottom: units.$u1;\r\n}\r\n\r\n.dso-annotation-close-button {\r\n margin-left: units.$u4;\r\n}\r\n\r\n.dso-annotation-prefix {\r\n font-style: italic;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Prop } from \"@stencil/core\";\r\n\r\nexport interface AnnotationOutputCloseEvent {\r\n originalEvent: Event;\r\n}\r\n\r\n@Component({\r\n tag: \"dso-annotation-output\",\r\n styleUrl: \"annotation-output.scss\",\r\n // No shadowdom for a11y reasons (aria-controls being set inside another component)\r\n})\r\nexport class AnnotationOutput implements ComponentInterface {\r\n /**\r\n * The annotation-button that toggles this component should have the same identifier.\r\n */\r\n @Prop({ reflect: true })\r\n identifier!: string;\r\n\r\n /**\r\n * This text will be displayed above the annotation-output when opened\r\n */\r\n @Prop({ reflect: true })\r\n annotationPrefix?: string;\r\n\r\n /**\r\n * Set to `true` to show content.\r\n */\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /**\r\n * This event is emitted when the user activates the Annotation Button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoClose!: EventEmitter<AnnotationOutputCloseEvent>;\r\n\r\n private toggleHandler = (e: MouseEvent) => {\r\n this.dsoClose.emit({ originalEvent: e });\r\n };\r\n\r\n render() {\r\n return (\r\n <dso-responsive-element>\r\n <dso-expandable id={this.identifier} open={this.open}>\r\n {this.annotationPrefix && <span class=\"dso-annotation-prefix\">{this.annotationPrefix}</span>}\r\n <div class=\"dso-annotation-header\">\r\n <slot name=\"title\" />\r\n <slot name=\"addons\" />\r\n <button type=\"button\" class=\"dso-tertiary dso-annotation-close-button\" onClick={this.toggleHandler}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"sr-only\">Toelichting sluiten</span>\r\n </button>\r\n </div>\r\n <div class=\"dso-annotation-content\">\r\n <slot />\r\n </div>\r\n </dso-expandable>\r\n </dso-responsive-element>\r\n );\r\n }\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, ...props }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return <h2 {...props}>{children}</h2>;\r\n case \"h3\":\r\n return <h3 {...props}>{children}</h3>;\r\n case \"h4\":\r\n return <h4 {...props}>{children}</h4>;\r\n case \"h5\":\r\n return <h5 {...props}>{children}</h5>;\r\n case \"h6\":\r\n return <h6 {...props}>{children}</h6>;\r\n }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n display: block;\r\n\r\n --depth: var(--a, 0);\r\n}\r\n\r\n:host([not-collapsible]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n padding-left: units.$u1;\r\n margin-right: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n padding-top: units.$u1 * 0.5;\r\n padding-bottom: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n @include delete.root();\r\n}\r\n\r\n:host([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([filtered]) {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n left: -3px;\r\n position: absolute;\r\n display: block;\r\n width: 3px;\r\n top: 0;\r\n bottom: 0;\r\n background-color: colors.$lichtblauw;\r\n }\r\n}\r\n\r\n:host([open]) {\r\n .heading-container {\r\n margin-bottom: units.$u1;\r\n }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n border: 0;\r\n padding: 0;\r\n background: 0;\r\n color: colors.$bosgroen;\r\n}\r\n\r\n.heading-element {\r\n align-items: start;\r\n display: flex;\r\n font-size: 1rem;\r\n color: colors.$bosgroen;\r\n margin: 0;\r\n\r\n > * {\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n:host([not-collapsible]) {\r\n .heading-container {\r\n margin-bottom: 0;\r\n }\r\n\r\n .editaction-label {\r\n margin-left: 0;\r\n }\r\n\r\n .heading-element {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host(:not([not-collapsible])) {\r\n .heading-element {\r\n cursor: pointer;\r\n\r\n @include anchor.pseudo();\r\n }\r\n\r\n .editaction-label {\r\n margin-left: document-component.$indent;\r\n }\r\n}\r\n\r\n.addons {\r\n margin-inline-start: auto;\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n display: flex;\r\n align-items: start;\r\n gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n .heading-element,\r\n .toggle-button {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-left: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n padding-right: units.$u1;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, Host } from \"@stencil/core\";\r\nimport {\r\n DocumentComponentOpenToggleEvent,\r\n DocumentComponentToggleAnnotationEvent,\r\n DocumentComponentOzonContentAnchorClickEvent,\r\n DocumentComponentWijzigactie,\r\n DocumentComponentInputType,\r\n DocumentComponentMarkFunction,\r\n DocumentComponentMarkItemHighlightEvent,\r\n DocumentComponentRecursiveToggleEvent,\r\n DocumentComponentRecursiveToggleState,\r\n} from \"./document-component.models\";\r\nimport { OzonContentAnchorClickEvent } from \"../ozon-content/ozon-content.interfaces\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\n\r\nconst wijzigActieLabels: { [wijzigActie in DocumentComponentWijzigactie]: string } = {\r\n nieuweContainer: \"Toegevoegd\",\r\n verwijder: \"Verwijderd\",\r\n verwijderContainer: \"Verwijderd\",\r\n voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n/**\r\n * @part _annotation-container - private part, do not touch.\r\n * @part _children-container - private part, do not touch.\r\n * @part _content - private part, do not touch.\r\n * @part _heading-container - private part, do not touch.\r\n */\r\n@Component({\r\n tag: \"dso-document-component\",\r\n styleUrl: \"document-component.scss\",\r\n shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n /**\r\n * The heading element to use.\r\n */\r\n @Prop()\r\n heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\r\n\r\n /**\r\n * The Label XML.\r\n */\r\n @Prop()\r\n label?: DocumentComponentInputType;\r\n\r\n /**\r\n * The Nummer XML.\r\n */\r\n @Prop()\r\n nummer?: DocumentComponentInputType;\r\n\r\n /**\r\n * The Opschrift XML.\r\n */\r\n @Prop()\r\n opschrift?: DocumentComponentInputType;\r\n\r\n /**\r\n * The Inhoud XML.\r\n */\r\n @Prop()\r\n inhoud?: DocumentComponentInputType;\r\n\r\n /**\r\n * This boolean attribute indicates whether the children are visible.\r\n */\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /**\r\n * Marks this Document Component as belonging to an active filter.\r\n */\r\n @Prop({ reflect: true })\r\n filtered = false;\r\n\r\n /**\r\n * Marks this Document Component as not-applicable.\r\n */\r\n @Prop({ reflect: true })\r\n notApplicable = false;\r\n\r\n /**\r\n * When a child Document Component has a status \"Draft\".\r\n */\r\n @Prop({ reflect: true })\r\n genesteOntwerpInformatie = false;\r\n\r\n /**\r\n * Marks as draft.\r\n */\r\n @Prop({ reflect: true })\r\n bevatOntwerpInformatie = false;\r\n\r\n /**\r\n * Enables annotations.\r\n */\r\n @Prop({ reflect: true })\r\n annotated = false;\r\n\r\n /**\r\n * Marks Document Component as reserved.\r\n */\r\n @Prop()\r\n gereserveerd = false;\r\n\r\n /**\r\n * Marks the Document Component as expired.\r\n */\r\n @Prop()\r\n vervallen = false;\r\n\r\n /**\r\n * When the Annotation Output is opened, set this to true.\r\n */\r\n @Prop()\r\n openAnnotation = false;\r\n\r\n /**\r\n * An alternative title to show when there is nothing to create a title.\r\n */\r\n @Prop()\r\n alternativeTitle?: string;\r\n\r\n /**\r\n * Type of Document Component.\r\n */\r\n @Prop({ reflect: true })\r\n type?: string;\r\n\r\n /**\r\n * The wijzigactie as in STOP.\r\n */\r\n @Prop({ reflect: true })\r\n wijzigactie?: DocumentComponentWijzigactie;\r\n\r\n /**\r\n * To mark text.\r\n */\r\n @Prop()\r\n mark?: DocumentComponentMarkFunction;\r\n\r\n /**\r\n * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.\r\n */\r\n @Prop()\r\n recursiveToggle: DocumentComponentRecursiveToggleState;\r\n\r\n /**\r\n * Emitted when the user activates the recursive toggle.\r\n */\r\n @Event({ bubbles: false })\r\n dsoRecursiveToggle!: EventEmitter<DocumentComponentRecursiveToggleEvent>;\r\n\r\n /**\r\n * Emitted when the user activates the toggle.\r\n */\r\n @Event({ bubbles: false })\r\n dsoOpenToggle!: EventEmitter<DocumentComponentOpenToggleEvent>;\r\n\r\n /**\r\n * Emitted when the user actives intRef or intIoRef anchors in Ozon Content\r\n */\r\n @Event({ bubbles: false })\r\n dsoOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n /**\r\n * Emitted when the user activates the annotation button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n /**\r\n * Emitted each time a marked item gets highlighted.\r\n */\r\n @Event({ bubbles: false })\r\n dsoMarkItemHighlight!: EventEmitter<DocumentComponentMarkItemHighlightEvent>;\r\n\r\n private get wijzigactieLabel(): string | undefined {\r\n return this.wijzigactie && wijzigActieLabels[this.wijzigactie];\r\n }\r\n\r\n private handleHeadingClick = (e: MouseEvent) => {\r\n if (this.type !== \"LID\") {\r\n this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n }\r\n };\r\n\r\n private suffix(): string | undefined {\r\n if (this.vervallen) {\r\n return \"vervallen\";\r\n }\r\n\r\n if (this.gereserveerd) {\r\n return \"gereserveerd\";\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n private handleOzonContentAnchorClick = (e: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => {\r\n this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });\r\n };\r\n\r\n private handleRecursiveToggleClick = (e: MouseEvent) => {\r\n this.dsoRecursiveToggle.emit({\r\n originalEvent: e,\r\n current: this.recursiveToggle,\r\n next: this.recursiveToggle !== true,\r\n });\r\n };\r\n\r\n render() {\r\n const suffix = this.suffix();\r\n const collapsible = !!(\r\n (this.label || this.nummer || this.opschrift || this.alternativeTitle) &&\r\n this.type !== \"LID\"\r\n );\r\n const showHeading = !!(\r\n this.wijzigactie ||\r\n collapsible ||\r\n this.label ||\r\n this.nummer ||\r\n this.opschrift ||\r\n this.alternativeTitle ||\r\n this.bevatOntwerpInformatie ||\r\n this.annotated\r\n );\r\n\r\n return (\r\n <Host not-collapsible={!collapsible}>\r\n {showHeading && (\r\n <div class=\"heading-container\" part=\"_heading-container\">\r\n {this.wijzigactie && <span class=\"editaction-label\">{this.wijzigactieLabel}:</span>}\r\n <div class=\"heading\">\r\n <Heading heading={this.heading} class=\"heading-element\" onClick={this.handleHeadingClick}>\r\n {collapsible && (\r\n <button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n aria-describedby=\"heading-title\"\r\n aria-expanded={this.open.toString()}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <span class=\"sr-only\">{this.open ? \"Invouwen\" : \"Uitvouwen\"}</span>\r\n </button>\r\n )}\r\n <div id=\"heading-title\">\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n {this.label || this.nummer || this.opschrift ? (\r\n <>\r\n {this.label && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.label}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"label\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"label\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.nummer && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.nummer}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"nummer\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"nummer\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.opschrift && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.opschrift}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"opschrift\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"opschrift\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n this.alternativeTitle\r\n )}\r\n {suffix && <span> - [{suffix}]</span>}\r\n </div>\r\n </Heading>\r\n {this.recursiveToggle !== undefined && this.open && (\r\n <button\r\n type=\"button\"\r\n class=\"recursive-toggle\"\r\n title={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n onClick={this.handleRecursiveToggleClick}\r\n >\r\n <dso-icon icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"} />\r\n </button>\r\n )}\r\n {this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (\r\n <>\r\n <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n !\r\n </dso-badge>\r\n <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n </>\r\n )}\r\n {(this.bevatOntwerpInformatie || this.annotated) && (\r\n <div class=\"addons\">\r\n {this.bevatOntwerpInformatie && (\r\n <dso-label status=\"warning\" compact>\r\n Ontwerp\r\n </dso-label>\r\n )}\r\n {this.annotated && (\r\n <dso-annotation-button\r\n identifier=\"expandable\"\r\n open={this.openAnnotation}\r\n onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n ></dso-annotation-button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n <div class=\"annotation-container\" part=\"_annotation-container\">\r\n <slot name=\"annotation\" />\r\n </div>\r\n {this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (\r\n <div class=\"content\" part=\"_content\">\r\n {this.gereserveerd && (\r\n <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n )}\r\n {this.vervallen && <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>}\r\n {this.inhoud && (\r\n <dso-ozon-content\r\n content={this.inhoud}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"inhoud\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"inhoud\" })\r\n }\r\n />\r\n )}\r\n </div>\r\n )}\r\n <div class=\"children-container\" part=\"_children-container\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/cjs/dso-annotation-werkingsgebied.cjs.entry.js ADDED Viewed

@@ -0,0 +1,28 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-48d7533e.js');
+const annotationGewijzigdeLocatie = require('./annotation-gewijzigde-locatie-1ee2ce7c.js');
+const annotationCss = "ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}ins a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}ins a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}del a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}del a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-email-zwart\")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./dso-icons.svg#img-download-zwart\")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./dso-icons.svg#img-external-link-zwart\")}:host([wijzigactie=verwijder]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./dso-icons.svg#img-call-zwart\")}:host([wijzigactie=verwijder]) 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}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}";
+const DsoAnnotationWerkingsgebiedStyle0 = annotationCss;
+const AnnotationWerkingsgebied = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsoActiveChange = index.createEvent(this, "dsoActiveChange", 7);
+        this.wijzigactie = undefined;
+        this.active = undefined;
+        this.gewijzigdeLocatie = undefined;
+        this.locatieNoemer = undefined;
+    }
+    render() {
+        return (index.h(annotationGewijzigdeLocatie.AnnotationBody, { key: '5ff15871ff44f3ce0120bbd38e01745db2bcddf8', active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h(annotationGewijzigdeLocatie.AnnotationDiffRenderer, { value: this.locatieNoemer })), this.gewijzigdeLocatie && index.h(annotationGewijzigdeLocatie.AnnotationGewijzigdeLocatie, null)) }));
+    }
+};
+AnnotationWerkingsgebied.style = DsoAnnotationWerkingsgebiedStyle0;
+exports.dso_annotation_werkingsgebied = AnnotationWerkingsgebied;
+//# sourceMappingURL=dso-annotation-werkingsgebied.cjs.entry.js.map

package/dist/cjs/dso-annotation-werkingsgebied.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dso-annotation-werkingsgebied.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,i9GAAi9G,CAAC;AACx+G,0CAAe,aAAa;;MCcf,wBAAwB;;;;;;;;;IA+BnC,MAAM;QACJ,QACEA,QAACC,0CAAc,qDACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EACHD,8BACEA,kBAAM,KAAK,EAAC,SAAS,IACnBA,QAACE,kDAAsB,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,CAChD,EACN,IAAI,CAAC,iBAAiB,IAAIF,QAACG,uDAA2B,OAAG,CACzD,GAEL,EACF;KACH;;;;;;","names":["h","AnnotationBody","AnnotationDiffRenderer","AnnotationGewijzigdeLocatie"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-werkingsgebied&encapsulation=shadow","src/components/annotation/annotation-werkingsgebied/annotation-werkingsgebied.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\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-werkingsgebied\",\r\n styleUrl: \"../annotation.scss\",\r\n shadow: true,\r\n})\r\nexport class AnnotationWerkingsgebied 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?: 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.locatieNoemer} />\r\n </span>\r\n {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n </>\r\n }\r\n />\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/cjs/dso-attachments-counter.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const AttachmentsCounter = class {
         this.count = undefined;
     }
     render() {
-        return (index.h("span", { key: 'cd8239d516bd4ea96cdb3d6273d092e1441aa5bb', class: "dso-attachments" }, this.count, " ", index.h("span", { key: 'b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: '2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e', icon: "paperclip" })));
+        return (index.h("span", { key: '54b3a9b513d57c2ee0aa40d654e365445affd021', class: "dso-attachments" }, this.count, " ", index.h("span", { key: 'ca1ae3ac9b052e1e4aba77487aa82c91c1d8577c', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: '234da788bfb62fce6fa08f6d99fd0fc7a863b5f8', icon: "paperclip" })));
     }
 };
 AttachmentsCounter.style = DsoAttachmentsCounterStyle0;

package/dist/cjs/dso-autosuggest.cjs.entry.js CHANGED Viewed

@@ -282,7 +282,7 @@ const Autosuggest = class {
     render() {
         var _a, _b;
         const terms = (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value.split(" ").filter((t) => t)) !== null && _b !== void 0 ? _b : [];
-        return (index.h(index.Fragment, null, index.h("slot", { key: '09b8007a9093730c9198eb3298b7c653138c2647' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (index.h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
+        return (index.h(index.Fragment, null, index.h("slot", { key: '0f00f7ea891f7614aeef586b69a4bcd9b75d33f8' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (index.h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), hidden: !this.showSuggestions && !this.notFound }, (this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (index.h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value }, index.h("div", { class: "suggestion-row" }, index.h("span", { class: "value" }, this.markTerms(suggestion.value, terms)), suggestion.type ? index.h("span", { class: "type" }, this.markTerms(suggestion.type, terms)) : undefined), suggestion.extras &&
                 this.getChunkedExtras(suggestion.extras).map((chunk) => (index.h("div", { class: "suggestion-row" }, chunk.map((c) => (index.h("span", { class: "extra" }, this.markTerms(c, terms))))))))))) ||

package/dist/cjs/dso-banner.cjs.entry.js CHANGED Viewed

@@ -16,9 +16,9 @@ const Banner = class {
         this.noIcon = true;
     }
     render() {
-        return (index.h("section", { key: 'a5cb823753eda49087b357498f5b92e3a042d46d', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
+        return (index.h("section", { key: 'b8ca330b6db6505cf178f85cf8f970012b13585d', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, index.h("slot", { key: '9c76ee38f37a2f5d1c246d21bcfb40f801882de4' })));
+            }), role: "alert" }, index.h("slot", { key: 'f759d4207e830eb6a420d660b2a40775df7a0573' })));
     }
 };
 Banner.style = DsoBannerStyle0;

package/dist/cjs/dso-card-container.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const CardContainer = class {
         this.mode = "list";
     }
     render() {
-        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: '54a6e926c22a118a77119add63558c55a7ef2cf9', class: "dso-card-list" }, index.h("slot", { key: '63777d504620cbc54a94a95bbada8b7028ef5d92' }))), this.mode === "grid" && (index.h("div", { key: '3b0feb3331f54fb7f084ad4c1e3bb18ddca6ee9d', class: "dso-card-grid" }, index.h("slot", { key: '0bc1a70a40326d61cfa9af7b8cdf8e73bb8d39cf' })))));
+        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: '4628edd1ea9ebde12abc69482a3586df6824e897', class: "dso-card-list" }, index.h("slot", { key: '28f8c7af2cb269d034aead2d8f8b24ff36a9707a' }))), this.mode === "grid" && (index.h("div", { key: '53a740a4c52d3844ea02570259805ae7c98424a2', class: "dso-card-grid" }, index.h("slot", { key: '300b540b919ea82d20cb9d4fa57ad88cd342e734' })))));
     }
 };
 CardContainer.style = DsoCardContainerStyle0;

package/dist/cjs/dso-card.cjs.entry.js CHANGED Viewed

@@ -66,9 +66,9 @@ const Card = class {
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
         const hasImage = this.imageSlottedElement !== null;
-        return (index.h(index.Host, { key: 'b9cc1a47bc39e6e2011ba6412436ab855d9819cf', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, index.h("div", { key: 'b8a059c5b2cc2f29392e0311fcbb3a02b1b39580', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: '304c0dad6a73ebb2ad12f7c4e0a807d53c7ca660', name: "selectable" })), index.h("div", { key: '3e976d9e8eb0fbc3578a8fc6f32687f97ca6fc69', class: "dso-card-image", hidden: !hasImage }, index.h("slot", { key: 'e10f2acff35dcd3316f0cb14575d5d2e4ab86c95', name: "image" })), index.h("div", { key: 'c7d437cc6d54eab8e9d6ad45411230498b243466', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (index.h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "chevron-right" })))) ||
+        return (index.h(index.Host, { key: '0c66649451517f7964437001acc82fa555882caf', onClick: (e) => this.clickEventHandler(e), "is-selectable": isSelectable, "has-image": hasImage }, index.h("div", { key: 'f422f604c9fe91dfe284b4b01bbf3c053228b056', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: '2b1401266e44bb6970849763ecd3b09c2a54ebcc', name: "selectable" })), index.h("div", { key: 'c2e9b599af341e366dcae1abb8435fcdb8d98074', class: "dso-card-image", hidden: !hasImage }, index.h("slot", { key: 'fe525fc9248bfdd7482975a6a367c28cda331c95', name: "image" })), index.h("div", { key: '5811c5f9891e07c486820d28391a83bfc21a5bfc', class: "dso-card-heading" }, this.headingSlottedElement instanceof HTMLAnchorElement || !this.href ? (index.h("slot", { name: "heading" })) : (((!this.mode || !["download", "extern"].includes(this.mode)) && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "chevron-right" })))) ||
             (this.mode === "extern" && (index.h("a", { href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && index.h("slot", { key: 'f318d02fe89a6aa2a9377e2f32d72726c848c42f', name: "interactions" })), index.h("div", { key: '7b725b7edeee93b237352eff09ae2574647b9a3b', class: "dso-card-content" }, index.h("slot", { key: '9f855efe124e2a273b1ecb465b27bc7e01ac10e9', name: "content" }))));
+            (this.mode === "download" && (index.h("a", { href: this.href, class: "heading-anchor" }, index.h("slot", { name: "heading" }), index.h("dso-icon", { icon: "download" }))))), this.interactionsSlottedElement !== null && index.h("slot", { key: '330c90621b89d1565a35474af14f5bced644dc70', name: "interactions" })), index.h("div", { key: '11cd1a110f6c5fbbd52611183a8dc6f87448016e', class: "dso-card-content" }, index.h("slot", { key: 'f7cc4cbd9fe205a75004a65ae8c62df4f62ccac9', name: "content" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-date-picker-legacy.cjs.entry.js CHANGED Viewed

@@ -687,14 +687,14 @@ const DsoDatePickerLegacy = class {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (index.h(index.Host, { key: '0d44852b99b1006f832d6152ae1b87e50217ec6e' }, index.h("div", { key: '4e755890cac5c88b652b26502e9d6c62c3c937ee', class: { "dso-date": true, "dso-visible": this.visible } }, index.h("div", { key: 'ee6c9f4148c6e596e0e9048e54a9def781bdc305', class: "dso-date__input-wrapper" }, index.h("input", { key: 'd5b42b063f766f9da27be35ef0322e38732692a2', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), index.h("button", { key: 'a0261139cf4d0711eedc8c9d72753d511300c3d6', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, index.h("span", { key: '87aaec0f14c6daa6916d6c0a9e61b04ef14ce246', class: "dso-date__toggle-icon" }, index.h("dso-icon", { key: 'fec0416f1f93f5092d4e836afe69481c3ad9044c', icon: "calendar" })), index.h("span", { key: 'dfd3fbef9642d501844678308cc6d886622a936d', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (index.h("span", { key: 'eae56bddc49e78aa4e170a62133ec9949a40e5f3' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), index.h("div", { key: 'a0bbde0cc7570ea2464de4984c92e64b187e8f3a', class: {
+        return (index.h(index.Host, { key: '45dc93382b869cae594c284f5a64777b6ce83e20' }, index.h("div", { key: '4fa976df3079d11e19701c1d4d10225030c8bff8', class: { "dso-date": true, "dso-visible": this.visible } }, index.h("div", { key: 'ad246de32f9a5f2ac702c3761500cc901fee74eb', class: "dso-date__input-wrapper" }, index.h("input", { key: '2ec69c422cc6a54d914e1f8a09832cde659a0ffd', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), index.h("button", { key: 'f4d34fdea62b07dd8ebd23ab1cd390fb19523ed9', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, index.h("span", { key: '3682b7a30487d85e6c4a26d191ee27fe304b5b1d', class: "dso-date__toggle-icon" }, index.h("dso-icon", { key: 'f9b2452ab20fa94fdee09a106ab623f888811ea5', icon: "calendar" })), index.h("span", { key: '687934d98c04cfb2d9bdc5047d07578492e3b4d3', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (index.h("span", { key: 'c1d7907d3c24d8cbf5f2833d6dd25d98eaef9630' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), index.h("div", { key: '152358db0119a3d29d5bb8b91d7a2ad84ee40855', class: {
                 "dso-date__dialog": true,
                 "is-left": this.direction === "left",
                 "is-active": this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, index.h("div", { key: '8f9cb9231fd88b0878d270871a2598e57929043c', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, index.h("div", { key: 'ad7001f585453658356a2e8f2c3fa59e593b91b4', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), index.h("div", { key: '454aaebe38060202a2872bd9c1e8893a41ec40e1', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, index.h("label", { key: '114bb52abf3a2daaef6488825acad2f29aaa0540', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), index.h("button", { key: '59d9ba2a8a55cc266efb2694193fb0efcd9afffc', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, index.h("dso-icon", { key: 'ca7a9db774c7474693664bb7daa99d9bce47695d', icon: "times" }), index.h("span", { key: '060ef03cec2db78e846e0858cc7700a5bb41b70e', class: "dso-date__vhidden" }, this.localization.closeLabel))), index.h("div", { key: '97144b176487392f8f640156b694dc859b797b45', class: "dso-date__header", onFocusin: this.disableActiveFocus }, index.h("div", { key: '5918645d15cd79776d0f3ce0dce438417c993e5e' }, index.h("h2", { key: '03767b55b99b31eb727e7db5f0bc9067db4271a0', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), index.h("label", { key: 'f048f03596e454982c2769e8049cea3086a4cc76', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), index.h("div", { key: 'b3185f05873edd915a78cce1e2e6c70780a97bd9', class: "dso-date__select" }, index.h("select", { key: '09655b2da5551d17eae5d70b1db4425b643165ed', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, index.h("div", { key: 'ac00557f0f9e40c668d81863fd3c25d208f0ee4c', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, index.h("div", { key: '7178016b07bbd57788d44e31fded5cc8f828b3d3', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), index.h("div", { key: '4511337996a99964eb4fd97e1bcf612b3f9454a0', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, index.h("label", { key: 'c20e75cab9fcdc3541f5bc0eaf5e881b94f5e315', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), index.h("button", { key: 'e1e61f43af41624dfd07801840f5e0b081bd714b', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, index.h("dso-icon", { key: '84aa4dfe2e0a07bb4e596e5d0bf03fcb86c20d57', icon: "times" }), index.h("span", { key: '3b1ef4ac7a0ac1d24a5add77c20896bba4f46af7', class: "dso-date__vhidden" }, this.localization.closeLabel))), index.h("div", { key: '9e4e06d30b41a3ce5aefbb808db87cdf6e883884', class: "dso-date__header", onFocusin: this.disableActiveFocus }, index.h("div", { key: '0b89be253bfd409054a52412969ae2ae6120e382' }, index.h("h2", { key: '94b922c24f610ce05ce907abcd6014e93f5c155f', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), index.h("label", { key: '3813086ca6ee3951d32ad451f1f86c5493f5c4a7', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), index.h("div", { key: '834c834c3e941de77ac8cf2d0ccf6bbf0581a2de', class: "dso-date__select" }, index.h("select", { key: 'aae80a3eaf0c5c997ec53b960f3e33f7e72bfe89', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
             const index$1 = this.localization.monthNames.indexOf(month);
             return (index.h("option", { key: month, value: index$1, selected: index$1 === focusedMonth }, month));
-        })), index.h("div", { key: '5208271a489ed99f5d874baafae4fae675138a93', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: '0e1e526e9fee6367546142cfda834a31375c5634' }, this.localization.monthNamesShort[focusedMonth]), index.h("dso-icon", { key: '1a790f9dfb8d4ea4a41bb286a7a125534922c95b', icon: "chevron-down" }))), index.h("label", { key: 'de5f0145a3c317a6eb390d01e41e9dd73e720e7e', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), index.h("div", { key: '877369c7d3b8b060c0d02f1e822f725d320f14b2', class: "dso-date__select" }, index.h("select", { key: 'b591672b9c3f307fca7e2a6313a38d4cce391bb2', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (index.h("option", { key: year, selected: year === focusedYear }, year)))), index.h("div", { key: '684aec6cba9eff6e0f9766e2196a3fe534a40a0f', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: 'f39c5042ef1924d1652f010ca81c2f506b9b37fe' }, this.focusedDay.getFullYear()), index.h("dso-icon", { key: '04adcae74bc190c443490dfc464b2be52f221c14', icon: "chevron-down" })))), index.h("div", { key: 'c3900f0e93e22eda46450cf898eb4e847c81a2c2', class: "dso-date__nav" }, index.h("button", { key: 'da36bdc09cba1daa3b4eba282f4ee5b829c393fa', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, index.h("dso-icon", { key: 'c8f5fb75ddb06106081f2674ecbecf0f05bf0f76', icon: "chevron-left" }), index.h("span", { key: 'ec76f5492eaeaac4a8f80c1de158688a70f4da65', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), index.h("button", { key: '6441cdaa0bbc797e56279a86cfc53741df63d517', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, index.h("dso-icon", { key: '927ddbfac72287e32f0b09d6347f6e46787c7e3b', icon: "chevron-right" }), index.h("span", { key: 'a3fed3e29cb71f53e5be193503ea275dcea61b7c', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), index.h(DatePickerLegacyMonth, { key: 'f2bfde3fa648e0f00cff22ed58d84347dcc01d56', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
+        })), index.h("div", { key: 'f9ee321259103e88e5b76bb87cca77860e65b2c1', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: 'ca117ccf3aeaf9876d3fd627762a7696f3f4e1a4' }, this.localization.monthNamesShort[focusedMonth]), index.h("dso-icon", { key: '244ffcb4f8a336c8deefc69c14688405e1bc23f7', icon: "chevron-down" }))), index.h("label", { key: 'f01dc78c49881d6c7d88ca39890e70d0e9785559', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), index.h("div", { key: 'b3bae01d2ed53da52269a63c86fe291cfca76292', class: "dso-date__select" }, index.h("select", { key: '63bb09515fa036307995ce4812088e0828f50484', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (index.h("option", { key: year, selected: year === focusedYear }, year)))), index.h("div", { key: 'db7adc0799385cbe2d60f022acdf73e4ca33ed40', class: "dso-date__select-label", "aria-hidden": "true" }, index.h("span", { key: 'f3eaddb8cdc45daf9ef8574509bcc415e675dcc2' }, this.focusedDay.getFullYear()), index.h("dso-icon", { key: 'cb415d3468b9f163f4400d820d22e62406eda2d9', icon: "chevron-down" })))), index.h("div", { key: '7beead2ff31b3c6b6736c11679d12725e9634ff1', class: "dso-date__nav" }, index.h("button", { key: 'b21c215d623f5243c3d81e327e383bb062af3db8', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, index.h("dso-icon", { key: 'b755c8a2aafd1676ed517dfe6e303fd69337d415', icon: "chevron-left" }), index.h("span", { key: '77126a760003533cad64ab8d423b9d945f33f24e', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), index.h("button", { key: 'f17d30a36392a95ef8d8bf7096674c123231ca82', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, index.h("dso-icon", { key: 'fdf88a664810c744eb9da6a6bea4343e09a0aef6', icon: "chevron-right" }), index.h("span", { key: 'cb017e38ad087b2ded215880fe405a915cdd3922', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), index.h(DatePickerLegacyMonth, { key: 'ae4da41ad13aa21365703e8470485cef9f8dc994', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-date-picker.cjs.entry.js CHANGED Viewed

@@ -141,7 +141,7 @@ const DsoDatePicker = class {
     }
     render() {
         var _a;
-        return (index.h("input", { key: 'ab327f9e162793c1abdcdd3b7e1242b6ddee1ddb', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (index.h("input", { key: '05ac3c8f265e1cbea015e9cd05bf4a298a7e8e37', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-dropdown-menu.cjs.entry.js CHANGED Viewed

@@ -216,7 +216,7 @@ const DropdownMenu = class {
         (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: 'eb56d9c3c656eb150bd5aaca3dac3b8a08c8cd72', onFocusout: this.focusOutListener }, index.h("slot", { key: 'de13bf1d689fe5b7923765ff34d9419e0f4504d6', name: "toggle" }), index.h("div", { key: 'a49e77fa7e5fd6d9f77aa05d6e14674779665af0', hidden: !this.open }, index.h("slot", { key: 'f6c6c8529f638e5a0ff7f76764cd5a96e975e97f' }))));
+        return (index.h(index.Host, { key: '77ac6cc50a707d48310edd4224d192d9e8e3cc1b', onFocusout: this.focusOutListener }, index.h("slot", { key: '3388875ba46e7f5b9711ab3ebdd08daa39e98d22', name: "toggle" }), index.h("div", { key: '68362bca01cb7f86c6a2e9f760aa5af7a25fcf14', hidden: !this.open }, index.h("slot", { key: '653ec1ca00468188bf45ef2f6bde361ff8590f56' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-helpcenter-panel.cjs.entry.js CHANGED Viewed

@@ -87,10 +87,10 @@ const HelpcenterPanel = class {
         }
     }
     render() {
-        return (index.h(index.Fragment, null, index.h("button", { key: 'd8a03771c37da24b79a4037c5313d7977e9ad135', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, index.h("dso-icon", { key: '9baf7a627c7f13704d8981597acdeeb5fab4ec36', icon: "help" }), index.h("span", { key: '7a0d3fa0b3395da9151b1df46dc64705c9da7360' }, this.label)), index.h("div", { key: 'b9679cb522e5292abcf19019cf98018d5759f14b', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, index.h("div", { key: '95d6f562523690715a468ffbcad1049f23ef1dcf', class: "dimscreen", onClick: this.closeClick }), index.h("div", { key: '119aa32731566a0126a9ae4e1574f4a8d120f162', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (index.h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
+        return (index.h(index.Fragment, null, index.h("button", { key: '7ebc1495b2933c451a256a4006cc8282e8f2325e', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, index.h("dso-icon", { key: '119fcbef430ef1808b1a7890dafae7a989ac84d8', icon: "help" }), index.h("span", { key: '2d92f7abc9c01f217e59f3560ff6ebfb7cc1161b' }, this.label)), index.h("div", { key: 'f57b69556a038441adc316cce74c5e29b455ff4c', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, index.h("div", { key: '4ca3979f6e933c0b102d8443f494d52a51629605', class: "dimscreen", onClick: this.closeClick }), index.h("div", { key: 'da51b5c07f9bca49f35c0894997634ab736ab44d', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (index.h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
                 this.createTrap();
                 this.iframeLoaded = true;
-            } })) : (index.h("div", null))), index.h("button", { key: '6527714c7de5c6261f76ae41d0e00fd152463e41', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, index.h("dso-icon", { key: 'fce79d104ac97fb79298923b128ef8ab0c95123c', icon: "times" }), index.h("span", { key: '8091ac03b2091414b9786fbc9cc37b8bf8f3a311', class: "sr-only" }, "sluiten")))));
+            } })) : (index.h("div", null))), index.h("button", { key: 'bf2c1b8eee6509c14ea3710e60c83c2fbc949517', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, index.h("dso-icon", { key: '3ece8241d7f302a9471ce232e763955a8ffb3094', icon: "times" }), index.h("span", { key: '284e9eadf0404f45c34b128ff833f0e0e5e81642', class: "sr-only" }, "sluiten")))));
     }
     static get watchers() { return {
         "url": ["watchUrl"],

package/dist/cjs/dso-highlight-box.cjs.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const HighlightBox = class {
     render() {
         var _a;
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (index.h(index.Host, { key: '4334f13da16a3005e01e815a0998fdcbc87f31e8', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '553cb9e7150fb6c603c9bbbc0d2307170416ee3b', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : index.h("slot", { key: 'faf8811c78d6c918c2624f43c75d6241209be209', name: "icon" })), index.h("slot", { key: '2bfd070a41a5f969d5cb1d24ce1a6846e68c5ceb' })));
+        return (index.h(index.Host, { key: '94dfaf9efb9d2cb1f5910b8dd0f4cc37f8b24c17', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '005ab4e5b5cec05e4b16e32e8fa6ee8e1da0eb06', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : index.h("slot", { key: 'e6f814e0bb7f5f791f441cd78bd25a0c14e3e60e', name: "icon" })), index.h("slot", { key: '2dfc8c0d8ea3222c2e8b5a59f168b3df80b70bcc' })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-icon.cjs.entry.js CHANGED Viewed

@@ -662,7 +662,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return index.h("span", { key: 'ce873c525c717b5effd7d4fe9691057911e3e0c3', class: "icon-container", innerHTML: icon.svg });
+            return index.h("span", { key: '118278e8190607c65d05559091539e28fd27b1f8', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };

package/dist/cjs/dso-info-button.cjs.entry.js CHANGED Viewed

@@ -29,7 +29,7 @@ const InfoButton = class {
         this.dsoToggle.emit({ originalEvent: e, active: this.active });
     }
     render() {
-        return (index.h(index.Host, { key: 'a9cd435470f76f47e46ec94746158b8b94ba151d', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h("button", { key: '84de4a37a8880ec1328a8d176b8a44cf53cd24fe', type: "button", class: clsx.clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, index.h("dso-icon", { key: '4386441800c5cdebc81fbb55a036231b3322cba3', icon: this.active || this.hover ? "info-active" : "info" }), index.h("span", { key: 'f7d894eba3425b76d12265eb00cb181f41a221ff', class: "sr-only" }, this.label))));
+        return (index.h(index.Host, { key: 'f92cf2e064117a666eff6e06918d1b8bfaa0ae4b', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h("button", { key: '9a9a095f29dff2d7ef53be6df2a5bb0de1fd9673', type: "button", class: clsx.clsx({ "dso-open": !!this.active, "dso-info-secondary": !!this.secondary }), "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.button = element) }, index.h("dso-icon", { key: 'b2fc1665fa93d7a131833fc71b9cd17b0b29f5c6', icon: this.active || this.hover ? "info-active" : "info" }), index.h("span", { key: '9aa27a9e5ecc316e89c5ad0af463e711328d1857', class: "sr-only" }, this.label))));
     }
 };
 InfoButton.style = DsoInfoButtonStyle0;

package/dist/cjs/dso-info_2.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const Info = class {
         this.active = undefined;
     }
     render() {
-        return (index.h(index.Fragment, { key: '09663182b8699ecc6803337c3b2a61cb939e2cf9' }, index.h("slot", { key: '28d4d320a7d126a4cf23e7822dece8e8594e0d9c' }), !this.fixed && (index.h("button", { key: '6559c0efe3070bfb14d29bc66c6b4bfdd40f23ae', type: "button", onClick: (e) => this.dsoClose.emit(e) }, index.h("dso-icon", { key: '9880632ccab83f3ef7c318c09276b2efa560b170', icon: "times" }), index.h("span", { key: 'f8dbd51bcb3e17ba41a00acc42a76eb8cdebd69a', class: "sr-only" }, "Sluiten")))));
+        return (index.h(index.Fragment, { key: 'e5f657a636b290b194ccbb89b8cd10c361a3addd' }, index.h("slot", { key: '08ff21c78926849c1b0461abfc551f96fd4a769a' }), !this.fixed && (index.h("button", { key: '5312aa3e0b79e3c46c28b272b1fe2161f3c625a2', type: "button", onClick: (e) => this.dsoClose.emit(e) }, index.h("dso-icon", { key: '7473fe06abfd42aa7c39eb97b4ea1b8113e9bfe4', icon: "times" }), index.h("span", { key: 'e5b9d4414e871ff4ec15e18adb6ab819ddcfb0f5', class: "sr-only" }, "Sluiten")))));
     }
 };
 Info.style = DsoInfoStyle0;
@@ -84,7 +84,7 @@ const Selectable = class {
     render() {
         var _a;
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (index.h(index.Fragment, { key: '9b3a5a7eded8a2c4fa778a78506cf3830eeb2158' }, index.h("div", { key: '77eb55ac077f2165af3eeabbc7d905aafa9ac00b', class: "dso-selectable-container" }, index.h("div", { key: '2a76089b151a5bda6f92fc6db37520a36a4c0c8a', class: clsx.clsx("dso-selectable-input-wrapper", { "dso-keyboard-focus": this.keyboardFocus }) }, index.h("input", { key: '753871d7f427daac250481c45d53f277ce0e9aaa', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, onBlur: () => (this.keyboardFocus = false), onKeyUp: () => (this.keyboardFocus = true), ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '33b894964ac606b03da670d53dcd4766ed73ce9c', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '625d8c5d96d9e40cce6bbe2d06ed27cb51093d05', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '762e207474ba137a6e49c18f4f95012715867768' }, index.h("slot", { key: '4d7c20a761021788cd034fd0b6fc1f1fb9b73045', name: "info" })))), index.h("slot", { key: '95f6353ece9a423f9e1a6f300ae67f456465199b', name: "options" })));
+        return (index.h(index.Fragment, { key: '1f81229a1f1fef108068804fad7761151b9c074f' }, index.h("div", { key: 'fbd1cf9ab0ff933b7c0fb183c6be54c543502967', class: "dso-selectable-container" }, index.h("div", { key: '5d5b101e3b05e07a36b4cb1f0927bd55ccc459db', class: clsx.clsx("dso-selectable-input-wrapper", { "dso-keyboard-focus": this.keyboardFocus }) }, index.h("input", { key: '094554197b315b6a992a43360b229f0d898ae480', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, onBlur: () => (this.keyboardFocus = false), onKeyUp: () => (this.keyboardFocus = true), ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '68d97d170c77ad983efcd6511ce23df320d3b23d', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '54eca001300dd947e79f5f5cb9c91fc9f44a6a94', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'f3d478436c5b8428b10802953423aa237fb6c4a3' }, index.h("slot", { key: 'c0b0a05b5997a90a11581b7be95f3443e2cbb8a7', name: "info" })))), index.h("slot", { key: '7c8d8bd9c10289b068d1e544995cbebfbb7ee8e7', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/cjs/dso-input-range.cjs.entry.js CHANGED Viewed

@@ -23,13 +23,13 @@ const InputRange = class {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: '829624123680fa59c806e0132b82eadf27dea57d', id: "description", hidden: true }, this.description)), index.h("span", { key: '2c6d87fccc090ea43c9dcdb14c095a6b5ed991bf', class: "counter min", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: '22fd3842ea717541d8bae1d0d394ec41fb62be26', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (index.h(index.Fragment, null, this.description && (index.h("span", { key: '01c22533d0eddbb7bb513317c531bcc04ab5d12f', id: "description", hidden: true }, this.description)), index.h("span", { key: 'fc58429b96deef9728b7ede4707176124d5b2ca5', class: "counter min", "aria-hidden": "true" }, min, this.unit), index.h("input", { key: 'a9bee5cb4aef9a32141b12237a8cd80d453599a1', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), index.h("span", { key: '69bacfe004281c5aff9f269cc1b4e58fe5823673', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
+            }) }), index.h("span", { key: '883c3c66f15ae009ea147c265da96ba1b8e2167a', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return index.getElement(this); }
 };