@dso-toolkit/core 83.0.0 → 83.1.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 (54) hide show
  1. package/dist/bundle/dso-document-component.js +1 -1
  2. package/dist/bundle/dso-ozon-content.js +1 -1
  3. package/dist/bundle/dsot-document-component-demo.js +2 -2
  4. package/dist/bundle/{p-CuHWsfA3.js → p-C0fad0Tz.js} +5 -5
  5. package/dist/bundle/{p-CuHWsfA3.js.map → p-C0fad0Tz.js.map} +1 -1
  6. package/dist/bundle/{p-C7zjA7YV.js → p-vXXTDKh5.js} +36 -26
  7. package/dist/bundle/p-vXXTDKh5.js.map +1 -0
  8. package/dist/cjs/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-ozon-content-toggletip.dso-panel.dso-table.entry.cjs.js.map +1 -1
  9. package/dist/cjs/dso-alert_7.cjs.entry.js +34 -24
  10. package/dist/cjs/dso-alert_7.cjs.entry.js.map +1 -1
  11. package/dist/cjs/dso-annotation-locatie.dso-document-component.entry.cjs.js.map +1 -1
  12. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +2 -2
  13. package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js.map +1 -1
  14. package/dist/collection/components/document-component/document-component.js +4 -7
  15. package/dist/collection/components/document-component/document-component.js.map +1 -1
  16. package/dist/collection/components/ozon-content/nodes/ext-ref.node.js +5 -2
  17. package/dist/collection/components/ozon-content/nodes/ext-ref.node.js.map +1 -1
  18. package/dist/collection/components/ozon-content/nodes/figuur.node.js +5 -5
  19. package/dist/collection/components/ozon-content/nodes/figuur.node.js.map +1 -1
  20. package/dist/collection/components/ozon-content/nodes/inline-tekst-afbeelding.node.js +4 -4
  21. package/dist/collection/components/ozon-content/nodes/inline-tekst-afbeelding.node.js.map +1 -1
  22. package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js +3 -3
  23. package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js.map +1 -1
  24. package/dist/collection/components/ozon-content/nodes/int-ref.node.js +15 -8
  25. package/dist/collection/components/ozon-content/nodes/int-ref.node.js.map +1 -1
  26. package/dist/collection/components/ozon-content/ozon-content.css +4 -0
  27. package/dist/collection/components/ozon-content/ozon-content.interfaces.js.map +1 -1
  28. package/dist/collection/components/ozon-content/ozon-content.js +2 -2
  29. package/dist/collection/components/ozon-content/ozon-content.js.map +1 -1
  30. package/dist/components/document-component.js +2 -2
  31. package/dist/components/document-component.js.map +1 -1
  32. package/dist/components/ozon-content.js +34 -24
  33. package/dist/components/ozon-content.js.map +1 -1
  34. package/dist/dso-toolkit/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-ozon-content-toggletip.dso-panel.dso-table.entry.esm.js.map +1 -1
  35. package/dist/dso-toolkit/dso-annotation-locatie.dso-document-component.entry.esm.js.map +1 -1
  36. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  37. package/dist/dso-toolkit/p-a9b2ea7e.entry.js +2 -0
  38. package/dist/dso-toolkit/p-a9b2ea7e.entry.js.map +1 -0
  39. package/dist/dso-toolkit/{p-3dfe5dde.entry.js → p-d0ffada0.entry.js} +2 -2
  40. package/dist/dso-toolkit/{p-3dfe5dde.entry.js.map → p-d0ffada0.entry.js.map} +1 -1
  41. package/dist/esm/dso-alert.dso-badge.dso-image-overlay.dso-ozon-content.dso-ozon-content-toggletip.dso-panel.dso-table.entry.js.map +1 -1
  42. package/dist/esm/dso-alert_7.entry.js +34 -24
  43. package/dist/esm/dso-alert_7.entry.js.map +1 -1
  44. package/dist/esm/dso-annotation-locatie.dso-document-component.entry.js.map +1 -1
  45. package/dist/esm/dso-annotation-locatie_2.entry.js +2 -2
  46. package/dist/esm/dso-annotation-locatie_2.entry.js.map +1 -1
  47. package/dist/types/components/document-component/document-component.d.ts +2 -1
  48. package/dist/types/components/ozon-content/ozon-content.d.ts +2 -1
  49. package/dist/types/components/ozon-content/ozon-content.interfaces.d.ts +3 -3
  50. package/dist/types/components.d.ts +4 -6
  51. package/package.json +3 -3
  52. package/dist/bundle/p-C7zjA7YV.js.map +0 -1
  53. package/dist/dso-toolkit/p-61106c2d.entry.js +0 -2
  54. package/dist/dso-toolkit/p-61106c2d.entry.js.map +0 -1
@@ -1 +1 @@
1
- {"file":"document-component.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["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":["import { FunctionalComponent, VNode, h } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\nimport { DocumentComponentMode } from \"./document-component.interfaces\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n mode: DocumentComponentMode;\r\n href?: string;\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, mode, href, onClick, ...props }, children) => {\r\n let headingElement: VNode;\r\n\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n headingElement = (\r\n <h2 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h2>\r\n );\r\n break;\r\n case \"h3\":\r\n headingElement = (\r\n <h3 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h3>\r\n );\r\n break;\r\n case \"h4\":\r\n headingElement = (\r\n <h4 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h4>\r\n );\r\n break;\r\n case \"h5\":\r\n headingElement = (\r\n <h5 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h5>\r\n );\r\n break;\r\n case \"h6\":\r\n headingElement = (\r\n <h6 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n\r\n if (mode === \"table-of-contents\" && href) {\r\n return (\r\n <a href={href} onClick={onClick} class=\"heading-anchor\">\r\n {headingElement}\r\n </a>\r\n );\r\n }\r\n\r\n return headingElement;\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/link\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/mark/mark\";\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-inline-start: units.$u1;\r\n margin-inline-end: 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-block-start: units.$u1 * 0.5;\r\n padding-block-end: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n --_dso-document-component-text-decoration: line-through;\r\n\r\n @include delete.root($strikethrough: false);\r\n}\r\n\r\n.heading-element,\r\n.content {\r\n @include delete.strikethrough($_value: var(--_dso-document-component-text-decoration));\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 inset-inline-start: -3px;\r\n position: absolute;\r\n display: block;\r\n inline-size: 3px;\r\n inset-block-start: 0;\r\n inset-block-end: 0;\r\n background-color: colors.$lichtblauw;\r\n }\r\n}\r\n\r\n:host([open]),\r\n:host([open-annotation]) {\r\n .annotation-container,\r\n .heading-container {\r\n margin-block-end: units.$u1;\r\n }\r\n}\r\n\r\n:host(:not([open])),\r\n:host([mode=\"table-of-contents\"]) {\r\n dso-ozon-content::part(_subtitels) {\r\n display: none;\r\n }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n --_dso-icon-button-tertiary-color: #{colors.$bosgroen};\r\n border: 0;\r\n padding: 0;\r\n background: 0;\r\n color: colors.$bosgroen;\r\n}\r\n\r\n.heading-anchor {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n\r\n @include link.root();\r\n\r\n text-decoration: none;\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.alternative-title {\r\n cursor: pointer;\r\n @include link.pseudo();\r\n}\r\n\r\n:host([not-collapsible]) {\r\n .heading-container {\r\n margin-block-end: 0;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n\r\n dso-ozon-content.kop::part(_kop) {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([mode=\"document\"]:not([not-collapsible])) {\r\n --link-color: #{document-component.$heading-anchor-color};\r\n --link-hover-color: #{document-component.$heading-anchor-hover-color};\r\n\r\n dso-ozon-content {\r\n &.kop::part(_kop) {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--link-hover-color);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &[inline].kop::part(_kop) {\r\n display: inline;\r\n }\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: document-component.$indent;\r\n }\r\n}\r\n\r\n:host([mode=\"document\"]:not([not-collapsible]):active) {\r\n dso-ozon-content.kop::part(_kop) {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]) {\r\n .heading-container {\r\n padding-inline-start: document-component.$indent-table-of-contents;\r\n }\r\n\r\n .heading-element {\r\n color: inherit;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"][type=\"ARTIKEL\"]) {\r\n dso-ozon-content.kop::part(_kop) {\r\n --_dso-icon-button-tertiary-color: inherit;\r\n color: inherit;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]:not([type=\"HOOFDSTUK\"])) {\r\n dso-ozon-content.kop::part(_kop) {\r\n font-weight: normal;\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\"]:not([alternative-title])) {\r\n dso-ozon-content.kop::part(_kop),\r\n .toggle-button {\r\n --_dso-icon-button-tertiary-color: #{colors.$zwart};\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([type=\"LID\"][open-annotation]) {\r\n .annotation-container {\r\n margin-block-start: units.$u1;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-inline-start: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n padding-inline-end: units.$u1;\r\n}\r\n\r\n.content {\r\n --_dso-alert-margin-block-end: #{units.$u1};\r\n}\r\n\r\n.annotation-container {\r\n padding-inline-end: units.$u1;\r\n\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$wit};\r\n }\r\n}\r\n\r\n:host(:where([annotations-wijzigactie=\"verwijder\"])) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$rood-10};\r\n --_dso-renvooi-text-decoration: line-through;\r\n }\r\n }\r\n}\r\n\r\n:host([annotations-wijzigactie=\"voegtoe\"]) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$lime-10};\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ComponentInterface,\r\n Event,\r\n EventEmitter,\r\n Fragment,\r\n FunctionalComponent,\r\n Host,\r\n Prop,\r\n h,\r\n} from \"@stencil/core\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\nimport { MarkText } from \"../../functional-components/mark-text/mark-text.functional-component\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\nimport { parseXml } from \"../../utils/parse-xml\";\r\nimport { parseWijzigactieFromNode } from \"../ozon-content/functions/parse-wijzigactie-from-node.function\";\r\nimport {\r\n OzonContentBegripResolver,\r\n OzonContentClickEvent,\r\n OzonContentUrlResolver,\r\n} from \"../ozon-content/ozon-content.interfaces\";\r\n\r\nimport { Heading } from \"./document-component-heading\";\r\nimport {\r\n DocumentComponentAantekenElement,\r\n DocumentComponentAnnotationsWijzigactie,\r\n DocumentComponentInputType,\r\n DocumentComponentMarkFunction,\r\n DocumentComponentMarkItemHighlightEvent,\r\n DocumentComponentMode,\r\n DocumentComponentOpenToggleEvent,\r\n DocumentComponentOzonContentClickEvent,\r\n DocumentComponentRecursiveToggleEvent,\r\n DocumentComponentRecursiveToggleState,\r\n DocumentComponentTableOfContentsClickEvent,\r\n DocumentComponentToggleAnnotationEvent,\r\n DocumentComponentWijzigactie,\r\n} from \"./document-component.interfaces\";\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\nconst AantekenStatus: FunctionalComponent<{\r\n gereserveerd?: DocumentComponentAantekenElement;\r\n vervallen?: DocumentComponentAantekenElement;\r\n}> = ({ gereserveerd, vervallen }) => {\r\n return (\r\n <Fragment>\r\n {\" \"}\r\n {gereserveerd && (\r\n <dso-label\r\n compact\r\n {...(gereserveerd.wijzigactie\r\n ? { status: gereserveerd.wijzigactie === \"voegtoe\" ? \"toegevoegd\" : \"verwijderd\" }\r\n : {})}\r\n >\r\n {gereserveerd.type}\r\n </dso-label>\r\n )}{\" \"}\r\n {vervallen && (\r\n <dso-label\r\n compact\r\n {...(vervallen.wijzigactie\r\n ? { status: vervallen.wijzigactie === \"voegtoe\" ? \"toegevoegd\" : \"verwijderd\" }\r\n : {})}\r\n >\r\n {vervallen.type}\r\n </dso-label>\r\n )}\r\n </Fragment>\r\n );\r\n};\r\n\r\nconst AantekenAlert: FunctionalComponent<{\r\n gereserveerd?: DocumentComponentAantekenElement;\r\n vervallen?: DocumentComponentAantekenElement;\r\n}> = ({ gereserveerd, vervallen }) => {\r\n if (gereserveerd && gereserveerd.wijzigactie !== \"verwijder\" && !vervallen) {\r\n return <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>;\r\n }\r\n\r\n if (vervallen && vervallen.wijzigactie !== \"voegtoe\" && !gereserveerd) {\r\n return <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>;\r\n }\r\n\r\n return null;\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 private _kopInput?: DocumentComponentInputType;\r\n private _kop?: XMLDocument;\r\n /**\r\n * The Kop XML.\r\n */\r\n @Prop()\r\n get kop(): DocumentComponentInputType | undefined {\r\n return this._kopInput;\r\n }\r\n set kop(value: DocumentComponentInputType | undefined) {\r\n this._kopInput = value;\r\n this._kop = typeof value === \"string\" ? parseXml(value) : value;\r\n }\r\n\r\n private _inhoudInput?: DocumentComponentInputType;\r\n private _inhoud?: XMLDocument;\r\n /**\r\n * The Inhoud XML.\r\n */\r\n @Prop()\r\n get inhoud(): DocumentComponentInputType | undefined {\r\n return this._inhoudInput;\r\n }\r\n set inhoud(value: DocumentComponentInputType | undefined) {\r\n this._inhoudInput = value;\r\n this._inhoud = typeof value === \"string\" ? parseXml(value) : value;\r\n }\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 private _gereserveerdInput?: DocumentComponentInputType;\r\n private _gereserveerd?: DocumentComponentAantekenElement;\r\n /**\r\n * Marks Document Component as reserved.\r\n */\r\n @Prop()\r\n get gereserveerd(): DocumentComponentInputType | undefined {\r\n return this._gereserveerdInput;\r\n }\r\n set gereserveerd(value: DocumentComponentInputType | undefined) {\r\n this._gereserveerdInput = value;\r\n this._gereserveerd = this.parseAantekenElement(value);\r\n }\r\n\r\n private _vervallenInput?: DocumentComponentInputType;\r\n private _vervallen?: DocumentComponentAantekenElement;\r\n /**\r\n * Marks the Document Component as expired.\r\n */\r\n @Prop()\r\n get vervallen(): DocumentComponentInputType | undefined {\r\n return this._vervallenInput;\r\n }\r\n set vervallen(value: DocumentComponentInputType | undefined) {\r\n this._vervallenInput = value;\r\n this._vervallen = this.parseAantekenElement(value);\r\n }\r\n\r\n /**\r\n * When the Annotation is opened, set this to true.\r\n */\r\n @Prop({ reflect: true })\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({ reflect: true })\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 * The wijzigactie for all annotations.\r\n */\r\n @Prop({ reflect: true })\r\n annotationsWijzigactie?: DocumentComponentAnnotationsWijzigactie;\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 * 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 ozonContentUrlResolver?: 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 ozonContentBegripResolver?: OzonContentBegripResolver;\r\n\r\n /**\r\n * The mode of the Document Component. One of \"document\" or \"table-of-contents\". Defaults to \"document\"\r\n */\r\n @Prop({ reflect: true })\r\n mode: DocumentComponentMode = \"document\";\r\n\r\n /**\r\n * The URL to which the Heading links (only in mode=\"table-of-contents\").\r\n */\r\n @Prop({ reflect: true })\r\n href?: string;\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 clicks the heading in mode=\"table-of-contents\".\r\n */\r\n @Event({ bubbles: false })\r\n dsoTableOfContentsClick!: EventEmitter<DocumentComponentTableOfContentsClickEvent>;\r\n\r\n /**\r\n * Emitted when the user interacts with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content\r\n */\r\n @Event({ bubbles: false })\r\n dsoOzonContentClick!: EventEmitter<DocumentComponentOzonContentClickEvent>;\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.mode === \"table-of-contents\") {\r\n this.dsoTableOfContentsClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n } else if (this.type !== \"LID\") {\r\n this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n }\r\n };\r\n\r\n private handleOzonContentClick = (event: DsoOzonContentCustomEvent<OzonContentClickEvent>) => {\r\n const { detail } = event;\r\n\r\n if (detail.type === \"Kop\") {\r\n this.handleHeadingClick(detail.originalEvent);\r\n } else {\r\n this.dsoOzonContentClick.emit({ originalEvent: event, ozonContentClick: event.detail });\r\n }\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 private showOntwerpBadge(): boolean {\r\n return (\r\n this.genesteOntwerpInformatie &&\r\n !this.bevatOntwerpInformatie &&\r\n ((!this.open && this.mode === \"document\") || this.mode === \"table-of-contents\")\r\n );\r\n }\r\n\r\n private parseAantekenElement(input?: DocumentComponentInputType): DocumentComponentAantekenElement | undefined {\r\n if (!input) {\r\n return undefined;\r\n }\r\n\r\n let element: Element | undefined;\r\n\r\n if (typeof input === \"string\") {\r\n const doc = parseXml(input);\r\n element = doc?.documentElement;\r\n } else if (input instanceof XMLDocument) {\r\n element = input.documentElement;\r\n }\r\n\r\n if (!element) {\r\n return undefined;\r\n }\r\n\r\n const wijzigactie = parseWijzigactieFromNode(element);\r\n const tag = element.tagName.toLowerCase();\r\n\r\n let type: DocumentComponentAantekenElement[\"type\"] | undefined;\r\n if (tag === \"vervallen\") {\r\n type = \"Vervallen\";\r\n } else if (tag === \"gereserveerd\") {\r\n type = \"Gereserveerd\";\r\n }\r\n\r\n if (!type) {\r\n return undefined;\r\n }\r\n\r\n return { type, wijzigactie };\r\n }\r\n\r\n render() {\r\n const collapsible = !!((this._kop || this.alternativeTitle) && this.type !== \"LID\");\r\n\r\n const showHeading = !!(\r\n this.wijzigactie ||\r\n collapsible ||\r\n this._kop ||\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\r\n heading={this.heading}\r\n class=\"heading-element\"\r\n onClick={this.alternativeTitle ? this.handleHeadingClick : undefined}\r\n mode={this.mode}\r\n href={this.href}\r\n >\r\n {collapsible && this.mode === \"document\" && (\r\n <dso-icon-button\r\n label={this.open ? \"Invouwen\" : \"Uitvouwen\"}\r\n class=\"toggle-button\"\r\n icon={this.open ? \"chevron-down\" : \"chevron-right\"}\r\n variant=\"tertiary\"\r\n onDsoClick={(e) => this.handleHeadingClick(e.detail.originalEvent)}\r\n />\r\n )}\r\n <div>\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n {this._kop ? (\r\n <dso-ozon-content\r\n class=\"kop\"\r\n content={this._kop}\r\n onDsoClick={this.handleOzonContentClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"kop\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"kop\" })\r\n }\r\n inline\r\n urlResolver={this.ozonContentUrlResolver}\r\n begripResolver={this.ozonContentBegripResolver}\r\n />\r\n ) : (\r\n <span class=\"alternative-title\">\r\n {(!this.mark && this.alternativeTitle) ||\r\n (this.mark && this.alternativeTitle && (\r\n <MarkText\r\n mark={this.mark && ((text: string) => this.mark?.(text, \"alternativeTitle\"))}\r\n text={this.alternativeTitle}\r\n emitMarkItemHighlight={(text, elementRef) =>\r\n this.dsoMarkItemHighlight.emit({ text, elementRef, source: \"alternativeTitle\" })\r\n }\r\n />\r\n ))}\r\n </span>\r\n )}\r\n <AantekenStatus gereserveerd={this._gereserveerd} vervallen={this._vervallen} />\r\n </div>\r\n </Heading>\r\n\r\n {this.recursiveToggle !== undefined && this.open && this.mode === \"document\" && (\r\n <dso-icon-button\r\n label={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n class=\"recursive-toggle\"\r\n icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"}\r\n variant=\"tertiary\"\r\n onDsoClick={(e) => this.handleRecursiveToggleClick(e.detail.originalEvent)}\r\n />\r\n )}\r\n\r\n {this.showOntwerpBadge() && (\r\n <Fragment>\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\">\r\n Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.\r\n </dso-tooltip>\r\n </Fragment>\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 && this.mode === \"document\" && (\r\n <dso-icon-button\r\n label={`Kenmerken en kaartgegevens ${this.openAnnotation ? \"verbergen\" : \"tonen\"}`}\r\n icon=\"label\"\r\n variant=\"tertiary\"\r\n onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent })}\r\n />\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n\r\n {this.openAnnotation && (\r\n <div class=\"annotation-container\" part=\"_annotation-container\">\r\n <dso-panel\r\n id=\"annotations\"\r\n onDsoCloseClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n closeButtonLabel=\"Kenmerken en kaartgegevens verbergen\"\r\n >\r\n <h2 slot=\"heading\">Kenmerken en kaart</h2>\r\n <slot name=\"annotations\" />\r\n </dso-panel>\r\n </div>\r\n )}\r\n\r\n {this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === \"document\" && (\r\n <div class=\"content\" part=\"_content\">\r\n <AantekenAlert gereserveerd={this._gereserveerd} vervallen={this._vervallen} />\r\n\r\n {this._inhoud && (\r\n <dso-ozon-content\r\n content={this._inhoud}\r\n onDsoClick={this.handleOzonContentClick}\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 urlResolver={this.ozonContentUrlResolver}\r\n begripResolver={this.ozonContentBegripResolver}\r\n />\r\n )}\r\n </div>\r\n )}\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}
1
+ {"file":"document-component.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["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":["import { FunctionalComponent, VNode, h } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\nimport { DocumentComponentMode } from \"./document-component.interfaces\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n mode: DocumentComponentMode;\r\n href?: string;\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, mode, href, onClick, ...props }, children) => {\r\n let headingElement: VNode;\r\n\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n headingElement = (\r\n <h2 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h2>\r\n );\r\n break;\r\n case \"h3\":\r\n headingElement = (\r\n <h3 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h3>\r\n );\r\n break;\r\n case \"h4\":\r\n headingElement = (\r\n <h4 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h4>\r\n );\r\n break;\r\n case \"h5\":\r\n headingElement = (\r\n <h5 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h5>\r\n );\r\n break;\r\n case \"h6\":\r\n headingElement = (\r\n <h6 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n\r\n if (mode === \"table-of-contents\" && href) {\r\n return (\r\n <a href={href} onClick={onClick} class=\"heading-anchor\">\r\n {headingElement}\r\n </a>\r\n );\r\n }\r\n\r\n return headingElement;\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/link\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/mark/mark\";\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-inline-start: units.$u1;\r\n margin-inline-end: 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-block-start: units.$u1 * 0.5;\r\n padding-block-end: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n --_dso-document-component-text-decoration: line-through;\r\n\r\n @include delete.root($strikethrough: false);\r\n}\r\n\r\n.heading-element,\r\n.content {\r\n @include delete.strikethrough($_value: var(--_dso-document-component-text-decoration));\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 inset-inline-start: -3px;\r\n position: absolute;\r\n display: block;\r\n inline-size: 3px;\r\n inset-block-start: 0;\r\n inset-block-end: 0;\r\n background-color: colors.$lichtblauw;\r\n }\r\n}\r\n\r\n:host([open]),\r\n:host([open-annotation]) {\r\n .annotation-container,\r\n .heading-container {\r\n margin-block-end: units.$u1;\r\n }\r\n}\r\n\r\n:host(:not([open])),\r\n:host([mode=\"table-of-contents\"]) {\r\n dso-ozon-content::part(_subtitels) {\r\n display: none;\r\n }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n --_dso-icon-button-tertiary-color: #{colors.$bosgroen};\r\n border: 0;\r\n padding: 0;\r\n background: 0;\r\n color: colors.$bosgroen;\r\n}\r\n\r\n.heading-anchor {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n\r\n @include link.root();\r\n\r\n text-decoration: none;\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.alternative-title {\r\n cursor: pointer;\r\n @include link.pseudo();\r\n}\r\n\r\n:host([not-collapsible]) {\r\n .heading-container {\r\n margin-block-end: 0;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n\r\n dso-ozon-content.kop::part(_kop) {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([mode=\"document\"]:not([not-collapsible])) {\r\n --link-color: #{document-component.$heading-anchor-color};\r\n --link-hover-color: #{document-component.$heading-anchor-hover-color};\r\n\r\n dso-ozon-content {\r\n &.kop::part(_kop) {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--link-hover-color);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &[inline].kop::part(_kop) {\r\n display: inline;\r\n }\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: document-component.$indent;\r\n }\r\n}\r\n\r\n:host([mode=\"document\"]:not([not-collapsible]):active) {\r\n dso-ozon-content.kop::part(_kop) {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]) {\r\n .heading-container {\r\n padding-inline-start: document-component.$indent-table-of-contents;\r\n }\r\n\r\n .heading-element {\r\n color: inherit;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"][type=\"ARTIKEL\"]) {\r\n dso-ozon-content.kop::part(_kop) {\r\n --_dso-icon-button-tertiary-color: inherit;\r\n color: inherit;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]:not([type=\"HOOFDSTUK\"])) {\r\n dso-ozon-content.kop::part(_kop) {\r\n font-weight: normal;\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\"]:not([alternative-title])) {\r\n dso-ozon-content.kop::part(_kop),\r\n .toggle-button {\r\n --_dso-icon-button-tertiary-color: #{colors.$zwart};\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([type=\"LID\"][open-annotation]) {\r\n .annotation-container {\r\n margin-block-start: units.$u1;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-inline-start: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n padding-inline-end: units.$u1;\r\n}\r\n\r\n.content {\r\n --_dso-alert-margin-block-end: #{units.$u1};\r\n}\r\n\r\n.annotation-container {\r\n padding-inline-end: units.$u1;\r\n\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$wit};\r\n }\r\n}\r\n\r\n:host(:where([annotations-wijzigactie=\"verwijder\"])) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$rood-10};\r\n --_dso-renvooi-text-decoration: line-through;\r\n }\r\n }\r\n}\r\n\r\n:host([annotations-wijzigactie=\"voegtoe\"]) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$lime-10};\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ComponentInterface,\r\n Event,\r\n EventEmitter,\r\n Fragment,\r\n FunctionalComponent,\r\n Host,\r\n Prop,\r\n h,\r\n} from \"@stencil/core\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\nimport { MarkText } from \"../../functional-components/mark-text/mark-text.functional-component\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\nimport { parseXml } from \"../../utils/parse-xml\";\r\nimport { parseWijzigactieFromNode } from \"../ozon-content/functions/parse-wijzigactie-from-node.function\";\r\nimport {\r\n OzonContentBegripResolver,\r\n OzonContentClickEvent,\r\n OzonContentUrlResolver,\r\n} from \"../ozon-content/ozon-content.interfaces\";\r\n\r\nimport { Heading } from \"./document-component-heading\";\r\nimport {\r\n DocumentComponentAantekenElement,\r\n DocumentComponentAnnotationsWijzigactie,\r\n DocumentComponentInputType,\r\n DocumentComponentMarkFunction,\r\n DocumentComponentMarkItemHighlightEvent,\r\n DocumentComponentMode,\r\n DocumentComponentOpenToggleEvent,\r\n DocumentComponentOzonContentClickEvent,\r\n DocumentComponentRecursiveToggleEvent,\r\n DocumentComponentRecursiveToggleState,\r\n DocumentComponentTableOfContentsClickEvent,\r\n DocumentComponentToggleAnnotationEvent,\r\n DocumentComponentWijzigactie,\r\n} from \"./document-component.interfaces\";\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\nconst AantekenStatus: FunctionalComponent<{\r\n gereserveerd?: DocumentComponentAantekenElement;\r\n vervallen?: DocumentComponentAantekenElement;\r\n}> = ({ gereserveerd, vervallen }) => {\r\n return (\r\n <Fragment>\r\n {\" \"}\r\n {gereserveerd && (\r\n <dso-label\r\n compact\r\n {...(gereserveerd.wijzigactie\r\n ? { status: gereserveerd.wijzigactie === \"voegtoe\" ? \"toegevoegd\" : \"verwijderd\" }\r\n : {})}\r\n >\r\n {gereserveerd.type}\r\n </dso-label>\r\n )}{\" \"}\r\n {vervallen && (\r\n <dso-label\r\n compact\r\n {...(vervallen.wijzigactie\r\n ? { status: vervallen.wijzigactie === \"voegtoe\" ? \"toegevoegd\" : \"verwijderd\" }\r\n : {})}\r\n >\r\n {vervallen.type}\r\n </dso-label>\r\n )}\r\n </Fragment>\r\n );\r\n};\r\n\r\nconst AantekenAlert: FunctionalComponent<{\r\n gereserveerd?: DocumentComponentAantekenElement;\r\n vervallen?: DocumentComponentAantekenElement;\r\n}> = ({ gereserveerd, vervallen }) => {\r\n if (gereserveerd && gereserveerd.wijzigactie !== \"verwijder\" && !vervallen) {\r\n return <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>;\r\n }\r\n\r\n if (vervallen && vervallen.wijzigactie !== \"voegtoe\" && !gereserveerd) {\r\n return <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>;\r\n }\r\n\r\n return null;\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 private _kopInput?: DocumentComponentInputType;\r\n private _kop?: XMLDocument;\r\n /**\r\n * The Kop XML.\r\n */\r\n @Prop()\r\n get kop(): DocumentComponentInputType | undefined {\r\n return this._kopInput;\r\n }\r\n set kop(value: DocumentComponentInputType | undefined) {\r\n this._kopInput = value;\r\n this._kop = typeof value === \"string\" ? parseXml(value) : value;\r\n }\r\n\r\n private _inhoudInput?: DocumentComponentInputType;\r\n private _inhoud?: XMLDocument;\r\n /**\r\n * The Inhoud XML.\r\n */\r\n @Prop()\r\n get inhoud(): DocumentComponentInputType | undefined {\r\n return this._inhoudInput;\r\n }\r\n set inhoud(value: DocumentComponentInputType | undefined) {\r\n this._inhoudInput = value;\r\n this._inhoud = typeof value === \"string\" ? parseXml(value) : value;\r\n }\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 private _gereserveerdInput?: DocumentComponentInputType;\r\n private _gereserveerd?: DocumentComponentAantekenElement;\r\n /**\r\n * Marks Document Component as reserved.\r\n */\r\n @Prop()\r\n get gereserveerd(): DocumentComponentInputType | undefined {\r\n return this._gereserveerdInput;\r\n }\r\n set gereserveerd(value: DocumentComponentInputType | undefined) {\r\n this._gereserveerdInput = value;\r\n this._gereserveerd = this.parseAantekenElement(value);\r\n }\r\n\r\n private _vervallenInput?: DocumentComponentInputType;\r\n private _vervallen?: DocumentComponentAantekenElement;\r\n /**\r\n * Marks the Document Component as expired.\r\n */\r\n @Prop()\r\n get vervallen(): DocumentComponentInputType | undefined {\r\n return this._vervallenInput;\r\n }\r\n set vervallen(value: DocumentComponentInputType | undefined) {\r\n this._vervallenInput = value;\r\n this._vervallen = this.parseAantekenElement(value);\r\n }\r\n\r\n /**\r\n * When the Annotation is opened, set this to true.\r\n */\r\n @Prop({ reflect: true })\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({ reflect: true })\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 * The wijzigactie for all annotations.\r\n */\r\n @Prop({ reflect: true })\r\n annotationsWijzigactie?: DocumentComponentAnnotationsWijzigactie;\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 * 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 ozonContentUrlResolver?: OzonContentUrlResolver;\r\n\r\n /**\r\n * A BegripResolver that will be called for STOP element \"IntRef\". If the ref-attribute of IntRef points to a Begrip it\r\n * should return the `<Definitie>` of that Begrip otherwise it should return undefined.\r\n */\r\n @Prop()\r\n ozonContentBegripResolver?: OzonContentBegripResolver;\r\n\r\n /**\r\n * The mode of the Document Component. One of \"document\" or \"table-of-contents\". Defaults to \"document\"\r\n */\r\n @Prop({ reflect: true })\r\n mode: DocumentComponentMode = \"document\";\r\n\r\n /**\r\n * The URL to which the Heading links (only in mode=\"table-of-contents\").\r\n */\r\n @Prop({ reflect: true })\r\n href?: string;\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 clicks the heading in mode=\"table-of-contents\".\r\n */\r\n @Event({ bubbles: false })\r\n dsoTableOfContentsClick!: EventEmitter<DocumentComponentTableOfContentsClickEvent>;\r\n\r\n /**\r\n * Emitted when the user interacts with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content\r\n */\r\n @Event({ bubbles: false })\r\n dsoOzonContentClick!: EventEmitter<DocumentComponentOzonContentClickEvent>;\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.mode === \"table-of-contents\") {\r\n this.dsoTableOfContentsClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n } else if (this.type !== \"LID\") {\r\n this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n }\r\n };\r\n\r\n private handleOzonContentClick = (event: DsoOzonContentCustomEvent<OzonContentClickEvent>) => {\r\n const { detail } = event;\r\n\r\n if (detail.type === \"Kop\") {\r\n this.handleHeadingClick(detail.originalEvent);\r\n } else {\r\n this.dsoOzonContentClick.emit({ originalEvent: event, ozonContentClick: event.detail });\r\n }\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 private showOntwerpBadge(): boolean {\r\n return (\r\n this.genesteOntwerpInformatie &&\r\n !this.bevatOntwerpInformatie &&\r\n ((!this.open && this.mode === \"document\") || this.mode === \"table-of-contents\")\r\n );\r\n }\r\n\r\n private parseAantekenElement(input?: DocumentComponentInputType): DocumentComponentAantekenElement | undefined {\r\n if (!input) {\r\n return undefined;\r\n }\r\n\r\n let element: Element | undefined;\r\n\r\n if (typeof input === \"string\") {\r\n const doc = parseXml(input);\r\n element = doc?.documentElement;\r\n } else if (input instanceof XMLDocument) {\r\n element = input.documentElement;\r\n }\r\n\r\n if (!element) {\r\n return undefined;\r\n }\r\n\r\n const wijzigactie = parseWijzigactieFromNode(element);\r\n const tag = element.tagName.toLowerCase();\r\n\r\n let type: DocumentComponentAantekenElement[\"type\"] | undefined;\r\n if (tag === \"vervallen\") {\r\n type = \"Vervallen\";\r\n } else if (tag === \"gereserveerd\") {\r\n type = \"Gereserveerd\";\r\n }\r\n\r\n if (!type) {\r\n return undefined;\r\n }\r\n\r\n return { type, wijzigactie };\r\n }\r\n\r\n render() {\r\n const collapsible = !!((this._kop || this.alternativeTitle) && this.type !== \"LID\");\r\n\r\n const showHeading = !!(\r\n this.wijzigactie ||\r\n collapsible ||\r\n this._kop ||\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\r\n heading={this.heading}\r\n class=\"heading-element\"\r\n onClick={this.alternativeTitle ? this.handleHeadingClick : undefined}\r\n mode={this.mode}\r\n href={this.href}\r\n >\r\n {collapsible && this.mode === \"document\" && (\r\n <dso-icon-button\r\n label={this.open ? \"Invouwen\" : \"Uitvouwen\"}\r\n class=\"toggle-button\"\r\n icon={this.open ? \"chevron-down\" : \"chevron-right\"}\r\n variant=\"tertiary\"\r\n onDsoClick={(e) => this.handleHeadingClick(e.detail.originalEvent)}\r\n />\r\n )}\r\n <div>\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n {this._kop ? (\r\n <dso-ozon-content\r\n class=\"kop\"\r\n content={this._kop}\r\n onDsoClick={this.handleOzonContentClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"kop\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"kop\" })\r\n }\r\n inline\r\n urlResolver={this.ozonContentUrlResolver}\r\n begripResolver={this.ozonContentBegripResolver}\r\n />\r\n ) : (\r\n <span class=\"alternative-title\">\r\n {(!this.mark && this.alternativeTitle) ||\r\n (this.mark && this.alternativeTitle && (\r\n <MarkText\r\n mark={this.mark && ((text: string) => this.mark?.(text, \"alternativeTitle\"))}\r\n text={this.alternativeTitle}\r\n emitMarkItemHighlight={(text, elementRef) =>\r\n this.dsoMarkItemHighlight.emit({ text, elementRef, source: \"alternativeTitle\" })\r\n }\r\n />\r\n ))}\r\n </span>\r\n )}\r\n <AantekenStatus gereserveerd={this._gereserveerd} vervallen={this._vervallen} />\r\n </div>\r\n </Heading>\r\n\r\n {this.recursiveToggle !== undefined && this.open && this.mode === \"document\" && (\r\n <dso-icon-button\r\n label={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n class=\"recursive-toggle\"\r\n icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"}\r\n variant=\"tertiary\"\r\n onDsoClick={(e) => this.handleRecursiveToggleClick(e.detail.originalEvent)}\r\n />\r\n )}\r\n\r\n {this.showOntwerpBadge() && (\r\n <Fragment>\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\">\r\n Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.\r\n </dso-tooltip>\r\n </Fragment>\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 && this.mode === \"document\" && (\r\n <dso-icon-button\r\n label={`Kenmerken en kaartgegevens ${this.openAnnotation ? \"verbergen\" : \"tonen\"}`}\r\n icon=\"label\"\r\n variant=\"tertiary\"\r\n onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent })}\r\n />\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n\r\n {this.openAnnotation && (\r\n <div class=\"annotation-container\" part=\"_annotation-container\">\r\n <dso-panel\r\n id=\"annotations\"\r\n onDsoCloseClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n closeButtonLabel=\"Kenmerken en kaartgegevens verbergen\"\r\n >\r\n <h2 slot=\"heading\">Kenmerken en kaart</h2>\r\n <slot name=\"annotations\" />\r\n </dso-panel>\r\n </div>\r\n )}\r\n\r\n {this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === \"document\" && (\r\n <div class=\"content\" part=\"_content\">\r\n <AantekenAlert gereserveerd={this._gereserveerd} vervallen={this._vervallen} />\r\n\r\n {this._inhoud && (\r\n <dso-ozon-content\r\n content={this._inhoud}\r\n onDsoClick={this.handleOzonContentClick}\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 urlResolver={this.ozonContentUrlResolver}\r\n begripResolver={this.ozonContentBegripResolver}\r\n />\r\n )}\r\n </div>\r\n )}\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}