@dso-toolkit/core 80.0.0 → 81.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"ozon-content.interfaces.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export interface OzonContentAnchorClickEvent {\r\n  /** Node type, eg: `IntRef` or `IntIoRef` */\r\n  node: string;\r\n  href: string;\r\n  documentComponent: string;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\nexport type OzonContentClickEvent = OzonContentClickKopEvent;\r\n\r\ninterface OzonContentClickBaseEvent<T extends string> {\r\n  type: T;\r\n  node: Element;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\nexport type OzonContentClickKopEvent = OzonContentClickBaseEvent<\"Kop\">;\r\n\r\nexport type OzonContentInputType = XMLDocument | string;\r\n\r\nexport type OzonContentMarkFunction = (text: string) => OzonContentText[] | undefined;\r\n\r\nexport type OzonContentText = OzonContentMarkItem | string;\r\n\r\nexport interface OzonContentMarkItem {\r\n  text: string;\r\n  highlight?: boolean;\r\n}\r\n\r\nexport interface OzonContentMarkItemHighlightEvent {\r\n  text: string;\r\n  elementRef: HTMLElement;\r\n}\r\n\r\nexport type OzonContentWijzigActie = \"voegtoe\" | \"verwijder\";\r\n\r\nexport interface OzonContentUrlResolver {\r\n  (name: \"Illustratie\" | \"InlineTekstAfbeelding\", attribute: \"naam\", value: string | null, element: Element): string;\r\n  (name: \"ExtIoRef\" | \"ExtRef\", attribute: \"ref\", value: string | null, element: Element): string;\r\n}\r\n"]}
+{"version":3,"file":"ozon-content.interfaces.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["interface OzonContentClickBaseEvent<T extends string> {\r\n  type: T;\r\n  node: Element;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\nexport type OzonContentClickKopEvent = OzonContentClickBaseEvent<\"Kop\">;\r\nexport type OzonContentClickIntIoRefEvent = OzonContentClickBaseEvent<\"IntIoRef\">;\r\nexport type OzonContentClickIntRefEvent = OzonContentClickBaseEvent<\"IntRef\"> & { isModifiedEvent: boolean };\r\n\r\nexport type OzonContentClickEvent =\r\n  | OzonContentClickKopEvent\r\n  | OzonContentClickIntRefEvent\r\n  | OzonContentClickIntIoRefEvent;\r\n\r\nexport type OzonContentInputType = XMLDocument | string;\r\n\r\nexport interface OzonContentMarkItemHighlightEvent {\r\n  text: string;\r\n  elementRef: HTMLElement;\r\n}\r\n\r\nexport type OzonContentWijzigActie = \"voegtoe\" | \"verwijder\";\r\n\r\nexport interface OzonContentUrlResolver {\r\n  (name: \"Illustratie\" | \"InlineTekstAfbeelding\", attribute: \"naam\", value: string | null, element: Element): string;\r\n  (\r\n    name: \"ExtIoRef\" | \"ExtRef\" | \"IntIoRef\" | \"IntRef\",\r\n    attribute: \"ref\",\r\n    value: string | null,\r\n    element: Element,\r\n  ): string;\r\n}\r\n\r\nexport interface OzonContentBegripResolver {\r\n  (ref: string | null, element: Element): XMLDocument | string | undefined;\r\n}\r\n"]}

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

@@ -22,12 +22,12 @@ export class OzonContent {
             mark: this.mark,
             setState: (state) => (this.state = state),
             emitMarkItemHighlight: this.handleMarkItemHighlight,
-            emitAnchorClick: this.dsoAnchorClick.emit,
             emitClick: this.dsoClick.emit,
             urlResolver: this.urlResolver,
+            begripResolver: this.begripResolver,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '5c8cdc4a818606d5c22649b45ff8809ebd87117c' }, transformed);
+        return h(Fragment, { key: 'b3bccfe4c31aceff6ac766098f466834ad920220' }, transformed);
     }
     static get is() { return "dso-ozon-content"; }
     static get encapsulation() { return "shadow"; }
@@ -93,13 +93,13 @@ export class OzonContent {
                 "attribute": "mark",
                 "mutable": false,
                 "complexType": {
-                    "original": "OzonContentMarkFunction",
-                    "resolved": "((text: string) => OzonContentText[] | undefined) | undefined",
+                    "original": "MarkTextMarkFunction",
+                    "resolved": "((text: string) => MarkTextText[] | undefined) | undefined",
                     "references": {
-                        "OzonContentMarkFunction": {
+                        "MarkTextMarkFunction": {
                             "location": "import",
-                            "path": "./ozon-content.interfaces",
-                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentMarkFunction"
+                            "path": "../../functional-components/mark-text/mark-text.interfaces",
+                            "id": "src/functional-components/mark-text/mark-text.interfaces.ts::MarkTextMarkFunction"
                         }
                     }
                 },
@@ -135,6 +135,30 @@ export class OzonContent {
                 },
                 "getter": false,
                 "setter": false
+            },
+            "begripResolver": {
+                "type": "unknown",
+                "attribute": "begrip-resolver",
+                "mutable": false,
+                "complexType": {
+                    "original": "OzonContentBegripResolver",
+                    "resolved": "OzonContentBegripResolver | undefined",
+                    "references": {
+                        "OzonContentBegripResolver": {
+                            "location": "import",
+                            "path": "./ozon-content.interfaces",
+                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentBegripResolver"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "A BegripResolver that will be called for STOP element \"IntRef\" with scope=\"Begrip\"."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
@@ -152,11 +176,11 @@ export class OzonContent {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emitted when an interactive element is clicked, except for <IntIoRef> and <IntRef>."
+                    "text": "Emitted when an interactive element is clicked."
                 },
                 "complexType": {
                     "original": "OzonContentClickEvent",
-                    "resolved": "OzonContentClickBaseEvent<\"Kop\">",
+                    "resolved": "OzonContentClickBaseEvent<\"IntIoRef\"> | OzonContentClickBaseEvent<\"IntRef\"> & { isModifiedEvent: boolean; } | OzonContentClickBaseEvent<\"Kop\">",
                     "references": {
                         "OzonContentClickEvent": {
                             "location": "import",
@@ -165,27 +189,6 @@ export class OzonContent {
                         }
                     }
                 }
-            }, {
-                "method": "dsoAnchorClick",
-                "name": "dsoAnchorClick",
-                "bubbles": false,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when `<a>` that is created through <IntIoRef> or <IntRef> is clicked."
-                },
-                "complexType": {
-                    "original": "OzonContentAnchorClickEvent",
-                    "resolved": "OzonContentAnchorClickEvent",
-                    "references": {
-                        "OzonContentAnchorClickEvent": {
-                            "location": "import",
-                            "path": "./ozon-content.interfaces",
-                            "id": "src/components/ozon-content/ozon-content.interfaces.ts::OzonContentAnchorClickEvent"
-                        }
-                    }
-                }
             }, {
                 "method": "dsoOzonContentMarkItemHighlight",
                 "name": "dsoOzonContentMarkItemHighlight",
@@ -218,6 +221,6 @@ export class OzonContent {
 }
 const dependencies = () => {
     dependencies();
-    return (h(Fragment, null, h("dso-icon", null), h("dso-image-overlay", null), h("dso-tooltip", null), h("dso-table", null)));
+    return (h(Fragment, null, h("dso-icon", null), h("dso-image-overlay", null), h("dso-ozon-content-toggletip", null), h("dso-tooltip", null), h("dso-table", null)));
 };
 //# sourceMappingURL=ozon-content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ozon-content.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAET,KAAK,EAEL,QAAQ,EAER,IAAI,EACJ,KAAK,EACL,KAAK,EACL,CAAC,GACF,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAW/C,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;AAO5B,MAAM,OAAO,WAAW;IALxB;QAYE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAsCf,UAAK,GAAyB,EAAE,CAAC;QAEzB,4BAAuB,GAAG,CAAC,IAAY,EAAE,UAAuB,EAAE,EAAE;YAC1E,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;KAkBH;IA3BC,cAAc;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IASD,MAAM;QACJ,MAAM,OAAO,GAAuB;YAClC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACzC,qBAAqB,EAAE,IAAI,CAAC,uBAAuB;YACnD,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI;YACzC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI;YAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAC;QAEF,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAE5D,OAAO,EAAC,QAAQ,uDAAE,WAAW,CAAY,CAAC;IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,YAAY,EAAE,CAAC;IAEf,OAAO,CACL,EAAC,QAAQ;QACP,mBAAY;QACZ,4BAAqB;QACrB,sBAAe;QACf,oBAAa,CACJ,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\r\n  Component,\r\n  ComponentInterface,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  JSX,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  h,\r\n} from \"@stencil/core\";\r\n\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\nimport {\r\n  OzonContentAnchorClickEvent,\r\n  OzonContentClickEvent,\r\n  OzonContentInputType,\r\n  OzonContentMarkFunction,\r\n  OzonContentMarkItemHighlightEvent,\r\n  OzonContentUrlResolver,\r\n} from \"./ozon-content.interfaces\";\r\n\r\nconst mapper = new Mapper();\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content\",\r\n  styleUrl: \"ozon-content.scss\",\r\n  shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n  /**\r\n   * The XML to be rendered.\r\n   */\r\n  @Prop()\r\n  content?: OzonContentInputType;\r\n\r\n  /**\r\n   * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  inline = false;\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: OzonContentMarkFunction;\r\n\r\n  /**\r\n   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.\r\n   */\r\n  @Prop()\r\n  urlResolver?: OzonContentUrlResolver;\r\n\r\n  /**\r\n   * Emitted when an interactive element is clicked, except for <IntIoRef> and <IntRef>.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<OzonContentClickEvent>;\r\n\r\n  /**\r\n   * Emitted when `<a>` that is created through <IntIoRef> or <IntRef> is clicked.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnchorClick!: EventEmitter<OzonContentAnchorClickEvent>;\r\n\r\n  /**\r\n   * Emitted when a marked item is highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOzonContentMarkItemHighlight!: EventEmitter<OzonContentMarkItemHighlightEvent>;\r\n\r\n  @Watch(\"content\")\r\n  contentWatcher() {\r\n    this.state = {};\r\n  }\r\n\r\n  @State()\r\n  state: OzonContentNodeState = {};\r\n\r\n  private handleMarkItemHighlight = (text: string, elementRef: HTMLElement) => {\r\n    this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });\r\n  };\r\n\r\n  render(): JSX.Element {\r\n    const context: OzonContentContext = {\r\n      state: this.state,\r\n      inline: this.inline,\r\n      mark: this.mark,\r\n      setState: (state) => (this.state = state),\r\n      emitMarkItemHighlight: this.handleMarkItemHighlight,\r\n      emitAnchorClick: this.dsoAnchorClick.emit,\r\n      emitClick: this.dsoClick.emit,\r\n      urlResolver: this.urlResolver,\r\n    };\r\n\r\n    const transformed = mapper.transform(this.content, context);\r\n\r\n    return <Fragment>{transformed}</Fragment>;\r\n  }\r\n}\r\n\r\nconst dependencies = () => {\r\n  dependencies();\r\n\r\n  return (\r\n    <Fragment>\r\n      <dso-icon />\r\n      <dso-image-overlay />\r\n      <dso-tooltip />\r\n      <dso-table />\r\n    </Fragment>\r\n  );\r\n};\r\n"]}
+{"version":3,"file":"ozon-content.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAET,KAAK,EAEL,QAAQ,EAER,IAAI,EACJ,KAAK,EACL,KAAK,EACL,CAAC,GACF,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAU/C,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;AAO5B,MAAM,OAAO,WAAW;IALxB;QAYE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAsCf,UAAK,GAAyB,EAAE,CAAC;QAEzB,4BAAuB,GAAG,CAAC,IAAY,EAAE,UAAuB,EAAE,EAAE;YAC1E,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;KAkBH;IA3BC,cAAc;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IASD,MAAM;QACJ,MAAM,OAAO,GAAuB;YAClC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACzC,qBAAqB,EAAE,IAAI,CAAC,uBAAuB;YACnD,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI;YAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,cAAc,EAAE,IAAI,CAAC,cAAc;SACpC,CAAC;QAEF,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAE5D,OAAO,EAAC,QAAQ,uDAAE,WAAW,CAAY,CAAC;IAC5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,YAAY,EAAE,CAAC;IAEf,OAAO,CACL,EAAC,QAAQ;QACP,mBAAY;QACZ,4BAAqB;QACrB,qCAA8B;QAC9B,sBAAe;QACf,oBAAa,CACJ,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\r\n  Component,\r\n  ComponentInterface,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  JSX,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  h,\r\n} from \"@stencil/core\";\r\n\r\nimport { MarkTextMarkFunction } from \"../../functional-components/mark-text/mark-text.interfaces\";\r\n\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\nimport {\r\n  OzonContentBegripResolver,\r\n  OzonContentClickEvent,\r\n  OzonContentInputType,\r\n  OzonContentMarkItemHighlightEvent,\r\n  OzonContentUrlResolver,\r\n} from \"./ozon-content.interfaces\";\r\n\r\nconst mapper = new Mapper();\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content\",\r\n  styleUrl: \"ozon-content.scss\",\r\n  shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n  /**\r\n   * The XML to be rendered.\r\n   */\r\n  @Prop()\r\n  content?: OzonContentInputType;\r\n\r\n  /**\r\n   * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  inline = false;\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: MarkTextMarkFunction;\r\n\r\n  /**\r\n   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.\r\n   */\r\n  @Prop()\r\n  urlResolver?: OzonContentUrlResolver;\r\n\r\n  /**\r\n   * A BegripResolver that will be called for STOP element \"IntRef\" with scope=\"Begrip\".\r\n   */\r\n  @Prop()\r\n  begripResolver?: OzonContentBegripResolver;\r\n\r\n  /**\r\n   * Emitted when an interactive element is clicked.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<OzonContentClickEvent>;\r\n\r\n  /**\r\n   * Emitted when a marked item is highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOzonContentMarkItemHighlight!: EventEmitter<OzonContentMarkItemHighlightEvent>;\r\n\r\n  @Watch(\"content\")\r\n  contentWatcher() {\r\n    this.state = {};\r\n  }\r\n\r\n  @State()\r\n  state: OzonContentNodeState = {};\r\n\r\n  private handleMarkItemHighlight = (text: string, elementRef: HTMLElement) => {\r\n    this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });\r\n  };\r\n\r\n  render(): JSX.Element {\r\n    const context: OzonContentContext = {\r\n      state: this.state,\r\n      inline: this.inline,\r\n      mark: this.mark,\r\n      setState: (state) => (this.state = state),\r\n      emitMarkItemHighlight: this.handleMarkItemHighlight,\r\n      emitClick: this.dsoClick.emit,\r\n      urlResolver: this.urlResolver,\r\n      begripResolver: this.begripResolver,\r\n    };\r\n\r\n    const transformed = mapper.transform(this.content, context);\r\n\r\n    return <Fragment>{transformed}</Fragment>;\r\n  }\r\n}\r\n\r\nconst dependencies = () => {\r\n  dependencies();\r\n\r\n  return (\r\n    <Fragment>\r\n      <dso-icon />\r\n      <dso-image-overlay />\r\n      <dso-ozon-content-toggletip />\r\n      <dso-tooltip />\r\n      <dso-table />\r\n    </Fragment>\r\n  );\r\n};\r\n"]}

package/dist/collection/components/plekinfo-card/plekinfo-card.css

@@ -30,6 +30,7 @@ ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
 }
 ins {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 
 del {
@@ -60,7 +61,9 @@ del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del {

package/dist/collection/components/plekinfo-card/plekinfo-card.js

@@ -50,7 +50,7 @@ export class PlekinfoCard {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '13ba9e08589f2af374b4b605ba242eaae84637b0', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '51740725c5264415a910a89d6d6b6d7e39a1daf8', wijzigactie: this.wijzigactie }, h("div", { key: 'ee351b60947ccabc008e04d99206e0a02cdb9ebc', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '34f7f79ede2e3bbfd1717afc3e1e24d755a01bad', name: "symbol" })), h("div", { key: 'ad36a0942ca4785f49ca7fb36d6d8d300f27cfb7', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '4b9493f432b0007916a7a0bfc9b1122fdf31da40', name: "meta" }), this.interaction !== null && h("slot", { key: '838090d72c573e64c28d6415b68e21ba5d0a4d82', name: "interaction" })), h("div", { key: '1b4bf7fbf22dc4192a78f42c847ad5ddfc0ce5b1', class: "dso-plekinfo-card-content" }, h("slot", { key: '0a94e70c6cc90268999a0fbe505a134ec6b8192b', name: "content" })))));
+        return (h(Host, { key: '3c8a89daed9531a1cf75d593b8a1a6bfe85efda7', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '65ce7fbcbfb3297d847699e16e9cb0f82fec3680', wijzigactie: this.wijzigactie }, h("div", { key: 'c6fafda0b729b1d1d1d8e45bddfc9cd6bd8474f1', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '1d2c1dde49cd3d75fc86c04897ccb89f850e1b66', name: "symbol" })), h("div", { key: '958ad0463d78d1f1b6b62ba4873d3c4cf6d30471', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '193bca87b4b7e14e1b3e46ddbcd7bd6b0533525a', name: "meta" }), this.interaction !== null && h("slot", { key: 'b324bec370266742e78f2c605ae477776ec6f72d', name: "interaction" })), h("div", { key: '8f986a233e115291526897ba056439e9967026e2', class: "dso-plekinfo-card-content" }, h("slot", { key: 'c5d1bb35230271ee8426580c78d68609d7bbfcd9', name: "content" })))));
     }
     static get is() { return "dso-plekinfo-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.js

@@ -13,7 +13,7 @@ export class ProgressBar {
     render() {
         const progressNumber = Math.round(this.progress);
         const progressPercentage = `${progressNumber}%`;
-        return (h("div", { key: '4307ae00f191cb11060481659a62baf2a4553306', class: "progress" }, h("span", { key: '8fbcbfb7317decfcf2ab04002399f6aad26b6b75', class: "progress-bar", role: "progressbar", "aria-labelledby": "progress-bar-label", "aria-valuenow": progressNumber, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("span", { key: '4e4d43bf4137d54e5be4c6cc6585878cf72a0864', style: { width: `${progressPercentage}` } })), h("span", { key: 'a020afe5269fa734a2f24fba89f08f727d9aa1f3', id: "progress-bar-label" }, h("slot", { key: '7ac2b7f0e0131ae95fd814f93bb880b70fee1e47' }))));
+        return (h("div", { key: '970f1003479b73133f7ba744a24a56d82f06d414', class: "progress" }, h("span", { key: '030d21cce5ea1a1a994e63438e084aad6068e8f5', class: "progress-bar", role: "progressbar", "aria-labelledby": "progress-bar-label", "aria-valuenow": progressNumber, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("span", { key: 'e13ec36f7dd41561334e802b75bd435898f65ee3', style: { width: `${progressPercentage}` } })), h("span", { key: '153acd06ca989f7df3f1362e362220024233e2b6', id: "progress-bar-label" }, h("slot", { key: '45c8109dd588dc8ee559ebdb2e653b3292378aea' }))));
     }
     static get is() { return "dso-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-indicator/progress-indicator.js

@@ -6,7 +6,7 @@ export class Progressindicator {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '709a4cc259ecd2965a8ad2ef4a1d5f49fd0928d1' }, h("span", { key: 'b62d7d5dc6c0647f04378758642aef5fab187e68', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'f7c1592560dc10342194d2cfae038677b2184603', icon: "spinner" })), h("span", { key: '216752dd24a14ce4d3f726200fd8039aab4ae017', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '5dbf53bb970990f65190e278340c3bced752ffe3' }, h("span", { key: 'af6383415121902d46ae23710804f01ef9676350', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'fb5c3262a3d9b98ed5e7ddea82ec00945e82fa37', icon: "spinner" })), h("span", { key: 'c8abd5b693ed453dc29537e47a474792d3b34a95', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     static get is() { return "dso-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/project-item/project-item.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class ProjectItem {
     render() {
-        return (h(Fragment, { key: '89abe30a6d5572ce03b0bb2ede86203691de7e8b' }, h("div", { key: 'a168be00169d9aa207487b61e914268061d1df44', class: "project-item-header" }, h("div", { key: '595e7ed83a584f66a3604e829f5edc9bf269e4d4', class: "project-item-title" }, h("slot", { key: 'a60440b49e97f03eabf28f12733e8c0a6a592665', name: "title" }), this.label && (h("dso-label", { key: '74123de7f12003b24db71d79daae0457f11d0e7a', status: "error", compact: true }, this.label))), h("div", { key: '0ea2d3c8743dedce7c1ed8416c80cadded32f012', class: "project-item-actions" }, h("slot", { key: '880071c37ca6296792d82ada33989bc24ee7a109', name: "actions" }))), h("div", { key: '343143a42cfb01d7b68f522213fc1c394941bd68', class: "project-item-info" }, h("div", { key: 'a7420e4130ccbad5a99c2b337953b9732f920562', class: "project-item-progress" }, h("slot", { key: 'b400e59aaebe1b9c105950f47e76f71aa85e29cf', name: "progress" })), h("div", { key: 'e1e90f69026c7142e2204ed5f399a55919a1638f', class: "project-item-status" }, h("slot", { key: 'd15e248defe09ee612e077ab18425cb9240d92a0', name: "status" })))));
+        return (h(Fragment, { key: '2197cd3b5deb8eac8de777b567cc67dc5bf66a14' }, h("div", { key: '1bc1a8653bcf55a574b157ce238fb142da1eb0fa', class: "project-item-header" }, h("div", { key: 'ac0e0553045850a5a17a7cdf818462e7403ee054', class: "project-item-title" }, h("slot", { key: 'f716602a869131e4bdf64c0aa14519b0e9bcb3f8', name: "title" }), this.label && (h("dso-label", { key: '56164b6571282ded8eb101fa9311c1f7084a1928', status: "error", compact: true }, this.label))), h("div", { key: 'd5d2bd13e6a3944850d5b6cee1e5a130db95357f', class: "project-item-actions" }, h("slot", { key: '3200e0e7eea0400a1ce1e877a9371612d4730af3', name: "actions" }))), h("div", { key: 'b49f0871a8fade8f919bac74a35f100cbcd092e8', class: "project-item-info" }, h("div", { key: '5864b4d2256c2815eaa8a2cd56b6e1b67c26eef5', class: "project-item-progress" }, h("slot", { key: '0f1c9703d4b5576699f6c9bc8d6066faba52196a', name: "progress" })), h("div", { key: '911743b8487ba3f9af2cab6fdec7e1be9559e644', class: "project-item-status" }, h("slot", { key: '36cacf904a4aee79510098a33d6aad7503e41df7', name: "status" })))));
     }
     static get is() { return "dso-project-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/renvooi/renvooi.css

@@ -30,6 +30,7 @@ ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
 }
 ins {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 
 del {
@@ -60,7 +61,9 @@ del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del {

package/dist/collection/components/responsive-element/responsive-element.js

@@ -40,7 +40,7 @@ export class ResponsiveElement {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '2e70f03bdf53149270d5a32b5fb3cc0df91bceae', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '7c4f9ad0ed4029f81e73b681ad88b564987c1187' })));
+        return (h(Host, { key: 'e0e07d809b52c7fb9fab8864bb61d6e1c3272f72', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '876ed4ce93b626a532bd834135b6e85389c331b6' })));
     }
     static get is() { return "dso-responsive-element"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scrollable/scrollable.js

@@ -84,9 +84,9 @@ export class Scrollable {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '4ade944da89ae578f3064ead3795c0e6d8eee860', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'f20a9197a653c356520887f730ecde6ec2ccb2b0', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'cd2e8869fe88a66ae39be86f693e99a0b049169a', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '9b6612d2f5d55d87dd37ea837ca575b47a9e3607', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: '6d613626ea227e38dbd7d4c44a46e64d0554240b' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: '0e726000193e43041424c113d9a53a0d7ffe91e4' }))));
     }
     static get is() { return "dso-scrollable"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/selectable/selectable.js

@@ -49,7 +49,7 @@ export class Selectable {
     render() {
         var _a;
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: 'dd56e17cb9d6d5bf1fed5f905eaab8349b3aa6ad' }, h("div", { key: '1962731add825703834c580a80789a8c5e937109', class: "dso-selectable-container" }, h("div", { key: '6904486f126c03c3b4afb3d4c0c1166c770c318b', class: "dso-selectable-input-wrapper" }, h("input", { key: 'ae90c664821db922280071167b6dd95b0c3f89b8', 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, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '66ca12db3f23a7ece38062a86b20c24d2f8142a4', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '22569a4e817dcb5ee023aa62028e62f1a1838490', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '3c07526291d148c8b51f95b042c711ada1824940' }, h("slot", { key: '977fac29ac7a8bd1e9588725f4b1d36bba215ecc', name: "info" })))), h("slot", { key: '96cea0f3a49c0a3bf05012eea94f5932941f61c9', name: "options" })));
+        return (h(Fragment, { key: '00e6b1e40b31921349d80e3366fb906a6ed2910f' }, h("div", { key: '9af374c56672f803a6e375653a897a1565867e32', class: "dso-selectable-container" }, h("div", { key: '28284258c0115abcfc63bdb9caf9b92419647ea5', class: "dso-selectable-input-wrapper" }, h("input", { key: 'a0f793fc4661203df26ed5a51d4cb2e0b258185c', 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, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: 'eb4309b9dcafbe1328b8ec3262eb9d3d9815d911', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '2abad7f22d72eb07bf1c5c680e5cbd72295aea30', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'c9c36f4002a49c504722d4c0d2367649ed5f5adc' }, h("slot", { key: 'c68bd4a1203dd5e1dd37a68180921f841a2ad7a7', name: "info" })))), h("slot", { key: '6fcb669e8307e97b7b950d60963259478d7b0d28', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/collection/components/skiplink/skiplink.js

@@ -8,7 +8,7 @@ export class Skiplink {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: '47531eaf0658de3f0c424a5559214e355a8f215f', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '37e646984957bc1566d045cac8b28d6aa7401226', icon: "chevron-right" })));
+        return (h("a", { key: '067279ccc91e58160a8c8e32d3ef001558377ea6', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'a8fb2cd1842ee9df06b661f2ab2efcf04783231f', icon: "chevron-right" })));
     }
     static get is() { return "dso-skiplink"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/slide-toggle/slide-toggle.js

@@ -25,7 +25,7 @@ export class SlideToggle {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: '282c8250fb2fdb709639c39e09276aed99e932b4' }, h("button", Object.assign({ key: '0a1ba101e6bcd72413ee60e39107e1b5b4cbf72c', 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 } : {})), h("svg", { key: '2474f01547225c9fca4289a2b2705877f9f325c2', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '616da328248d3d8258f04c510532ff19c5f29d0c', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '689866229e09d7ee74fada5620028e01085245cc', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'd1b9fa0f8e5006b6c497a9e17671103dedcb3771', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'f15b3b4bd1612bad67678d0aec8cf375189a2716', htmlFor: this.identifier }, h("slot", { key: '291bb84d790f9a20b87cb3d727165c387087e212' })))));
+        return (h(Fragment, { key: '8af2609a1d607387c294e40226bfa21022b6f428' }, h("button", Object.assign({ key: '8656659e39823e9bde9663f47c5ad761f17047b2', 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 } : {})), h("svg", { key: 'e75731d814ffb21582d4e7f7ab063460b7d2ea8a', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '963fe2c27427c5c9e2558921bed0959e0d34f466', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '8fdb10c431c2f946418f59f2e18bc8a63a552304', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'ba908aaea19d459dff6e59a0e7d865461cf59a81', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '9e8eec602beaf11ad4c8e690b1b267aafb5fb56e', htmlFor: this.identifier }, h("slot", { key: 'd6aedb8172e12d43f53d583822a29b88c506749c' })))));
     }
     static get is() { return "dso-slide-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/survey-rating/survey-rating.css

@@ -374,8 +374,7 @@ button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {
 button.dso-secondary.dso-small {
   line-height: 1rem;
 }
-button.dso-secondary.dso-small dso-icon,
-button.dso-secondary.dso-small svg.di, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {
+button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {
   margin-block-end: -4px;
   margin-block-start: -4px;
 }
@@ -390,8 +389,7 @@ button.dso-secondary.dso-small.dso-spinner-right::after {
 button.dso-secondary.dso-extra-small {
   line-height: 1rem;
 }
-button.dso-secondary.dso-extra-small dso-icon,
-button.dso-secondary.dso-extra-small svg.di, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {
+button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {
   margin-block-end: -4px;
   margin-block-start: -4px;
 }
@@ -406,17 +404,14 @@ button.dso-secondary.dso-extra-small.dso-spinner-right::after {
 button.dso-secondary.dso-extra-small {
   padding-block: 9px;
 }
-button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary svg.di:has(+ span:not(.sr-only)) {
+button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
-button.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + svg.di {
+button.dso-secondary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
-button.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary svg.di + span:not(.sr-only) {
+button.dso-secondary dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {

package/dist/collection/components/survey-rating/survey-rating.js

@@ -18,10 +18,10 @@ export class SurveyRating {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '18145121de6dff4b2b19b9880c7848de2d859e45', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '34c79fa59aa1ac80cfbfe3b0fdd3f194cd1326b5', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '00605046f63929e65e0827932998641c72750435' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'f52b05061d777d070ee201c95e30750df864dee4', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'f3bf8a325729b303ddd72eddbb1c8cb86174ea1a', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '9d875e1e093975030aeba48ff1487213f0eed306' }, "Heel moeilijk"), h("span", { key: '3b0c57925f2ae5c5eb14c6943cb1cd690fa612dc' }, "Heel makkelijk")), h("div", { key: '70b221cfcb90dbc569f69a2e20e2f5907c5785f2', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '0f06dfed9925eabf4bd774ca129f43dd1fc40044', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '2d7deb32e2346881ca97f80423be382cbab3855b', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'ebd96e00abb902df3e7e16f32744b36024c7970d' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '943d8178b356a20960db9755b5d998ac57c1023b', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '02d29ea0db5bfdff94c49a7cff5ca28f16dae4db', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '124f8ab8267d44ca06a1443eb455d5812394e9f4' }, "Heel moeilijk"), h("span", { key: 'a32058ae664c9e56e290e84824ec1417318bc2da' }, "Heel makkelijk")), h("div", { key: '8b010ece10dd4ed7e97b1c6e5d80195d3e70d656', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '095992b41dde35d4853f8281ad2a1af770ba424c', type: "submit", class: "dso-secondary" }, h("span", { key: '21e9730a1a6e19085c6df4ef63ab563f90fbd370' }, "Antwoord verzenden")))));
+        })), h("button", { key: '583767e6daf55ee28da9346609644bdfa4da2bc1', type: "submit", class: "dso-secondary" }, h("span", { key: 'c5c8b245c1ebc8f8543f863f17ccb80300234c7e' }, "Antwoord verzenden")))));
     }
     static get is() { return "dso-survey-rating"; }
     static get encapsulation() { return "shadow"; }