npm - @dso-toolkit/core - Versions diffs - 68.0.1 → 68.1.0 - Mend

@dso-toolkit/core 68.0.1 → 68.1.0

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

Files changed (349) hide show

package/dist/dso-toolkit/{p-7e76fe6f.entry.js.map → p-db7af6e8.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["annotationCss","DsoAnnotationLocatieStyle0","AnnotationLocatie","constructor","hostRef","this","watcher","host","connectedCallback","watch","disconnectedCallback","unwatch","render","hasSymbool","h","AnnotationBody","key","symbol","AnnotationSymbolSlot","undefined","active","dsoActiveChange","title","Fragment","class","value","locatieNoemer","gewijzigdeLocatie","AnnotationGewijzigdeLocatie","Heading","_a","children","heading","mode","href","onClick","props","__rest","headingElement","Object","assign","documentComponentCss","DsoDocumentComponentStyle0","wijzigactieLabels","nieuweContainer","verwijder","verwijderContainer","voegtoe","DocumentComponent","open","filtered","notApplicable","genesteOntwerpInformatie","bevatOntwerpInformatie","annotated","gereserveerd","vervallen","openAnnotation","handleHeadingClick","e","dsoTableOfContentsClick","emit","originalEvent","isModifiedEvent","type","dsoOpenToggle","handleOzonContentAnchorClick","dsoOzonContentAnchorClick","ozonContentAnchorClick","detail","handleRecursiveToggleClick","dsoRecursiveToggle","current","recursiveToggle","next","wijzigactieLabel","wijzigactie","suffix","showOntwerpBadge","collapsible","label","nummer","opschrift","alternativeTitle","showHeading","Host","part","toString","icon","id","content","onDsoAnchorClick","mark","text","call","onDsoOzonContentMarkItemHighlight","dsoMarkItemHighlight","source","inline","status","compact","dsoAnnotationToggle","onDsoCloseClick","closeButtonLabel","slot","name","inhoud"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-locatie&encapsulation=shadow","src/components/annotation/annotation-locatie/annotation-locatie.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor/anchor\";\r\n\r\n:host {\r\n display: block;\r\n padding: 2px;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n word-break: break-word;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n\r\n.annotation-data {\r\n font-size: 0.875rem;\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment, Element } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n/*\r\n @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n /\r\n@Component({\r\n tag: \"dso-annotation-locatie\",\r\n styleUrl: \"../annotation.scss\",\r\n shadow: true,\r\n})\r\nexport class AnnotationLocatie implements ComponentInterface {\r\n /\r\n Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n /\r\n @Prop({ reflect: true })\r\n wijzigactie?: AnnotationWijzigactie;\r\n\r\n /\r\n Een optionele boolean die aangeeft of de annotatie actief is.\r\n /\r\n @Prop({ reflect: true })\r\n active?: boolean;\r\n\r\n /\r\n Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n /\r\n @Prop({ reflect: true })\r\n gewijzigdeLocatie?: boolean;\r\n\r\n /\r\n Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n /\r\n @Event()\r\n dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n /\r\n De noemer van de locatie.\r\n /\r\n @Prop()\r\n locatieNoemer?: RenvooiValue \| string;\r\n\r\n @Element()\r\n private host!: HTMLDsoAnnotationLocatieElement;\r\n\r\n private watcher = watcher(this.host);\r\n\r\n connectedCallback(): void {\r\n this.watcher.watch();\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.watcher.unwatch();\r\n }\r\n\r\n render() {\r\n const hasSymbool = this.watcher.hasSymbool();\r\n\r\n return (\r\n <AnnotationBody\r\n symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n active={this.active}\r\n dsoActiveChange={this.dsoActiveChange}\r\n title={\r\n <>\r\n <span class=\"content\">\r\n <dso-renvooi value={this.locatieNoemer} />\r\n </span>\r\n {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n </>\r\n }\r\n />\r\n );\r\n }\r\n}\r\n","import { h, FunctionalComponent, VNode } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\nimport { DocumentComponentMode } from \"./document-component.models\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\";\r\n mode: DocumentComponentMode;\r\n href?: string;\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, mode, href, onClick, ...props }, children) => {\r\n let headingElement: VNode;\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n headingElement = (\r\n <h2 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h2>\r\n );\r\n break;\r\n case \"h3\":\r\n headingElement = (\r\n <h3 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h3>\r\n );\r\n break;\r\n case \"h4\":\r\n headingElement = (\r\n <h4 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h4>\r\n );\r\n break;\r\n case \"h5\":\r\n headingElement = (\r\n <h5 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h5>\r\n );\r\n break;\r\n case \"h6\":\r\n headingElement = (\r\n <h6 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n\r\n if (mode === \"table-of-contents\" && href) {\r\n return (\r\n <a href={href} onClick={onClick} class=\"heading-anchor\">\r\n {headingElement}\r\n </a>\r\n );\r\n }\r\n\r\n return headingElement;\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n display: block;\r\n\r\n --depth: var(--a, 0);\r\n}\r\n\r\n:host([not-collapsible]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n padding-inline-start: units.$u1;\r\n margin-inline-end: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n padding-block-start: units.$u1 0.5;\r\n padding-block-end: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n @include delete.root($strikethrough: false);\r\n\r\n --_dso-document-component-text-decoration: line-through;\r\n}\r\n\r\n.heading-element,\r\n.content {\r\n @include delete.strikethrough($_value: var(--_dso-document-component-text-decoration));\r\n}\r\n\r\n:host([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([filtered]) {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n inset-inline-start: -3px;\r\n position: absolute;\r\n display: block;\r\n inline-size: 3px;\r\n inset-block-start: 0;\r\n inset-block-end: 0;\r\n background-color: colors.$lichtblauw;\r\n }\r\n}\r\n\r\n:host([open]),\r\n:host([open-annotation]) {\r\n .annotation-container,\r\n .heading-container {\r\n margin-block-end: units.$u1;\r\n }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n border: 0;\r\n padding: 0;\r\n background: 0;\r\n color: colors.$bosgroen;\r\n}\r\n\r\n.heading-anchor {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n\r\n @include anchor.root();\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.heading-element {\r\n align-items: start;\r\n display: flex;\r\n font-size: 1rem;\r\n color: colors.$bosgroen;\r\n margin: 0;\r\n\r\n > * {\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n#heading-title {\r\n display: block;\r\n}\r\n\r\n:host([not-collapsible]) {\r\n .heading-container {\r\n margin-block-end: 0;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n\r\n .heading-element {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([mode=\"document\"]:not([not-collapsible])) {\r\n --link-color: document-component.$heading-anchor-color;\r\n --link-hover-color: document-component.$heading-anchor-hover-color;\r\n\r\n .heading-element {\r\n cursor: pointer;\r\n @include anchor.pseudo();\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: document-component.$indent;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]) {\r\n .heading-container {\r\n padding-inline-start: document-component.$indent-table-of-contents;\r\n }\r\n\r\n .heading-element {\r\n color: inherit;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"][type=\"ARTIKEL\"]) {\r\n .heading-element {\r\n color: inherit;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]:not([type=\"HOOFDSTUK\"])) {\r\n .heading-element {\r\n font-weight: normal;\r\n }\r\n}\r\n\r\n.addons {\r\n margin-inline-start: auto;\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n display: flex;\r\n align-items: start;\r\n gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n .heading-element,\r\n .toggle-button {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([type=\"LID\"][open-annotation]) {\r\n .annotation-container {\r\n margin-block-start: units.$u1;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-inline-start: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n padding-inline-end: units.$u1;\r\n}\r\n\r\n.annotation-container {\r\n padding-inline-end: units.$u1;\r\n\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$wit};\r\n }\r\n}\r\n\r\n:host(:where([annotations-wijzigactie=\"verwijder\"])) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$rood-10};\r\n --_dso-renvooi-text-decoration: line-through;\r\n }\r\n }\r\n}\r\n\r\n:host([annotations-wijzigactie=\"voegtoe\"]) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$lime-10};\r\n }\r\n }\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, Host } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport {\r\n DocumentComponentOpenToggleEvent,\r\n DocumentComponentToggleAnnotationEvent,\r\n DocumentComponentOzonContentAnchorClickEvent,\r\n DocumentComponentWijzigactie,\r\n DocumentComponentAnnotationsWijzigactie,\r\n DocumentComponentInputType,\r\n DocumentComponentMarkFunction,\r\n DocumentComponentMarkItemHighlightEvent,\r\n DocumentComponentRecursiveToggleEvent,\r\n DocumentComponentRecursiveToggleState,\r\n DocumentComponentMode,\r\n DocumentComponentTableOfContentsClickEvent,\r\n} from \"./document-component.models\";\r\nimport { OzonContentAnchorClickEvent } from \"../ozon-content/ozon-content.interfaces\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\n\r\nconst wijzigactieLabels: { [wijzigactie in DocumentComponentWijzigactie]: string } = {\r\n nieuweContainer: \"Toegevoegd\",\r\n verwijder: \"Verwijderd\",\r\n verwijderContainer: \"Verwijderd\",\r\n voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n/*\r\n @part _annotation-container - private part, do not touch.\r\n * @part _children-container - private part, do not touch.\r\n * @part _content - private part, do not touch.\r\n * @part _heading-container - private part, do not touch.\r\n /\r\n@Component({\r\n tag: \"dso-document-component\",\r\n styleUrl: \"document-component.scss\",\r\n shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n /\r\n The heading element to use.\r\n /\r\n @Prop()\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n\r\n /\r\n The Label XML.\r\n /\r\n @Prop()\r\n label?: DocumentComponentInputType;\r\n\r\n /\r\n The Nummer XML.\r\n /\r\n @Prop()\r\n nummer?: DocumentComponentInputType;\r\n\r\n /\r\n The Opschrift XML.\r\n /\r\n @Prop()\r\n opschrift?: DocumentComponentInputType;\r\n\r\n /\r\n The Inhoud XML.\r\n /\r\n @Prop()\r\n inhoud?: DocumentComponentInputType;\r\n\r\n /\r\n This boolean attribute indicates whether the children are visible.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n Marks this Document Component as belonging to an active filter.\r\n /\r\n @Prop({ reflect: true })\r\n filtered = false;\r\n\r\n /\r\n Marks this Document Component as not-applicable.\r\n /\r\n @Prop({ reflect: true })\r\n notApplicable = false;\r\n\r\n /\r\n When a child Document Component has a status \"Draft\".\r\n /\r\n @Prop({ reflect: true })\r\n genesteOntwerpInformatie = false;\r\n\r\n /\r\n Marks as draft.\r\n /\r\n @Prop({ reflect: true })\r\n bevatOntwerpInformatie = false;\r\n\r\n /\r\n Enables annotations.\r\n /\r\n @Prop({ reflect: true })\r\n annotated = false;\r\n\r\n /\r\n Marks Document Component as reserved.\r\n /\r\n @Prop()\r\n gereserveerd = false;\r\n\r\n /\r\n Marks the Document Component as expired.\r\n /\r\n @Prop()\r\n vervallen = false;\r\n\r\n /\r\n When the Annotation 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()\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 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 actives intRef or intIoRef anchors in Ozon Content\r\n /\r\n @Event({ bubbles: false })\r\n dsoOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n /\r\n Emitted when the user activates the annotation button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n /\r\n Emitted each time a marked item gets highlighted.\r\n */\r\n @Event({ bubbles: false })\r\n dsoMarkItemHighlight!: EventEmitter<DocumentComponentMarkItemHighlightEvent>;\r\n\r\n private get wijzigactieLabel(): string \| undefined {\r\n return this.wijzigactie && wijzigactieLabels[this.wijzigactie];\r\n }\r\n\r\n private handleHeadingClick = (e: MouseEvent) => {\r\n if (this.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 suffix(): string \| undefined {\r\n if (this.vervallen) {\r\n return \"vervallen\";\r\n }\r\n\r\n if (this.gereserveerd) {\r\n return \"gereserveerd\";\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n private handleOzonContentAnchorClick = (e: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => {\r\n this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });\r\n };\r\n\r\n private handleRecursiveToggleClick = (e: MouseEvent) => {\r\n this.dsoRecursiveToggle.emit({\r\n originalEvent: e,\r\n current: this.recursiveToggle,\r\n next: this.recursiveToggle !== true,\r\n });\r\n };\r\n\r\n 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 render() {\r\n const suffix = this.suffix();\r\n const collapsible = !!(\r\n (this.label \|\| this.nummer \|\| this.opschrift \|\| this.alternativeTitle) &&\r\n this.type !== \"LID\"\r\n );\r\n\r\n const showHeading = !!(\r\n this.wijzigactie \|\|\r\n collapsible \|\|\r\n this.label \|\|\r\n this.nummer \|\|\r\n this.opschrift \|\|\r\n this.alternativeTitle \|\|\r\n this.bevatOntwerpInformatie \|\|\r\n this.annotated\r\n );\r\n\r\n return (\r\n <Host not-collapsible={!collapsible}>\r\n {showHeading && (\r\n <div class=\"heading-container\" part=\"_heading-container\">\r\n {this.wijzigactie && <span class=\"editaction-label\">{this.wijzigactieLabel}:</span>}\r\n <div class=\"heading\">\r\n <Heading\r\n heading={this.heading}\r\n class=\"heading-element\"\r\n onClick={this.handleHeadingClick}\r\n mode={this.mode}\r\n href={this.href}\r\n >\r\n {collapsible && this.mode === \"document\" && (\r\n <button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n aria-describedby=\"heading-title\"\r\n aria-expanded={this.open.toString()}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <span class=\"sr-only\">{this.open ? \"Invouwen\" : \"Uitvouwen\"}</span>\r\n </button>\r\n )}\r\n <span id=\"heading-title\">\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n {this.label \|\| this.nummer \|\| this.opschrift ? (\r\n <>\r\n {this.label && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.label}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"label\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"label\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.nummer && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.nummer}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"nummer\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"nummer\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.opschrift && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.opschrift}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"opschrift\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"opschrift\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n this.alternativeTitle\r\n )}\r\n {suffix && <span> - [{suffix}]</span>}\r\n </span>\r\n </Heading>\r\n {this.recursiveToggle !== undefined && this.open && this.mode === \"document\" && (\r\n <button\r\n type=\"button\"\r\n class=\"recursive-toggle\"\r\n title={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n onClick={this.handleRecursiveToggleClick}\r\n >\r\n <dso-icon icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"} />\r\n </button>\r\n )}\r\n {this.showOntwerpBadge() && (\r\n <>\r\n <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n !\r\n </dso-badge>\r\n <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n </>\r\n )}\r\n {(this.bevatOntwerpInformatie \|\| this.annotated) && (\r\n <div class=\"addons\">\r\n {this.bevatOntwerpInformatie && (\r\n <dso-label status=\"warning\" compact>\r\n Ontwerp\r\n </dso-label>\r\n )}\r\n {this.annotated && this.mode === \"document\" && (\r\n <button\r\n type=\"button\"\r\n class=\"dso-tertiary\"\r\n aria-controls={this.openAnnotation ? \"annotations\" : undefined}\r\n aria-expanded={this.openAnnotation.toString()}\r\n onClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n >\r\n <dso-icon icon=\"label\"></dso-icon>\r\n <span class=\"sr-only\">\r\n Kenmerken en kaartgegevens {this.openAnnotation ? \"verbergen\" : \"tonen\"}\r\n </span>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\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 {this.open && (this.inhoud \|\| this.gereserveerd \|\| this.vervallen) && this.mode === \"document\" && (\r\n <div class=\"content\" part=\"_content\">\r\n {this.gereserveerd && (\r\n <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n )}\r\n {this.vervallen && <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>}\r\n {this.inhoud && (\r\n <dso-ozon-content\r\n content={this.inhoud}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"inhoud\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"inhoud\" })\r\n }\r\n />\r\n )}\r\n </div>\r\n )}\r\n <div class=\"children-container\" part=\"_children-container\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"iMAAA,MAAMA,EAAgB,42IACtB,MAAAC,EAAeD,E,MCgBFE,EAAiB,MAL9B,WAAAC,CAAAC,G,2DAuCUC,KAAAC,QAAUA,EAAQD,KAAKE,K,CAE/B,iBAAAC,GACEH,KAAKC,QAAQG,O,CAGf,oBAAAC,GACEL,KAAKC,QAAQK,S,CAGf,MAAAC,GACE,MAAMC,EAAaR,KAAKC,QAAQO,aAEhC,OACEC,EAACC,EAAc,CAAAC,IAAA,2CACbC,OAAQJ,EAAaC,EAACI,EAAoB,MAAMC,UAChDC,OAAQf,KAAKe,OACbC,gBAAiBhB,KAAKgB,gBACtBC,MACER,EAAAS,EAAA,KACET,EAAA,QAAMU,MAAM,WACVV,EAAA,eAAaW,MAAOpB,KAAKqB,iBAE1BrB,KAAKsB,mBAAqBb,EAACc,EAA2B,Q,qZChE5D,MAAMC,EAET,CAACC,EAA4CC,K,IAA5CC,QAAEA,EAAOC,KAAEA,EAAIC,KAAEA,EAAIC,QAAEA,GAAOL,EAAKM,EAAKC,EAAAP,EAAxC,qCACH,IAAIQ,EACJ,OAAQN,GACN,QACA,IAAK,KACHM,EACExB,EAAA,KAAAyB,OAAAC,OAAA,GAAQJ,EAAK,CAAED,QAASF,IAAS,WAAaE,EAAUhB,YACrDY,GAGL,MACF,IAAK,KACHO,EACExB,EAAA,KAAAyB,OAAAC,OAAA,GAAQJ,EAAK,CAAED,QAASF,IAAS,WAAaE,EAAUhB,YACrDY,GAGL,MACF,IAAK,KACHO,EACExB,EAAA,KAAAyB,OAAAC,OAAA,GAAQJ,EAAK,CAAED,QAASF,IAAS,WAAaE,EAAUhB,YACrDY,GAGL,MACF,IAAK,KACHO,EACExB,EAAA,KAAAyB,OAAAC,OAAA,GAAQJ,EAAK,CAAED,QAASF,IAAS,WAAaE,EAAUhB,YACrDY,GAGL,MACF,IAAK,KACHO,EACExB,EAAA,KAAAyB,OAAAC,OAAA,GAAQJ,EAAK,CAAED,QAASF,IAAS,WAAaE,EAAUhB,YACrDY,GAKT,GAAIE,IAAS,qBAAuBC,EAAM,CACxC,OACEpB,EAAA,KAAGoB,KAAMA,EAAMC,QAASA,EAASX,MAAM,kBACpCc,E,CAKP,OAAOA,CAAc,EC5DvB,MAAMG,EAAuB,+nlCAC7B,MAAAC,EAAeD,ECsBf,MAAME,EAA+E,CACnFC,gBAAiB,aACjBC,UAAW,aACXC,mBAAoB,aACpBC,QAAS,c,MAcEC,EAAiB,MAL9B,WAAA7C,CAAAC,G,wWAUEC,KAAA2B,QAA4C,KA8B5C3B,KAAA4C,KAAO,MAMP5C,KAAA6C,SAAW,MAMX7C,KAAA8C,cAAgB,MAMhB9C,KAAA+C,yBAA2B,MAM3B/C,KAAAgD,uBAAyB,MAMzBhD,KAAAiD,UAAY,MAMZjD,KAAAkD,aAAe,MAMflD,KAAAmD,UAAY,MAMZnD,KAAAoD,eAAiB,MA0CjBpD,KAAA4B,KAA8B,WAgDtB5B,KAAAqD,mBAAsBC,IAC5B,GAAItD,KAAK4B,OAAS,oBAAqB,CACrC5B,KAAKuD,wBAAwBC,KAAK,CAAEC,cAAeH,EAAGI,gBAAiBA,EAAgBJ,I,MAClF,GAAItD,KAAK2D,OAAS,MAAO,CAC9B3D,KAAK4D,cAAcJ,KAAK,CAAEC,cAAeH,EAAGV,MAAO5C,KAAK4C,M,GAgBpD5C,KAAA6D,6BAAgCP,IACtCtD,KAAK8D,0BAA0BN,KAAK,CAAEC,cAAeH,EAAGS,uBAAwBT,EAAEU,QAAS,EAGrFhE,KAAAiE,2BAA8BX,IACpCtD,KAAKkE,mBAAmBV,KAAK,CAC3BC,cAAeH,EACfa,QAASnE,KAAKoE,gBACdC,KAAMrE,KAAKoE,kBAAoB,MAC/B,C,CAjCJ,oBAAYE,GACV,OAAOtE,KAAKuE,aAAejC,EAAkBtC,KAAKuE,Y,CAW5C,MAAAC,GACN,GAAIxE,KAAKmD,UAAW,CAClB,MAAO,W,CAGT,GAAInD,KAAKkD,aAAc,CACrB,MAAO,c,CAGT,OAAOpC,S,CAeD,gBAAA2D,GACN,OACEzE,KAAK+C,2BACJ/C,KAAKgD,0BACHhD,KAAK4C,MAAQ5C,KAAK4B,OAAS,YAAe5B,KAAK4B,OAAS,oB,CAI/D,MAAArB,GACE,MAAMiE,EAASxE,KAAKwE,SACpB,MAAME,MACH1E,KAAK2E,OAAS3E,KAAK4E,QAAU5E,KAAK6E,WAAa7E,KAAK8E,mBACrD9E,KAAK2D,OAAS,OAGhB,MAAMoB,KACJ/E,KAAKuE,aACLG,GACA1E,KAAK2E,OACL3E,KAAK4E,QACL5E,KAAK6E,WACL7E,KAAK8E,kBACL9E,KAAKgD,wBACLhD,KAAKiD,WAGP,OACExC,EAACuE,EAAI,CAAArE,IAAA,8DAAmB+D,GACrBK,GACCtE,EAAA,OAAAE,IAAA,2CAAKQ,MAAM,oBAAoB8D,KAAK,sBACjCjF,KAAKuE,aAAe9D,EAAA,QAAAE,IAAA,2CAAMQ,MAAM,oBAAoBnB,KAAKsE,iBAAgB,KAC1E7D,EAAA,OAAAE,IAAA,2CAAKQ,MAAM,WACTV,EAACe,EAAO,CAAAb,IAAA,2CACNgB,QAAS3B,KAAK2B,QACdR,MAAM,kBACNW,QAAS9B,KAAKqD,mBACdzB,KAAM5B,KAAK4B,KACXC,KAAM7B,KAAK6B,MAEV6C,GAAe1E,KAAK4B,OAAS,YAC5BnB,EAAA,UAAAE,IAAA,2CACEgD,KAAK,SACLxC,MAAM,gBAAe,mBACJ,gBAAe,gBACjBnB,KAAK4C,KAAKsC,YAEzBzE,EAAA,YAAAE,IAAA,2CAAUwE,KAAMnF,KAAK4C,KAAO,eAAiB,kBAC7CnC,EAAA,QAAAE,IAAA,2CAAMQ,MAAM,WAAWnB,KAAK4C,KAAO,WAAa,cAGpDnC,EAAA,QAAAE,IAAA,2CAAMyE,GAAG,iBACNpF,KAAK8C,eAAiBrC,EAAA,QAAAE,IAAA,2CAAMQ,MAAM,WAAS,wBAC3CnB,KAAK2E,OAAS3E,KAAK4E,QAAU5E,KAAK6E,UACjCpE,EAAAS,EAAA,KACGlB,KAAK2E,OACJlE,EAAAS,EAAA,KACG,IACDT,EAAA,oBACE4E,QAASrF,KAAK2E,MACdW,iBAAkBtF,KAAK6D,6BACvB0B,KAAMvF,KAAKuF,MAAI,CAAMC,IAAI,IAAA/D,EAAK,OAAAA,EAAAzB,KAAKuF,QAAI,MAAA9D,SAAA,SAAAA,EAAAgE,KAAAzF,KAAGwF,EAAM,QAAQ,GACxDE,kCAAoCpC,GAClCtD,KAAK2F,qBAAqBnC,KAAItB,OAAAC,OAAAD,OAAAC,OAAA,GAAMmB,EAAEU,QAAM,CAAE4B,OAAQ,WAExDC,OAAM,QAIX7F,KAAK4E,QACJnE,EAAAS,EAAA,KACG,IACDT,EAAA,oBACE4E,QAASrF,KAAK4E,OACdU,iBAAkBtF,KAAK6D,6BACvB0B,KAAMvF,KAAKuF,MAAI,CAAMC,IAAI,IAAA/D,EAAK,OAAAA,EAAAzB,KAAKuF,QAAI,MAAA9D,SAAA,SAAAA,EAAAgE,KAAAzF,KAAGwF,EAAM,SAAS,GACzDE,kCAAoCpC,GAClCtD,KAAK2F,qBAAqBnC,KAAItB,OAAAC,OAAAD,OAAAC,OAAA,GAAMmB,EAAEU,QAAM,CAAE4B,OAAQ,YAExDC,OAAM,QAIX7F,KAAK6E,WACJpE,EAAAS,EAAA,KACG,IACDT,EAAA,oBACE4E,QAASrF,KAAK6E,UACdS,iBAAkBtF,KAAK6D,6BACvB0B,KAAMvF,KAAKuF,MAAI,CAAMC,IAAI,IAAA/D,EAAK,OAAAA,EAAAzB,KAAKuF,QAAI,MAAA9D,SAAA,SAAAA,EAAAgE,KAAAzF,KAAGwF,EAAM,YAAY,GAC5DE,kCAAoCpC,GAClCtD,KAAK2F,qBAAqBnC,KAAItB,OAAAC,OAAAD,OAAAC,OAAA,GAAMmB,EAAEU,QAAM,CAAE4B,OAAQ,eAExDC,OAAM,SAMd7F,KAAqB,iBAEtBwE,GAAU/D,EAAA,QAAAE,IAAA,mDAAW6D,EAAM,OAG/BxE,KAAKoE,kBAAoBtD,WAAad,KAAK4C,MAAQ5C,KAAK4B,OAAS,YAChEnB,EAAA,UAAAE,IAAA,2CACEgD,KAAK,SACLxC,MAAM,mBACNF,MAAOjB,KAAKoE,kBAAoB,KAAO,gBAAkB,aACzDtC,QAAS9B,KAAKiE,4BAEdxD,EAAA,YAAAE,IAAA,2CAAUwE,KAAMnF,KAAKoE,kBAAoB,KAAO,MAAQ,eAG3DpE,KAAKyE,oBACJhE,EAAAS,EAAA,KACET,EAAA,aAAAE,IAAA,2CAAWmF,OAAO,UAAS,mBAAkB,4BAA0B,KAGvErF,EAAA,eAAAE,IAAA,2CAAayE,GAAG,4BAA0B,oCAG5CpF,KAAKgD,wBAA0BhD,KAAKiD,YACpCxC,EAAA,OAAAE,IAAA,2CAAKQ,MAAM,UACRnB,KAAKgD,wBACJvC,EAAA,aAAAE,IAAA,2CAAWmF,OAAO,UAAUC,QAAO,iBAIpC/F,KAAKiD,WAAajD,KAAK4B,OAAS,YAC/BnB,EAAA,UAAAE,IAAA,2CACEgD,KAAK,SACLxC,MAAM,eAAc,gBACLnB,KAAKoD,eAAiB,cAAgBtC,UAAS,gBAC/Cd,KAAKoD,eAAe8B,WACnCpD,QAAUwB,GAAMtD,KAAKgG,oBAAoBxC,KAAK,CAAEC,cAAeH,KAE/D7C,EAAA,YAAAE,IAAA,2CAAUwE,KAAK,UACf1E,EAAA,QAAAE,IAAA,2CAAMQ,MAAM,WAAS,8BACSnB,KAAKoD,eAAiB,YAAc,aAS/EpD,KAAKoD,gBACJ3C,EAAA,OAAAE,IAAA,2CAAKQ,MAAM,uBAAuB8D,KAAK,yBACrCxE,EAAA,aAAAE,IAAA,2CACEyE,GAAG,cACHa,gBAAkB3C,GAAMtD,KAAKgG,oBAAoBxC,KAAK,CAAEC,cAAeH,IACvE4C,iBAAiB,wCAEjBzF,EAAA,MAAAE,IAAA,2CAAIwF,KAAK,WAAS,sBAClB1F,EAAA,QAAAE,IAAA,2CAAMyF,KAAK,kBAIhBpG,KAAK4C,OAAS5C,KAAKqG,QAAUrG,KAAKkD,cAAgBlD,KAAKmD,YAAcnD,KAAK4B,OAAS,YAClFnB,EAAA,OAAAE,IAAA,2CAAKQ,MAAM,UAAU8D,KAAK,YACvBjF,KAAKkD,cACJzC,EAAA,aAAAE,IAAA,2CAAWmF,OAAO,QAAM,8DAEzB9F,KAAKmD,WAAa1C,EAAA,aAAAE,IAAA,2CAAWmF,OAAO,QAAM,+BAC1C9F,KAAKqG,QACJ5F,EAAA,oBAAAE,IAAA,2CACE0E,QAASrF,KAAKqG,OACdf,iBAAkBtF,KAAK6D,6BACvB0B,KAAMvF,KAAKuF,MAAI,CAAMC,IAAI,IAAA/D,EAAK,OAAAA,EAAAzB,KAAKuF,QAAI,MAAA9D,SAAA,SAAAA,EAAAgE,KAAAzF,KAAGwF,EAAM,SAAS,GACzDE,kCAAoCpC,GAClCtD,KAAK2F,qBAAqBnC,KAAItB,OAAAC,OAAAD,OAAAC,OAAA,GAAMmB,EAAEU,QAAM,CAAE4B,OAAQ,eAMhEnF,EAAA,OAAAE,IAAA,2CAAKQ,MAAM,qBAAqB8D,KAAK,uBACnCxE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
1	+ {"version":3,"names":["annotationCss","DsoAnnotationLocatieStyle0","AnnotationLocatie","constructor","hostRef","this","watcher","host","connectedCallback","watch","disconnectedCallback","unwatch","render","hasSymbool","h","AnnotationBody","key","symbol","AnnotationSymbolSlot","undefined","active","dsoActiveChange","title","Fragment","class","value","locatieNoemer","gewijzigdeLocatie","AnnotationGewijzigdeLocatie","Heading","_a","children","heading","mode","href","onClick","props","__rest","headingElement","Object","assign","documentComponentCss","DsoDocumentComponentStyle0","wijzigactieLabels","nieuweContainer","verwijder","verwijderContainer","voegtoe","DocumentComponent","open","filtered","notApplicable","genesteOntwerpInformatie","bevatOntwerpInformatie","annotated","gereserveerd","vervallen","openAnnotation","handleHeadingClick","e","dsoTableOfContentsClick","emit","originalEvent","isModifiedEvent","type","dsoOpenToggle","handleOzonContentAnchorClick","dsoOzonContentAnchorClick","ozonContentAnchorClick","detail","handleRecursiveToggleClick","dsoRecursiveToggle","current","recursiveToggle","next","wijzigactieLabel","wijzigactie","suffix","showOntwerpBadge","collapsible","label","nummer","opschrift","alternativeTitle","showHeading","Host","part","toString","icon","id","content","onDsoAnchorClick","mark","text","call","onDsoOzonContentMarkItemHighlight","dsoMarkItemHighlight","source","inline","status","compact","dsoAnnotationToggle","onDsoCloseClick","closeButtonLabel","slot","name","inhoud"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-locatie&encapsulation=shadow","src/components/annotation/annotation-locatie/annotation-locatie.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor/anchor\";\r\n\r\n:host {\r\n display: block;\r\n padding: 2px;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n font-weight: 500;\r\n word-break: break-word;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n margin-block: 0;\r\n\r\n .content:has(+ dso-label) {\r\n margin-inline-end: units.$u1 * 0.5;\r\n }\r\n}\r\n\r\n.annotation-data {\r\n font-size: 0.875rem;\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, EventEmitter, Fragment, Element } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\n\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\nimport { watcher } from \"../annotation-watcher\";\r\nimport { AnnotationSymbolSlot } from \"../annotation-symbol-slot\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\n\r\n/*\r\n @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n /\r\n@Component({\r\n tag: \"dso-annotation-locatie\",\r\n styleUrl: \"../annotation.scss\",\r\n shadow: true,\r\n})\r\nexport class AnnotationLocatie implements ComponentInterface {\r\n /\r\n Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n /\r\n @Prop({ reflect: true })\r\n wijzigactie?: AnnotationWijzigactie;\r\n\r\n /\r\n Een optionele boolean die aangeeft of de annotatie actief is.\r\n /\r\n @Prop({ reflect: true })\r\n active?: boolean;\r\n\r\n /\r\n Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n /\r\n @Prop({ reflect: true })\r\n gewijzigdeLocatie?: boolean;\r\n\r\n /\r\n Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n /\r\n @Event()\r\n dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n /\r\n De noemer van de locatie.\r\n /\r\n @Prop()\r\n locatieNoemer?: RenvooiValue \| string;\r\n\r\n @Element()\r\n private host!: HTMLDsoAnnotationLocatieElement;\r\n\r\n private watcher = watcher(this.host);\r\n\r\n connectedCallback(): void {\r\n this.watcher.watch();\r\n }\r\n\r\n disconnectedCallback(): void {\r\n this.watcher.unwatch();\r\n }\r\n\r\n render() {\r\n const hasSymbool = this.watcher.hasSymbool();\r\n\r\n return (\r\n <AnnotationBody\r\n symbol={hasSymbool ? <AnnotationSymbolSlot /> : undefined}\r\n active={this.active}\r\n dsoActiveChange={this.dsoActiveChange}\r\n title={\r\n <>\r\n <span class=\"content\">\r\n <dso-renvooi value={this.locatieNoemer} />\r\n </span>\r\n {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n </>\r\n }\r\n />\r\n );\r\n }\r\n}\r\n","import { h, FunctionalComponent, VNode } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\nimport { DocumentComponentMode } from \"./document-component.models\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\";\r\n mode: DocumentComponentMode;\r\n href?: string;\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, mode, href, onClick, ...props }, children) => {\r\n let headingElement: VNode;\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n headingElement = (\r\n <h2 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h2>\r\n );\r\n break;\r\n case \"h3\":\r\n headingElement = (\r\n <h3 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h3>\r\n );\r\n break;\r\n case \"h4\":\r\n headingElement = (\r\n <h4 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h4>\r\n );\r\n break;\r\n case \"h5\":\r\n headingElement = (\r\n <h5 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h5>\r\n );\r\n break;\r\n case \"h6\":\r\n headingElement = (\r\n <h6 {...props} onClick={mode === \"document\" ? onClick : undefined}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n\r\n if (mode === \"table-of-contents\" && href) {\r\n return (\r\n <a href={href} onClick={onClick} class=\"heading-anchor\">\r\n {headingElement}\r\n </a>\r\n );\r\n }\r\n\r\n return headingElement;\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n display: block;\r\n\r\n --depth: var(--a, 0);\r\n}\r\n\r\n:host([not-collapsible]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n padding-inline-start: units.$u1;\r\n margin-inline-end: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n padding-block-start: units.$u1 0.5;\r\n padding-block-end: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n @include delete.root($strikethrough: false);\r\n\r\n --_dso-document-component-text-decoration: line-through;\r\n}\r\n\r\n.heading-element,\r\n.content {\r\n @include delete.strikethrough($_value: var(--_dso-document-component-text-decoration));\r\n}\r\n\r\n:host([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n @include insert.root();\r\n}\r\n\r\n:host([filtered]) {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n inset-inline-start: -3px;\r\n position: absolute;\r\n display: block;\r\n inline-size: 3px;\r\n inset-block-start: 0;\r\n inset-block-end: 0;\r\n background-color: colors.$lichtblauw;\r\n }\r\n}\r\n\r\n:host([open]),\r\n:host([open-annotation]) {\r\n .annotation-container,\r\n .heading-container {\r\n margin-block-end: units.$u1;\r\n }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n border: 0;\r\n padding: 0;\r\n background: 0;\r\n color: colors.$bosgroen;\r\n}\r\n\r\n.heading-anchor {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n\r\n @include anchor.root();\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.heading-element {\r\n align-items: start;\r\n display: flex;\r\n font-size: 1rem;\r\n color: colors.$bosgroen;\r\n margin: 0;\r\n\r\n > * {\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n#heading-title {\r\n display: block;\r\n}\r\n\r\n:host([not-collapsible]) {\r\n .heading-container {\r\n margin-block-end: 0;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n\r\n .heading-element {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([mode=\"document\"]:not([not-collapsible])) {\r\n --link-color: document-component.$heading-anchor-color;\r\n --link-hover-color: document-component.$heading-anchor-hover-color;\r\n\r\n .heading-element {\r\n cursor: pointer;\r\n @include anchor.pseudo();\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: document-component.$indent;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]) {\r\n .heading-container {\r\n padding-inline-start: document-component.$indent-table-of-contents;\r\n }\r\n\r\n .heading-element {\r\n color: inherit;\r\n }\r\n\r\n .editaction-label {\r\n margin-inline-start: 0;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"][type=\"ARTIKEL\"]) {\r\n .heading-element {\r\n color: inherit;\r\n }\r\n}\r\n\r\n:host([mode=\"table-of-contents\"]:not([type=\"HOOFDSTUK\"])) {\r\n .heading-element {\r\n font-weight: normal;\r\n }\r\n}\r\n\r\n.addons {\r\n margin-inline-start: auto;\r\n display: flex;\r\n gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n display: flex;\r\n align-items: start;\r\n gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n .heading-element,\r\n .toggle-button {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([type=\"LID\"][open-annotation]) {\r\n .annotation-container {\r\n margin-block-start: units.$u1;\r\n }\r\n}\r\n\r\n.editaction-label {\r\n font-style: italic;\r\n margin-inline-start: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n padding-inline-end: units.$u1;\r\n}\r\n\r\n.annotation-container {\r\n padding-inline-end: units.$u1;\r\n\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$wit};\r\n }\r\n}\r\n\r\n:host(:where([annotations-wijzigactie=\"verwijder\"])) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$rood-10};\r\n --_dso-renvooi-text-decoration: line-through;\r\n }\r\n }\r\n}\r\n\r\n:host([annotations-wijzigactie=\"voegtoe\"]) {\r\n .annotation-container {\r\n dso-panel {\r\n --_dso-panel-body-background-color: #{colors.$lime-10};\r\n }\r\n }\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, Host } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport {\r\n DocumentComponentOpenToggleEvent,\r\n DocumentComponentToggleAnnotationEvent,\r\n DocumentComponentOzonContentAnchorClickEvent,\r\n DocumentComponentWijzigactie,\r\n DocumentComponentAnnotationsWijzigactie,\r\n DocumentComponentInputType,\r\n DocumentComponentMarkFunction,\r\n DocumentComponentMarkItemHighlightEvent,\r\n DocumentComponentRecursiveToggleEvent,\r\n DocumentComponentRecursiveToggleState,\r\n DocumentComponentMode,\r\n DocumentComponentTableOfContentsClickEvent,\r\n} from \"./document-component.models\";\r\nimport { OzonContentAnchorClickEvent } from \"../ozon-content/ozon-content.interfaces\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\n\r\nconst wijzigactieLabels: { [wijzigactie in DocumentComponentWijzigactie]: string } = {\r\n nieuweContainer: \"Toegevoegd\",\r\n verwijder: \"Verwijderd\",\r\n verwijderContainer: \"Verwijderd\",\r\n voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n/*\r\n @part _annotation-container - private part, do not touch.\r\n * @part _children-container - private part, do not touch.\r\n * @part _content - private part, do not touch.\r\n * @part _heading-container - private part, do not touch.\r\n /\r\n@Component({\r\n tag: \"dso-document-component\",\r\n styleUrl: \"document-component.scss\",\r\n shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n /\r\n The heading element to use.\r\n /\r\n @Prop()\r\n heading: \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n\r\n /\r\n The Label XML.\r\n /\r\n @Prop()\r\n label?: DocumentComponentInputType;\r\n\r\n /\r\n The Nummer XML.\r\n /\r\n @Prop()\r\n nummer?: DocumentComponentInputType;\r\n\r\n /\r\n The Opschrift XML.\r\n /\r\n @Prop()\r\n opschrift?: DocumentComponentInputType;\r\n\r\n /\r\n The Inhoud XML.\r\n /\r\n @Prop()\r\n inhoud?: DocumentComponentInputType;\r\n\r\n /\r\n This boolean attribute indicates whether the children are visible.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n Marks this Document Component as belonging to an active filter.\r\n /\r\n @Prop({ reflect: true })\r\n filtered = false;\r\n\r\n /\r\n Marks this Document Component as not-applicable.\r\n /\r\n @Prop({ reflect: true })\r\n notApplicable = false;\r\n\r\n /\r\n When a child Document Component has a status \"Draft\".\r\n /\r\n @Prop({ reflect: true })\r\n genesteOntwerpInformatie = false;\r\n\r\n /\r\n Marks as draft.\r\n /\r\n @Prop({ reflect: true })\r\n bevatOntwerpInformatie = false;\r\n\r\n /\r\n Enables annotations.\r\n /\r\n @Prop({ reflect: true })\r\n annotated = false;\r\n\r\n /\r\n Marks Document Component as reserved.\r\n /\r\n @Prop()\r\n gereserveerd = false;\r\n\r\n /\r\n Marks the Document Component as expired.\r\n /\r\n @Prop()\r\n vervallen = false;\r\n\r\n /\r\n When the Annotation 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()\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 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 actives intRef or intIoRef anchors in Ozon Content\r\n /\r\n @Event({ bubbles: false })\r\n dsoOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n /\r\n Emitted when the user activates the annotation button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n /\r\n Emitted each time a marked item gets highlighted.\r\n */\r\n @Event({ bubbles: false })\r\n dsoMarkItemHighlight!: EventEmitter<DocumentComponentMarkItemHighlightEvent>;\r\n\r\n private get wijzigactieLabel(): string \| undefined {\r\n return this.wijzigactie && wijzigactieLabels[this.wijzigactie];\r\n }\r\n\r\n private handleHeadingClick = (e: MouseEvent) => {\r\n if (this.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 suffix(): string \| undefined {\r\n if (this.vervallen) {\r\n return \"vervallen\";\r\n }\r\n\r\n if (this.gereserveerd) {\r\n return \"gereserveerd\";\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n private handleOzonContentAnchorClick = (e: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => {\r\n this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });\r\n };\r\n\r\n private handleRecursiveToggleClick = (e: MouseEvent) => {\r\n this.dsoRecursiveToggle.emit({\r\n originalEvent: e,\r\n current: this.recursiveToggle,\r\n next: this.recursiveToggle !== true,\r\n });\r\n };\r\n\r\n 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 render() {\r\n const suffix = this.suffix();\r\n const collapsible = !!(\r\n (this.label \|\| this.nummer \|\| this.opschrift \|\| this.alternativeTitle) &&\r\n this.type !== \"LID\"\r\n );\r\n\r\n const showHeading = !!(\r\n this.wijzigactie \|\|\r\n collapsible \|\|\r\n this.label \|\|\r\n this.nummer \|\|\r\n this.opschrift \|\|\r\n this.alternativeTitle \|\|\r\n this.bevatOntwerpInformatie \|\|\r\n this.annotated\r\n );\r\n\r\n return (\r\n <Host not-collapsible={!collapsible}>\r\n {showHeading && (\r\n <div class=\"heading-container\" part=\"_heading-container\">\r\n {this.wijzigactie && <span class=\"editaction-label\">{this.wijzigactieLabel}:</span>}\r\n <div class=\"heading\">\r\n <Heading\r\n heading={this.heading}\r\n class=\"heading-element\"\r\n onClick={this.handleHeadingClick}\r\n mode={this.mode}\r\n href={this.href}\r\n >\r\n {collapsible && this.mode === \"document\" && (\r\n <button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n aria-describedby=\"heading-title\"\r\n aria-expanded={this.open.toString()}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <span class=\"sr-only\">{this.open ? \"Invouwen\" : \"Uitvouwen\"}</span>\r\n </button>\r\n )}\r\n <span id=\"heading-title\">\r\n {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n {this.label \|\| this.nummer \|\| this.opschrift ? (\r\n <>\r\n {this.label && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.label}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"label\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"label\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.nummer && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.nummer}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"nummer\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"nummer\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n {this.opschrift && (\r\n <>\r\n {\" \"}\r\n <dso-ozon-content\r\n content={this.opschrift}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"opschrift\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"opschrift\" })\r\n }\r\n inline\r\n ></dso-ozon-content>\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n this.alternativeTitle\r\n )}\r\n {suffix && <span> - [{suffix}]</span>}\r\n </span>\r\n </Heading>\r\n {this.recursiveToggle !== undefined && this.open && this.mode === \"document\" && (\r\n <button\r\n type=\"button\"\r\n class=\"recursive-toggle\"\r\n title={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n onClick={this.handleRecursiveToggleClick}\r\n >\r\n <dso-icon icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"} />\r\n </button>\r\n )}\r\n {this.showOntwerpBadge() && (\r\n <>\r\n <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n !\r\n </dso-badge>\r\n <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n </>\r\n )}\r\n {(this.bevatOntwerpInformatie \|\| this.annotated) && (\r\n <div class=\"addons\">\r\n {this.bevatOntwerpInformatie && (\r\n <dso-label status=\"warning\" compact>\r\n Ontwerp\r\n </dso-label>\r\n )}\r\n {this.annotated && this.mode === \"document\" && (\r\n <button\r\n type=\"button\"\r\n class=\"dso-tertiary\"\r\n aria-controls={this.openAnnotation ? \"annotations\" : undefined}\r\n aria-expanded={this.openAnnotation.toString()}\r\n onClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n >\r\n <dso-icon icon=\"label\"></dso-icon>\r\n <span class=\"sr-only\">\r\n Kenmerken en kaartgegevens {this.openAnnotation ? \"verbergen\" : \"tonen\"}\r\n </span>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\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 {this.open && (this.inhoud \|\| this.gereserveerd \|\| this.vervallen) && this.mode === \"document\" && (\r\n <div class=\"content\" part=\"_content\">\r\n {this.gereserveerd && (\r\n <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n )}\r\n {this.vervallen && <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>}\r\n {this.inhoud && (\r\n <dso-ozon-content\r\n content={this.inhoud}\r\n onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n mark={this.mark && ((text) => this.mark?.(text, \"inhoud\"))}\r\n onDsoOzonContentMarkItemHighlight={(e) =>\r\n this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"inhoud\" })\r\n }\r\n />\r\n )}\r\n </div>\r\n )}\r\n <div class=\"children-container\" part=\"_children-container\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-db952528.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as s,h as i,a}from"./p-4798d219.js";import{i as o}from"./p-7e930584.js";import{v as d}from"./p-82796232.js";const n={en:{"dso-map-base-layers":{background:"Background"}},nl:{"dso-map-base-layers":{background:"Achtergrond"}}};const r=":host{display:block},::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";const t=r;const l=class{constructor(i){e(this,i);this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7);this.selectableRefs={};this.group=d();this.text=o((()=>this.host),n)}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousBaselayers)===null\|\|s===void 0?void 0:s.find((s=>s.id===e.id)))===null\|\|i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null\|\|s===void 0?void 0:s.toggleInfo(false)}));this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{key:"fc725366824a2bfbecc6b3b54a9d66189897788d",class:"form-group dso-radios"},i("legend",{key:"a5e7265492ee924e04bc784c57f26e474f0c4c21",class:"sr-only"},"Achtergrond"),i("div",{key:"344f1765eefba53c5d4a8c25d0f1853359e5029b",class:"dso-label-container"},i("span",{key:"f2de7cae48c08e0487ad8f1cd45a1f72def76858",class:"control-label","aria-hidden":"true"},this.text("background"))),i("div",{key:"c5dfd3492af5de39d9e718c2df24393e5069dc16",class:"dso-field-container"},this.baseLayers.map((e=>i("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}get host(){return a(this)}};l.style=t;export{l as dso_map_base_layers};
2	+ //# sourceMappingURL=p-db952528.entry.js.map

package/dist/dso-toolkit/{p-b66bd089.entry.js.map → p-db952528.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["translations","en","background","nl","mapBaseLayersCss","DsoMapBaseLayersStyle0","MapBaseLayers","constructor","hostRef","this","selectableRefs","group","uuidv4","text","i18n","host","baseLayerChangeHandler","baseLayer","dsoBaseLayerChange","emit","activeBaseLayer","componentDidRender","baseLayers","filter","l","_a","_b","disabled","previousBaselayers","find","p","id","forEach","o","toggleInfo","render","ref","h","key","class","map","type","value","name","checked","onDsoChange","info","slot"],"sources":["src/components/map-base-layers/map-base-layers.i18n.ts","src/components/map-base-layers/map-base-layers.scss?tag=dso-map-base-layers&encapsulation=shadow","src/components/map-base-layers/map-base-layers.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n en: {\r\n \"dso-map-base-layers\": {\r\n background: \"Background\",\r\n },\r\n },\r\n nl: {\r\n \"dso-map-base-layers\": {\r\n background: \"Achtergrond\",\r\n },\r\n },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n// Todo #1194\r\nfieldset {\r\n border: 0;\r\n margin: 0;\r\n min-inline-size: 0;\r\n padding: 0;\r\n\r\n .control-label {\r\n display: inline-block;\r\n font-weight: bold;\r\n margin-block-end: units.$u1;\r\n max-inline-size: 100%;\r\n text-align: start;\r\n }\r\n}\r\n\r\np[slot=\"info\"] {\r\n margin: 0;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { BaseLayer, BaseLayerChangeEvent } from \"./map-base-layers.interfaces\";\r\nimport { translations } from \"./map-base-layers.i18n\";\r\n\r\n@Component({\r\n tag: \"dso-map-base-layers\",\r\n styleUrl: \"./map-base-layers.scss\",\r\n shadow: true,\r\n})\r\nexport class MapBaseLayers implements ComponentInterface {\r\n private previousBaselayers: BaseLayer[] \| undefined;\r\n private selectableRefs: { [id: number]: HTMLDsoSelectableElement } = {};\r\n\r\n @Element()\r\n host!: HTMLDsoMapBaseLayersElement;\r\n\r\n /*\r\n Emitted when the user checks or unchecks a base layer.\r\n /\r\n @Event()\r\n dsoBaseLayerChange!: EventEmitter<BaseLayerChangeEvent>;\r\n\r\n /\r\n To group the overlays together. Generally the default value suffices.\r\n /\r\n @Prop()\r\n group = uuidv4();\r\n\r\n /\r\n The base layers.\r\n */\r\n @Prop()\r\n baseLayers!: BaseLayer[];\r\n\r\n private baseLayerChangeHandler(baseLayer: BaseLayer): void {\r\n this.dsoBaseLayerChange.emit({ activeBaseLayer: baseLayer });\r\n }\r\n\r\n private text = i18n(() => this.host, translations);\r\n\r\n componentDidRender() {\r\n this.baseLayers\r\n .filter((l) => !l.disabled && this.previousBaselayers?.find((p) => p.id === l.id)?.disabled === true)\r\n .forEach((o) => {\r\n this.selectableRefs[o.id]?.toggleInfo(false);\r\n });\r\n\r\n this.previousBaselayers = this.baseLayers;\r\n }\r\n\r\n render() {\r\n for (const ref in this.selectableRefs) {\r\n delete this.selectableRefs[ref];\r\n }\r\n\r\n return (\r\n <fieldset class=\"form-group dso-radios\">\r\n <legend class=\"sr-only\">Achtergrond</legend>\r\n <div class=\"dso-label-container\">\r\n <span class=\"control-label\" aria-hidden=\"true\">\r\n {this.text(\"background\")}\r\n </span>\r\n </div>\r\n <div class=\"dso-field-container\">\r\n {this.baseLayers.map((baseLayer) => (\r\n <dso-selectable\r\n key={baseLayer.id}\r\n type=\"radio\"\r\n value={baseLayer.name}\r\n checked={baseLayer.checked}\r\n disabled={baseLayer.disabled}\r\n name={this.group}\r\n ref={(ref) => ref && (this.selectableRefs[baseLayer.id] = ref)}\r\n onDsoChange={() => this.baseLayerChangeHandler(baseLayer)}\r\n >\r\n {baseLayer.name}\r\n {baseLayer.info ? <p slot=\"info\">{baseLayer.info}</p> : null}\r\n </dso-selectable>\r\n ))}\r\n </div>\r\n </fieldset>\r\n );\r\n }\r\n}\r\n"],"mappings":"~~iIAEO~~,MAAMA,EAAyB,CACpCC,GAAI,CACF,sBAAuB,CACrBC,WAAY,eAGhBC,GAAI,CACF,sBAAuB,CACrBD,WAAY,iBCVlB,MAAME,EAAmB,uYACzB,MAAAC,EAAeD,E,MCYFE,EAAa,MAL1B,WAAAC,CAAAC,G,iEAOUC,KAAAC,eAA6D,GAerED,KAAAE,MAAQC,IAYAH,KAAAI,KAAOC,GAAK,IAAML,KAAKM,MAAMf,E,CAJ7B,sBAAAgB,CAAuBC,GAC7BR,KAAKS,mBAAmBC,KAAK,CAAEC,gBAAiBH,G,CAKlD,kBAAAI,GACEZ,KAAKa,WACFC,QAAQC,IAAC,IAAAC,EAAAC,EAAK,OAACF,EAAEG,YAAYD,GAAAD,EAAAhB,KAAKmB,sBAAkB,MAAAH,SAAA,SAAAA,EAAEI,MAAMC,GAAMA,EAAEC,KAAOP,EAAEO,QAAG,MAAAL,SAAA,SAAAA,EAAEC,YAAa,IAAI,IACnGK,SAASC,I,OACRR,EAAAhB,KAAKC,eAAeuB,EAAEF,OAAG,MAAAN,SAAA,SAAAA,EAAES,WAAW,MAAM,IAGhDzB,KAAKmB,mBAAqBnB,KAAKa,U,CAGjC,MAAAa,GACE,IAAK,MAAMC,KAAO3B,KAAKC,eAAgB,QAC9BD,KAAKC,eAAe0B,E,CAG7B,OACEC,EAAA,YAAAC,IAAA,2CAAUC,MAAM,yBACdF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,WAAS,eACvBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAe,cAAa,QACrC9B,KAAKI,KAAK,gBAGfwB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACR9B,KAAKa,WAAWkB,KAAKvB,GACpBoB,EAAA,kBACEC,IAAKrB,EAAUc,GACfU,KAAK,QACLC,MAAOzB,EAAU0B,KACjBC,QAAS3B,EAAU2B,QACnBjB,SAAUV,EAAUU,SACpBgB,KAAMlC,KAAKE,MACXyB,IAAMA,GAAQA,IAAQ3B,KAAKC,eAAeO,EAAUc,IAAMK,GAC1DS,YAAa,IAAMpC,KAAKO,uBAAuBC,IAE9CA,EAAU0B,KACV1B,EAAU6B,KAAOT,EAAA,KAAGU,KAAK,QAAQ9B,EAAU6B,MAAY,S","ignoreList":[]}
1	+ {"version":3,"names":["translations","en","background","nl","mapBaseLayersCss","DsoMapBaseLayersStyle0","MapBaseLayers","constructor","hostRef","this","selectableRefs","group","uuidv4","text","i18n","host","baseLayerChangeHandler","baseLayer","dsoBaseLayerChange","emit","activeBaseLayer","componentDidRender","baseLayers","filter","l","_a","_b","disabled","previousBaselayers","find","p","id","forEach","o","toggleInfo","render","ref","h","key","class","map","type","value","name","checked","onDsoChange","info","slot"],"sources":["src/components/map-base-layers/map-base-layers.i18n.ts","src/components/map-base-layers/map-base-layers.scss?tag=dso-map-base-layers&encapsulation=shadow","src/components/map-base-layers/map-base-layers.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n en: {\r\n \"dso-map-base-layers\": {\r\n background: \"Background\",\r\n },\r\n },\r\n nl: {\r\n \"dso-map-base-layers\": {\r\n background: \"Achtergrond\",\r\n },\r\n },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n// Todo #1194\r\nfieldset {\r\n border: 0;\r\n margin: 0;\r\n min-inline-size: 0;\r\n padding: 0;\r\n\r\n .control-label {\r\n display: inline-block;\r\n font-weight: bold;\r\n margin-block-end: units.$u1;\r\n max-inline-size: 100%;\r\n text-align: start;\r\n }\r\n}\r\n\r\np[slot=\"info\"] {\r\n margin: 0;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { BaseLayer, BaseLayerChangeEvent } from \"./map-base-layers.interfaces\";\r\nimport { translations } from \"./map-base-layers.i18n\";\r\n\r\n@Component({\r\n tag: \"dso-map-base-layers\",\r\n styleUrl: \"./map-base-layers.scss\",\r\n shadow: true,\r\n})\r\nexport class MapBaseLayers implements ComponentInterface {\r\n private previousBaselayers: BaseLayer[] \| undefined;\r\n private selectableRefs: { [id: number]: HTMLDsoSelectableElement } = {};\r\n\r\n @Element()\r\n host!: HTMLDsoMapBaseLayersElement;\r\n\r\n /*\r\n Emitted when the user checks or unchecks a base layer.\r\n /\r\n @Event()\r\n dsoBaseLayerChange!: EventEmitter<BaseLayerChangeEvent>;\r\n\r\n /\r\n To group the overlays together. Generally the default value suffices.\r\n /\r\n @Prop()\r\n group = uuidv4();\r\n\r\n /\r\n The base layers.\r\n */\r\n @Prop()\r\n baseLayers!: BaseLayer[];\r\n\r\n private baseLayerChangeHandler(baseLayer: BaseLayer): void {\r\n this.dsoBaseLayerChange.emit({ activeBaseLayer: baseLayer });\r\n }\r\n\r\n private text = i18n(() => this.host, translations);\r\n\r\n componentDidRender() {\r\n this.baseLayers\r\n .filter((l) => !l.disabled && this.previousBaselayers?.find((p) => p.id === l.id)?.disabled === true)\r\n .forEach((o) => {\r\n this.selectableRefs[o.id]?.toggleInfo(false);\r\n });\r\n\r\n this.previousBaselayers = this.baseLayers;\r\n }\r\n\r\n render() {\r\n for (const ref in this.selectableRefs) {\r\n delete this.selectableRefs[ref];\r\n }\r\n\r\n return (\r\n <fieldset class=\"form-group dso-radios\">\r\n <legend class=\"sr-only\">Achtergrond</legend>\r\n <div class=\"dso-label-container\">\r\n <span class=\"control-label\" aria-hidden=\"true\">\r\n {this.text(\"background\")}\r\n </span>\r\n </div>\r\n <div class=\"dso-field-container\">\r\n {this.baseLayers.map((baseLayer) => (\r\n <dso-selectable\r\n key={baseLayer.id}\r\n type=\"radio\"\r\n value={baseLayer.name}\r\n checked={baseLayer.checked}\r\n disabled={baseLayer.disabled}\r\n name={this.group}\r\n ref={(ref) => ref && (this.selectableRefs[baseLayer.id] = ref)}\r\n onDsoChange={() => this.baseLayerChangeHandler(baseLayer)}\r\n >\r\n {baseLayer.name}\r\n {baseLayer.info ? <p slot=\"info\">{baseLayer.info}</p> : null}\r\n </dso-selectable>\r\n ))}\r\n </div>\r\n </fieldset>\r\n );\r\n }\r\n}\r\n"],"mappings":"4HAEO,MAAMA,EAAyB,CACpCC,GAAI,CACF,sBAAuB,CACrBC,WAAY,eAGhBC,GAAI,CACF,sBAAuB,CACrBD,WAAY,iBCVlB,MAAME,EAAmB,uYACzB,MAAAC,EAAeD,E,MCYFE,EAAa,MAL1B,WAAAC,CAAAC,G,iEAOUC,KAAAC,eAA6D,GAerED,KAAAE,MAAQC,IAYAH,KAAAI,KAAOC,GAAK,IAAML,KAAKM,MAAMf,E,CAJ7B,sBAAAgB,CAAuBC,GAC7BR,KAAKS,mBAAmBC,KAAK,CAAEC,gBAAiBH,G,CAKlD,kBAAAI,GACEZ,KAAKa,WACFC,QAAQC,IAAC,IAAAC,EAAAC,EAAK,OAACF,EAAEG,YAAYD,GAAAD,EAAAhB,KAAKmB,sBAAkB,MAAAH,SAAA,SAAAA,EAAEI,MAAMC,GAAMA,EAAEC,KAAOP,EAAEO,QAAG,MAAAL,SAAA,SAAAA,EAAEC,YAAa,IAAI,IACnGK,SAASC,I,OACRR,EAAAhB,KAAKC,eAAeuB,EAAEF,OAAG,MAAAN,SAAA,SAAAA,EAAES,WAAW,MAAM,IAGhDzB,KAAKmB,mBAAqBnB,KAAKa,U,CAGjC,MAAAa,GACE,IAAK,MAAMC,KAAO3B,KAAKC,eAAgB,QAC9BD,KAAKC,eAAe0B,E,CAG7B,OACEC,EAAA,YAAAC,IAAA,2CAAUC,MAAM,yBACdF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,WAAS,eACvBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAe,cAAa,QACrC9B,KAAKI,KAAK,gBAGfwB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACR9B,KAAKa,WAAWkB,KAAKvB,GACpBoB,EAAA,kBACEC,IAAKrB,EAAUc,GACfU,KAAK,QACLC,MAAOzB,EAAU0B,KACjBC,QAAS3B,EAAU2B,QACnBjB,SAAUV,EAAUU,SACpBgB,KAAMlC,KAAKE,MACXyB,IAAMA,GAAQA,IAAQ3B,KAAKC,eAAeO,EAAUc,IAAMK,GAC1DS,YAAa,IAAMpC,KAAKO,uBAAuBC,IAE9CA,EAAU0B,KACV1B,EAAU6B,KAAOT,EAAA,KAAGU,KAAK,QAAQ9B,EAAU6B,MAAY,S","ignoreList":[]}

package/dist/dso-toolkit/{p-3efab733.entry.js → p-e6c2e6df.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as s,c as t,h as e,H as i,a}from"./p-4798d219.js";const o=":host{display:block}";const r=o;const l=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}];const h=class{constructor(e){s(this,e);this.dsoSizeChange=t(this,"dsoSizeChange",7);this.sizeAlias=l[0].alias;this.sizeWidth=0;this.observer=new ResizeObserver((([s])=>{var t,e;if(!s){throw new Error("No entry found")}const i=(e=(t=l.find((t=>s.contentRect.width>=t.width)))===null||t===void 0?void 0:t.alias)!==null&&e!==void 0?e:l[0].alias;this.sizeAlias=i;this.dsoSizeChange.emit(i)}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return e(i,{key:"cea59e4cce2f8ed5802f4aac185431f16c952279",small:this.sizeAlias==="small",medium:this.sizeAlias==="medium",large:this.sizeAlias==="large"},e("slot",{key:"5363655a113fcb9720a312412c4759cda02da06b"}))}get host(){return a(this)}};h.style=r;export{h as dso_responsive_element};
-//# sourceMappingURL=p-3efab733.entry.js.map
+import{r as s,c as t,h as e,H as i,a}from"./p-4798d219.js";const o=":host{display:block}";const r=o;const l=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}];const h=class{constructor(e){s(this,e);this.dsoSizeChange=t(this,"dsoSizeChange",7);this.sizeAlias=l[0].alias;this.sizeWidth=0;this.observer=new ResizeObserver((([s])=>{var t,e;if(!s){throw new Error("No entry found")}const i=(e=(t=l.find((t=>s.contentRect.width>=t.width)))===null||t===void 0?void 0:t.alias)!==null&&e!==void 0?e:l[0].alias;this.sizeAlias=i;this.dsoSizeChange.emit(i)}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return e(i,{key:"7df8a0107dec10534a1ee68c12b0718675ca37d0",small:this.sizeAlias==="small",medium:this.sizeAlias==="medium",large:this.sizeAlias==="large"},e("slot",{key:"376cdb5c8b4b349877b7289b9bb5b0ae597620b6"}))}get host(){return a(this)}};h.style=r;export{h as dso_responsive_element};
+//# sourceMappingURL=p-e6c2e6df.entry.js.map

package/dist/dso-toolkit/{p-7ed4eb26.entry.js → p-e803037a.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,f as a,h as d,a as o}from"./p-4798d219.js";import{i as n}from"./p-2d694112.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:16px !important}}::slotted([slot=heading]){display:flex !important;align-items:center !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}";const c=i;const s=class{constructor(a){e(this,a);this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>a(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:n(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}render(){return d("div",{key:"78cf18921aeb132bad2b132898e1ee1bef891419",class:"dso-document-card-container"},d("div",{key:"5043d441e5392c27fb2cefe10a93a0dcd80bea34",class:"dso-document-card-heading"},d("a",{key:"fdfc22b565beefdfc823757e79ca544732184689",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},d("slot",{key:"6bda6acbae5b837c69b1257582c5cc00cc9cd70e",name:"heading"}),d("dso-icon",{key:"06ad26aabd164d9b396e8881e402a1dddb7e9170",icon:"chevron-right"})),this.metaSlottedElement!==null&&d("slot",{key:"230e5d40f3e9d8a43c215adfabe7a5db86bcbcb8",name:"meta"})),d("div",{key:"29fc7954ad95f27bc997bd2030819e93b2653e3f",class:"dso-document-card-type"},d("slot",{key:"8814202fe4397298db250712308dca8dbfbebd71",name:"type"})),d("div",{key:"00aa9f3ab7730b44d37c6337951462a27eb60f83",class:"dso-document-card-status"},d("slot",{key:"838fcf1bc32e8166dd3d5be2119a8d976820a43a",name:"status"})))}get host(){return o(this)}};s.style=c;export{s as dso_document_card};
-//# sourceMappingURL=p-7ed4eb26.entry.js.map
+import{r as e,c as t,f as d,h as a,a as o}from"./p-4798d219.js";import{i as n}from"./p-2d694112.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:16px !important}}::slotted([slot=heading]){display:flex !important;align-items:center !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}";const c=i;const s=class{constructor(d){e(this,d);this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>d(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:n(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}render(){return a("div",{key:"ae16753cb9c198cd7599fdd63fddf6ce2f97cf81",class:"dso-document-card-container"},a("div",{key:"af9c0dfd363d424e39db58be668d5f3c33bd007a",class:"dso-document-card-heading"},a("a",{key:"168715cbc5847cd4bd1498d3305f28250bca5c8a",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},a("slot",{key:"a786d8bc4f31c35c813b5c9028d6123f1e962bd0",name:"heading"}),a("dso-icon",{key:"cda3437d5660b16d65dbda5e03ded359636db782",icon:"chevron-right"})),this.metaSlottedElement!==null&&a("slot",{key:"7680d5ce9432af5c08ae34b0c7d8ec18d831b8f5",name:"meta"})),a("div",{key:"6868f5df8a030ad8c946ed7081a0c4b174e5f392",class:"dso-document-card-type"},a("slot",{key:"4a87519569e310c05d283be7933b88a8fa67d7b3",name:"type"})),a("div",{key:"6e79bfcd78f9da1c024169f852a5e16b29ca4e01",class:"dso-document-card-status"},a("slot",{key:"d9c8e9e3fef1eedac54e3d61daa59fa4d5f42dc0",name:"status"})))}get host(){return o(this)}};s.style=c;export{s as dso_document_card};
+//# sourceMappingURL=p-e803037a.entry.js.map

package/dist/dso-toolkit/{p-763e1f17.entry.js → p-e9d8509a.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as s,a as e}from"./p-4798d219.js";import{c as i}from"./p-8a1a6e56.js";import{d as r}from"./p-16e112f1.js";const n=':host{display:block;block-size:100%;overflow-y:hidden}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:auto}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}';const a=n;const c=new ResizeObserver(r((o=>o.forEach((o=>{var t;return(t=l(o))===null||t===void 0?void 0:t._setScrollState()}))),50));function l({target:o}){if(o.parentNode instanceof ShadowRoot&&d(o.parentNode.host)){return o.parentNode.host}if(o.parentElement&&d(o.parentElement)){return o.parentElement}return undefined}function d(o){return o.tagName==="DSO-SCROLLABLE"}const h=class{constructor(s){o(this,s);this.dsoScrollEnd=t(this,"dsoScrollEnd",7);this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{var t;const s=(t=o.parentElement)===null||t===void 0?void 0:t.closest("dso-scrollable");if(s!==this.host){return}this._setScrollState()}))));this.scrollPosition="noScroll"}async _setScrollState(){const o=this.getScrollPosition();if(this.scrollPosition!==o){this.scrollPosition=o;if(this.scrollPosition==="top"||this.scrollPosition==="bottom"){this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition})}}}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv){return"noScroll"}const{scrollHeight:o,clientHeight:t,scrollTop:s}=this.scrollContainerDiv;if(o<=t){return"noScroll"}if(s===0){return"top"}if(o-s-t<1){return"bottom"}if(s>0){return"middle"}return"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:true,attributes:false,childList:false,subtree:true});if(this.shadowContainerDiv instanceof HTMLDivElement){c.observe(this.shadowContainerDiv)}this.slottedElements.forEach((o=>c.observe(o)))}disconnectedCallback(){if(this.shadowContainerDiv instanceof HTMLDivElement){c.unobserve(this.shadowContainerDiv)}this.mutationObserver.disconnect();this.slottedElements.forEach((o=>c.unobserve(o)))}render(){return s("div",{key:"5fa153b6424805bef555cd316640230026565550",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},s("div",{key:"9dbed73cc2501c459b5a8e12a1762698a14c89df",ref:o=>this.scrollContainerDiv=o,class:i("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:this.scrollPosition!=="noScroll"}),onScroll:()=>this._setScrollState()},s("slot",{key:"268668379936c423e68714036e6840c661625452"})))}get host(){return e(this)}};h.style=a;export{h as dso_scrollable};
-//# sourceMappingURL=p-763e1f17.entry.js.map
+import{r as o,c as t,h as s,a as e}from"./p-4798d219.js";import{c as i}from"./p-8a1a6e56.js";import{d as r}from"./p-16e112f1.js";const n=':host{display:block;block-size:100%;overflow-y:hidden}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:auto}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}';const a=n;const l=new ResizeObserver(r((o=>o.forEach((o=>{var t;return(t=c(o))===null||t===void 0?void 0:t._setScrollState()}))),50));function c({target:o}){if(o.parentNode instanceof ShadowRoot&&d(o.parentNode.host)){return o.parentNode.host}if(o.parentElement&&d(o.parentElement)){return o.parentElement}return undefined}function d(o){return o.tagName==="DSO-SCROLLABLE"}const h=class{constructor(s){o(this,s);this.dsoScrollEnd=t(this,"dsoScrollEnd",7);this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{var t;const s=(t=o.parentElement)===null||t===void 0?void 0:t.closest("dso-scrollable");if(s!==this.host){return}this._setScrollState()}))));this.scrollPosition="noScroll"}async _setScrollState(){const o=this.getScrollPosition();if(this.scrollPosition!==o){this.scrollPosition=o;if(this.scrollPosition==="top"||this.scrollPosition==="bottom"){this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition})}}}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv){return"noScroll"}const{scrollHeight:o,clientHeight:t,scrollTop:s}=this.scrollContainerDiv;if(o<=t){return"noScroll"}if(s===0){return"top"}if(o-s-t<1){return"bottom"}if(s>0){return"middle"}return"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:true,attributes:false,childList:false,subtree:true});if(this.shadowContainerDiv instanceof HTMLDivElement){l.observe(this.shadowContainerDiv)}this.slottedElements.forEach((o=>l.observe(o)))}disconnectedCallback(){if(this.shadowContainerDiv instanceof HTMLDivElement){l.unobserve(this.shadowContainerDiv)}this.mutationObserver.disconnect();this.slottedElements.forEach((o=>l.unobserve(o)))}render(){return s("div",{key:"ff6794620912d49f124f4bac4222fd278dbd6b29",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},s("div",{key:"532d8178bd3755a10e3d3adbe582c8dfa894347a",ref:o=>this.scrollContainerDiv=o,class:i("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:this.scrollPosition!=="noScroll"}),onScroll:()=>this._setScrollState()},s("slot",{key:"ae425415162ffd8d13adae1e42c9e4728106d5d5"})))}get host(){return e(this)}};h.style=a;export{h as dso_scrollable};
+//# sourceMappingURL=p-e9d8509a.entry.js.map

package/dist/dso-toolkit/{p-8c0abadc.entry.js → p-ef783949.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{h as e,F as t,r as o,c as n}from"./p-4798d219.js";import{c as i}from"./p-8a1a6e56.js";const s=({owner:o,ancestors:n,item:r,index:a,level:l,setSize:c})=>{var d,u,h,p;return e("li",{key:r.id,class:i("tree-item",{"has-child":r.hasItems,"is-expanded":!!r.open&&!!((d=r.items)===null||d===void 0?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},r.hasItems?e("div",{onClick:e=>o.itemClick(e,n,r)},e("dso-icon",{icon:r.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:i("tree-content",{active:r.active},{selected:r.selected}),tabindex:l===1&&a===0?0:-1,role:"treeitem","aria-expanded":r.hasItems?""+(!!r.open&&!!((u=r.items)===null||u===void 0?void 0:u.length)):undefined,"aria-current":r.active?"true":undefined,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":r.loading?"true":undefined,"data-item-id":r.id,onClick:e=>o.itemClick(e,n,r)},r.selected&&e("span",{class:"sr-only"},"Resultaat: "),r.href?e("a",{href:r.href,tabindex:"-1"},r.label):e("span",null,r.label),(h=r.icons)===null||h===void 0?void 0:h.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),r.open&&e(t,null,r.hasItems&&!r.items&&r.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},(p=r.items)===null||p===void 0?void 0:p.map(((t,i,a)=>e(s,{owner:o,ancestors:[...n,r],item:t,index:i,level:l+1,setSize:a.length}))))))};const r=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-inline-start:0}:host ul[role=group]::before{border-inline-start:1px solid #275937;content:"";block-size:8px;inset-inline-start:44px;position:absolute;inset-block-start:0;inline-size:0}:host li:not(.has-child)::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:12px;position:absolute;inset-block-start:20px;inline-size:16px}:host li:not(.has-child)::after{border-inline-start:1px solid #275937;content:"";block-size:100%;inset-inline-start:12px;position:absolute;inset-block-start:8px;inline-size:0}:host li:not(.has-child):last-child::after{block-size:20px;inset-block-start:0}:host li.has-child::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:24px;position:absolute;inset-block-start:20px;inline-size:4px}:host li.has-child:not(:last-child)::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 24px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host li.has-child.is-expanded:last-child::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 32px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin-block:8px;margin-inline:0 8px;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin-block:8px;margin-inline:0;max-inline-size:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;margin-inline-start:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const a=r;const l=class{constructor(e){o(this,e);this.dsoOpenItem=n(this,"dsoOpenItem",7);this.dsoCloseItem=n(this,"dsoCloseItem",7);this.dsoClickItem=n(this,"dsoClickItem",7);this.keyDownListener=e=>{if(e.defaultPrevented){return}const t=e=>e.length===1&&e.match(/\S/);const o=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(e.target instanceof HTMLParagraphElement)||!(o instanceof HTMLElement)){return}switch(e.key){case"ArrowDown":l.moveFocus(o,e.target,"next");break;case"ArrowUp":l.moveFocus(o,e.target,"previous");break;case"ArrowRight":l.expandItemOrFocusChild(o,e.target);break;case"ArrowLeft":l.collapseItemOrFocusParent(o,e.target);break;case"End":l.moveFocus(o,e.target,"last");break;case"Home":l.moveFocus(o,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(t(e.key)){if(l.setFocusByFirstCharacter(o,e.target,e.key,e.shiftKey)){break}}return}e.preventDefault()};this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement)){return}const n=e.target.closest(".tree-content");if(n){const i=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(n instanceof HTMLParagraphElement)||!(i instanceof HTMLElement)){return}l.setFocus(i,n);this.dsoClickItem.emit({path:[...t,o],originalEvent:e});return}if(o.open){this.dsoCloseItem.emit([...t,o])}else{this.dsoOpenItem.emit([...t,o])}}}async focusItem(e){var t;const o=this.tree;if(!o||e.length===0){return false}const n=e[e.length-1];if(!n){throw new Error("No itemToFocus found")}const i=Array.from((t=o.querySelectorAll("p"))!==null&&t!==void 0?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset["itemId"]===n.id));if(!i){return false}l.setFocus(o,i);return true}static setFocus(e,t){if(t){Array.from(e.querySelectorAll("p")).filter((e=>e.tabIndex===0)).forEach((e=>e.tabIndex=-1));t.tabIndex=0;t.focus()}}static moveFocus(e,t,o){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let i=0;switch(o){case"first":i=0;break;case"previous":i=n.indexOf(t)-1;break;case"next":i=n.indexOf(t)+1;break;case"last":i=n.length-1;break}const s=n[i];if(!s){throw new Error("No focusableItem found")}l.setFocus(e,s)}static expandItemOrFocusChild(e,t){var o;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){l.moveFocus(e,t,"next")}else{const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}}static collapseItemOrFocusParent(e,t){var o,n,i;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}else{const o=(i=(n=t===null||t===void 0?void 0:t.parentElement)===null||n===void 0?void 0:n.parentElement)===null||i===void 0?void 0:i.previousElementSibling;if(o instanceof HTMLElement){l.setFocus(e,o)}}}static setFocusByFirstCharacter(e,t,o,n){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));if(n){i.reverse()}const s=i.indexOf(t);o=o.toLowerCase();let r=i.find(((e,t)=>{var n;return t>s&&((n=e.textContent)===null||n===void 0?void 0:n.toLowerCase().startsWith(o))}));if(!r){r=i.find(((e,t)=>{var n;return t<s&&((n=e.textContent)===null||n===void 0?void 0:n.toLowerCase().startsWith(o))}))}if(r){l.setFocus(e,r);return true}return false}render(){var t;return e("div",{key:"68895ed09b3f33a24917258d540d09b2fac123a1",id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{key:"2757425abdfb47e7d5beeca31274be4694329d8d",role:"tree","aria-label":"Objectenboom"},(t=this.collection)===null||t===void 0?void 0:t.map(((t,o)=>e(s,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};l.style=a;export{l as dso_tree_view};
-//# sourceMappingURL=p-8c0abadc.entry.js.map
+import{h as e,F as t,r as o,c as n}from"./p-4798d219.js";import{c as i}from"./p-8a1a6e56.js";const s=({owner:o,ancestors:n,item:r,index:a,level:l,setSize:c})=>{var d,u,h,p;return e("li",{key:r.id,class:i("tree-item",{"has-child":r.hasItems,"is-expanded":!!r.open&&!!((d=r.items)===null||d===void 0?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},r.hasItems?e("div",{onClick:e=>o.itemClick(e,n,r)},e("dso-icon",{icon:r.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:i("tree-content",{active:r.active},{selected:r.selected}),tabindex:l===1&&a===0?0:-1,role:"treeitem","aria-expanded":r.hasItems?""+(!!r.open&&!!((u=r.items)===null||u===void 0?void 0:u.length)):undefined,"aria-current":r.active?"true":undefined,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":r.loading?"true":undefined,"data-item-id":r.id,onClick:e=>o.itemClick(e,n,r)},r.selected&&e("span",{class:"sr-only"},"Resultaat: "),r.href?e("a",{href:r.href,tabindex:"-1"},r.label):e("span",null,r.label),(h=r.icons)===null||h===void 0?void 0:h.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),r.open&&e(t,null,r.hasItems&&!r.items&&r.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},(p=r.items)===null||p===void 0?void 0:p.map(((t,i,a)=>e(s,{owner:o,ancestors:[...n,r],item:t,index:i,level:l+1,setSize:a.length}))))))};const r=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-inline-start:0}:host ul[role=group]::before{border-inline-start:1px solid #275937;content:"";block-size:8px;inset-inline-start:44px;position:absolute;inset-block-start:0;inline-size:0}:host li:not(.has-child)::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:12px;position:absolute;inset-block-start:20px;inline-size:16px}:host li:not(.has-child)::after{border-inline-start:1px solid #275937;content:"";block-size:100%;inset-inline-start:12px;position:absolute;inset-block-start:8px;inline-size:0}:host li:not(.has-child):last-child::after{block-size:20px;inset-block-start:0}:host li.has-child::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:24px;position:absolute;inset-block-start:20px;inline-size:4px}:host li.has-child:not(:last-child)::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 24px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host li.has-child.is-expanded:last-child::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 32px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin-block:8px;margin-inline:0 8px;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin-block:8px;margin-inline:0;max-inline-size:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;margin-inline-start:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const a=r;const l=class{constructor(e){o(this,e);this.dsoOpenItem=n(this,"dsoOpenItem",7);this.dsoCloseItem=n(this,"dsoCloseItem",7);this.dsoClickItem=n(this,"dsoClickItem",7);this.keyDownListener=e=>{if(e.defaultPrevented){return}const t=e=>e.length===1&&e.match(/\S/);const o=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(e.target instanceof HTMLParagraphElement)||!(o instanceof HTMLElement)){return}switch(e.key){case"ArrowDown":l.moveFocus(o,e.target,"next");break;case"ArrowUp":l.moveFocus(o,e.target,"previous");break;case"ArrowRight":l.expandItemOrFocusChild(o,e.target);break;case"ArrowLeft":l.collapseItemOrFocusParent(o,e.target);break;case"End":l.moveFocus(o,e.target,"last");break;case"Home":l.moveFocus(o,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(t(e.key)){if(l.setFocusByFirstCharacter(o,e.target,e.key,e.shiftKey)){break}}return}e.preventDefault()};this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement)){return}const n=e.target.closest(".tree-content");if(n){const i=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(n instanceof HTMLParagraphElement)||!(i instanceof HTMLElement)){return}l.setFocus(i,n);this.dsoClickItem.emit({path:[...t,o],originalEvent:e});return}if(o.open){this.dsoCloseItem.emit([...t,o])}else{this.dsoOpenItem.emit([...t,o])}}}async focusItem(e){var t;const o=this.tree;if(!o||e.length===0){return false}const n=e[e.length-1];if(!n){throw new Error("No itemToFocus found")}const i=Array.from((t=o.querySelectorAll("p"))!==null&&t!==void 0?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset["itemId"]===n.id));if(!i){return false}l.setFocus(o,i);return true}static setFocus(e,t){if(t){Array.from(e.querySelectorAll("p")).filter((e=>e.tabIndex===0)).forEach((e=>e.tabIndex=-1));t.tabIndex=0;t.focus()}}static moveFocus(e,t,o){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let i=0;switch(o){case"first":i=0;break;case"previous":i=n.indexOf(t)-1;break;case"next":i=n.indexOf(t)+1;break;case"last":i=n.length-1;break}const s=n[i];if(!s){throw new Error("No focusableItem found")}l.setFocus(e,s)}static expandItemOrFocusChild(e,t){var o;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){l.moveFocus(e,t,"next")}else{const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}}static collapseItemOrFocusParent(e,t){var o,n,i;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}else{const o=(i=(n=t===null||t===void 0?void 0:t.parentElement)===null||n===void 0?void 0:n.parentElement)===null||i===void 0?void 0:i.previousElementSibling;if(o instanceof HTMLElement){l.setFocus(e,o)}}}static setFocusByFirstCharacter(e,t,o,n){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));if(n){i.reverse()}const s=i.indexOf(t);o=o.toLowerCase();let r=i.find(((e,t)=>{var n;return t>s&&((n=e.textContent)===null||n===void 0?void 0:n.toLowerCase().startsWith(o))}));if(!r){r=i.find(((e,t)=>{var n;return t<s&&((n=e.textContent)===null||n===void 0?void 0:n.toLowerCase().startsWith(o))}))}if(r){l.setFocus(e,r);return true}return false}render(){var t;return e("div",{key:"47e48fb5f1c83bda8a9ef8809f833c9f9ab6e2bc",id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{key:"53a0949638693abb7bc815696307bb131ebf995d",role:"tree","aria-label":"Objectenboom"},(t=this.collection)===null||t===void 0?void 0:t.map(((t,o)=>e(s,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};l.style=a;export{l as dso_tree_view};
+//# sourceMappingURL=p-ef783949.entry.js.map

package/dist/dso-toolkit/{p-48b2280f.entry.js → p-f91f8106.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as n,c as t,h as e,F as r}from"./p-4798d219.js";import{c as i}from"./p-4573c419.js";var o=1/0,u=9007199254740991,s=17976931348623157e292,a=0/0;var c="[object Arguments]",f="[object Function]",l="[object GeneratorFunction]",d="[object Map]",h="[object Object]",v="[object Promise]",p="[object Set]",b="[object String]",m="[object Symbol]",y="[object WeakMap]";var g="[object DataView]";var j=/[\\^$.*+?()[\]{}|]/g;var C=/^\s+|\s+$/g;var w=/^[-+]0x[0-9a-f]+$/i;var D=/^0b[01]+$/i;var A=/^\[object .+?Constructor\]$/;var O=/^0o[0-7]+$/i;var k=/^(?:0|[1-9]\d*)$/;var I="\\ud800-\\udfff",$="\\u0300-\\u036f\\ufe20-\\ufe23",T="\\u20d0-\\u20f0",F="\\ufe0e\\ufe0f";var S="["+I+"]",M="["+$+T+"]",x="\\ud83c[\\udffb-\\udfff]",E="(?:"+M+"|"+x+")",z="[^"+I+"]",L="(?:\\ud83c[\\udde6-\\uddff]){2}",R="[\\ud800-\\udbff][\\udc00-\\udfff]",W="\\u200d";var V=E+"?",_="["+F+"]?",K="(?:"+W+"(?:"+[z,L,R].join("|")+")"+_+V+")*",N=_+V+K,P="(?:"+[z+M+"?",M,L,R,S].join("|")+")";var B=RegExp(x+"(?="+x+")|"+P+N,"g");var G=RegExp("["+W+I+$+T+F+"]");var X=parseInt;var H=typeof i=="object"&&i&&i.Object===Object&&i;var q=typeof self=="object"&&self&&self.Object===Object&&self;var J=H||q||Function("return this")();function Q(n,t){var e=-1,r=n?n.length:0,i=Array(r);while(++e<r){i[e]=t(n[e],e,n)}return i}function U(n){return n.split("")}function Y(n,t){var e=-1,r=Array(n);while(++e<n){r[e]=t(e)}return r}function Z(n,t){return Q(t,(function(t){return n[t]}))}function nn(n,t){return n==null?undefined:n[t]}function tn(n){return G.test(n)}function en(n){var t=false;if(n!=null&&typeof n.toString!="function"){try{t=!!(n+"")}catch(n){}}return t}function rn(n){var t,e=[];while(!(t=n.next()).done){e.push(t.value)}return e}function on(n){var t=-1,e=Array(n.size);n.forEach((function(n,r){e[++t]=[r,n]}));return e}function un(n,t){return function(e){return n(t(e))}}function sn(n){var t=-1,e=Array(n.size);n.forEach((function(n){e[++t]=n}));return e}function an(n){return tn(n)?cn(n):U(n)}function cn(n){return n.match(B)||[]}var fn=Function.prototype,ln=Object.prototype;var dn=J["__core-js_shared__"];var hn=function(){var n=/[^.]+$/.exec(dn&&dn.keys&&dn.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();var vn=fn.toString;var pn=ln.hasOwnProperty;var bn=ln.toString;var mn=RegExp("^"+vn.call(pn).replace(j,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var yn=J.Symbol,gn=yn?yn.iterator:undefined,jn=ln.propertyIsEnumerable;var Cn=Math.floor,wn=un(Object.keys,Object),Dn=Math.random;var An=Kn(J,"DataView"),On=Kn(J,"Map"),kn=Kn(J,"Promise"),In=Kn(J,"Set"),$n=Kn(J,"WeakMap");var Tn=Hn(An),Fn=Hn(On),Sn=Hn(kn),Mn=Hn(In),xn=Hn($n);function En(n,t){var e=Un(n)||Qn(n)?Y(n.length,String):[];var r=e.length,i=!!r;for(var o in n){if((t||pn.call(n,o))&&!(i&&(o=="length"||Pn(o,r)))){e.push(o)}}return e}function zn(n,t,e){if(n===n){if(e!==undefined){n=n<=e?n:e}if(t!==undefined){n=n>=t?n:t}}return n}function Ln(n){return bn.call(n)}function Rn(n){if(!et(n)||Gn(n)){return false}var t=nt(n)||en(n)?mn:A;return t.test(Hn(n))}function Wn(n){if(!Xn(n)){return wn(n)}var t=[];for(var e in Object(n)){if(pn.call(n,e)&&e!="constructor"){t.push(e)}}return t}function Vn(n,t){return n+Cn(Dn()*(t-n+1))}function _n(n,t){var e=-1,r=n.length;t||(t=Array(r));while(++e<r){t[e]=n[e]}return t}function Kn(n,t){var e=nn(n,t);return Rn(e)?e:undefined}var Nn=Ln;if(An&&Nn(new An(new ArrayBuffer(1)))!=g||On&&Nn(new On)!=d||kn&&Nn(kn.resolve())!=v||In&&Nn(new In)!=p||$n&&Nn(new $n)!=y){Nn=function(n){var t=bn.call(n),e=t==h?n.constructor:undefined,r=e?Hn(e):undefined;if(r){switch(r){case Tn:return g;case Fn:return d;case Sn:return v;case Mn:return p;case xn:return y}}return t}}function Pn(n,t){t=t==null?u:t;return!!t&&(typeof n=="number"||k.test(n))&&(n>-1&&n%1==0&&n<t)}function Bn(n,t,e){if(!et(e)){return false}var r=typeof t;if(r=="number"?Yn(e)&&Pn(t,e.length):r=="string"&&t in e){return Jn(e[t],n)}return false}function Gn(n){return!!hn&&hn in n}function Xn(n){var t=n&&n.constructor,e=typeof t=="function"&&t.prototype||ln;return n===e}function Hn(n){if(n!=null){try{return vn.call(n)}catch(n){}try{return n+""}catch(n){}}return""}function qn(n,t,e){var r=-1,i=ut(n),o=i.length,u=o-1;if(e?Bn(n,t,e):t===undefined){t=1}else{t=zn(at(t),0,o)}while(++r<t){var s=Vn(r,u),a=i[s];i[s]=i[r];i[r]=a}i.length=t;return i}function Jn(n,t){return n===t||n!==n&&t!==t}function Qn(n){return Zn(n)&&pn.call(n,"callee")&&(!jn.call(n,"callee")||bn.call(n)==c)}var Un=Array.isArray;function Yn(n){return n!=null&&tt(n.length)&&!nt(n)}function Zn(n){return rt(n)&&Yn(n)}function nt(n){var t=et(n)?bn.call(n):"";return t==f||t==l}function tt(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=u}function et(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function rt(n){return!!n&&typeof n=="object"}function it(n){return typeof n=="string"||!Un(n)&&rt(n)&&bn.call(n)==b}function ot(n){return typeof n=="symbol"||rt(n)&&bn.call(n)==m}function ut(n){if(!n){return[]}if(Yn(n)){return it(n)?an(n):_n(n)}if(gn&&n[gn]){return rn(n[gn]())}var t=Nn(n),e=t==d?on:t==p?sn:lt;return e(n)}function st(n){if(!n){return n===0?n:0}n=ct(n);if(n===o||n===-o){var t=n<0?-1:1;return t*s}return n===n?n:0}function at(n){var t=st(n),e=t%1;return t===t?e?t-e:t:0}function ct(n){if(typeof n=="number"){return n}if(ot(n)){return a}if(et(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=et(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(C,"");var e=D.test(n);return e||O.test(n)?X(n.slice(2),e?2:8):w.test(n)?a:+n}function ft(n){return Yn(n)?En(n):Wn(n)}function lt(n){return n?Z(n,ft(n)):[]}var dt=qn;var ht=1/0,vt=9007199254740991,pt=17976931348623157e292,bt=0/0;var mt="[object Function]",yt="[object GeneratorFunction]",gt="[object Symbol]";var jt=/^\s+|\s+$/g;var Ct=/^[-+]0x[0-9a-f]+$/i;var wt=/^0b[01]+$/i;var Dt=/^0o[0-7]+$/i;var At=/^(?:0|[1-9]\d*)$/;var Ot=parseFloat,kt=parseInt;var It=Object.prototype;var $t=It.toString;var Tt=Math.floor,Ft=Math.min,St=Math.random;function Mt(n,t){return n+Tt(St()*(t-n+1))}function xt(n,t){t=t==null?vt:t;return!!t&&(typeof n=="number"||At.test(n))&&(n>-1&&n%1==0&&n<t)}function Et(n,t,e){if(!Vt(e)){return false}var r=typeof t;if(r=="number"?Lt(e)&&xt(t,e.length):r=="string"&&t in e){return zt(e[t],n)}return false}function zt(n,t){return n===t||n!==n&&t!==t}function Lt(n){return n!=null&&Wt(n.length)&&!Rt(n)}function Rt(n){var t=Vt(n)?$t.call(n):"";return t==mt||t==yt}function Wt(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=vt}function Vt(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function _t(n){return!!n&&typeof n=="object"}function Kt(n){return typeof n=="symbol"||_t(n)&&$t.call(n)==gt}function Nt(n){if(!n){return n===0?n:0}n=Pt(n);if(n===ht||n===-ht){var t=n<0?-1:1;return t*pt}return n===n?n:0}function Pt(n){if(typeof n=="number"){return n}if(Kt(n)){return bt}if(Vt(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=Vt(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(jt,"");var e=wt.test(n);return e||Dt.test(n)?kt(n.slice(2),e?2:8):Ct.test(n)?bt:+n}function Bt(n,t,e){if(e&&typeof e!="boolean"&&Et(n,t,e)){t=e=undefined}if(e===undefined){if(typeof t=="boolean"){e=t;t=undefined}else if(typeof n=="boolean"){e=n;n=undefined}}if(n===undefined&&t===undefined){n=0;t=1}else{n=Nt(n);if(t===undefined){t=n;n=0}else{t=Nt(t)}}if(n>t){var r=n;n=t;t=r}if(e||n%1||t%1){var i=St();return Ft(n+i*(t-n+Ot("1e-"+((i+"").length-1))),t)}return Mt(n,t)}var Gt=Bt;const Xt=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";const Ht=Xt;const qt=class{constructor(i){n(this,i);this.dsotOzonContentAnchorClick=t(this,"dsotOzonContentAnchorClick",7);this.dsotTableOfContentsClick=t(this,"dsotTableOfContentsClick",3);this.showCanvas=false;this.openDefault=false;this.mode="document";this.openOrClosed=[];this.openedAnnotation=[];this.filtered=[];this.notApplicable=[];this.activeAnnotationSelectables=[];this.handleRecursiveToggle=(n,t)=>{const e=this.getEmbeddedDocumentComponents(n);if(!e){return}for(const n of e.documentComponents){this.handleOpenToggle(n,t.next)}};this.DocumentComponent=({path:n})=>{const t=n.at(-1);if(!t||this.mode==="table-of-contents"&&t.type==="LID"){return e(r,null)}const{DocumentComponent:i}=this;const o=this.getEmbeddedDocumentComponents(t);return e("dso-document-component",{annotated:this.isAnnotated(t),bevatOntwerpInformatie:!!t.bevatOntwerpInformatie,filtered:this.isOpen(t)?this.isFiltered(t):this.hasFilteredChildren(t),genesteOntwerpInformatie:this.hasNestedDraft(t),gereserveerd:t.gereserveerd,heading:"h2",inhoud:t.inhoud,label:t.labelXml,openAnnotation:this.isOpenedAnnotation(t),notApplicable:this.isNotApplicable(t)||n.some((n=>this.isNotApplicable(n))),nummer:t.nummerXml,onDsoAnnotationToggle:()=>this.handleAnnotationToggle(t),onDsoOpenToggle:()=>this.handleOpenToggle(t),onDsoOzonContentAnchorClick:n=>this.handleOzonContentAnchorClick(n),open:this.isOpen(t),opschrift:t.opschrift,type:t.type,vervallen:t.vervallen,wijzigactie:t.wijzigactie,recursiveToggle:this.recursiveToggleState(t),onDsoRecursiveToggle:n=>this.handleRecursiveToggle(t,n.detail),mode:this.mode,href:this.mode==="table-of-contents"?"/document/"+t.documentTechnischId:undefined,onDsoTableOfContentsClick:n=>this.handleTableOfContentsClick(n)},this.isOpenedAnnotation(t)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(t),"gewijzigde-locatie":true,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(t)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(t)&&(o===null||o===void 0?void 0:o.documentComponents.length)&&e("ul",{class:"dso-document-component-list"},o.documentComponents.map((t=>e("li",{key:t.documentTechnischId},e(i,{path:[...n,t]}))))))};this.MenuButton=({documentComponent:n})=>{const{labelXml:t,nummerXml:i,type:o}=n;return e("button",{type:"button",onClick:()=>this.document=n},!t&&!i?e("span",null,e("i",null,o)):e(r,null,t&&e(r,null,e("dso-ozon-content",{content:t,inline:true})),i&&e(r,null," ",e("dso-ozon-content",{content:i,inline:true}))))}}async jsonFileWatcher(){this.openOrClosed=[];await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[];await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(n){var t,e;if((t=n===null||n===void 0?void 0:n._embedded)===null||t===void 0?void 0:t.ontwerpTekststructuurDocumentComponenten){return{documentComponents:n._embedded.ontwerpTekststructuurDocumentComponenten,ontwerp:true}}if((e=n===null||n===void 0?void 0:n._embedded)===null||e===void 0?void 0:e.tekststructuurDocumentComponenten){return{documentComponents:n._embedded.tekststructuurDocumentComponenten,ontwerp:false}}return undefined}concatEmbeddedDocumentComponents(n){var t,e;const r=[...(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents)!==null&&e!==void 0?e:[]];for(const n of r){r.push(...this.concatEmbeddedDocumentComponents(n))}return r}selectRandomDocumentComponents(n,t=[]){const e=this.concatEmbeddedDocumentComponents(n).filter((n=>!t.includes(n)));const r=Gt(0,Math.floor(e.length/10));return dt(e,r)}async loadData(){var n,t;if(!this.jsonFile){this.response=undefined;this.document=undefined;return}this.response=await fetch(this.jsonFile).then((n=>n.json()));this.document=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents[0];if(((t=this.document)===null||t===void 0?void 0:t.type)==="LICHAAM"){this.notApplicable=this.selectRandomDocumentComponents(this.document);this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)}else{this.notApplicable=[];this.filtered=[]}}handleOpenToggle(n,t){const e=typeof t==="boolean"?t:this.openOrClosed.includes(n);if(e&&this.openOrClosed.includes(n)){this.openOrClosed=this.openOrClosed.filter((t=>t!==n))}else if(!e&&!this.openOrClosed.includes(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleAnnotationToggle(n){this.openedAnnotation=this.isOpenedAnnotation(n)?this.openedAnnotation.filter((t=>t!==n)):[...this.openedAnnotation,n];if(!this.isOpen(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleSelectableChange(n){this.activeAnnotationSelectables=this.isCheckedSlideToggle(n)?this.activeAnnotationSelectables.filter((t=>t!==n)):[...this.activeAnnotationSelectables,n]}handleOzonContentAnchorClick(n){this.dsotOzonContentAnchorClick.emit(n.detail)}handleTableOfContentsClick(n){this.dsotTableOfContentsClick.emit(n.detail)}isCheckedSlideToggle(n){return this.activeAnnotationSelectables.includes(n)}hasFilteredChildren(n){var t,e;return this.filtered.includes(n)||((e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>this.hasFilteredChildren(n))))!==null&&e!==void 0?e:false)}isOpen(n){return n.type==="LID"||this.openDefault?!this.openOrClosed.includes(n):this.openOrClosed.includes(n)}isOpenedAnnotation(n){return this.openedAnnotation.includes(n)}isFiltered(n){return this.filtered.includes(n)}isNotApplicable(n){return this.notApplicable.includes(n)}hasNestedDraft(n){var t,e;return(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>!!n.bevatOntwerpInformatie||this.hasNestedDraft(n))))!==null&&e!==void 0?e:false}showContent(n){var t;return this.isOpen(n)&&!!(((t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.length)||n.inhoud)}recursiveToggleState(n){const t=this.getEmbeddedDocumentComponents(n);if(!t||t.documentComponents.length<=1||!t.documentComponents.some((n=>n.type==="ARTIKEL"))){return undefined}return t.documentComponents.every((n=>this.isOpen(n)))}isAnnotated(n){return n.type==="DIVISIE"||n.type==="DIVISIETEKST"||n.type==="ARTIKEL"||n.type==="LID"}render(){var n,t;const{DocumentComponent:r,MenuButton:i}=this;return e("dso-responsive-element",{key:"99c88d8329386d683152c853cce87e0c89ba1733",class:"dso-document-components"},e("div",{key:"8d279ced8931c15396942557e0f3b7b58d65f416",class:"dso-navbar"},e("ul",{key:"8b7adc58151c460c4cc252935e9aaf206d35c986",class:"dso-nav dso-nav-sub"},(t=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents)===null||t===void 0?void 0:t.map((n=>e("li",{class:this.document===n?"dso-active":undefined},e(i,{documentComponent:n})))))),this.document&&e(r,{key:"213829fba9eb5ee7b78983a16c63ae1c68666c28",path:[this.document]}))}static get watchers(){return{jsonFile:["jsonFileWatcher"],openDefault:["openDefaultWatcher"]}}};qt.style=Ht;export{qt as dsot_document_component_demo};
-//# sourceMappingURL=p-48b2280f.entry.js.map
+import{r as n,c as t,h as e,F as r}from"./p-4798d219.js";import{c as i}from"./p-4573c419.js";var o=1/0,u=9007199254740991,s=17976931348623157e292,a=0/0;var f="[object Arguments]",c="[object Function]",d="[object GeneratorFunction]",l="[object Map]",h="[object Object]",v="[object Promise]",p="[object Set]",b="[object String]",m="[object Symbol]",y="[object WeakMap]";var g="[object DataView]";var j=/[\\^$.*+?()[\]{}|]/g;var C=/^\s+|\s+$/g;var w=/^[-+]0x[0-9a-f]+$/i;var D=/^0b[01]+$/i;var A=/^\[object .+?Constructor\]$/;var O=/^0o[0-7]+$/i;var k=/^(?:0|[1-9]\d*)$/;var I="\\ud800-\\udfff",$="\\u0300-\\u036f\\ufe20-\\ufe23",T="\\u20d0-\\u20f0",F="\\ufe0e\\ufe0f";var S="["+I+"]",M="["+$+T+"]",x="\\ud83c[\\udffb-\\udfff]",E="(?:"+M+"|"+x+")",z="[^"+I+"]",L="(?:\\ud83c[\\udde6-\\uddff]){2}",R="[\\ud800-\\udbff][\\udc00-\\udfff]",W="\\u200d";var V=E+"?",_="["+F+"]?",K="(?:"+W+"(?:"+[z,L,R].join("|")+")"+_+V+")*",N=_+V+K,P="(?:"+[z+M+"?",M,L,R,S].join("|")+")";var B=RegExp(x+"(?="+x+")|"+P+N,"g");var G=RegExp("["+W+I+$+T+F+"]");var X=parseInt;var H=typeof i=="object"&&i&&i.Object===Object&&i;var q=typeof self=="object"&&self&&self.Object===Object&&self;var J=H||q||Function("return this")();function Q(n,t){var e=-1,r=n?n.length:0,i=Array(r);while(++e<r){i[e]=t(n[e],e,n)}return i}function U(n){return n.split("")}function Y(n,t){var e=-1,r=Array(n);while(++e<n){r[e]=t(e)}return r}function Z(n,t){return Q(t,(function(t){return n[t]}))}function nn(n,t){return n==null?undefined:n[t]}function tn(n){return G.test(n)}function en(n){var t=false;if(n!=null&&typeof n.toString!="function"){try{t=!!(n+"")}catch(n){}}return t}function rn(n){var t,e=[];while(!(t=n.next()).done){e.push(t.value)}return e}function on(n){var t=-1,e=Array(n.size);n.forEach((function(n,r){e[++t]=[r,n]}));return e}function un(n,t){return function(e){return n(t(e))}}function sn(n){var t=-1,e=Array(n.size);n.forEach((function(n){e[++t]=n}));return e}function an(n){return tn(n)?fn(n):U(n)}function fn(n){return n.match(B)||[]}var cn=Function.prototype,dn=Object.prototype;var ln=J["__core-js_shared__"];var hn=function(){var n=/[^.]+$/.exec(ln&&ln.keys&&ln.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""}();var vn=cn.toString;var pn=dn.hasOwnProperty;var bn=dn.toString;var mn=RegExp("^"+vn.call(pn).replace(j,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var yn=J.Symbol,gn=yn?yn.iterator:undefined,jn=dn.propertyIsEnumerable;var Cn=Math.floor,wn=un(Object.keys,Object),Dn=Math.random;var An=Kn(J,"DataView"),On=Kn(J,"Map"),kn=Kn(J,"Promise"),In=Kn(J,"Set"),$n=Kn(J,"WeakMap");var Tn=Hn(An),Fn=Hn(On),Sn=Hn(kn),Mn=Hn(In),xn=Hn($n);function En(n,t){var e=Un(n)||Qn(n)?Y(n.length,String):[];var r=e.length,i=!!r;for(var o in n){if((t||pn.call(n,o))&&!(i&&(o=="length"||Pn(o,r)))){e.push(o)}}return e}function zn(n,t,e){if(n===n){if(e!==undefined){n=n<=e?n:e}if(t!==undefined){n=n>=t?n:t}}return n}function Ln(n){return bn.call(n)}function Rn(n){if(!et(n)||Gn(n)){return false}var t=nt(n)||en(n)?mn:A;return t.test(Hn(n))}function Wn(n){if(!Xn(n)){return wn(n)}var t=[];for(var e in Object(n)){if(pn.call(n,e)&&e!="constructor"){t.push(e)}}return t}function Vn(n,t){return n+Cn(Dn()*(t-n+1))}function _n(n,t){var e=-1,r=n.length;t||(t=Array(r));while(++e<r){t[e]=n[e]}return t}function Kn(n,t){var e=nn(n,t);return Rn(e)?e:undefined}var Nn=Ln;if(An&&Nn(new An(new ArrayBuffer(1)))!=g||On&&Nn(new On)!=l||kn&&Nn(kn.resolve())!=v||In&&Nn(new In)!=p||$n&&Nn(new $n)!=y){Nn=function(n){var t=bn.call(n),e=t==h?n.constructor:undefined,r=e?Hn(e):undefined;if(r){switch(r){case Tn:return g;case Fn:return l;case Sn:return v;case Mn:return p;case xn:return y}}return t}}function Pn(n,t){t=t==null?u:t;return!!t&&(typeof n=="number"||k.test(n))&&(n>-1&&n%1==0&&n<t)}function Bn(n,t,e){if(!et(e)){return false}var r=typeof t;if(r=="number"?Yn(e)&&Pn(t,e.length):r=="string"&&t in e){return Jn(e[t],n)}return false}function Gn(n){return!!hn&&hn in n}function Xn(n){var t=n&&n.constructor,e=typeof t=="function"&&t.prototype||dn;return n===e}function Hn(n){if(n!=null){try{return vn.call(n)}catch(n){}try{return n+""}catch(n){}}return""}function qn(n,t,e){var r=-1,i=ut(n),o=i.length,u=o-1;if(e?Bn(n,t,e):t===undefined){t=1}else{t=zn(at(t),0,o)}while(++r<t){var s=Vn(r,u),a=i[s];i[s]=i[r];i[r]=a}i.length=t;return i}function Jn(n,t){return n===t||n!==n&&t!==t}function Qn(n){return Zn(n)&&pn.call(n,"callee")&&(!jn.call(n,"callee")||bn.call(n)==f)}var Un=Array.isArray;function Yn(n){return n!=null&&tt(n.length)&&!nt(n)}function Zn(n){return rt(n)&&Yn(n)}function nt(n){var t=et(n)?bn.call(n):"";return t==c||t==d}function tt(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=u}function et(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function rt(n){return!!n&&typeof n=="object"}function it(n){return typeof n=="string"||!Un(n)&&rt(n)&&bn.call(n)==b}function ot(n){return typeof n=="symbol"||rt(n)&&bn.call(n)==m}function ut(n){if(!n){return[]}if(Yn(n)){return it(n)?an(n):_n(n)}if(gn&&n[gn]){return rn(n[gn]())}var t=Nn(n),e=t==l?on:t==p?sn:dt;return e(n)}function st(n){if(!n){return n===0?n:0}n=ft(n);if(n===o||n===-o){var t=n<0?-1:1;return t*s}return n===n?n:0}function at(n){var t=st(n),e=t%1;return t===t?e?t-e:t:0}function ft(n){if(typeof n=="number"){return n}if(ot(n)){return a}if(et(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=et(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(C,"");var e=D.test(n);return e||O.test(n)?X(n.slice(2),e?2:8):w.test(n)?a:+n}function ct(n){return Yn(n)?En(n):Wn(n)}function dt(n){return n?Z(n,ct(n)):[]}var lt=qn;var ht=1/0,vt=9007199254740991,pt=17976931348623157e292,bt=0/0;var mt="[object Function]",yt="[object GeneratorFunction]",gt="[object Symbol]";var jt=/^\s+|\s+$/g;var Ct=/^[-+]0x[0-9a-f]+$/i;var wt=/^0b[01]+$/i;var Dt=/^0o[0-7]+$/i;var At=/^(?:0|[1-9]\d*)$/;var Ot=parseFloat,kt=parseInt;var It=Object.prototype;var $t=It.toString;var Tt=Math.floor,Ft=Math.min,St=Math.random;function Mt(n,t){return n+Tt(St()*(t-n+1))}function xt(n,t){t=t==null?vt:t;return!!t&&(typeof n=="number"||At.test(n))&&(n>-1&&n%1==0&&n<t)}function Et(n,t,e){if(!Vt(e)){return false}var r=typeof t;if(r=="number"?Lt(e)&&xt(t,e.length):r=="string"&&t in e){return zt(e[t],n)}return false}function zt(n,t){return n===t||n!==n&&t!==t}function Lt(n){return n!=null&&Wt(n.length)&&!Rt(n)}function Rt(n){var t=Vt(n)?$t.call(n):"";return t==mt||t==yt}function Wt(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=vt}function Vt(n){var t=typeof n;return!!n&&(t=="object"||t=="function")}function _t(n){return!!n&&typeof n=="object"}function Kt(n){return typeof n=="symbol"||_t(n)&&$t.call(n)==gt}function Nt(n){if(!n){return n===0?n:0}n=Pt(n);if(n===ht||n===-ht){var t=n<0?-1:1;return t*pt}return n===n?n:0}function Pt(n){if(typeof n=="number"){return n}if(Kt(n)){return bt}if(Vt(n)){var t=typeof n.valueOf=="function"?n.valueOf():n;n=Vt(t)?t+"":t}if(typeof n!="string"){return n===0?n:+n}n=n.replace(jt,"");var e=wt.test(n);return e||Dt.test(n)?kt(n.slice(2),e?2:8):Ct.test(n)?bt:+n}function Bt(n,t,e){if(e&&typeof e!="boolean"&&Et(n,t,e)){t=e=undefined}if(e===undefined){if(typeof t=="boolean"){e=t;t=undefined}else if(typeof n=="boolean"){e=n;n=undefined}}if(n===undefined&&t===undefined){n=0;t=1}else{n=Nt(n);if(t===undefined){t=n;n=0}else{t=Nt(t)}}if(n>t){var r=n;n=t;t=r}if(e||n%1||t%1){var i=St();return Ft(n+i*(t-n+Ot("1e-"+((i+"").length-1))),t)}return Mt(n,t)}var Gt=Bt;const Xt=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";const Ht=Xt;const qt=class{constructor(i){n(this,i);this.dsotOzonContentAnchorClick=t(this,"dsotOzonContentAnchorClick",7);this.dsotTableOfContentsClick=t(this,"dsotTableOfContentsClick",3);this.showCanvas=false;this.openDefault=false;this.mode="document";this.openOrClosed=[];this.openedAnnotation=[];this.filtered=[];this.notApplicable=[];this.activeAnnotationSelectables=[];this.handleRecursiveToggle=(n,t)=>{const e=this.getEmbeddedDocumentComponents(n);if(!e){return}for(const n of e.documentComponents){this.handleOpenToggle(n,t.next)}};this.DocumentComponent=({path:n})=>{const t=n.at(-1);if(!t||this.mode==="table-of-contents"&&t.type==="LID"){return e(r,null)}const{DocumentComponent:i}=this;const o=this.getEmbeddedDocumentComponents(t);return e("dso-document-component",{annotated:this.isAnnotated(t),bevatOntwerpInformatie:!!t.bevatOntwerpInformatie,filtered:this.isOpen(t)?this.isFiltered(t):this.hasFilteredChildren(t),genesteOntwerpInformatie:this.hasNestedDraft(t),gereserveerd:t.gereserveerd,heading:"h2",inhoud:t.inhoud,label:t.labelXml,openAnnotation:this.isOpenedAnnotation(t),notApplicable:this.isNotApplicable(t)||n.some((n=>this.isNotApplicable(n))),nummer:t.nummerXml,onDsoAnnotationToggle:()=>this.handleAnnotationToggle(t),onDsoOpenToggle:()=>this.handleOpenToggle(t),onDsoOzonContentAnchorClick:n=>this.handleOzonContentAnchorClick(n),open:this.isOpen(t),opschrift:t.opschrift,type:t.type,vervallen:t.vervallen,wijzigactie:t.wijzigactie,recursiveToggle:this.recursiveToggleState(t),onDsoRecursiveToggle:n=>this.handleRecursiveToggle(t,n.detail),mode:this.mode,href:this.mode==="table-of-contents"?"/document/"+t.documentTechnischId:undefined,onDsoTableOfContentsClick:n=>this.handleTableOfContentsClick(n)},this.isOpenedAnnotation(t)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(t),"gewijzigde-locatie":true,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(t)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(t)&&(o===null||o===void 0?void 0:o.documentComponents.length)&&e("ul",{class:"dso-document-component-list"},o.documentComponents.map((t=>e("li",{key:t.documentTechnischId},e(i,{path:[...n,t]}))))))};this.MenuButton=({documentComponent:n})=>{const{labelXml:t,nummerXml:i,type:o}=n;return e("button",{type:"button",onClick:()=>this.document=n},!t&&!i?e("span",null,e("i",null,o)):e(r,null,t&&e(r,null,e("dso-ozon-content",{content:t,inline:true})),i&&e(r,null," ",e("dso-ozon-content",{content:i,inline:true}))))}}async jsonFileWatcher(){this.openOrClosed=[];await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[];await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(n){var t,e;if((t=n===null||n===void 0?void 0:n._embedded)===null||t===void 0?void 0:t.ontwerpTekststructuurDocumentComponenten){return{documentComponents:n._embedded.ontwerpTekststructuurDocumentComponenten,ontwerp:true}}if((e=n===null||n===void 0?void 0:n._embedded)===null||e===void 0?void 0:e.tekststructuurDocumentComponenten){return{documentComponents:n._embedded.tekststructuurDocumentComponenten,ontwerp:false}}return undefined}concatEmbeddedDocumentComponents(n){var t,e;const r=[...(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents)!==null&&e!==void 0?e:[]];for(const n of r){r.push(...this.concatEmbeddedDocumentComponents(n))}return r}selectRandomDocumentComponents(n,t=[]){const e=this.concatEmbeddedDocumentComponents(n).filter((n=>!t.includes(n)));const r=Gt(0,Math.floor(e.length/10));return lt(e,r)}async loadData(){var n,t;if(!this.jsonFile){this.response=undefined;this.document=undefined;return}this.response=await fetch(this.jsonFile).then((n=>n.json()));this.document=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents[0];if(((t=this.document)===null||t===void 0?void 0:t.type)==="LICHAAM"){this.notApplicable=this.selectRandomDocumentComponents(this.document);this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)}else{this.notApplicable=[];this.filtered=[]}}handleOpenToggle(n,t){const e=typeof t==="boolean"?t:this.openOrClosed.includes(n);if(e&&this.openOrClosed.includes(n)){this.openOrClosed=this.openOrClosed.filter((t=>t!==n))}else if(!e&&!this.openOrClosed.includes(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleAnnotationToggle(n){this.openedAnnotation=this.isOpenedAnnotation(n)?this.openedAnnotation.filter((t=>t!==n)):[...this.openedAnnotation,n];if(!this.isOpen(n)){this.openOrClosed=[...this.openOrClosed,n]}}handleSelectableChange(n){this.activeAnnotationSelectables=this.isCheckedSlideToggle(n)?this.activeAnnotationSelectables.filter((t=>t!==n)):[...this.activeAnnotationSelectables,n]}handleOzonContentAnchorClick(n){this.dsotOzonContentAnchorClick.emit(n.detail)}handleTableOfContentsClick(n){this.dsotTableOfContentsClick.emit(n.detail)}isCheckedSlideToggle(n){return this.activeAnnotationSelectables.includes(n)}hasFilteredChildren(n){var t,e;return this.filtered.includes(n)||((e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>this.hasFilteredChildren(n))))!==null&&e!==void 0?e:false)}isOpen(n){return n.type==="LID"||this.openDefault?!this.openOrClosed.includes(n):this.openOrClosed.includes(n)}isOpenedAnnotation(n){return this.openedAnnotation.includes(n)}isFiltered(n){return this.filtered.includes(n)}isNotApplicable(n){return this.notApplicable.includes(n)}hasNestedDraft(n){var t,e;return(e=(t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.some((n=>!!n.bevatOntwerpInformatie||this.hasNestedDraft(n))))!==null&&e!==void 0?e:false}showContent(n){var t;return this.isOpen(n)&&!!(((t=this.getEmbeddedDocumentComponents(n))===null||t===void 0?void 0:t.documentComponents.length)||n.inhoud)}recursiveToggleState(n){const t=this.getEmbeddedDocumentComponents(n);if(!t||t.documentComponents.length<=1||!t.documentComponents.some((n=>n.type==="ARTIKEL"))){return undefined}return t.documentComponents.every((n=>this.isOpen(n)))}isAnnotated(n){return n.type==="DIVISIE"||n.type==="DIVISIETEKST"||n.type==="ARTIKEL"||n.type==="LID"}render(){var n,t;const{DocumentComponent:r,MenuButton:i}=this;return e("dso-responsive-element",{key:"487ea5957411bf8fe8bf42b34555076ae30079a6",class:"dso-document-components"},e("div",{key:"312dbb3e48673150f6d3a2318e3387994f186d14",class:"dso-navbar"},e("ul",{key:"9f0f29ddd997906ef4a071dcc70ffb48342863bd",class:"dso-nav dso-nav-sub"},(t=(n=this.getEmbeddedDocumentComponents(this.response))===null||n===void 0?void 0:n.documentComponents)===null||t===void 0?void 0:t.map((n=>e("li",{class:this.document===n?"dso-active":undefined},e(i,{documentComponent:n})))))),this.document&&e(r,{key:"5ac9f2dc49fcf37166bea36d3c00d415d55e35a9",path:[this.document]}))}static get watchers(){return{jsonFile:["jsonFileWatcher"],openDefault:["openDefaultWatcher"]}}};qt.style=Ht;export{qt as dsot_document_component_demo};
+//# sourceMappingURL=p-f91f8106.entry.js.map