npm - @dso-toolkit/core - Versions diffs - 81.0.0 → 82.0.0 - Mend

@dso-toolkit/core 81.0.0 → 82.0.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 (171) hide show

package/dist/collection/components/document-component/document-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"document-component.js","sourceRoot":"","sources":["../../../../src/components/document-component/document-component.tsx"],"names":[],"mappings":"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","sourcesContent":["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 { 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 <span id=\"heading-title\">\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n\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 this.alternativeTitle\r\n )}\r\n\r\n <AantekenStatus gereserveerd={this._gereserveerd} vervallen={this._vervallen} />\r\n </span>\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"]}
1	+ {"version":3,"file":"document-component.js","sourceRoot":"","sources":["../../../../src/components/document-component/document-component.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/history-item/history-item.css CHANGED Viewed

@@ -19,6 +19,10 @@
   color: #8b4a6a;
 }
+:host([type=tijdelijk-regelingdeel-besluit]) .history-item-status-message {
+  color: #8b4a6a;
+}
 :host([type=waarschuwing]) .history-item-status-message {
   color: #b62f41;
 }

package/dist/collection/components/history-item/history-item.interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"history-item.interfaces.js","sourceRoot":"","sources":["../../../../src/components/history-item/history-item.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type HistoryItemType = \"in-werking\" \| \"besluit\" \| \"tijdelijk-regelingdeel\" \| \"waarschuwing\" \| \"ontwerp\";\r\n\r\nexport interface HistoryItemClickEvent {\r\n originalEvent: MouseEvent;\r\n /** True when user clicked the card while holding Ctrl, Alt or other modifiers, or when the card is right-clicked. Can be used to determine navigation. */\r\n isModifiedEvent: boolean;\r\n}\r\n"]}
1	+ {"version":3,"file":"history-item.interfaces.js","sourceRoot":"","sources":["../../../../src/components/history-item/history-item.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type HistoryItemType =\r\n \| \"in-werking\"\r\n \| \"besluit\"\r\n \| \"tijdelijk-regelingdeel\"\r\n \| \"tijdelijk-regelingdeel-besluit\"\r\n \| \"waarschuwing\"\r\n \| \"ontwerp\";\r\n\r\nexport interface HistoryItemClickEvent {\r\n originalEvent: MouseEvent;\r\n /** True when user clicked the card while holding Ctrl, Alt or other modifiers, or when the card is right-clicked. Can be used to determine navigation. */\r\n isModifiedEvent: boolean;\r\n}\r\n"]}

package/dist/collection/components/history-item/history-item.js CHANGED Viewed

@@ -13,6 +13,7 @@ export class HistoryItem {
             ontwerp: "pencil",
             "in-werking": "document",
             "tijdelijk-regelingdeel": "document",
+            "tijdelijk-regelingdeel-besluit": "hammer",
             waarschuwing: "status-warning-inline",
             besluit: "hammer",
         };
@@ -42,7 +43,7 @@ export class HistoryItem {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (h(Fragment, { key: '564713030596d6ded78196d1975d654f8aed28af' }, h("div", { key: '5628f506f89418f89dd84df8c7c7610a8cdf84a0', class: "history-item-date" }, h("slot", { key: '0299db06ef4c8638f8c9846759fe435a3772ddc6', name: "date" })), h("div", { key: '0a6b3af669e46a9aeef5641e7862abc1c2454aac', class: "history-item-content" }, h("div", { key: 'fd637e61527123dd033674d94d3802aaafc76ef5', class: "history-item-status-message" }, h("dso-icon", { key: '1a743ce625df89553ae31b0d5a0e85d37140cd51', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '7dbf3f6a4a432fac949d827645d513f322d2295e', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '9159c2ec5d46d0ed29fb963f643def9b68d95f6a', class: "history-item-title" }, h("a", { key: '2cfa6b7148d5c57d3d7d86c3653479e465c720b9', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'c4817b3fc5731611fc47274d18920e6859932495', name: "title" })))), this.explanationSlottedElement !== null && (h("div", { key: 'f30edc15372c818c7fc2d95c3408456fa78d7c2c', class: "history-item-explanation" }, h("slot", { key: '79e760bb4007874bbf3e72c366a131bbc228e812', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '63daced507c53906aa69d7c5f33b139a48c4bc98', class: "history-item-warning" }, h("dso-icon", { key: '40c76542d6d1fe34e56971ea24e8754c9359980b', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: '73cd0c589f64f95ed2235348388ddd87a9c2519b', name: "warning" }))))));
+        return (h(Fragment, { key: '25ded905c52c75f290d68f026ee428088ef11d33' }, h("div", { key: 'bb76d9f4b424fa348a0ec0b2c69ec8398b8b1c01', class: "history-item-date" }, h("slot", { key: '45e86c09b0a01f841fabaeaa469c22528f506188', name: "date" })), h("div", { key: '32df84fe88c34b9e73bb46ce4082b1150cd87bcb', class: "history-item-content" }, h("div", { key: '8b27dfeae1482ca1260ad61f1e85e45de3513fed', class: "history-item-status-message" }, h("dso-icon", { key: 'a176b5cafce73214b40ec258c984e4d5a9ba88c1', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '2529d09ac3017016bc2b5927a836a736c3d4234d', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: 'de071e8c737f352eb135a0eeec9d8edf0d253447', class: "history-item-title" }, h("a", { key: '98866c1cfeb33f9e0de1ef85560904f076538aef', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '2df06f57a5f3c38bd67415b3eadefabee7637989', name: "title" })))), this.explanationSlottedElement !== null && (h("div", { key: '900b4b3d37f164c456d3c56d2b4a9334e2993bb1', class: "history-item-explanation" }, h("slot", { key: 'dba257dc1cdd8bcbc2ddfb31d8641f2023c366c0', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: '93b0cd86f8aea38ed154b4cd031552de9f6b5fb0', class: "history-item-warning" }, h("dso-icon", { key: 'e6111333ccdd0591c15386d65e2f5b87f2b04c34', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'a7dcf352bd38f9d083f8981b2064f559d24dcba8', name: "warning" }))))));
     }
     static get is() { return "dso-history-item"; }
     static get encapsulation() { return "shadow"; }
@@ -64,7 +65,7 @@ export class HistoryItem {
                 "mutable": false,
                 "complexType": {
                     "original": "HistoryItemType",
-                    "resolved": "\"besluit\" | \"in-werking\" | \"ontwerp\" | \"tijdelijk-regelingdeel\" | \"waarschuwing\"",
+                    "resolved": "\"besluit\" | \"in-werking\" | \"ontwerp\" | \"tijdelijk-regelingdeel\" | \"tijdelijk-regelingdeel-besluit\" | \"waarschuwing\"",
                     "references": {
                         "HistoryItemType": {
                             "location": "import",

package/dist/collection/components/history-item/history-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"history-item.js","sourceRoot":"","sources":["../../../../src/components/history-item/history-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n ComponentInterface,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n Fragment,\r\n Prop,\r\n forceUpdate,\r\n h,\r\n} from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { HistoryItemClickEvent, HistoryItemType } from \"./history-item.interfaces\";\r\n\r\n/*\r\n @slot date - The slot to place a string that holds a date in.\r\n * @slot status - The slot to place the status message in.\r\n * @slot title - An optional slot to place the title in. When used, the property `href` must be set.\r\n * @slot explanation - An optional slot to place explanation in.\r\n * @slot warning - An optional slot to place a warning in.\r\n /\r\n@Component({\r\n tag: \"dso-history-item\",\r\n styleUrl: \"history-item.scss\",\r\n shadow: true,\r\n})\r\nexport class HistoryItem implements ComponentInterface {\r\n private typeIcons: Record<HistoryItemType, string> = {\r\n ontwerp: \"pencil\",\r\n \"in-werking\": \"document\",\r\n \"tijdelijk-regelingdeel\": \"document\",\r\n waarschuwing: \"status-warning-inline\",\r\n besluit: \"hammer\",\r\n };\r\n\r\n @Element()\r\n host!: HTMLDsoHistoryItemElement;\r\n\r\n /\r\n The type of History Item\r\n /\r\n @Prop({ reflect: true })\r\n type!: HistoryItemType;\r\n\r\n /\r\n The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.\r\n /\r\n @Prop({ reflect: true })\r\n href?: string;\r\n\r\n /\r\n Emitted when the History Item title is clicked.\r\n */\r\n @Event({ bubbles: false })\r\n dsoClick!: EventEmitter<HistoryItemClickEvent>;\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n connectedCallback(): void {\r\n this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.mutationObserver?.disconnect();\r\n\r\n delete this.mutationObserver;\r\n }\r\n private clickEventHandler(e: MouseEvent) {\r\n if (!(e.target instanceof HTMLElement) \|\| !this.href) {\r\n return;\r\n }\r\n\r\n return this.dsoClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n }\r\n\r\n get titleSlottedElement() {\r\n return this.host.querySelector(\"[slot='title']\");\r\n }\r\n\r\n get explanationSlottedElement() {\r\n return this.host.querySelector(\"[slot='explanation']\");\r\n }\r\n\r\n get warningSlottedElement() {\r\n return this.host.querySelector(\"[slot='warning']\");\r\n }\r\n\r\n render() {\r\n return (\r\n <Fragment>\r\n <div class=\"history-item-date\">\r\n <slot name=\"date\"></slot>\r\n </div>\r\n <div class=\"history-item-content\">\r\n <div class=\"history-item-status-message\">\r\n <dso-icon icon={this.typeIcons[this.type]} aria-hidden=\"true\"></dso-icon>\r\n <slot name=\"status\"></slot>\r\n </div>\r\n {this.titleSlottedElement !== null && this.href && (\r\n <div class=\"history-item-title\">\r\n <a href={this.href} class=\"title-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n <slot name=\"title\"></slot>\r\n </a>\r\n </div>\r\n )}\r\n {this.explanationSlottedElement !== null && (\r\n <div class=\"history-item-explanation\">\r\n <slot name=\"explanation\"></slot>\r\n </div>\r\n )}\r\n {this.warningSlottedElement !== null && (\r\n <div class=\"history-item-warning\">\r\n <dso-icon icon=\"status-warning-inline\" role=\"img\" aria-label=\"Waarschuwing\"></dso-icon>\r\n <slot name=\"warning\"></slot>\r\n </div>\r\n )}\r\n </div>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"history-item.js","sourceRoot":"","sources":["../../../../src/components/history-item/history-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n ComponentInterface,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n Fragment,\r\n Prop,\r\n forceUpdate,\r\n h,\r\n} from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { HistoryItemClickEvent, HistoryItemType } from \"./history-item.interfaces\";\r\n\r\n/*\r\n @slot date - The slot to place a string that holds a date in.\r\n * @slot status - The slot to place the status message in.\r\n * @slot title - An optional slot to place the title in. When used, the property `href` must be set.\r\n * @slot explanation - An optional slot to place explanation in.\r\n * @slot warning - An optional slot to place a warning in.\r\n /\r\n@Component({\r\n tag: \"dso-history-item\",\r\n styleUrl: \"history-item.scss\",\r\n shadow: true,\r\n})\r\nexport class HistoryItem implements ComponentInterface {\r\n private typeIcons: Record<HistoryItemType, string> = {\r\n ontwerp: \"pencil\",\r\n \"in-werking\": \"document\",\r\n \"tijdelijk-regelingdeel\": \"document\",\r\n \"tijdelijk-regelingdeel-besluit\": \"hammer\",\r\n waarschuwing: \"status-warning-inline\",\r\n besluit: \"hammer\",\r\n };\r\n\r\n @Element()\r\n host!: HTMLDsoHistoryItemElement;\r\n\r\n /\r\n The type of History Item\r\n /\r\n @Prop({ reflect: true })\r\n type!: HistoryItemType;\r\n\r\n /\r\n The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.\r\n /\r\n @Prop({ reflect: true })\r\n href?: string;\r\n\r\n /\r\n Emitted when the History Item title is clicked.\r\n */\r\n @Event({ bubbles: false })\r\n dsoClick!: EventEmitter<HistoryItemClickEvent>;\r\n\r\n private mutationObserver?: MutationObserver;\r\n\r\n connectedCallback(): void {\r\n this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.mutationObserver?.disconnect();\r\n\r\n delete this.mutationObserver;\r\n }\r\n private clickEventHandler(e: MouseEvent) {\r\n if (!(e.target instanceof HTMLElement) \|\| !this.href) {\r\n return;\r\n }\r\n\r\n return this.dsoClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n }\r\n\r\n get titleSlottedElement() {\r\n return this.host.querySelector(\"[slot='title']\");\r\n }\r\n\r\n get explanationSlottedElement() {\r\n return this.host.querySelector(\"[slot='explanation']\");\r\n }\r\n\r\n get warningSlottedElement() {\r\n return this.host.querySelector(\"[slot='warning']\");\r\n }\r\n\r\n render() {\r\n return (\r\n <Fragment>\r\n <div class=\"history-item-date\">\r\n <slot name=\"date\"></slot>\r\n </div>\r\n <div class=\"history-item-content\">\r\n <div class=\"history-item-status-message\">\r\n <dso-icon icon={this.typeIcons[this.type]} aria-hidden=\"true\"></dso-icon>\r\n <slot name=\"status\"></slot>\r\n </div>\r\n {this.titleSlottedElement !== null && this.href && (\r\n <div class=\"history-item-title\">\r\n <a href={this.href} class=\"title-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n <slot name=\"title\"></slot>\r\n </a>\r\n </div>\r\n )}\r\n {this.explanationSlottedElement !== null && (\r\n <div class=\"history-item-explanation\">\r\n <slot name=\"explanation\"></slot>\r\n </div>\r\n )}\r\n {this.warningSlottedElement !== null && (\r\n <div class=\"history-item-warning\">\r\n <dso-icon icon=\"status-warning-inline\" role=\"img\" aria-label=\"Waarschuwing\"></dso-icon>\r\n <slot name=\"warning\"></slot>\r\n </div>\r\n )}\r\n </div>\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/begrip.node.js ADDED Viewed

@@ -0,0 +1,31 @@
+import { h } from "@stencil/core";
+import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
+import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
+import { getNodeName } from "../get-node-name.function";
+const Term = ({ begripWijzigactie, node, mapNodeToJsx }) => {
+    const content = mapNodeToJsx(node.childNodes);
+    const wijzigactie = parseWijzigactieFromNode(node);
+    const className = wijzigactieToClassName(wijzigactie);
+    return (h("dt", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+};
+const Definitie = ({ begripWijzigactie, node, mapNodeToJsx }) => {
+    const content = mapNodeToJsx(node.childNodes);
+    const wijzigactie = parseWijzigactieFromNode(node);
+    const className = wijzigactieToClassName(wijzigactie);
+    return (h("dd", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+};
+export class OzonContentBegripNode {
+    constructor() {
+        this.name = "Begrip";
+    }
+    render(node, { mapNodeToJsx }) {
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const className = wijzigactieToClassName(wijzigactie);
+        const childNodes = Array.from(node.childNodes);
+        const terms = childNodes.filter((n) => getNodeName(n) === "Term");
+        const definitions = childNodes.filter((n) => getNodeName(n) === "Definitie");
+        return (h("div", { class: className }, terms.map((term) => (h(Term, { node: term, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx }))), definitions.map((definition) => (h(Definitie, { node: definition, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx })))));
+    }
+}
+//# sourceMappingURL=begrip.node.js.map

package/dist/collection/components/ozon-content/nodes/begrip.node.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"begrip.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/begrip.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAWxD,MAAM,IAAI,GAAqC,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IAC3F,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAEtD,OAAO,CACL,UAAI,KAAK,EAAE,SAAS;QAClB,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAI,WAAW,IAAG,OAAO,CAAmB,CACxF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAqC,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IAChG,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAEtD,OAAO,CACL,UAAI,KAAK,EAAE,SAAS;QAClB,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAI,WAAW,IAAG,OAAO,CAAmB,CACxF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,qBAAqB;IAAlC;QACE,SAAI,GAAG,QAAQ,CAAC;IAqBlB,CAAC;IAnBC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAEtD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;QAClE,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC;QAE7E,OAAO,CACL,WAAK,KAAK,EAAE,SAAS;YAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,EAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,GAAI,CACjF,CAAC;YACD,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B,EAAC,SAAS,IAAC,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,GAAI,CAC5F,CAAC,CACE,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { FunctionalComponent, JSX, h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\nimport { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\ninterface BegripProps {\r\n begripWijzigactie: OzonContentWijzigActie | undefined;\r\n node: ChildNode;\r\n mapNodeToJsx: (node: Node | NodeList | Node[]) => JSX.Element;\r\n}\r\n\r\nconst Term: FunctionalComponent<BegripProps> = ({ begripWijzigactie, node, mapNodeToJsx }) => {\r\n const content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n return (\r\n <dt class={className}>\r\n <WrapWijzigactie wijzigactie={begripWijzigactie || wijzigactie}>{content}</WrapWijzigactie>\r\n </dt>\r\n );\r\n};\r\n\r\nconst Definitie: FunctionalComponent<BegripProps> = ({ begripWijzigactie, node, mapNodeToJsx }) => {\r\n const content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n return (\r\n <dd class={className}>\r\n <WrapWijzigactie wijzigactie={begripWijzigactie || wijzigactie}>{content}</WrapWijzigactie>\r\n </dd>\r\n );\r\n};\r\n\r\nexport class OzonContentBegripNode implements OzonContentNode {\r\n name = \"Begrip\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n const childNodes = Array.from(node.childNodes);\r\n const terms = childNodes.filter((n) => getNodeName(n) === \"Term\");\r\n const definitions = childNodes.filter((n) => getNodeName(n) === \"Definitie\");\r\n\r\n return (\r\n <div class={className}>\r\n {terms.map((term) => (\r\n <Term node={term} begripWijzigactie={wijzigactie} mapNodeToJsx={mapNodeToJsx} />\r\n ))}\r\n {definitions.map((definition) => (\r\n <Definitie node={definition} begripWijzigactie={wijzigactie} mapNodeToJsx={mapNodeToJsx} />\r\n ))}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/begrippenlijst.node.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { h } from "@stencil/core";
+import { WrapWijzigactie } from "../functional-components/wrap-wijzigactie.functional-component";
+import { parseWijzigactieFromNode } from "../functions/parse-wijzigactie-from-node.function";
+import { wijzigactieToClassName } from "../functions/wijzigactie-to-class-name.function";
+export class OzonContentBegrippenlijstNode {
+    constructor() {
+        this.name = "Begrippenlijst";
+    }
+    render(node, { mapNodeToJsx }) {
+        const content = mapNodeToJsx(node.childNodes);
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const className = wijzigactieToClassName(wijzigactie);
+        return (h("div", { class: "begrippenlijst" }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("dl", { class: className }, content))));
+    }
+}
+//# sourceMappingURL=begrippenlijst.node.js.map

package/dist/collection/components/ozon-content/nodes/begrippenlijst.node.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"begrippenlijst.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/begrippenlijst.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AAIzF,MAAM,OAAO,6BAA6B;IAA1C;QACE,SAAI,GAAG,gBAAgB,CAAC;IAe1B,CAAC;IAbC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAA0B;QAC5D,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC9C,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAEtD,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;YACzB,EAAC,eAAe,IAAC,WAAW,EAAE,WAAW;gBACvC,UAAI,KAAK,EAAE,SAAS,IAAG,OAAO,CAAM,CACpB,CACd,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentBegrippenlijstNode implements OzonContentNode {\r\n name = \"Begrippenlijst\";\r\n\r\n render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n const content = mapNodeToJsx(node.childNodes);\r\n const wijzigactie = parseWijzigactieFromNode(node);\r\n const className = wijzigactieToClassName(wijzigactie);\r\n\r\n return (\r\n <div class=\"begrippenlijst\">\r\n <WrapWijzigactie wijzigactie={wijzigactie}>\r\n <dl class={className}>{content}</dl>\r\n </WrapWijzigactie>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/figuur.node.js CHANGED Viewed

@@ -39,9 +39,9 @@ export class OzonContentFiguurNode {
         };
     }
     render(node, { mapNodeToJsx, urlResolver }) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d;
         const childNodes = Array.from(node.childNodes);
-        const titel = (_a = childNodes.find((n) => getNodeName(n) === "Titel")) === null || _a === void 0 ? void 0 : _a.textContent;
+        const titel = childNodes.find((n) => getNodeName(n) === "Titel");
         const bron = childNodes.find((n) => getNodeName(n) === "Bron");
         const illustratieNode = childNodes.find((n) => getNodeName(n) === "Illustratie");
         const bijschriftNode = childNodes.find((n) => getNodeName(n) === "Bijschrift");
@@ -51,11 +51,11 @@ export class OzonContentFiguurNode {
             const bijschrift = bijschriftNode instanceof Element
                 ? {
                     inhoud: bijschriftNode.childNodes,
-                    locatie: (_b = bijschriftNode.getAttribute("locatie")) !== null && _b !== void 0 ? _b : "onder",
+                    locatie: (_a = bijschriftNode.getAttribute("locatie")) !== null && _a !== void 0 ? _a : "onder",
                 }
                 : undefined;
             const src = urlResolver ? urlResolver("Illustratie", "naam", illustratie.naam, node) : illustratie.naam;
-            return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, titel), (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, titel))), h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: (_e = (_d = (_c = illustratie.alt) !== null && _c !== void 0 ? _c : titel) !== null && _d !== void 0 ? _d : illustratie.naam) !== null && _e !== void 0 ? _e : undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })))), ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
+            return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), (bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, mapNodeToJsx(titel)))), h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: (_d = (_c = (_b = illustratie.alt) !== null && _b !== void 0 ? _b : titel === null || titel === void 0 ? void 0 : titel.textContent) !== null && _c !== void 0 ? _c : illustratie.naam) !== null && _d !== void 0 ? _d : undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })))), ((bijschrift === null || bijschrift === void 0 ? void 0 : bijschrift.locatie) === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
         }
     }
 }

package/dist/collection/components/ozon-content/nodes/figuur.node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"figuur.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/figuur.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA4B,CAAC,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAwBxD,MAAM,UAAU,GAAyC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;;IAC9F,MAAM,QAAQ,GAAG,IAAI,KAAI,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,CAAA,CAAC;IAElD,OAAO,CACL,YAAM,KAAK,EAAC,mBAAmB;QAC5B,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC;QAClE,QAAQ,IAAI,CACX,EAAC,QAAQ;YACN,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS;YACjC,YAAY,CAAC,IAAI,CAAC;gBACV,CACZ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,qBAAqB;IAAlC;QACE,SAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;IA0FpB,CAAC;IAxFS,QAAQ,CAAC,WAAwB;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEhD,MAAM,KAAK,GAAG;YACZ,4CAA4C,EAAE,WAAW,CAAC,UAAU;SACrE,CAAC;QAEF,IAAI,WAAW,IAAI,YAAY,EAAE,CAAC;YAChC,gEAAgE;YAChE,iFAAiF;YACjF,iGAAiG;YACjG,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,WAAW,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAE9G,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;gBACnB,8CAA8C,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,CAAC,QAAQ,EAAE;gBACvF,uCAAuC,EAAE,GAAG,eAAe,GAAG;aAC/D,CAAC,CAAC;QACL,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,kBAAkB,CAAC,IAAa;;QACtC,OAAO;YACL,IAAI,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,mCAAI,EAAE;YACrC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC7C,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC3C,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACrC,UAAU,EACR,MAAA,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAkC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,mCAC7G,OAAO;YACT,GAAG,EAAE,MAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,mCAAI,SAAS;SAC3C,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,WAAW,EAA0B;;QACzE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,KAAK,GAAG,~~MAAA,~~UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,~~0CAAE,WAAW,~~CAAC;~~QAC9E~~,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;QAE/D,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,aAAa,CAAC,CAAC;QACjF,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC;QAE/E,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC;QAElE,IAAI,eAAe,YAAY,OAAO,EAAE,CAAC;YACvC,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;YAE7D,MAAM,UAAU,GACd,cAAc,YAAY,OAAO;gBAC/B,CAAC,CAAC;oBACE,MAAM,EAAE,cAAc,CAAC,UAAU;oBACjC,OAAO,EAAE,MAAA,cAAc,CAAC,YAAY,CAAC,SAAS,CAAC,mCAAI,OAAO;iBAC3D;gBACH,CAAC,CAAC,SAAS,CAAC;YAEhB,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;YAExG,OAAO,CACL,WACE,KAAK,EAAE,mBAAmB,UAAU,CAAC,CAAC,CAAC,cAAc,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EACrF,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;gBAEhC,KAAK,IAAI,YAAM,KAAK,EAAC,cAAc,IAAE,KAAK,CAAQ;~~gBAClD~~,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,OAAO,IAAI,CAClC,EAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,GAAI,CAC/E;gBACD,yBAAmB,WAAW,EAAE,WAAW;oBACxC,KAAK,IAAI,CACR,WAAK,IAAI,EAAC,OAAO;wBACf,gBAAO,KAAK,CAAQ,~~CAChB~~,CACP;oBACD,WAAK,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,SAAS,EAAE,GAAG,EAAE,MAAA,MAAA,MAAA,WAAW,CAAC,GAAG,mCAAI,KAAK,mCAAI,WAAW,CAAC,IAAI,mCAAI,SAAS,GAAI;~~oBAC7F~~,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CACvB,WAAK,IAAI,EAAC,YAAY;wBACpB,EAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,GAAI,CAC1E,CACP,CACiB;gBACnB,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,OAAO,IAAI,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,IAAI,CAC7D,EAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,GAAI,CAC/E,CACG,CACP,CAAC;QACJ,CAAC;IACH,CAAC;CACF","sourcesContent":["import { Fragment, FunctionalComponent, JSX, h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\ntype BijschriftProps = {\r\n bijschrift?: IBijschrift;\r\n bron?: ChildNode;\r\n mapNodeToJsx: (node: Node \| NodeList \| Node[]) => JSX.Element;\r\n};\r\n\r\ninterface IBijschrift {\r\n inhoud: NodeListOf<ChildNode>;\r\n locatie: string;\r\n}\r\n\r\ninterface Illustratie {\r\n naam: string;\r\n breedte: number;\r\n hoogte: number;\r\n dpi: number;\r\n uitlijning: \"start\" \| \"center\" \| \"end\";\r\n alt: string \| undefined;\r\n}\r\n\r\nconst Bijschrift: FunctionalComponent<BijschriftProps> = ({ bijschrift, bron, mapNodeToJsx }) => {\r\n const bronText = bron && bron.textContent?.trim();\r\n\r\n return (\r\n <span class=\"figuur-bijschrift\">\r\n {bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud)}\r\n {bronText && (\r\n <Fragment>\r\n {`${bijschrift ? \" \" : \"\"}(bron: `}\r\n {mapNodeToJsx(bron)})\r\n </Fragment>\r\n )}\r\n </span>\r\n );\r\n};\r\n\r\nexport class OzonContentFiguurNode implements OzonContentNode {\r\n name = [\"Figuur\"];\r\n\r\n private getStyle(illustratie: Illustratie) {\r\n const widthPixels = Number(illustratie.breedte);\r\n const heightPixels = Number(illustratie.hoogte);\r\n\r\n const style = {\r\n \"--_dso-ozon-content-illustratie-uitlijning\": illustratie.uitlijning,\r\n };\r\n\r\n if (widthPixels && heightPixels) {\r\n // This is the STOP formula to calculate the width in percentage\r\n // see: https://koop.gitlab.io/stop/standaard/1.4.0-ic/regeltekst_afbeelding.html\r\n // We maximise it to 100% in the case of missing dpi or a calculated percentage greater than 100%\r\n const widthPercentage = Math.min(illustratie.dpi ? (16.4 * widthPixels) / Number(illustratie.dpi) : 100, 100);\r\n\r\n Object.assign(style, {\r\n \"--_dso-ozon-content-illustratie-aspect-ratio\": (widthPixels / heightPixels).toString(),\r\n \"--_dso-ozon-content-illustratie-width\": `${widthPercentage}%`,\r\n });\r\n }\r\n\r\n return style;\r\n }\r\n\r\n private mapIllustratieNode(node: Element): Illustratie {\r\n return {\r\n naam: node.getAttribute(\"naam\") ?? \"\",\r\n breedte: Number(node.getAttribute(\"breedte\")),\r\n hoogte: Number(node.getAttribute(\"hoogte\")),\r\n dpi: Number(node.getAttribute(\"dpi\")),\r\n uitlijning:\r\n [\"start\", \"center\", \"end\"].find((u): u is Illustratie[\"uitlijning\"] => node.getAttribute(\"uitlijning\") === u) ??\r\n \"start\",\r\n alt: node.getAttribute(\"alt\") ?? undefined,\r\n };\r\n }\r\n\r\n render(node: Element, { mapNodeToJsx, urlResolver }: OzonContentNodeContext) {\r\n const childNodes = Array.from(node.childNodes);\r\n const titel = childNodes.find((n) => getNodeName(n) === \"Titel\")~~?.textContent~~;\r\n const bron = childNodes.find((n) => getNodeName(n) === \"Bron\");\r\n\r\n const illustratieNode = childNodes.find((n) => getNodeName(n) === \"Illustratie\");\r\n const bijschriftNode = childNodes.find((n) => getNodeName(n) === \"Bijschrift\");\r\n\r\n const wijzigactie = node.getAttribute(\"wijzigactie\") \|\| undefined;\r\n\r\n if (illustratieNode instanceof Element) {\r\n const illustratie = this.mapIllustratieNode(illustratieNode);\r\n\r\n const bijschrift =\r\n bijschriftNode instanceof Element\r\n ? {\r\n inhoud: bijschriftNode.childNodes,\r\n locatie: bijschriftNode.getAttribute(\"locatie\") ?? \"onder\",\r\n }\r\n : undefined;\r\n\r\n const src = urlResolver ? urlResolver(\"Illustratie\", \"naam\", illustratie.naam, node) : illustratie.naam;\r\n\r\n return (\r\n <div\r\n class={`dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : \"onder\"}`}\r\n style={this.getStyle(illustratie)}\r\n >\r\n {titel && <span class=\"figuur-titel\">{titel}</span>}\r\n {bijschrift?.locatie === \"boven\" && (\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n )}\r\n <dso-image-overlay wijzigactie={wijzigactie}>\r\n {titel && (\r\n <div slot=\"titel\">\r\n <span>{titel}</span>\r\n </div>\r\n )}\r\n <img src={src ?? undefined} alt={illustratie.alt ?? titel ?? illustratie.naam ?? undefined} />\r\n {(bijschrift \|\| bron) && (\r\n <div slot=\"bijschrift\">\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n </div>\r\n )}\r\n </dso-image-overlay>\r\n {(bijschrift?.locatie === \"onder\" \|\| (!bijschrift && bron)) && (\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"figuur.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/figuur.node.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Fragment, FunctionalComponent, JSX, h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\ntype BijschriftProps = {\r\n bijschrift?: IBijschrift;\r\n bron?: ChildNode;\r\n mapNodeToJsx: (node: Node \| NodeList \| Node[]) => JSX.Element;\r\n};\r\n\r\ninterface IBijschrift {\r\n inhoud: NodeListOf<ChildNode>;\r\n locatie: string;\r\n}\r\n\r\ninterface Illustratie {\r\n naam: string;\r\n breedte: number;\r\n hoogte: number;\r\n dpi: number;\r\n uitlijning: \"start\" \| \"center\" \| \"end\";\r\n alt: string \| undefined;\r\n}\r\n\r\nconst Bijschrift: FunctionalComponent<BijschriftProps> = ({ bijschrift, bron, mapNodeToJsx }) => {\r\n const bronText = bron && bron.textContent?.trim();\r\n\r\n return (\r\n <span class=\"figuur-bijschrift\">\r\n {bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud)}\r\n {bronText && (\r\n <Fragment>\r\n {`${bijschrift ? \" \" : \"\"}(bron: `}\r\n {mapNodeToJsx(bron)})\r\n </Fragment>\r\n )}\r\n </span>\r\n );\r\n};\r\n\r\nexport class OzonContentFiguurNode implements OzonContentNode {\r\n name = [\"Figuur\"];\r\n\r\n private getStyle(illustratie: Illustratie) {\r\n const widthPixels = Number(illustratie.breedte);\r\n const heightPixels = Number(illustratie.hoogte);\r\n\r\n const style = {\r\n \"--_dso-ozon-content-illustratie-uitlijning\": illustratie.uitlijning,\r\n };\r\n\r\n if (widthPixels && heightPixels) {\r\n // This is the STOP formula to calculate the width in percentage\r\n // see: https://koop.gitlab.io/stop/standaard/1.4.0-ic/regeltekst_afbeelding.html\r\n // We maximise it to 100% in the case of missing dpi or a calculated percentage greater than 100%\r\n const widthPercentage = Math.min(illustratie.dpi ? (16.4 * widthPixels) / Number(illustratie.dpi) : 100, 100);\r\n\r\n Object.assign(style, {\r\n \"--_dso-ozon-content-illustratie-aspect-ratio\": (widthPixels / heightPixels).toString(),\r\n \"--_dso-ozon-content-illustratie-width\": `${widthPercentage}%`,\r\n });\r\n }\r\n\r\n return style;\r\n }\r\n\r\n private mapIllustratieNode(node: Element): Illustratie {\r\n return {\r\n naam: node.getAttribute(\"naam\") ?? \"\",\r\n breedte: Number(node.getAttribute(\"breedte\")),\r\n hoogte: Number(node.getAttribute(\"hoogte\")),\r\n dpi: Number(node.getAttribute(\"dpi\")),\r\n uitlijning:\r\n [\"start\", \"center\", \"end\"].find((u): u is Illustratie[\"uitlijning\"] => node.getAttribute(\"uitlijning\") === u) ??\r\n \"start\",\r\n alt: node.getAttribute(\"alt\") ?? undefined,\r\n };\r\n }\r\n\r\n render(node: Element, { mapNodeToJsx, urlResolver }: OzonContentNodeContext) {\r\n const childNodes = Array.from(node.childNodes);\r\n const titel = childNodes.find((n) => getNodeName(n) === \"Titel\");\r\n const bron = childNodes.find((n) => getNodeName(n) === \"Bron\");\r\n\r\n const illustratieNode = childNodes.find((n) => getNodeName(n) === \"Illustratie\");\r\n const bijschriftNode = childNodes.find((n) => getNodeName(n) === \"Bijschrift\");\r\n\r\n const wijzigactie = node.getAttribute(\"wijzigactie\") \|\| undefined;\r\n\r\n if (illustratieNode instanceof Element) {\r\n const illustratie = this.mapIllustratieNode(illustratieNode);\r\n\r\n const bijschrift =\r\n bijschriftNode instanceof Element\r\n ? {\r\n inhoud: bijschriftNode.childNodes,\r\n locatie: bijschriftNode.getAttribute(\"locatie\") ?? \"onder\",\r\n }\r\n : undefined;\r\n\r\n const src = urlResolver ? urlResolver(\"Illustratie\", \"naam\", illustratie.naam, node) : illustratie.naam;\r\n\r\n return (\r\n <div\r\n class={`dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : \"onder\"}`}\r\n style={this.getStyle(illustratie)}\r\n >\r\n {titel && <span class=\"figuur-titel\">{mapNodeToJsx(titel)}</span>}\r\n {bijschrift?.locatie === \"boven\" && (\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n )}\r\n <dso-image-overlay wijzigactie={wijzigactie}>\r\n {titel && (\r\n <div slot=\"titel\">\r\n <span>{mapNodeToJsx(titel)}</span>\r\n </div>\r\n )}\r\n <img src={src ?? undefined} alt={illustratie.alt ?? titel?.textContent ?? illustratie.naam ?? undefined} />\r\n {(bijschrift \|\| bron) && (\r\n <div slot=\"bijschrift\">\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n </div>\r\n )}\r\n </dso-image-overlay>\r\n {(bijschrift?.locatie === \"onder\" \|\| (!bijschrift && bron)) && (\r\n <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/kop.node.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class OzonContentKopNode {
         const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;
         const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;
         const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;
-        return (h(WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode(node) }, h("div", { onClick: handleKopClick, part: "_kop" }, label && h(WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
+        return (h(WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode(node) }, h("div", { onClick: handleKopClick, part: "_kop", class: "kop" }, label && h(WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
             const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);
             return (h("div", { class: "subtitel" }, h(WrapWijzigactie, { wijzigactie: wijzigactieSubtitel }, mapNodeToJsx(subtitel.childNodes))));
         })))));

package/dist/collection/components/ozon-content/nodes/kop.node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kop.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/kop.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAI7F,SAAS,OAAO,CAAC,IAAa;IAC5B,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAClC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;QAC1C,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;KACzD,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,kBAAkB;IAA/B;QACE,SAAI,GAAG,KAAK,CAAC;QAEb,YAAO,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;IAoDzD,CAAC;IAlDC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,SAAS,EAA0B;QACvE,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,SAAS,CAAC;gBACR,IAAI,EAAE,KAAK;gBACX,IAAI;gBACJ,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAE9D,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7E,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChF,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEzF,OAAO,CACL,EAAC,eAAe,IAAC,WAAW,EAAE,wBAAwB,CAAC,IAAI,CAAC;YAC1D,WAAK,OAAO,EAAE,cAAc,EAAE,IAAI,EAAC,MAAM;~~gBACtC~~,KAAK,IAAI,EAAC,eAAe,IAAC,WAAW,EAAE,gBAAgB,IAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAmB;gBAC3G,MAAM,IAAI,CACT;~~oBACG~~,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAmB,~~CACnG~~,~~CACJ~~;gBACA,SAAS,IAAI,CACZ;~~oBACG~~,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,oBAAoB,IAAG,YAAY,CAAC,SAAS,CAAC,UAAU,CAAC,CAAmB,~~CACzG~~,~~CACJ~~,CACG;YACL,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,WAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,IAC/C,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1B,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;gBAE/D,OAAO,CACL,WAAK,KAAK,EAAC,UAAU;oBACnB,EAAC,eAAe,IAAC,WAAW,EAAE,mBAAmB,IAC9C,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAClB,CACd,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CACe,CACnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nfunction mapData(node: Element) {\r\n return {\r\n label: node.querySelector(\"Label\"),\r\n nummer: node.querySelector(\"Nummer\"),\r\n opschrift: node.querySelector(\"Opschrift\"),\r\n subtitels: Array.from(node.querySelectorAll(\"Subtitel\")),\r\n };\r\n}\r\n\r\nexport class OzonContentKopNode implements OzonContentNode {\r\n name = \"Kop\";\r\n\r\n handles = [\"Label\", \"Nummer\", \"Opschrift\", \"Subtitel\"];\r\n\r\n render(node: Element, { mapNodeToJsx, emitClick }: OzonContentNodeContext) {\r\n const handleKopClick = (event: MouseEvent) => {\r\n emitClick({\r\n type: \"Kop\",\r\n node,\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n const { label, nummer, opschrift, subtitels } = mapData(node);\r\n\r\n const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;\r\n const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;\r\n const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;\r\n\r\n return (\r\n <WrapWijzigactie wijzigactie={parseWijzigactieFromNode(node)}>\r\n <div onClick={handleKopClick} part=\"_kop\">\r\n {label && <WrapWijzigactie wijzigactie={wijzigactieLabel}>{mapNodeToJsx(label.childNodes)}</WrapWijzigactie>}\r\n {nummer && (\r\n ~~<>\~~r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieNummer}>{mapNodeToJsx(nummer.childNodes)}</WrapWijzigactie>\r\n ~~</>\~~r\n )}\r\n {opschrift && (\r\n ~~<>\~~r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieOpschrift}>{mapNodeToJsx(opschrift.childNodes)}</WrapWijzigactie>\r\n ~~</>\~~r\n )}\r\n </div>\r\n {subtitels.length > 0 && (\r\n <div class=\"subtitels-container\" part=\"_subtitels\">\r\n {subtitels.map((subtitel) => {\r\n const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);\r\n\r\n return (\r\n <div class=\"subtitel\">\r\n <WrapWijzigactie wijzigactie={wijzigactieSubtitel}>\r\n {mapNodeToJsx(subtitel.childNodes)}\r\n </WrapWijzigactie>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n </WrapWijzigactie>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"kop.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/kop.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAI7F,SAAS,OAAO,CAAC,IAAa;IAC5B,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;QAClC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QACpC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;QAC1C,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;KACzD,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,kBAAkB;IAA/B;QACE,SAAI,GAAG,KAAK,CAAC;QAEb,YAAO,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;IAoDzD,CAAC;IAlDC,MAAM,CAAC,IAAa,EAAE,EAAE,YAAY,EAAE,SAAS,EAA0B;QACvE,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,SAAS,CAAC;gBACR,IAAI,EAAE,KAAK;gBACX,IAAI;gBACJ,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAE9D,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7E,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChF,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEzF,OAAO,CACL,EAAC,eAAe,IAAC,WAAW,EAAE,wBAAwB,CAAC,IAAI,CAAC;YAC1D,WAAK,OAAO,EAAE,cAAc,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK;gBAClD,KAAK,IAAI,EAAC,eAAe,IAAC,WAAW,EAAE,gBAAgB,IAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAmB;gBAC3G,MAAM,IAAI,CACT,EAAC,QAAQ;oBACN,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,iBAAiB,IAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAmB,CAC3F,CACZ;gBACA,SAAS,IAAI,CACZ,EAAC,QAAQ;oBACN,GAAG;oBACJ,EAAC,eAAe,IAAC,WAAW,EAAE,oBAAoB,IAAG,YAAY,CAAC,SAAS,CAAC,UAAU,CAAC,CAAmB,CACjG,CACZ,CACG;YACL,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,WAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,IAC/C,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1B,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;gBAE/D,OAAO,CACL,WAAK,KAAK,EAAC,UAAU;oBACnB,EAAC,eAAe,IAAC,WAAW,EAAE,mBAAmB,IAC9C,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAClB,CACd,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CACe,CACnB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nfunction mapData(node: Element) {\r\n return {\r\n label: node.querySelector(\"Label\"),\r\n nummer: node.querySelector(\"Nummer\"),\r\n opschrift: node.querySelector(\"Opschrift\"),\r\n subtitels: Array.from(node.querySelectorAll(\"Subtitel\")),\r\n };\r\n}\r\n\r\nexport class OzonContentKopNode implements OzonContentNode {\r\n name = \"Kop\";\r\n\r\n handles = [\"Label\", \"Nummer\", \"Opschrift\", \"Subtitel\"];\r\n\r\n render(node: Element, { mapNodeToJsx, emitClick }: OzonContentNodeContext) {\r\n const handleKopClick = (event: MouseEvent) => {\r\n emitClick({\r\n type: \"Kop\",\r\n node,\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n const { label, nummer, opschrift, subtitels } = mapData(node);\r\n\r\n const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;\r\n const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;\r\n const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;\r\n\r\n return (\r\n <WrapWijzigactie wijzigactie={parseWijzigactieFromNode(node)}>\r\n <div onClick={handleKopClick} part=\"_kop\" class=\"kop\">\r\n {label && <WrapWijzigactie wijzigactie={wijzigactieLabel}>{mapNodeToJsx(label.childNodes)}</WrapWijzigactie>}\r\n {nummer && (\r\n <Fragment>\r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieNummer}>{mapNodeToJsx(nummer.childNodes)}</WrapWijzigactie>\r\n </Fragment>\r\n )}\r\n {opschrift && (\r\n <Fragment>\r\n {\" \"}\r\n <WrapWijzigactie wijzigactie={wijzigactieOpschrift}>{mapNodeToJsx(opschrift.childNodes)}</WrapWijzigactie>\r\n </Fragment>\r\n )}\r\n </div>\r\n {subtitels.length > 0 && (\r\n <div class=\"subtitels-container\" part=\"_subtitels\">\r\n {subtitels.map((subtitel) => {\r\n const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);\r\n\r\n return (\r\n <div class=\"subtitel\">\r\n <WrapWijzigactie wijzigactie={wijzigactieSubtitel}>\r\n {mapNodeToJsx(subtitel.childNodes)}\r\n </WrapWijzigactie>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n </WrapWijzigactie>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/nodes/table.node/table-cell.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import { h } from "@stencil/core/internal";
 import clsx from "clsx";
+import { WrapWijzigactie } from "../../functional-components/wrap-wijzigactie.functional-component";
+import { wijzigactieToClassName } from "../../functions/wijzigactie-to-class-name.function";
 function getColspecStartColsep({ columns }, nameStart) {
     const colspecStart = columns.find((c) => c.name === nameStart);
     return colspecStart ? colspecStart.colsep : null;
@@ -40,8 +42,8 @@ function getColspan({ columns }, nameStart, nameEnd) {
     const colspan = colspecEnd.number - colspecStart.number + 1;
     return colspan === 1 ? undefined : colspan;
 }
-export const Cell = ({ context: { mapNodeToJsx }, colspecs, cell }) => {
+export const Cell = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {
     const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
-    return (h("td", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, mapNodeToJsx(cell.childNodes)));
+    return (h("td", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }, wijzigactieToClassName(wijzigactie)), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
 };
 //# sourceMappingURL=table-cell.js.map

package/dist/collection/components/ozon-content/nodes/table.node/table-cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table-cell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;~~AAMxB~~,SAAS,qBAAqB,CAAC,EAAE,OAAO,EAAY,EAAE,SAAiB;IACrE,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAE/D,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,qBAAqB,CAAC,EAAE,OAAO,EAAY,EAAE,SAAiB;IACrE,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAE/D,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,OAAO,CAAC,IAAa,EAAE,QAAmB;;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,0CAAE,aAAa,CAAC;IACjD,MAAM,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;IACpC,MAAM,MAAM,GACV,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC3B,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GACV,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC3B,CAAC,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1C,OAAO;QACL,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;QACvC,SAAS;QACT,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;QACrC,MAAM;QACN,MAAM;KACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,OAAO,EAAY,EAAE,SAAiB,EAAE,OAAe;IAC3E,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;IAC3D,IAAI,CAAC,YAAY,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5D,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,~~GAIZ~~,CAAC,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;~~IACrD~~,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEjF,OAAO,CACL,UACE,KAAK,EAAE,IAAI,~~CAAC~~,EAAE,qBAAqB,EAAE,MAAM,KAAK,GAAG,EAAE,~~EAAE~~,EAAE,mBAAmB,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC,~~EAC/F~~,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,~~IAE/F~~,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,~~CAC3B~~,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FunctionalComponent } from \"@stencil/core\";\r\nimport { h } from \"@stencil/core/internal\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nfunction getColspecStartColsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.colsep : null;\r\n}\r\n\r\nfunction getColspecStartRowsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.rowsep : null;\r\n}\r\n\r\nfunction getData(cell: Element, colspecs?: Colspecs) {\r\n const nameStart = cell.getAttribute(\"namest\");\r\n const row = cell.parentElement;\r\n const tgroup = row?.parentElement?.parentElement;\r\n const table = tgroup?.parentElement;\r\n const colsep =\r\n cell.getAttribute(\"colsep\") \|\|\r\n (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"colsep\")) \|\|\r\n (table && table.getAttribute(\"colsep\"));\r\n const rowsep =\r\n cell.getAttribute(\"rowsep\") \|\|\r\n (row && row.getAttribute(\"rowsep\")) \|\|\r\n (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"rowsep\")) \|\|\r\n (table && table.getAttribute(\"rowsep\"));\r\n\r\n return {\r\n moreRows: cell.getAttribute(\"morerows\"),\r\n nameStart,\r\n nameEnd: cell.getAttribute(\"nameend\"),\r\n colsep,\r\n rowsep,\r\n };\r\n}\r\n\r\nfunction getColspan({ columns }: Colspecs, nameStart: string, nameEnd: string): number \| undefined {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n const colspecEnd = columns.find((c) => c.name === nameEnd);\r\n if (!colspecStart \|\| !colspecEnd) {\r\n return undefined;\r\n }\r\n\r\n const colspan = colspecEnd.number - colspecStart.number + 1;\r\n\r\n return colspan === 1 ? undefined : colspan;\r\n}\r\n\r\nexport const Cell: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs \| undefined;\r\n cell: Element;\r\n}> = ({ context: { mapNodeToJsx }, colspecs, cell }) => {\r\n const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);\r\n\r\n return (\r\n <td\r\n class={clsx({ \"dso-horizontal-line\": rowsep !== \"0\" }, { \"dso-vertical-line\": colsep !== \"0\" })}\r\n rowSpan={moreRows ? parseInt(moreRows, 10) + 1 : undefined}\r\n colSpan={colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined}\r\n >\r\n {mapNodeToJsx(cell.childNodes)}\r\n </td>\r\n );\r\n};\r\n"]}
1	+ {"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent } from \"@stencil/core\";\r\nimport { h } from \"@stencil/core/internal\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { WrapWijzigactie } from \"../../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { wijzigactieToClassName } from \"../../functions/wijzigactie-to-class-name.function\";\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\nimport { OzonContentWijzigActie } from \"../../ozon-content.interfaces\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nfunction getColspecStartColsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.colsep : null;\r\n}\r\n\r\nfunction getColspecStartRowsep({ columns }: Colspecs, nameStart: string): string \| null {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n return colspecStart ? colspecStart.rowsep : null;\r\n}\r\n\r\nfunction getData(cell: Element, colspecs?: Colspecs) {\r\n const nameStart = cell.getAttribute(\"namest\");\r\n const row = cell.parentElement;\r\n const tgroup = row?.parentElement?.parentElement;\r\n const table = tgroup?.parentElement;\r\n const colsep =\r\n cell.getAttribute(\"colsep\") \|\|\r\n (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"colsep\")) \|\|\r\n (table && table.getAttribute(\"colsep\"));\r\n const rowsep =\r\n cell.getAttribute(\"rowsep\") \|\|\r\n (row && row.getAttribute(\"rowsep\")) \|\|\r\n (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) \|\|\r\n (tgroup && tgroup.getAttribute(\"rowsep\")) \|\|\r\n (table && table.getAttribute(\"rowsep\"));\r\n\r\n return {\r\n moreRows: cell.getAttribute(\"morerows\"),\r\n nameStart,\r\n nameEnd: cell.getAttribute(\"nameend\"),\r\n colsep,\r\n rowsep,\r\n };\r\n}\r\n\r\nfunction getColspan({ columns }: Colspecs, nameStart: string, nameEnd: string): number \| undefined {\r\n const colspecStart = columns.find((c) => c.name === nameStart);\r\n const colspecEnd = columns.find((c) => c.name === nameEnd);\r\n if (!colspecStart \|\| !colspecEnd) {\r\n return undefined;\r\n }\r\n\r\n const colspan = colspecEnd.number - colspecStart.number + 1;\r\n\r\n return colspan === 1 ? undefined : colspan;\r\n}\r\n\r\nexport const Cell: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs \| undefined;\r\n cell: Element;\r\n wijzigactie: OzonContentWijzigActie \| undefined;\r\n}> = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {\r\n const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);\r\n\r\n return (\r\n <td\r\n class={clsx(\r\n { \"dso-horizontal-line\": rowsep !== \"0\" },\r\n { \"dso-vertical-line\": colsep !== \"0\" },\r\n wijzigactieToClassName(wijzigactie),\r\n )}\r\n rowSpan={moreRows ? parseInt(moreRows, 10) + 1 : undefined}\r\n colSpan={colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined}\r\n >\r\n <WrapWijzigactie wijzigactie={wijzigactie}>{mapNodeToJsx(cell.childNodes)}</WrapWijzigactie>\r\n </td>\r\n );\r\n};\r\n"]}

package/dist/collection/components/ozon-content/nodes/table.node/table-rows.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Fragment, h } from "@stencil/core";
+import { parseWijzigactieFromNode } from "../../functions/parse-wijzigactie-from-node.function";
 import { Cell } from "./table-cell";
 export const Rows = ({ context, colspecs, rows }) => {
-    return (h(Fragment, null, rows.map((row) => (h("tr", null, Array.from(row.children).map((cell) => (h(Cell, { cell: cell, colspecs: colspecs, context: context }))))))));
+    return (h(Fragment, null, rows.map((row) => (h("tr", null, Array.from(row.children).map((cell) => (h(Cell, { cell: cell, colspecs: colspecs, context: context, wijzigactie: parseWijzigactieFromNode(row) }))))))));
 };
 //# sourceMappingURL=table-rows.js.map

package/dist/collection/components/ozon-content/nodes/table.node/table-rows.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-rows.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAKjE~~,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,IAAI,GAIZ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IACnC,OAAO,CACL,~~kBACG~~,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,cACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,EAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,~~CAC3D~~,CAAC,CACC,CACN,CAAC,~~CACD~~,~~CACJ~~,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\nimport { Cell } from \"./table-cell\";\r\n\r\nexport const Rows: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs \| undefined;\r\n rows: Element[];\r\n}> = ({ context, colspecs, rows }) => {\r\n return (\r\n ~~<>\~~r\n {rows.map((row) => (\r\n <tr>\r\n {Array.from(row.children).map((cell) => (\r\n <Cell cell={cell} colspecs={colspecs} context={context} />\r\n ))}\r\n </tr>\r\n ))}\r\n ~~</>\~~r\n );\r\n};\r\n"]}
1	+ {"version":3,"file":"table-rows.js","sourceRoot":"","sources":["../../../../../../src/components/ozon-content/nodes/table.node/table-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AAIhG,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,IAAI,GAIZ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IACnC,OAAO,CACL,EAAC,QAAQ,QACN,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,cACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,EAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,wBAAwB,CAAC,GAAG,CAAC,GAAI,CACvG,CAAC,CACC,CACN,CAAC,CACO,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { parseWijzigactieFromNode } from \"../../functions/parse-wijzigactie-from-node.function\";\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\nimport { Cell } from \"./table-cell\";\r\n\r\nexport const Rows: FunctionalComponent<{\r\n context: OzonContentNodeContext;\r\n colspecs: Colspecs \| undefined;\r\n rows: Element[];\r\n}> = ({ context, colspecs, rows }) => {\r\n return (\r\n <Fragment>\r\n {rows.map((row) => (\r\n <tr>\r\n {Array.from(row.children).map((cell) => (\r\n <Cell cell={cell} colspecs={colspecs} context={context} wijzigactie={parseWijzigactieFromNode(row)} />\r\n ))}\r\n </tr>\r\n ))}\r\n </Fragment>\r\n );\r\n};\r\n"]}

package/dist/collection/components/ozon-content/nodes/text.node.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Fragment, h } from "@stencil/core";
+import { MarkText } from "../../../functional-components/mark-text/mark-text.functional-component";
 export class OzonContentTextNode {
     constructor() {
         this.name = "#text";
@@ -7,13 +8,7 @@ export class OzonContentTextNode {
         if (!mark || !textContent) {
             return h(Fragment, null, textContent);
         }
-        const result = mark(textContent);
-        return !result || result.length === 0 ? (h(Fragment, null, textContent)) : (h(Fragment, null, result.map((value) => {
-            if (typeof value === "string") {
-                return h(Fragment, null, value);
-            }
-            return (h("mark", { class: value.highlight ? "dso-highlight" : undefined, ref: (ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref) }, value.text));
-        })));
+        return h(MarkText, { mark: mark, text: textContent, emitMarkItemHighlight: emitMarkItemHighlight });
     }
 }
 //# sourceMappingURL=text.node.js.map

package/dist/collection/components/ozon-content/nodes/text.node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/text.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAK5C~~,MAAM,OAAO,mBAAmB;IAAhC;QACE,SAAI,GAAG,OAAO,CAAC;~~IA8BjB~~,CAAC;~~IA5BC~~,MAAM,CAAC,EAAE,WAAW,EAAQ,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAA0B;QACnF,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YAC1B,OAAO,~~kBAAG~~,WAAW,~~CAAI~~,CAAC;~~QAC5B~~,CAAC;QAED,~~MAAM~~,~~MAAM~~,~~GAAG~~,~~IAAI~~,~~CAAC,WAAW,CAAC,CAAC;QAEjC,OAAO,CAAC,MAAM,~~IAAI,~~MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtC,kBAAG,WAAW,CAAI,CACnB,CAAC,CAAC,CAAC,CACF,kBACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,~~EAAE,~~EAAE;YACpB,~~IAAI,~~OAAO,KAAK,KAAK,QAAQ,~~EAAE,~~CAAC;gBAC9B~~,~~OAAO,kBAAG,KAAK,CAAI,CAAC;YACtB,CAAC;YAED,OAAO,CACL,YACE,KAAK,~~EAAE,~~KAAK~~,~~CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,~~EAAE,~~CAAC~~,~~GAAG,~~EAAE,~~EAAE,CAAC,KAAK,CAAC,SAAS,IAAI,GAAG,IAAI,~~qBAAqB,~~CAAC~~,~~KAAK,~~CAAC~~,IAAI,EAAE,GAAG,CAAC,IAE7E,KAAK,CAAC,IAAI,CACN,CACR,CAAC~~;~~QACJ~~,CAAC~~,CAAC,CACD,CACJ,CAAC~~;~~IACJ,CAAC;~~CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentTextNode implements OzonContentNode {\r\n name = \"#text\";\r\n\r\n render({ textContent }: Node, { mark, emitMarkItemHighlight }: OzonContentNodeContext) {\r\n if (!mark \|\| !textContent) {\r\n return <>{textContent}~~</>;\~~r\n }\r\n\r\n ~~const~~ ~~result~~ = mark~~(textContent);\r\n\r\n return~~ ~~!result \|\| result.length === 0 ? (\r\n <>~~{textContent}~~</>\r\n )~~ : (\r\n <>\r\n {result.map((value) => {\r\n if (typeof value === \"string\") {\r\n return <>{value}</>;\r\n }\r\n\r\n return (\r\n <mark\r\n class={~~value.highlight ? \"dso-highlight\" : undefined~~}~~\r\n ref={(ref)~~ ~~=> value.highlight && ref && emitMarkItemHighlight(value.text, ref)}\~~r\n ~~>\r\n {value.text}\r\n </mark>\r\n );\r\n })}\r\n </>\r\n );\r\n~~ }\r\n}\r\n"]}
1	+ {"version":3,"file":"text.node.js","sourceRoot":"","sources":["../../../../../src/components/ozon-content/nodes/text.node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,yEAAyE,CAAC;AAInG,MAAM,OAAO,mBAAmB;IAAhC;QACE,SAAI,GAAG,OAAO,CAAC;IASjB,CAAC;IAPC,MAAM,CAAC,EAAE,WAAW,EAAQ,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAA0B;QACnF,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YAC1B,OAAO,EAAC,QAAQ,QAAE,WAAW,CAAY,CAAC;QAC5C,CAAC;QAED,OAAO,EAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,qBAAqB,EAAE,qBAAqB,GAAI,CAAC;IACnG,CAAC;CACF","sourcesContent":["import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { MarkText } from \"../../../functional-components/mark-text/mark-text.functional-component\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentTextNode implements OzonContentNode {\r\n name = \"#text\";\r\n\r\n render({ textContent }: Node, { mark, emitMarkItemHighlight }: OzonContentNodeContext) {\r\n if (!mark \|\| !textContent) {\r\n return <Fragment>{textContent}</Fragment>;\r\n }\r\n\r\n return <MarkText mark={mark} text={textContent} emitMarkItemHighlight={emitMarkItemHighlight} />;\r\n }\r\n}\r\n"]}

package/dist/collection/components/ozon-content/ozon-content-context.interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ozon-content-context.interface.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content-context.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { EventEmitter } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\nimport {~~\r\n~~ OzonContentBegripResolver~~,\r\n~~ OzonContentClickEvent~~,\r\n OzonContentMarkFunction,\r\n~~ OzonContentUrlResolver~~,\r\n~~} from \"./ozon-content.interfaces\";\r\n\r\nexport interface OzonContentContext {\r\n state: OzonContentNodeState;\r\n inline: boolean;\r\n mark: ~~OzonContentMarkFunction~~ \| undefined;\r\n setState(state: OzonContentNodeState): void;\r\n emitClick: EventEmitter<OzonContentClickEvent>[\"emit\"];\r\n emitMarkItemHighlight(text: string, ref: HTMLElement): void;\r\n urlResolver: OzonContentUrlResolver \| undefined;\r\n begripResolver: OzonContentBegripResolver \| undefined;\r\n}\r\n"]}
1	+ {"version":3,"file":"ozon-content-context.interface.js","sourceRoot":"","sources":["../../../../src/components/ozon-content/ozon-content-context.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { EventEmitter } from \"@stencil/core\";\r\n\r\nimport { MarkTextMarkFunction } from \"../../functional-components/mark-text/mark-text.interfaces\";\r\n\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\nimport { OzonContentBegripResolver, OzonContentClickEvent, OzonContentUrlResolver } from \"./ozon-content.interfaces\";\r\n\r\nexport interface OzonContentContext {\r\n state: OzonContentNodeState;\r\n inline: boolean;\r\n mark: MarkTextMarkFunction \| undefined;\r\n setState(state: OzonContentNodeState): void;\r\n emitClick: EventEmitter<OzonContentClickEvent>[\"emit\"];\r\n emitMarkItemHighlight(text: string, ref: HTMLElement): void;\r\n urlResolver: OzonContentUrlResolver \| undefined;\r\n begripResolver: OzonContentBegripResolver \| undefined;\r\n}\r\n"]}

package/dist/collection/components/ozon-content/ozon-content-mapper.js CHANGED Viewed

@@ -3,6 +3,8 @@ import { parseXml } from "../../utils/parse-xml";
 import { getNodeName } from "./get-node-name.function";
 import { OzonContentAbbrNode } from "./nodes/abbr.node";
 import { OzonContentAlNode } from "./nodes/al.node";
+import { OzonContentBegripNode } from "./nodes/begrip.node";
+import { OzonContentBegrippenlijstNode } from "./nodes/begrippenlijst.node";
 import { OzonContentBronNode } from "./nodes/bron.node";
 import { OzonContentDocumentNode } from "./nodes/document.node";
 import { OzonContentExtRefNode } from "./nodes/ext-ref.node";
@@ -24,6 +26,8 @@ export class Mapper {
     constructor() {
         this.mappers = [
             new OzonContentAbbrNode(),
+            new OzonContentBegrippenlijstNode(),
+            new OzonContentBegripNode(),
             new OzonContentTextNode(),
             new OzonContentDocumentNode(),
             new OzonContentInhoudNode(),