@dso-toolkit/core 79.0.0 → 79.1.0

package/dist/dso-toolkit/p-3885ca9b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["translations","en","close","success","info","warning","error","nl","alertCss","Alert","constructor","hostRef","this","closable","text","i18n","host","render","status","Error","h","key","class","clsx","compact","role","roleAlert","undefined","icon","type","onClick","e","dsoClose","emit","originalEvent","badgeCss","Badge","imageOverlayCss","wijzigactieLabels","verwijder","voegtoe","Dimmer","active","src","alt","ref","click","children","ImageOverlay","zoomable","titelSlot","bijschriftSlot","loadListener","event","target","HTMLImageElement","setZoomable","connectedCallback","querySelector","componentDidLoad","resizeObserver","ResizeObserver","debounce","imgElement","mutationObserver","MutationObserver","forceUpdate","_a","_b","disconnect","initZoomableImage","observe","attributes","subtree","attributeFilter","childList","disconnectedCallback","trap","deactivate","_c","complete","imageElement","width","naturalWidth","height","naturalHeight","isWijzigactie","wijzigactie","editActionLabel","button","element","buttonElement","Host","focus","wrapperElement","name","hidden","componentDidRender","createFocusTrap","escapeDeactivates","clickOutsideDeactivates","MouseEvent","composedPath","setReturnFocus","onDeactivate","activate","getNodeName","node","Element","localName","nodeName","includes","substring","indexOf","OzonContentAbbrNode","mapNodeToJsx","title","getAttribute","childNodes","WrapWijzigactie","parseWijzigactieFromNode","wijzigactieToClassName","isNestedAl","path","some","n","OzonContentAlNode","inline","content","className","OzonContentBronNode","OzonContentDocumentNode","Fragment","symbolTag","reAsciiWord","reLatin","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsDingbatRange","rsLowerRange","rsMathOpRange","rsNonCharRange","rsPunctuationRange","rsSpaceRange","rsUpperRange","rsVarRange","rsBreakRange","rsApos","rsBreak","rsCombo","rsDigits","rsDingbat","rsLower","rsMisc","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsUpper","rsZWJ","rsLowerMisc","rsUpperMisc","rsOptLowerContr","rsOptUpperContr","reOptMod","rsOptVar","rsOptJoin","join","rsSeq","rsEmoji","reApos","RegExp","reComboMark","reUnicodeWord","reHasUnicodeWord","deburredLetters","freeGlobal","global","Object","freeSelf","self","root","Function","arrayReduce","array","iteratee","accumulator","initAccum","index","length","asciiWords","string","match","basePropertyOf","object","deburrLetter","hasUnicodeWord","test","unicodeWords","objectProto","prototype","objectToString","toString","Symbol","symbolProto","symbolToString","baseToString","value","isSymbol","call","result","Infinity","createCompounder","callback","words","deburr","replace","isObjectLike","kebabCase","word","toLowerCase","pattern","guard","lodash_kebabcase","OzonContentExtRefNode","urlResolver","tagName","href","rel","OzonContentFallbackNode","Bijschrift","bijschrift","bron","bronText","textContent","trim","inhoud","OzonContentFiguurNode","getStyle","illustratie","widthPixels","Number","breedte","heightPixels","hoogte","style","uitlijning","widthPercentage","Math","min","dpi","assign","mapIllustratieNode","naam","find","u","Array","from","titel","illustratieNode","bijschriftNode","locatie","slot","_e","_d","OzonContentInhoudNode","richContent","OzonContentInlineTekstAfbeeldingNode","OzonContentInlineNodes","Tag","OzonContentIntIoRefNode","emitAnchorClick","intRefOnClick","preventDefault","currentTarget","HTMLAnchorElement","documentComponent","OzonContentIntRefNode","mapData","label","nummer","opschrift","subtitels","querySelectorAll","OzonContentKopNode","handles","emitClick","handleKopClick","wijzigactieLabel","wijzigactieNummer","wijzigactieOpschrift","part","map","subtitel","wijzigactieSubtitel","OzonContentLijstNode","parseTypeFromLijstNode","aanhef","sluiting","listItems","filter","item","itemNodes","liNummer","liWijzigactie","OzonContentNieuweTekstNode","OzonContentNootNode","identify","state","openNoteId","setState","noteId","console","noteControlsId","nootNummer","onBlur","id","stateless","descriptive","mapColspecs","count","nodeList","elements","totalWidth","getTotalWidth","columns","colNumber","colsep","number","parseInt","rowsep","getWidth","reduce","colWidth","isNaN","round","Colgroup","colspecs","colspec","getColspecStartColsep","nameStart","colspecStart","c","getColspecStartRowsep","getData","cell","row","parentElement","tgroup","table","moreRows","nameEnd","getColspan","colspecEnd","colspan","Cell","context","rowSpan","colSpan","Rows","rows","colAttribute","columnCount","caption","headRows","bodyRows","frame","OzonContentTableNode","uuidv4","OzonContentTextNode","mark","emitMarkItemHighlight","highlight","OzonContentVerwijderdeTekstNode","Mapper","mappers","skip","t","m","push","fallbackNode","findMapper","isArray","NodeList","mapper","identity","s","transform","input","document","inputToXmlDocument","message","getRootNode","XMLDocument","domParser","DOMParser","parseFromString","implementation","createDocument","ozonContentCss","OzonContent","handleMarkItemHighlight","elementRef","dsoOzonContentMarkItemHighlight","contentWatcher","dsoAnchorClick","dsoClick","transformed","panelCss","Panel","emphasized","dsoCloseClick","closeButtonLabel","tableCss","Table","labelledbyId","v4","noModal","modalActive","startResponsiveBehavior","componentWillLoad","entries","setResponsiveTable","setFocusTrap","isResponsive","placeholderHeight","focusTrapElement","display","openModal","closeModal","clientHeight","tabbableOptions","getShadowRoot","dsoTable","tableElement","HTMLTableElement","floor","getBoundingClientRect","contentRect"],"sources":["src/components/alert/alert.i18n.ts","src/components/alert/alert.scss?tag=dso-alert&encapsulation=shadow","src/components/alert/alert.tsx","src/components/badge/badge.scss?tag=dso-badge&encapsulation=shadow","src/components/badge/badge.tsx","src/components/image-overlay/image-overlay.scss?tag=dso-image-overlay&encapsulation=shadow","src/components/image-overlay/image-overlay.tsx","src/components/ozon-content/get-node-name.function.ts","src/components/ozon-content/nodes/abbr.node.tsx","src/components/ozon-content/functional-components/wrap-wijzigactie.functional-component.tsx","src/components/ozon-content/functions/parse-wijzigactie-from-node.function.ts","src/components/ozon-content/functions/wijzigactie-to-class-name.function.ts","src/components/ozon-content/nodes/al.node.tsx","src/components/ozon-content/nodes/bron.node.tsx","src/components/ozon-content/nodes/document.node.tsx","../../node_modules/lodash.kebabcase/index.js","src/components/ozon-content/nodes/ext-ref.node.tsx","src/components/ozon-content/nodes/fallback.node.tsx","src/components/ozon-content/nodes/figuur.node.tsx","src/components/ozon-content/nodes/inhoud.node.tsx","src/components/ozon-content/nodes/inline-tekst-afbeelding.node.tsx","src/components/ozon-content/nodes/inline.nodes.tsx","src/components/ozon-content/nodes/int-io-ref.node.tsx","src/components/ozon-content/nodes/int-ref.node.tsx","src/components/ozon-content/nodes/kop.node.tsx","src/components/ozon-content/nodes/lijst.node.tsx","src/components/ozon-content/nodes/nieuwe-tekst.node.tsx","src/components/ozon-content/nodes/noot.node.tsx","src/components/ozon-content/nodes/table.node/colspec/colspec-mapper.ts","src/components/ozon-content/nodes/table.node/table-colgroup.tsx","src/components/ozon-content/nodes/table.node/table-cell.tsx","src/components/ozon-content/nodes/table.node/table-rows.tsx","src/components/ozon-content/nodes/table.node/table.node.tsx","src/components/ozon-content/nodes/text.node.tsx","src/components/ozon-content/nodes/verwijderde-tekst.node.tsx","src/components/ozon-content/ozon-content-mapper.tsx","src/components/ozon-content/ozon-content.scss?tag=dso-ozon-content&encapsulation=shadow","src/components/ozon-content/ozon-content.tsx","src/components/panel/panel.i18n.ts","src/components/panel/panel.scss?tag=dso-panel&encapsulation=shadow","src/components/panel/panel.tsx","src/components/table/table.scss?tag=dso-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-alert\": {\r\n      close: \"Close\",\r\n      success: \"Success\",\r\n      info: \"Notice\",\r\n      warning: \"Warning\",\r\n      error: \"Error\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-alert\": {\r\n      close: \"Sluiten\",\r\n      success: \"Gelukt\",\r\n      info: \"Opmerking\",\r\n      warning: \"Waarschuwing\",\r\n      error: \"Fout\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/alert\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host(:not(:first-child)) {\r\n  margin-block-start: units.$u3;\r\n}\r\n\r\n:host([compact]:not([compact=\"false\"])) {\r\n  position: relative;\r\n  @include alert.compact();\r\n}\r\n\r\n:host([status=\"success\"]) {\r\n  @include alert.status-success();\r\n}\r\n\r\n:host([status=\"success\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$success-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"error\"]) {\r\n  @include alert.status-error();\r\n}\r\n\r\n:host([status=\"error\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$danger-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"warning\"]) {\r\n  @include alert.status-warning();\r\n}\r\n\r\n:host([status=\"warning\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$warning-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"info\"]) {\r\n  @include alert.status-info();\r\n}\r\n\r\n:host([status=\"info\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$info-compact-accent-bg;\r\n  }\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.alert {\r\n  @include alert.root();\r\n\r\n  &.dso-compact {\r\n    min-block-size: alert.$inline-padding;\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./alert.i18n\";\r\nimport { AlertCloseEvent } from \"./alert.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-alert\",\r\n  styleUrl: \"alert.scss\",\r\n  shadow: true,\r\n})\r\nexport class Alert {\r\n  @Element()\r\n  host!: HTMLDsoAlertElement;\r\n\r\n  /**\r\n   * Set status of alert\r\n   */\r\n  @Prop({ reflect: true })\r\n  status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n  /**\r\n   * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n   */\r\n  @Prop()\r\n  roleAlert?: boolean;\r\n\r\n  /**\r\n   * Show alert as compact variant (without icon)\r\n   */\r\n  @Prop({ reflect: true })\r\n  compact?: boolean;\r\n\r\n  /**\r\n   * When `false` the close button in the alert will not be rendered.\r\n   */\r\n  @Prop()\r\n  closable = false;\r\n\r\n  /**\r\n   * Emitted when the user closes the Alert.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<AlertCloseEvent>;\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  render() {\r\n    const status = this.text(this.status);\r\n    if (!status) {\r\n      throw new Error(`Invalid status ${this.status}`);\r\n    }\r\n\r\n    return (\r\n      <div\r\n        class={clsx(\"alert\", `alert-${this.status}`, { \"dso-compact\": this.compact })}\r\n        role={this.roleAlert ? \"alert\" : undefined}\r\n      >\r\n        {!this.compact && <dso-icon class=\"icon-status\" icon={\"status-\" + this.status} />}\r\n        <span class=\"sr-only\">{status}:</span>\r\n        <slot></slot>\r\n\r\n        {this.closable && (\r\n          <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">{this.text(\"close\")}</span>\r\n          </button>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/badge\";\r\n\r\n:host {\r\n  display: inline-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.dso-badge {\r\n  @include badge.root();\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { BadgeStatus } from \"./badge.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-badge\",\r\n  styleUrl: \"badge.scss\",\r\n  shadow: true,\r\n})\r\nexport class Badge {\r\n  /**\r\n   * The status of the Badge.\r\n   */\r\n  @Prop()\r\n  status?: BadgeStatus;\r\n\r\n  render() {\r\n    return (\r\n      <span class={clsx(\"dso-badge\", { [`badge-${this.status}`]: this.status })}>\r\n        <slot></slot>\r\n      </span>\r\n    );\r\n  }\r\n}\r\n","@use \"sass:color\";\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@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n:host(:hover) .open,\r\n.open:focus {\r\n  opacity: 1;\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.open {\r\n  @include button.secondary($modifiers: false, $icon-only: true);\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    border: 0;\r\n    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\r\n    min-inline-size: auto;\r\n    padding: units.$u1;\r\n    opacity: 0;\r\n    position: absolute;\r\n    inset-inline-end: units.$u2;\r\n    inset-block-start: units.$u2;\r\n  }\r\n}\r\n\r\n.dimmer {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: zindex.$image-overlay - 1;\r\n  display: flex;\r\n  padding: units.$u4;\r\n  background-color: color.scale(colors.$wit, $alpha: -20%);\r\n  justify-content: center;\r\n}\r\n\r\n.wrapper {\r\n  align-self: center;\r\n  box-shadow: 0 units.$u1 units.$u3 0 rgba(25, 25, 25, 0.4);\r\n  line-height: 0;\r\n  outline: 4px solid colors.$wit;\r\n  position: relative;\r\n  z-index: zindex.$image-overlay;\r\n\r\n  .title {\r\n    background-color: colors.$wit;\r\n    font-weight: 700;\r\n    line-height: initial;\r\n    padding: units.$u1;\r\n    position: absolute;\r\n  }\r\n\r\n  img {\r\n    inline-size: auto;\r\n    block-size: auto;\r\n    max-inline-size: 100%;\r\n    max-block-size: calc(100vh - units.$u8);\r\n  }\r\n\r\n  .figuur-bijschrift:not([hidden]) {\r\n    display: block;\r\n    font-size: 0.75rem;\r\n    font-style: italic;\r\n    padding-block-end: units.$u1 * 1.5;\r\n    padding-block-start: units.$u2;\r\n  }\r\n}\r\n\r\n.close {\r\n  @include button.secondary($modifiers: false, $icon-only: true);\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    border: 0;\r\n    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\r\n    min-inline-size: auto;\r\n    padding: units.$u1;\r\n    position: absolute;\r\n    inset-block-start: units.$u2;\r\n    inset-inline-end: units.$u2;\r\n  }\r\n}\r\n\r\nins.editaction-add {\r\n  display: inline-block;\r\n  margin-block-end: units.$u1;\r\n  padding: units.$u1;\r\n  @include insert.element();\r\n  @include insert.root();\r\n\r\n  .wrapper {\r\n    outline: none;\r\n    padding: units.$u1;\r\n    @include insert.root();\r\n\r\n    .editaction-label {\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .close {\r\n      inset-block-start: units.$u6;\r\n    }\r\n  }\r\n\r\n  .open {\r\n    inset-block-start: units.$u6;\r\n  }\r\n}\r\n\r\ndel.editaction-remove {\r\n  display: inline-block;\r\n  margin-block-end: units.$u1;\r\n  padding: units.$u1;\r\n  @include delete.root();\r\n\r\n  .wrapper {\r\n    outline: none;\r\n    padding: units.$u1;\r\n    @include delete.root();\r\n\r\n    .title {\r\n      text-decoration: line-through;\r\n    }\r\n\r\n    .editaction-label {\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .close {\r\n      inset-block-start: units.$u6;\r\n    }\r\n  }\r\n\r\n  .open {\r\n    inset-block-start: units.$u6;\r\n  }\r\n}\r\n\r\n.editaction-label {\r\n  font-style: italic;\r\n  margin-block-end: units.$u1;\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  FunctionalComponent,\r\n  Host,\r\n  Listen,\r\n  Prop,\r\n  State,\r\n  forceUpdate,\r\n  h,\r\n} from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { FocusTrap, createFocusTrap } from \"focus-trap\";\r\n\r\ntype ImageOverlayWijzigactie = \"voegtoe\" | \"verwijder\";\r\n\r\nconst wijzigactieLabels: { [wijzigactie in ImageOverlayWijzigactie]: string } = {\r\n  verwijder: \"Verwijderd\",\r\n  voegtoe: \"Toegevoegd\",\r\n};\r\n\r\nconst Dimmer: FunctionalComponent<{\r\n  active: boolean;\r\n  src: string | undefined;\r\n  alt: string | undefined;\r\n  ref: (element: HTMLHeadingElement | undefined) => void;\r\n  click: () => void;\r\n}> = ({ active, src, alt, ref, click }, children) =>\r\n  active &&\r\n  src && (\r\n    <div class=\"dimmer\">\r\n      <div class=\"wrapper\" ref={ref}>\r\n        {children[2]}\r\n        {children[0]}\r\n        <img src={src} alt={alt} />\r\n        <button type=\"button\" class=\"close\" onClick={click}>\r\n          <dso-icon icon=\"times\"></dso-icon>\r\n          <span>Sluiten</span>\r\n        </button>\r\n        {children[1]}\r\n      </div>\r\n    </div>\r\n  );\r\n\r\n@Component({\r\n  tag: \"dso-image-overlay\",\r\n  styleUrl: \"./image-overlay.scss\",\r\n  shadow: true,\r\n})\r\nexport class ImageOverlay implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoImageOverlayElement;\r\n\r\n  /**\r\n   * The wijzigactie.\r\n   */\r\n  @Prop()\r\n  wijzigactie?: string;\r\n\r\n  @State()\r\n  active = false;\r\n\r\n  @State()\r\n  zoomable = false;\r\n\r\n  private buttonElement: HTMLButtonElement | undefined;\r\n\r\n  private wrapperElement: HTMLDivElement | undefined;\r\n\r\n  private trap: FocusTrap | undefined;\r\n\r\n  private titelSlot: HTMLElement | null = null;\r\n\r\n  private bijschriftSlot: HTMLElement | null = null;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private resizeObserver?: ResizeObserver;\r\n\r\n  @Listen(\"load\", { capture: true })\r\n  loadListener(event: Event) {\r\n    if (event.target instanceof HTMLImageElement) {\r\n      this.setZoomable(event.target);\r\n    }\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.titelSlot = this.host.querySelector<HTMLDivElement>(\"div[slot='titel']\");\r\n\r\n    this.bijschriftSlot = this.host.querySelector<HTMLDivElement>(\"div[slot='bijschrift']\");\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.resizeObserver = new ResizeObserver(\r\n      debounce(() => {\r\n        const imgElement = this.host.querySelector(\"img\");\r\n\r\n        if (imgElement instanceof HTMLImageElement) {\r\n          this.setZoomable(imgElement);\r\n        }\r\n      }, 200),\r\n    );\r\n\r\n    this.mutationObserver = new MutationObserver((e) => {\r\n      forceUpdate(this.host);\r\n\r\n      if (e[0]?.type === \"childList\") {\r\n        this.resizeObserver?.disconnect();\r\n        // <img> is gone or a new element.\r\n        this.initZoomableImage();\r\n      }\r\n    });\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      attributes: true,\r\n      subtree: true,\r\n      attributeFilter: [\"src\", \"alt\"],\r\n      childList: true,\r\n    });\r\n\r\n    this.initZoomableImage();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.trap?.deactivate();\r\n    this.mutationObserver?.disconnect();\r\n    this.resizeObserver?.disconnect();\r\n  }\r\n\r\n  private initZoomableImage(): void {\r\n    const imgElement = this.host.querySelector(\"img\");\r\n\r\n    if (!(imgElement instanceof HTMLImageElement)) {\r\n      return;\r\n    }\r\n\r\n    // Due to timing issues where the image is loaded before we listen to load events we double check if the image is already complete.\r\n    if (imgElement.complete) {\r\n      this.setZoomable(imgElement);\r\n    }\r\n\r\n    this.resizeObserver?.observe(imgElement);\r\n  }\r\n\r\n  private setZoomable(imageElement: HTMLImageElement): void {\r\n    const { width, naturalWidth, height, naturalHeight } = imageElement;\r\n\r\n    this.zoomable = width < naturalWidth || height < naturalHeight;\r\n  }\r\n\r\n  private isWijzigactie(wijzigactie: string): wijzigactie is ImageOverlayWijzigactie {\r\n    return wijzigactie === \"voegtoe\" || wijzigactie === \"verwijder\";\r\n  }\r\n\r\n  render() {\r\n    const { src, alt } = this.host.querySelector(\"img\") ?? {};\r\n\r\n    const editActionLabel: string | undefined =\r\n      (this.wijzigactie && this.isWijzigactie(this.wijzigactie) && wijzigactieLabels[this.wijzigactie]) || undefined;\r\n\r\n    const button = this.zoomable && (\r\n      <button\r\n        type=\"button\"\r\n        class=\"open\"\r\n        ref={(element) => (this.buttonElement = element)}\r\n        onClick={() => (this.active = true)}\r\n      >\r\n        <dso-icon icon=\"external-link\"></dso-icon>\r\n        <span>Afbeelding vergroot weergeven</span>\r\n      </button>\r\n    );\r\n\r\n    if (this.wijzigactie === \"verwijder\") {\r\n      return (\r\n        <Host onClick={() => this.buttonElement?.focus()}>\r\n          <del class=\"editaction-remove\">\r\n            <div class=\"editaction-label\">{editActionLabel}:</div>\r\n            <Dimmer\r\n              active={this.active}\r\n              src={src}\r\n              alt={alt}\r\n              ref={(element) => (this.wrapperElement = element)}\r\n              click={() => (this.active = false)}\r\n            >\r\n              {this.titelSlot && (\r\n                <div class=\"title\">\r\n                  <slot name=\"titel\" />\r\n                </div>\r\n              )}\r\n              <div class=\"figuur-bijschrift\" hidden={!this.bijschriftSlot}>\r\n                <slot name=\"bijschrift\" />\r\n              </div>\r\n              {<div class=\"editaction-label\">{editActionLabel}:</div>}\r\n            </Dimmer>\r\n            <slot />\r\n            {button}\r\n          </del>\r\n        </Host>\r\n      );\r\n    }\r\n\r\n    if (this.wijzigactie === \"voegtoe\") {\r\n      return (\r\n        <Host onClick={() => this.buttonElement?.focus()}>\r\n          <ins class=\"editaction-add\">\r\n            <div class=\"editaction-label\">{editActionLabel}:</div>\r\n            <Dimmer\r\n              active={this.active}\r\n              src={src}\r\n              alt={alt}\r\n              ref={(element) => (this.wrapperElement = element)}\r\n              click={() => (this.active = false)}\r\n            >\r\n              {this.titelSlot && (\r\n                <div class=\"title\">\r\n                  <slot name=\"titel\" />\r\n                </div>\r\n              )}\r\n              <div class=\"figuur-bijschrift\" hidden={!this.bijschriftSlot}>\r\n                <slot name=\"bijschrift\" />\r\n              </div>\r\n              {<div class=\"editaction-label\">{editActionLabel}:</div>}\r\n            </Dimmer>\r\n            <slot />\r\n            {button}\r\n          </ins>\r\n        </Host>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Host onClick={() => this.buttonElement?.focus()}>\r\n        <Dimmer\r\n          active={this.active}\r\n          src={src}\r\n          alt={alt}\r\n          ref={(element) => (this.wrapperElement = element)}\r\n          click={() => (this.active = false)}\r\n        >\r\n          {this.titelSlot && (\r\n            <div class=\"title\">\r\n              <slot name=\"titel\" />\r\n            </div>\r\n          )}\r\n          <div class=\"figuur-bijschrift\" hidden={!this.bijschriftSlot}>\r\n            <slot name=\"bijschrift\" />\r\n          </div>\r\n        </Dimmer>\r\n        <slot />\r\n        {button}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (this.active && this.wrapperElement && !this.trap) {\r\n      this.trap = createFocusTrap(this.wrapperElement, {\r\n        escapeDeactivates: true,\r\n        clickOutsideDeactivates: (e) => {\r\n          if (e instanceof MouseEvent && e.composedPath()[0] === this.wrapperElement) {\r\n            this.active = false;\r\n\r\n            return false;\r\n          }\r\n\r\n          return true;\r\n        },\r\n        setReturnFocus: this.buttonElement ?? false,\r\n        onDeactivate: () => (this.active = false),\r\n      }).activate();\r\n    } else if (!this.active && this.trap) {\r\n      this.trap?.deactivate();\r\n\r\n      delete this.trap;\r\n    }\r\n  }\r\n}\r\n","export function getNodeName(node: Node): string {\r\n  if (node instanceof Element) {\r\n    return node.localName;\r\n  }\r\n\r\n  if (node.nodeName.includes(\":\")) {\r\n    return node.nodeName.substring(node.nodeName.indexOf(\":\") + 1);\r\n  }\r\n\r\n  return node.nodeName;\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentAbbrNode implements OzonContentNode {\r\n  name = \"abbr\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    const title = node.getAttribute(\"title\");\r\n\r\n    return (\r\n      <span class=\"od-abbr\">\r\n        <abbr>{mapNodeToJsx(node.childNodes)}</abbr>\r\n        {title && ` (${title})`}\r\n      </span>\r\n    );\r\n  }\r\n}\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport interface WrapWijzigactieProps {\r\n  wijzigactie: OzonContentWijzigActie | undefined;\r\n}\r\n\r\nexport const WrapWijzigactie: FunctionalComponent<WrapWijzigactieProps> = ({ wijzigactie }, children) => {\r\n  if (wijzigactie === \"voegtoe\") {\r\n    return <ins>{children}</ins>;\r\n  }\r\n\r\n  if (wijzigactie === \"verwijder\") {\r\n    return <del>{children}</del>;\r\n  }\r\n\r\n  return children;\r\n};\r\n","import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function parseWijzigactieFromNode(node: Node): OzonContentWijzigActie | undefined {\r\n  const wijzigactie = node instanceof Element ? node.getAttribute(\"wijzigactie\") : undefined;\r\n\r\n  return wijzigactie === \"voegtoe\" || wijzigactie === \"verwijder\" ? wijzigactie : undefined;\r\n}\r\n","import { OzonContentWijzigActie } from \"../ozon-content.interfaces\";\r\n\r\nexport function wijzigactieToClassName(wijzigactie: OzonContentWijzigActie | undefined): string | undefined {\r\n  if (wijzigactie === \"voegtoe\") {\r\n    return \"editaction-add\";\r\n  }\r\n\r\n  if (wijzigactie === \"verwijder\") {\r\n    return \"editaction-remove\";\r\n  }\r\n\r\n  return undefined;\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nfunction isNestedAl(path: Node[]) {\r\n  return path.some((n) => {\r\n    const nodeName = getNodeName(n);\r\n\r\n    return nodeName === \"Al\" || nodeName === \"Opschrift\";\r\n  });\r\n}\r\n\r\nexport class OzonContentAlNode implements OzonContentNode {\r\n  name = \"Al\";\r\n\r\n  render(node: Element, { mapNodeToJsx, path, inline }: OzonContentNodeContext) {\r\n    let content = mapNodeToJsx(node.childNodes);\r\n    const wijzigactie = parseWijzigactieFromNode(node);\r\n    const className = wijzigactieToClassName(wijzigactie);\r\n\r\n    if (inline || isNestedAl(path)) {\r\n      content = (\r\n        <span role=\"paragraph\" class={className}>\r\n          {content}\r\n        </span>\r\n      );\r\n    } else {\r\n      content = <p class={className}>{content}</p>;\r\n    }\r\n\r\n    return <WrapWijzigactie wijzigactie={wijzigactie}>{content}</WrapWijzigactie>;\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentBronNode implements OzonContentNode {\r\n  name = \"Bron\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <span class=\"dso-ozon-bron\">{mapNodeToJsx(node.childNodes)}</span>;\r\n  }\r\n}\r\n","import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentDocumentNode implements OzonContentNode {\r\n  name = \"#document\";\r\n\r\n  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <Fragment>{mapNodeToJsx(node.childNodes)}</Fragment>;\r\n  }\r\n}\r\n","/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match words composed of alphanumeric characters. */\nvar reAsciiWord = /[^\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\x7f]+/g;\n\n/** Used to match Latin Unicode letters (excluding mathematical operators). */\nvar reLatin = /[\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\xff\\u0100-\\u017f]/g;\n\n/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n    rsComboMarksRange = '\\\\u0300-\\\\u036f\\\\ufe20-\\\\ufe23',\n    rsComboSymbolsRange = '\\\\u20d0-\\\\u20f0',\n    rsDingbatRange = '\\\\u2700-\\\\u27bf',\n    rsLowerRange = 'a-z\\\\xdf-\\\\xf6\\\\xf8-\\\\xff',\n    rsMathOpRange = '\\\\xac\\\\xb1\\\\xd7\\\\xf7',\n    rsNonCharRange = '\\\\x00-\\\\x2f\\\\x3a-\\\\x40\\\\x5b-\\\\x60\\\\x7b-\\\\xbf',\n    rsPunctuationRange = '\\\\u2000-\\\\u206f',\n    rsSpaceRange = ' \\\\t\\\\x0b\\\\f\\\\xa0\\\\ufeff\\\\n\\\\r\\\\u2028\\\\u2029\\\\u1680\\\\u180e\\\\u2000\\\\u2001\\\\u2002\\\\u2003\\\\u2004\\\\u2005\\\\u2006\\\\u2007\\\\u2008\\\\u2009\\\\u200a\\\\u202f\\\\u205f\\\\u3000',\n    rsUpperRange = 'A-Z\\\\xc0-\\\\xd6\\\\xd8-\\\\xde',\n    rsVarRange = '\\\\ufe0e\\\\ufe0f',\n    rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;\n\n/** Used to compose unicode capture groups. */\nvar rsApos = \"['\\u2019]\",\n    rsBreak = '[' + rsBreakRange + ']',\n    rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',\n    rsDigits = '\\\\d+',\n    rsDingbat = '[' + rsDingbatRange + ']',\n    rsLower = '[' + rsLowerRange + ']',\n    rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',\n    rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n    rsNonAstral = '[^' + rsAstralRange + ']',\n    rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n    rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n    rsUpper = '[' + rsUpperRange + ']',\n    rsZWJ = '\\\\u200d';\n\n/** Used to compose unicode regexes. */\nvar rsLowerMisc = '(?:' + rsLower + '|' + rsMisc + ')',\n    rsUpperMisc = '(?:' + rsUpper + '|' + rsMisc + ')',\n    rsOptLowerContr = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',\n    rsOptUpperContr = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',\n    reOptMod = rsModifier + '?',\n    rsOptVar = '[' + rsVarRange + ']?',\n    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n    rsSeq = rsOptVar + reOptMod + rsOptJoin,\n    rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;\n\n/** Used to match apostrophes. */\nvar reApos = RegExp(rsApos, 'g');\n\n/**\n * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and\n * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).\n */\nvar reComboMark = RegExp(rsCombo, 'g');\n\n/** Used to match complex or compound words. */\nvar reUnicodeWord = RegExp([\n  rsUpper + '?' + rsLower + '+' + rsOptLowerContr + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',\n  rsUpperMisc + '+' + rsOptUpperContr + '(?=' + [rsBreak, rsUpper + rsLowerMisc, '$'].join('|') + ')',\n  rsUpper + '?' + rsLowerMisc + '+' + rsOptLowerContr,\n  rsUpper + '+' + rsOptUpperContr,\n  rsDigits,\n  rsEmoji\n].join('|'), 'g');\n\n/** Used to detect strings that need a more robust regexp to match words. */\nvar reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;\n\n/** Used to map Latin Unicode letters to basic Latin letters. */\nvar deburredLetters = {\n  // Latin-1 Supplement block.\n  '\\xc0': 'A',  '\\xc1': 'A', '\\xc2': 'A', '\\xc3': 'A', '\\xc4': 'A', '\\xc5': 'A',\n  '\\xe0': 'a',  '\\xe1': 'a', '\\xe2': 'a', '\\xe3': 'a', '\\xe4': 'a', '\\xe5': 'a',\n  '\\xc7': 'C',  '\\xe7': 'c',\n  '\\xd0': 'D',  '\\xf0': 'd',\n  '\\xc8': 'E',  '\\xc9': 'E', '\\xca': 'E', '\\xcb': 'E',\n  '\\xe8': 'e',  '\\xe9': 'e', '\\xea': 'e', '\\xeb': 'e',\n  '\\xcc': 'I',  '\\xcd': 'I', '\\xce': 'I', '\\xcf': 'I',\n  '\\xec': 'i',  '\\xed': 'i', '\\xee': 'i', '\\xef': 'i',\n  '\\xd1': 'N',  '\\xf1': 'n',\n  '\\xd2': 'O',  '\\xd3': 'O', '\\xd4': 'O', '\\xd5': 'O', '\\xd6': 'O', '\\xd8': 'O',\n  '\\xf2': 'o',  '\\xf3': 'o', '\\xf4': 'o', '\\xf5': 'o', '\\xf6': 'o', '\\xf8': 'o',\n  '\\xd9': 'U',  '\\xda': 'U', '\\xdb': 'U', '\\xdc': 'U',\n  '\\xf9': 'u',  '\\xfa': 'u', '\\xfb': 'u', '\\xfc': 'u',\n  '\\xdd': 'Y',  '\\xfd': 'y', '\\xff': 'y',\n  '\\xc6': 'Ae', '\\xe6': 'ae',\n  '\\xde': 'Th', '\\xfe': 'th',\n  '\\xdf': 'ss',\n  // Latin Extended-A block.\n  '\\u0100': 'A',  '\\u0102': 'A', '\\u0104': 'A',\n  '\\u0101': 'a',  '\\u0103': 'a', '\\u0105': 'a',\n  '\\u0106': 'C',  '\\u0108': 'C', '\\u010a': 'C', '\\u010c': 'C',\n  '\\u0107': 'c',  '\\u0109': 'c', '\\u010b': 'c', '\\u010d': 'c',\n  '\\u010e': 'D',  '\\u0110': 'D', '\\u010f': 'd', '\\u0111': 'd',\n  '\\u0112': 'E',  '\\u0114': 'E', '\\u0116': 'E', '\\u0118': 'E', '\\u011a': 'E',\n  '\\u0113': 'e',  '\\u0115': 'e', '\\u0117': 'e', '\\u0119': 'e', '\\u011b': 'e',\n  '\\u011c': 'G',  '\\u011e': 'G', '\\u0120': 'G', '\\u0122': 'G',\n  '\\u011d': 'g',  '\\u011f': 'g', '\\u0121': 'g', '\\u0123': 'g',\n  '\\u0124': 'H',  '\\u0126': 'H', '\\u0125': 'h', '\\u0127': 'h',\n  '\\u0128': 'I',  '\\u012a': 'I', '\\u012c': 'I', '\\u012e': 'I', '\\u0130': 'I',\n  '\\u0129': 'i',  '\\u012b': 'i', '\\u012d': 'i', '\\u012f': 'i', '\\u0131': 'i',\n  '\\u0134': 'J',  '\\u0135': 'j',\n  '\\u0136': 'K',  '\\u0137': 'k', '\\u0138': 'k',\n  '\\u0139': 'L',  '\\u013b': 'L', '\\u013d': 'L', '\\u013f': 'L', '\\u0141': 'L',\n  '\\u013a': 'l',  '\\u013c': 'l', '\\u013e': 'l', '\\u0140': 'l', '\\u0142': 'l',\n  '\\u0143': 'N',  '\\u0145': 'N', '\\u0147': 'N', '\\u014a': 'N',\n  '\\u0144': 'n',  '\\u0146': 'n', '\\u0148': 'n', '\\u014b': 'n',\n  '\\u014c': 'O',  '\\u014e': 'O', '\\u0150': 'O',\n  '\\u014d': 'o',  '\\u014f': 'o', '\\u0151': 'o',\n  '\\u0154': 'R',  '\\u0156': 'R', '\\u0158': 'R',\n  '\\u0155': 'r',  '\\u0157': 'r', '\\u0159': 'r',\n  '\\u015a': 'S',  '\\u015c': 'S', '\\u015e': 'S', '\\u0160': 'S',\n  '\\u015b': 's',  '\\u015d': 's', '\\u015f': 's', '\\u0161': 's',\n  '\\u0162': 'T',  '\\u0164': 'T', '\\u0166': 'T',\n  '\\u0163': 't',  '\\u0165': 't', '\\u0167': 't',\n  '\\u0168': 'U',  '\\u016a': 'U', '\\u016c': 'U', '\\u016e': 'U', '\\u0170': 'U', '\\u0172': 'U',\n  '\\u0169': 'u',  '\\u016b': 'u', '\\u016d': 'u', '\\u016f': 'u', '\\u0171': 'u', '\\u0173': 'u',\n  '\\u0174': 'W',  '\\u0175': 'w',\n  '\\u0176': 'Y',  '\\u0177': 'y', '\\u0178': 'Y',\n  '\\u0179': 'Z',  '\\u017b': 'Z', '\\u017d': 'Z',\n  '\\u017a': 'z',  '\\u017c': 'z', '\\u017e': 'z',\n  '\\u0132': 'IJ', '\\u0133': 'ij',\n  '\\u0152': 'Oe', '\\u0153': 'oe',\n  '\\u0149': \"'n\", '\\u017f': 'ss'\n};\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * A specialized version of `_.reduce` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @param {*} [accumulator] The initial value.\n * @param {boolean} [initAccum] Specify using the first element of `array` as\n *  the initial value.\n * @returns {*} Returns the accumulated value.\n */\nfunction arrayReduce(array, iteratee, accumulator, initAccum) {\n  var index = -1,\n      length = array ? array.length : 0;\n\n  if (initAccum && length) {\n    accumulator = array[++index];\n  }\n  while (++index < length) {\n    accumulator = iteratee(accumulator, array[index], index, array);\n  }\n  return accumulator;\n}\n\n/**\n * Splits an ASCII `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\nfunction asciiWords(string) {\n  return string.match(reAsciiWord) || [];\n}\n\n/**\n * The base implementation of `_.propertyOf` without support for deep paths.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Function} Returns the new accessor function.\n */\nfunction basePropertyOf(object) {\n  return function(key) {\n    return object == null ? undefined : object[key];\n  };\n}\n\n/**\n * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A\n * letters to basic Latin letters.\n *\n * @private\n * @param {string} letter The matched letter to deburr.\n * @returns {string} Returns the deburred letter.\n */\nvar deburrLetter = basePropertyOf(deburredLetters);\n\n/**\n * Checks if `string` contains a word composed of Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a word is found, else `false`.\n */\nfunction hasUnicodeWord(string) {\n  return reHasUnicodeWord.test(string);\n}\n\n/**\n * Splits a Unicode `string` into an array of its words.\n *\n * @private\n * @param {string} The string to inspect.\n * @returns {Array} Returns the words of `string`.\n */\nfunction unicodeWords(string) {\n  return string.match(reUnicodeWord) || [];\n}\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n    symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n/**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\nfunction baseToString(value) {\n  // Exit early for strings to avoid a performance hit in some environments.\n  if (typeof value == 'string') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return symbolToString ? symbolToString.call(value) : '';\n  }\n  var result = (value + '');\n  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\n/**\n * Creates a function like `_.camelCase`.\n *\n * @private\n * @param {Function} callback The function to combine each word.\n * @returns {Function} Returns the new compounder function.\n */\nfunction createCompounder(callback) {\n  return function(string) {\n    return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');\n  };\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n  return value == null ? '' : baseToString(value);\n}\n\n/**\n * Deburrs `string` by converting\n * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)\n * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)\n * letters to basic Latin letters and removing\n * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to deburr.\n * @returns {string} Returns the deburred string.\n * @example\n *\n * _.deburr('déjà vu');\n * // => 'deja vu'\n */\nfunction deburr(string) {\n  string = toString(string);\n  return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');\n}\n\n/**\n * Converts `string` to\n * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to convert.\n * @returns {string} Returns the kebab cased string.\n * @example\n *\n * _.kebabCase('Foo Bar');\n * // => 'foo-bar'\n *\n * _.kebabCase('fooBar');\n * // => 'foo-bar'\n *\n * _.kebabCase('__FOO_BAR__');\n * // => 'foo-bar'\n */\nvar kebabCase = createCompounder(function(result, word, index) {\n  return result + (index ? '-' : '') + word.toLowerCase();\n});\n\n/**\n * Splits `string` into an array of its words.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category String\n * @param {string} [string=''] The string to inspect.\n * @param {RegExp|string} [pattern] The pattern to match words.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the words of `string`.\n * @example\n *\n * _.words('fred, barney, & pebbles');\n * // => ['fred', 'barney', 'pebbles']\n *\n * _.words('fred, barney, & pebbles', /[^, ]+/g);\n * // => ['fred', 'barney', '&', 'pebbles']\n */\nfunction words(string, pattern, guard) {\n  string = toString(string);\n  pattern = guard ? undefined : pattern;\n\n  if (pattern === undefined) {\n    return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);\n  }\n  return string.match(pattern) || [];\n}\n\nmodule.exports = kebabCase;\n","import { h } from \"@stencil/core\";\r\nimport kebabCase from \"lodash.kebabcase\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentExtRefNode implements OzonContentNode {\r\n  name = [\"ExtRef\", \"ExtIoRef\"];\r\n\r\n  render(node: Element, { mapNodeToJsx, urlResolver }: OzonContentNodeContext) {\r\n    const className = kebabCase(node.tagName);\r\n    const value = node.getAttribute(\"ref\");\r\n    const name: \"ExtRef\" | \"ExtIoRef\" = node.tagName === \"ExtRef\" ? \"ExtRef\" : \"ExtIoRef\";\r\n    const href = urlResolver ? urlResolver(name, \"ref\", value, node) : value;\r\n\r\n    return (\r\n      <a\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        href={href ?? undefined}\r\n        class={className}\r\n        title=\"Opent andere website in nieuw tabblad\"\r\n      >\r\n        <span>{mapNodeToJsx(node.childNodes)}</span>\r\n        <dso-icon icon=\"external-link\"></dso-icon>\r\n      </a>\r\n    );\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentFallbackNode implements OzonContentNode {\r\n  // This name does not match any elements\r\n  name = [\"<fallback>\"];\r\n\r\n  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <span class={`fallback od-${getNodeName(node)}`}>{mapNodeToJsx(node.childNodes)}</span>;\r\n  }\r\n}\r\n","import { Fragment, FunctionalComponent, JSX, h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\ntype BijschriftProps = {\r\n  bijschrift?: IBijschrift;\r\n  bron?: ChildNode;\r\n  mapNodeToJsx: (node: Node | NodeList | Node[]) => JSX.Element;\r\n};\r\n\r\ninterface IBijschrift {\r\n  inhoud: NodeListOf<ChildNode>;\r\n  locatie: string;\r\n}\r\n\r\ninterface Illustratie {\r\n  naam: string;\r\n  breedte: number;\r\n  hoogte: number;\r\n  dpi: number;\r\n  uitlijning: \"start\" | \"center\" | \"end\";\r\n  alt: string | undefined;\r\n}\r\n\r\nconst Bijschrift: FunctionalComponent<BijschriftProps> = ({ bijschrift, bron, mapNodeToJsx }) => {\r\n  const bronText = bron && bron.textContent?.trim();\r\n\r\n  return (\r\n    <span class=\"figuur-bijschrift\">\r\n      {bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud)}\r\n      {bronText && (\r\n        <Fragment>\r\n          {`${bijschrift ? \" \" : \"\"}(bron: `}\r\n          {mapNodeToJsx(bron)})\r\n        </Fragment>\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n\r\nexport class OzonContentFiguurNode implements OzonContentNode {\r\n  name = [\"Figuur\"];\r\n\r\n  private getStyle(illustratie: Illustratie) {\r\n    const widthPixels = Number(illustratie.breedte);\r\n    const heightPixels = Number(illustratie.hoogte);\r\n\r\n    const style = {\r\n      \"--_dso-ozon-content-illustratie-uitlijning\": illustratie.uitlijning,\r\n    };\r\n\r\n    if (widthPixels && heightPixels) {\r\n      // This is the STOP formula to calculate the width in percentage\r\n      // see: https://koop.gitlab.io/stop/standaard/1.4.0-ic/regeltekst_afbeelding.html\r\n      // We maximise it to 100% in the case of missing dpi or a calculated percentage greater than 100%\r\n      const widthPercentage = Math.min(illustratie.dpi ? (16.4 * widthPixels) / Number(illustratie.dpi) : 100, 100);\r\n\r\n      Object.assign(style, {\r\n        \"--_dso-ozon-content-illustratie-aspect-ratio\": (widthPixels / heightPixels).toString(),\r\n        \"--_dso-ozon-content-illustratie-width\": `${widthPercentage}%`,\r\n      });\r\n    }\r\n\r\n    return style;\r\n  }\r\n\r\n  private mapIllustratieNode(node: Element): Illustratie {\r\n    return {\r\n      naam: node.getAttribute(\"naam\") ?? \"\",\r\n      breedte: Number(node.getAttribute(\"breedte\")),\r\n      hoogte: Number(node.getAttribute(\"hoogte\")),\r\n      dpi: Number(node.getAttribute(\"dpi\")),\r\n      uitlijning:\r\n        [\"start\", \"center\", \"end\"].find((u): u is Illustratie[\"uitlijning\"] => node.getAttribute(\"uitlijning\") === u) ??\r\n        \"start\",\r\n      alt: node.getAttribute(\"alt\") ?? undefined,\r\n    };\r\n  }\r\n\r\n  render(node: Element, { mapNodeToJsx, urlResolver }: OzonContentNodeContext) {\r\n    const childNodes = Array.from(node.childNodes);\r\n    const titel = childNodes.find((n) => getNodeName(n) === \"Titel\")?.textContent;\r\n    const bron = childNodes.find((n) => getNodeName(n) === \"Bron\");\r\n\r\n    const illustratieNode = childNodes.find((n) => getNodeName(n) === \"Illustratie\");\r\n    const bijschriftNode = childNodes.find((n) => getNodeName(n) === \"Bijschrift\");\r\n\r\n    const wijzigactie = node.getAttribute(\"wijzigactie\") || undefined;\r\n\r\n    if (illustratieNode instanceof Element) {\r\n      const illustratie = this.mapIllustratieNode(illustratieNode);\r\n\r\n      const bijschrift =\r\n        bijschriftNode instanceof Element\r\n          ? {\r\n              inhoud: bijschriftNode.childNodes,\r\n              locatie: bijschriftNode.getAttribute(\"locatie\") ?? \"onder\",\r\n            }\r\n          : undefined;\r\n\r\n      const src = urlResolver ? urlResolver(\"Illustratie\", \"naam\", illustratie.naam, node) : illustratie.naam;\r\n\r\n      return (\r\n        <div\r\n          class={`dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : \"onder\"}`}\r\n          style={this.getStyle(illustratie)}\r\n        >\r\n          {titel && <span class=\"figuur-titel\">{titel}</span>}\r\n          {bijschrift?.locatie === \"boven\" && (\r\n            <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n          )}\r\n          <dso-image-overlay wijzigactie={wijzigactie}>\r\n            {titel && (\r\n              <div slot=\"titel\">\r\n                <span>{titel}</span>\r\n              </div>\r\n            )}\r\n            <img src={src ?? undefined} alt={illustratie.alt ?? titel ?? illustratie.naam ?? undefined} />\r\n            {(bijschrift || bron) && (\r\n              <div slot=\"bijschrift\">\r\n                <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n              </div>\r\n            )}\r\n          </dso-image-overlay>\r\n          {(bijschrift?.locatie === \"onder\" || (!bijschrift && bron)) && (\r\n            <Bijschrift bijschrift={bijschrift} bron={bron} mapNodeToJsx={mapNodeToJsx} />\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentInhoudNode implements OzonContentNode {\r\n  name = [\"Inhoud\", \"ContainerBlocksType\", \"BlockMixedcontentMetMaximaleInlinesMarkersPopupsType\"];\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    const wijzigactie = node.getAttribute(\"wijzigactie\");\r\n\r\n    const richContent = <div class=\"dso-rich-content\">{mapNodeToJsx(node.childNodes)}</div>;\r\n\r\n    if (wijzigactie === \"verwijder\") {\r\n      return <del class=\"editaction-remove\">{richContent}</del>;\r\n    }\r\n\r\n    if (wijzigactie === \"voegtoe\") {\r\n      return <ins class=\"editaction-add\">{richContent}</ins>;\r\n    }\r\n\r\n    return richContent;\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentInlineTekstAfbeeldingNode implements OzonContentNode {\r\n  name = [\"InlineTekstAfbeelding\", \"Illustratie\"];\r\n\r\n  render(node: Element, { urlResolver }: OzonContentNodeContext) {\r\n    const value = node.getAttribute(\"naam\");\r\n    const name: \"InlineTekstAfbeelding\" | \"Illustratie\" =\r\n      node.tagName === \"InlineTekstAfbeelding\" ? \"InlineTekstAfbeelding\" : \"Illustratie\";\r\n    const src = urlResolver ? urlResolver(name, \"naam\", value, node) : value;\r\n\r\n    return (\r\n      <img\r\n        src={src ?? undefined}\r\n        alt={node.getAttribute(\"naam\") ?? undefined}\r\n        height={node.getAttribute(\"hoogte\") ?? undefined}\r\n        width={node.getAttribute(\"breedte\") ?? undefined}\r\n      />\r\n    );\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentInlineNodes implements OzonContentNode {\r\n  name = [\"sub\", \"sup\", \"strong\", \"b\", \"u\", \"i\", \"br\"];\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    if (node.localName === \"br\") {\r\n      return <br />;\r\n    }\r\n\r\n    const Tag = node.localName;\r\n\r\n    return <Tag>{mapNodeToJsx(node.childNodes)}</Tag>;\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntIoRefNode implements OzonContentNode {\r\n  name = \"IntIoRef\";\r\n\r\n  render(node: Element, { mapNodeToJsx, emitAnchorClick }: OzonContentNodeContext) {\r\n    const ref = node.getAttribute(\"ref\");\r\n    if (!ref) {\r\n      return mapNodeToJsx(node.childNodes);\r\n    }\r\n\r\n    const intRefOnClick = (event: MouseEvent) => {\r\n      event.preventDefault();\r\n\r\n      const target = event.currentTarget;\r\n      if (!(target instanceof HTMLAnchorElement)) {\r\n        return;\r\n      }\r\n\r\n      const { href } = target;\r\n\r\n      emitAnchorClick({\r\n        node: this.name,\r\n        href,\r\n        documentComponent: ref,\r\n        originalEvent: event,\r\n      });\r\n    };\r\n\r\n    return (\r\n      <a href={`#${ref}`} onClick={intRefOnClick}>\r\n        {mapNodeToJsx(node.childNodes)}\r\n      </a>\r\n    );\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentIntRefNode implements OzonContentNode {\r\n  name = \"IntRef\";\r\n\r\n  render(node: Element, { mapNodeToJsx, emitAnchorClick }: OzonContentNodeContext) {\r\n    const ref = node.getAttribute(\"ref\");\r\n    if (!ref) {\r\n      return mapNodeToJsx(node.childNodes);\r\n    }\r\n\r\n    const intRefOnClick = (event: MouseEvent) => {\r\n      event.preventDefault();\r\n\r\n      const target = event.currentTarget;\r\n      if (!(target instanceof HTMLAnchorElement)) {\r\n        return;\r\n      }\r\n\r\n      const { href } = target;\r\n\r\n      emitAnchorClick({\r\n        node: this.name,\r\n        href,\r\n        documentComponent: ref,\r\n        originalEvent: event,\r\n      });\r\n    };\r\n\r\n    return (\r\n      <a href={`#${ref}`} onClick={intRefOnClick}>\r\n        {mapNodeToJsx(node.childNodes)}\r\n      </a>\r\n    );\r\n  }\r\n}\r\n","import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nfunction mapData(node: Element) {\r\n  return {\r\n    label: node.querySelector(\"Label\"),\r\n    nummer: node.querySelector(\"Nummer\"),\r\n    opschrift: node.querySelector(\"Opschrift\"),\r\n    subtitels: Array.from(node.querySelectorAll(\"Subtitel\")),\r\n  };\r\n}\r\n\r\nexport class OzonContentKopNode implements OzonContentNode {\r\n  name = \"Kop\";\r\n\r\n  handles = [\"Label\", \"Nummer\", \"Opschrift\", \"Subtitel\"];\r\n\r\n  render(node: Element, { mapNodeToJsx, emitClick }: OzonContentNodeContext) {\r\n    const handleKopClick = (event: MouseEvent) => {\r\n      emitClick({\r\n        type: \"Kop\",\r\n        node,\r\n        originalEvent: event,\r\n      });\r\n    };\r\n\r\n    const { label, nummer, opschrift, subtitels } = mapData(node);\r\n\r\n    const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;\r\n    const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;\r\n    const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;\r\n\r\n    return (\r\n      <WrapWijzigactie wijzigactie={parseWijzigactieFromNode(node)}>\r\n        <div onClick={handleKopClick} part=\"_kop\">\r\n          {label && <WrapWijzigactie wijzigactie={wijzigactieLabel}>{mapNodeToJsx(label.childNodes)}</WrapWijzigactie>}\r\n          {nummer && (\r\n            <>\r\n              {\" \"}\r\n              <WrapWijzigactie wijzigactie={wijzigactieNummer}>{mapNodeToJsx(nummer.childNodes)}</WrapWijzigactie>\r\n            </>\r\n          )}\r\n          {opschrift && (\r\n            <>\r\n              {\" \"}\r\n              <WrapWijzigactie wijzigactie={wijzigactieOpschrift}>{mapNodeToJsx(opschrift.childNodes)}</WrapWijzigactie>\r\n            </>\r\n          )}\r\n        </div>\r\n        {subtitels.length > 0 && (\r\n          <div class=\"subtitels-container\" part=\"_subtitels\">\r\n            {subtitels.map((subtitel) => {\r\n              const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);\r\n\r\n              return (\r\n                <div class=\"subtitel\">\r\n                  <WrapWijzigactie wijzigactie={wijzigactieSubtitel}>\r\n                    {mapNodeToJsx(subtitel.childNodes)}\r\n                  </WrapWijzigactie>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        )}\r\n      </WrapWijzigactie>\r\n    );\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { WrapWijzigactie } from \"../functional-components/wrap-wijzigactie.functional-component\";\r\nimport { parseWijzigactieFromNode } from \"../functions/parse-wijzigactie-from-node.function\";\r\nimport { wijzigactieToClassName } from \"../functions/wijzigactie-to-class-name.function\";\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentLijstNode implements OzonContentNode {\r\n  name = \"Lijst\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    const wijzigactie = parseWijzigactieFromNode(node);\r\n    const childNodes = Array.from(node.childNodes);\r\n    const type = parseTypeFromLijstNode(node);\r\n    const aanhef = childNodes.find((n) => getNodeName(n) === \"Lijstaanhef\");\r\n    const sluiting = childNodes.find((n) => getNodeName(n) === \"Lijstsluiting\");\r\n    const listItems = childNodes.filter((n) => getNodeName(n) === \"Li\");\r\n\r\n    return (\r\n      <WrapWijzigactie wijzigactie={wijzigactie}>\r\n        <div class={clsx(\"dso-ozon-lijst od-Lijst\", wijzigactieToClassName(wijzigactie))}>\r\n          {aanhef && mapNodeToJsx(aanhef)}\r\n          <ul class={type}>\r\n            {listItems.map((item) => {\r\n              const itemNodes = Array.from(item.childNodes);\r\n              const liNummer = itemNodes.find((n) => getNodeName(n) === \"LiNummer\")?.childNodes;\r\n              const liWijzigactie = parseWijzigactieFromNode(item);\r\n\r\n              return (\r\n                <li class={clsx(\"od-Li\", wijzigactieToClassName(liWijzigactie))}>\r\n                  {liNummer && <span class=\"od-LiNummer\">{mapNodeToJsx(liNummer)}</span>}\r\n                  <WrapWijzigactie wijzigactie={liWijzigactie}>\r\n                    {mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== \"LiNummer\"))}\r\n                  </WrapWijzigactie>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n          {sluiting && mapNodeToJsx(sluiting)}\r\n        </div>\r\n      </WrapWijzigactie>\r\n    );\r\n  }\r\n}\r\n\r\nfunction parseTypeFromLijstNode(node: Node): LijstType | undefined {\r\n  const type = node instanceof Element ? node.getAttribute(\"type\") : undefined;\r\n\r\n  return type === \"expliciet\" || type === \"ongemarkeerd\" ? type : undefined;\r\n}\r\n\r\ntype LijstType = \"expliciet\" | \"ongemarkeerd\";\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentNieuweTekstNode implements OzonContentNode {\r\n  name = \"NieuweTekst\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <ins class=\"new-text\">{mapNodeToJsx(node.childNodes)}</ins>;\r\n  }\r\n}\r\n","import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentNootNode implements OzonContentNode {\r\n  name = \"Noot\";\r\n\r\n  handles = [\"NootNummer\"];\r\n\r\n  identify(): string | undefined {\r\n    return \"Noot\";\r\n  }\r\n\r\n  render(node: Element, { mapNodeToJsx, state: openNoteId, setState }: OzonContentNodeContext<string | undefined>) {\r\n    const noteId = node.getAttribute(\"id\");\r\n    if (!noteId) {\r\n      console.error(\"Noot node without id\", node);\r\n\r\n      return <Fragment />;\r\n    }\r\n\r\n    const noteControlsId = `dso-ozon-note-${noteId}`;\r\n\r\n    const childNodes = Array.from(node.childNodes);\r\n    const nootNummer = childNodes.find((n) => getNodeName(n) === \"NootNummer\")?.textContent ?? noteId;\r\n\r\n    return (\r\n      <>\r\n        <sup>\r\n          <button\r\n            type=\"button\"\r\n            class=\"toggle-note\"\r\n            aria-describedby={noteControlsId}\r\n            onClick={() => setState?.(openNoteId === noteId ? undefined : noteId)}\r\n            onBlur={() => setState?.(undefined)}\r\n            aria-expanded={openNoteId === noteId ? \"true\" : \"false\"}\r\n          >\r\n            {nootNummer}\r\n          </button>\r\n        </sup>\r\n        <dso-tooltip active={openNoteId === noteId} id={noteControlsId} stateless descriptive>\r\n          <span role=\"section\">{mapNodeToJsx(Array.from(node.querySelectorAll(\":scope > Al\")))}</span>\r\n        </dso-tooltip>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import { Colspec, Colspecs } from \"./colspec.interface\";\r\n\r\nexport function mapColspecs(count: number, nodeList: NodeListOf<Element>): Colspecs {\r\n  const elements = Array.from(nodeList);\r\n  const totalWidth = getTotalWidth(elements);\r\n\r\n  return {\r\n    totalWidth,\r\n    count,\r\n    columns: elements.map((element, index): Colspec => {\r\n      const colNumber = element.getAttribute(\"colnum\");\r\n\r\n      return {\r\n        colsep: element.getAttribute(\"colsep\"),\r\n        name: element.getAttribute(\"colname\") ?? \"\",\r\n        number: colNumber ? parseInt(colNumber, 10) : index + 1,\r\n        rowsep: element.getAttribute(\"rowsep\"),\r\n        width: getWidth(totalWidth, element),\r\n      };\r\n    }),\r\n  };\r\n}\r\n\r\nfunction getTotalWidth(elements: Element[]): number {\r\n  return elements.reduce((totalWidth, element) => {\r\n    const width = element.getAttribute(\"colwidth\")?.replace(/[^0-9]/, \"\") ?? \"\";\r\n    const colWidth = parseInt(width, 10);\r\n\r\n    return totalWidth + (isNaN(colWidth) ? 0 : colWidth);\r\n  }, 0);\r\n}\r\n\r\nfunction getWidth(totalWidth: number, element: Element): string | undefined {\r\n  const width = element.getAttribute(\"colwidth\");\r\n\r\n  if (!width) {\r\n    return undefined;\r\n  }\r\n\r\n  if (width === \"*\") {\r\n    return \"100%\";\r\n  }\r\n\r\n  if (width.includes(\"*\") || width.match(/^[\\d+]$/)) {\r\n    const colWidth = parseInt(width.replace(/[^0-9]/, \"\"), 10);\r\n\r\n    return `${Math.round((colWidth / totalWidth) * 100)}%`;\r\n  }\r\n\r\n  return width;\r\n}\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nexport const Colgroup: FunctionalComponent<{ colspecs: Colspecs }> = ({ colspecs }) =>\r\n  colspecs.columns.length > 0 ? (\r\n    <colgroup>\r\n      {colspecs.columns.map((colspec) => (\r\n        <col style={{ width: colspec.width }} />\r\n      ))}\r\n    </colgroup>\r\n  ) : (\r\n    <Fragment />\r\n  );\r\n","import { FunctionalComponent } from \"@stencil/core\";\r\nimport { h } from \"@stencil/core/internal\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\n\r\nfunction getColspecStartColsep({ columns }: Colspecs, nameStart: string): string | null {\r\n  const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n  return colspecStart ? colspecStart.colsep : null;\r\n}\r\n\r\nfunction getColspecStartRowsep({ columns }: Colspecs, nameStart: string): string | null {\r\n  const colspecStart = columns.find((c) => c.name === nameStart);\r\n\r\n  return colspecStart ? colspecStart.rowsep : null;\r\n}\r\n\r\nfunction getData(cell: Element, colspecs?: Colspecs) {\r\n  const nameStart = cell.getAttribute(\"namest\");\r\n  const row = cell.parentElement;\r\n  const tgroup = row?.parentElement?.parentElement;\r\n  const table = tgroup?.parentElement;\r\n  const colsep =\r\n    cell.getAttribute(\"colsep\") ||\r\n    (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) ||\r\n    (tgroup && tgroup.getAttribute(\"colsep\")) ||\r\n    (table && table.getAttribute(\"colsep\"));\r\n  const rowsep =\r\n    cell.getAttribute(\"rowsep\") ||\r\n    (row && row.getAttribute(\"rowsep\")) ||\r\n    (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) ||\r\n    (tgroup && tgroup.getAttribute(\"rowsep\")) ||\r\n    (table && table.getAttribute(\"rowsep\"));\r\n\r\n  return {\r\n    moreRows: cell.getAttribute(\"morerows\"),\r\n    nameStart,\r\n    nameEnd: cell.getAttribute(\"nameend\"),\r\n    colsep,\r\n    rowsep,\r\n  };\r\n}\r\n\r\nfunction getColspan({ columns }: Colspecs, nameStart: string, nameEnd: string): number | undefined {\r\n  const colspecStart = columns.find((c) => c.name === nameStart);\r\n  const colspecEnd = columns.find((c) => c.name === nameEnd);\r\n  if (!colspecStart || !colspecEnd) {\r\n    return undefined;\r\n  }\r\n\r\n  const colspan = colspecEnd.number - colspecStart.number + 1;\r\n\r\n  return colspan === 1 ? undefined : colspan;\r\n}\r\n\r\nexport const Cell: FunctionalComponent<{\r\n  context: OzonContentNodeContext;\r\n  colspecs: Colspecs | undefined;\r\n  cell: Element;\r\n}> = ({ context: { mapNodeToJsx }, colspecs, cell }) => {\r\n  const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);\r\n\r\n  return (\r\n    <td\r\n      class={clsx({ \"dso-horizontal-line\": rowsep !== \"0\" }, { \"dso-vertical-line\": colsep !== \"0\" })}\r\n      rowSpan={moreRows ? parseInt(moreRows, 10) + 1 : undefined}\r\n      colSpan={colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined}\r\n    >\r\n      {mapNodeToJsx(cell.childNodes)}\r\n    </td>\r\n  );\r\n};\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\n\r\nimport { Colspecs } from \"./colspec/colspec.interface\";\r\nimport { Cell } from \"./table-cell\";\r\n\r\nexport const Rows: FunctionalComponent<{\r\n  context: OzonContentNodeContext;\r\n  colspecs: Colspecs | undefined;\r\n  rows: Element[];\r\n}> = ({ context, colspecs, rows }) => {\r\n  return (\r\n    <>\r\n      {rows.map((row) => (\r\n        <tr>\r\n          {Array.from(row.children).map((cell) => (\r\n            <Cell cell={cell} colspecs={colspecs} context={context} />\r\n          ))}\r\n        </tr>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n","import { h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { getNodeName } from \"../../get-node-name.function\";\r\nimport { OzonContentNodeContext } from \"../../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../../ozon-content-node.interface\";\r\n\r\nimport { mapColspecs } from \"./colspec/colspec-mapper\";\r\nimport { Colgroup } from \"./table-colgroup\";\r\nimport { Rows } from \"./table-rows\";\r\n\r\nfunction mapData(node: Element) {\r\n  const tgroup = node.querySelector(\":scope > tgroup\");\r\n  const colAttribute = tgroup?.getAttribute(\"cols\") ?? undefined;\r\n  const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;\r\n\r\n  return {\r\n    caption: node.querySelector(\":scope > title\")?.textContent ?? undefined,\r\n    colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(\":scope > colspec\")) : undefined,\r\n    headRows: Array.from(node.querySelectorAll(\":scope > tgroup > thead > row\")),\r\n    bodyRows: Array.from(node.querySelectorAll(\":scope > tgroup > tbody > row\")),\r\n    wijzigactie: node.getAttribute(\"wijzigactie\"),\r\n    frame: node.getAttribute(\"frame\") ? node.getAttribute(\"frame\") : \"all\",\r\n  };\r\n}\r\n\r\nexport class OzonContentTableNode implements OzonContentNode {\r\n  name = \"table\";\r\n\r\n  handles = [\"title\", \"tgroup\", \"colspec\", \"thead\", \"tbody\", \"row\", \"cell\"];\r\n\r\n  id = uuidv4();\r\n\r\n  render(node: Element, context: OzonContentNodeContext) {\r\n    const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);\r\n\r\n    const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === \"Bron\");\r\n\r\n    return (\r\n      <dso-table>\r\n        <table\r\n          class={clsx(\"table\", {\r\n            \"editaction-add\": wijzigactie === \"voegtoe\",\r\n            \"editaction-remove\": wijzigactie === \"verwijder\",\r\n            [`dso-table-outside-lines-${frame}`]: frame,\r\n          })}\r\n          {...(bron ? { \"aria-describedby\": this.id } : {})}\r\n        >\r\n          {caption && <caption>{caption}</caption>}\r\n          {colspecs && <Colgroup colspecs={colspecs} />}\r\n          {headRows.length > 0 && (\r\n            <thead>\r\n              <Rows rows={headRows} colspecs={colspecs} context={context}></Rows>\r\n            </thead>\r\n          )}\r\n          {bodyRows.length > 0 && (\r\n            <tbody>\r\n              <Rows rows={bodyRows} colspecs={colspecs} context={context}></Rows>\r\n            </tbody>\r\n          )}\r\n        </table>\r\n        {bron && <div id={this.id}>{context.mapNodeToJsx(bron)}</div>}\r\n      </dso-table>\r\n    );\r\n  }\r\n}\r\n","import { Fragment, h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentTextNode implements OzonContentNode {\r\n  name = \"#text\";\r\n\r\n  render({ textContent }: Node, { mark, emitMarkItemHighlight }: OzonContentNodeContext) {\r\n    if (!mark || !textContent) {\r\n      return <>{textContent}</>;\r\n    }\r\n\r\n    const result = mark(textContent);\r\n\r\n    return !result || result.length === 0 ? (\r\n      <>{textContent}</>\r\n    ) : (\r\n      <>\r\n        {result.map((value) => {\r\n          if (typeof value === \"string\") {\r\n            return <>{value}</>;\r\n          }\r\n\r\n          return (\r\n            <mark\r\n              class={value.highlight ? \"dso-highlight\" : undefined}\r\n              ref={(ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref)}\r\n            >\r\n              {value.text}\r\n            </mark>\r\n          );\r\n        })}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import { h } from \"@stencil/core\";\r\n\r\nimport { OzonContentNodeContext } from \"../ozon-content-node-context.interface\";\r\nimport { OzonContentNode } from \"../ozon-content-node.interface\";\r\n\r\nexport class OzonContentVerwijderdeTekstNode implements OzonContentNode {\r\n  name = \"VerwijderdeTekst\";\r\n\r\n  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext) {\r\n    return <del class=\"removed-text\">{mapNodeToJsx(node.childNodes)}</del>;\r\n  }\r\n}\r\n","import { Fragment, JSX, h } from \"@stencil/core\";\r\n\r\nimport { getNodeName } from \"./get-node-name.function\";\r\nimport { OzonContentAbbrNode } from \"./nodes/abbr.node\";\r\nimport { OzonContentAlNode } from \"./nodes/al.node\";\r\nimport { OzonContentBronNode } from \"./nodes/bron.node\";\r\nimport { OzonContentDocumentNode } from \"./nodes/document.node\";\r\nimport { OzonContentExtRefNode } from \"./nodes/ext-ref.node\";\r\nimport { OzonContentFallbackNode } from \"./nodes/fallback.node\";\r\nimport { OzonContentFiguurNode } from \"./nodes/figuur.node\";\r\nimport { OzonContentInhoudNode } from \"./nodes/inhoud.node\";\r\nimport { OzonContentInlineTekstAfbeeldingNode } from \"./nodes/inline-tekst-afbeelding.node\";\r\nimport { OzonContentInlineNodes } from \"./nodes/inline.nodes\";\r\nimport { OzonContentIntIoRefNode } from \"./nodes/int-io-ref.node\";\r\nimport { OzonContentIntRefNode } from \"./nodes/int-ref.node\";\r\nimport { OzonContentKopNode } from \"./nodes/kop.node\";\r\nimport { OzonContentLijstNode } from \"./nodes/lijst.node\";\r\nimport { OzonContentNieuweTekstNode } from \"./nodes/nieuwe-tekst.node\";\r\nimport { OzonContentNootNode } from \"./nodes/noot.node\";\r\nimport { OzonContentTableNode } from \"./nodes/table.node\";\r\nimport { OzonContentTextNode } from \"./nodes/text.node\";\r\nimport { OzonContentVerwijderdeTekstNode } from \"./nodes/verwijderde-tekst.node\";\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport { OzonContentNode } from \"./ozon-content-node.interface\";\r\nimport { OzonContentInputType } from \"./ozon-content.interfaces\";\r\n\r\nexport class Mapper {\r\n  private mappers: OzonContentNode[] = [\r\n    new OzonContentAbbrNode(),\r\n    new OzonContentTextNode(),\r\n    new OzonContentDocumentNode(),\r\n    new OzonContentInhoudNode(),\r\n    new OzonContentKopNode(),\r\n    new OzonContentIntRefNode(),\r\n    new OzonContentExtRefNode(),\r\n    new OzonContentAlNode(),\r\n    new OzonContentInlineNodes(),\r\n    new OzonContentInlineTekstAfbeeldingNode(),\r\n    new OzonContentNootNode(),\r\n    new OzonContentTableNode(),\r\n    new OzonContentIntIoRefNode(),\r\n    new OzonContentFiguurNode(),\r\n    new OzonContentLijstNode(),\r\n    new OzonContentBronNode(),\r\n    new OzonContentNieuweTekstNode(),\r\n    new OzonContentVerwijderdeTekstNode(),\r\n  ];\r\n\r\n  private skip = this.mappers.reduce<string[]>((t, m) => {\r\n    if (m.handles) {\r\n      t.push(...m.handles);\r\n    }\r\n\r\n    return t;\r\n  }, []);\r\n\r\n  private fallbackNode = new OzonContentFallbackNode();\r\n\r\n  private domParser?: DOMParser;\r\n\r\n  private findMapper(name: string): OzonContentNode | undefined {\r\n    if (this.skip.includes(name)) {\r\n      return undefined;\r\n    }\r\n\r\n    return (\r\n      this.mappers.find((m) => {\r\n        if (Array.isArray(m.name)) {\r\n          return m.name.includes(name);\r\n        }\r\n\r\n        return m.name === name;\r\n      }) ?? this.fallbackNode\r\n    );\r\n  }\r\n\r\n  mapNodeToJsx(node: Node | Node[] | NodeList, context: OzonContentContext, path: Node[]): JSX.Element {\r\n    if (node instanceof NodeList) {\r\n      return <Fragment>{Array.from(node).map((n) => this.mapNodeToJsx(n, context, path))}</Fragment>;\r\n    }\r\n\r\n    if (Array.isArray(node)) {\r\n      return <Fragment>{node.map((n) => this.mapNodeToJsx(n, context, path))}</Fragment>;\r\n    }\r\n\r\n    const nodeName = getNodeName(node);\r\n    const mapper = this.findMapper(nodeName);\r\n    if (!mapper) {\r\n      return <Fragment />;\r\n    }\r\n\r\n    const identity = mapper.identify?.(node);\r\n\r\n    const state = identity ? context.state[identity] : undefined;\r\n    const setState = identity ? (s: unknown) => context.setState({ ...context.state, [identity]: s }) : undefined;\r\n\r\n    return mapper.render(node, {\r\n      inline: context.inline,\r\n      mark: context.mark,\r\n      mapNodeToJsx: (n) => this.mapNodeToJsx(n, context, [...path, node]),\r\n      emitAnchorClick: context.emitAnchorClick,\r\n      emitClick: context.emitClick,\r\n      setState,\r\n      emitMarkItemHighlight: context.emitMarkItemHighlight,\r\n      state,\r\n      path,\r\n      urlResolver: context.urlResolver,\r\n    });\r\n  }\r\n\r\n  transform(input: OzonContentInputType | undefined, context: OzonContentContext): JSX.Element {\r\n    if (!input) {\r\n      return <Fragment />;\r\n    }\r\n\r\n    const document = this.inputToXmlDocument(input);\r\n    if (document.querySelector(\"parsererror\")) {\r\n      console.error({\r\n        message: \"[DSO Toolkit: Ozon Content Mapper] Unable to parse XML\",\r\n        context,\r\n        input,\r\n        document,\r\n      });\r\n\r\n      return <Fragment />;\r\n    }\r\n\r\n    return this.mapNodeToJsx(document.getRootNode(), context, []);\r\n  }\r\n\r\n  private inputToXmlDocument(input: OzonContentInputType): XMLDocument {\r\n    if (input instanceof XMLDocument) {\r\n      return input;\r\n    }\r\n\r\n    if (typeof input === \"string\") {\r\n      this.domParser ??= new DOMParser();\r\n\r\n      return this.domParser.parseFromString(input, \"text/xml\");\r\n    }\r\n\r\n    return document.implementation.createDocument(null, null);\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n@use \"~dso-toolkit/src/components/link\";\r\n@use \"~dso-toolkit/src/components/button/button.mixins\" as button-mixins;\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/rich-content\";\r\n\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/mark/mark\";\r\n@use \"~dso-toolkit/src/components/superscript/superscript\";\r\n@use \"~dso-toolkit/src/components/subscript/subscript\";\r\n@use \"~dso-toolkit/src/components/table/table\";\r\n\r\n@use \"./ozon-content.variables\" as ozon-content-variables;\r\n\r\n:host(:not([inline])) {\r\n  display: block;\r\n}\r\n\r\n:host([inline]) {\r\n  display: inline;\r\n}\r\n\r\nbutton.toggle-note {\r\n  @include button-mixins.tertiary($modifiers: false);\r\n}\r\n\r\nspan[role=\"section\"],\r\nspan[role=\"paragraph\"] {\r\n  display: block;\r\n}\r\n\r\n:host(:not([inline])) .fallback {\r\n  display: block;\r\n}\r\n\r\na {\r\n  @include link.root();\r\n}\r\n\r\n// Styling below copied from DSO Viewer 20211011\r\n\r\n.od-Term {\r\n  font-weight: 700;\r\n}\r\n\r\n.od-Definitie,\r\n.od-Tussenkop {\r\n  font-style: italic;\r\n}\r\n\r\n.od-Inhoud,\r\n.od-Inhoud > .od-Lijst,\r\n.od-IntIoRef,\r\n.od-Lidnr,\r\n.od-LiNr,\r\n.od-Opschrift,\r\n.od-Tussenkop {\r\n  display: inline;\r\n}\r\n\r\n.od-Al {\r\n  margin-block-end: 0.75em;\r\n}\r\n\r\n.od-IntIoRef {\r\n  border-block-end: 1px dotted;\r\n}\r\n\r\n.dso-ozon-bron {\r\n  font-style: italic;\r\n  font-size: 0.75rem;\r\n}\r\n\r\n.dso-ozon-figuur {\r\n  text-align: var(--_dso-ozon-content-illustratie-uitlijning);\r\n  margin-block-end: units.$u1;\r\n\r\n  .figuur-bijschrift {\r\n    display: block;\r\n    font-size: 0.75rem;\r\n    font-style: italic;\r\n  }\r\n\r\n  &.bijschrift-boven {\r\n    .figuur-bijschrift {\r\n      padding-block-end: 0.25rem;\r\n    }\r\n  }\r\n\r\n  &.bijschrift-onder {\r\n    .figuur-bijschrift {\r\n      padding-block-start: 0.25rem;\r\n    }\r\n  }\r\n\r\n  .figuur-titel {\r\n    color: colors.$mauve;\r\n    display: block;\r\n    font-weight: 500;\r\n    padding-block-end: 0.5rem;\r\n  }\r\n\r\n  > dso-image-overlay {\r\n    inline-size: var(--_dso-ozon-content-illustratie-width);\r\n    block-size: auto;\r\n    max-block-size: 200vh;\r\n    aspect-ratio: var(--_dso-ozon-content-illustratie-aspect-ratio);\r\n\r\n    img {\r\n      block-size: 100%;\r\n      inline-size: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-ozon-lijst {\r\n  span.od-Lijstaanhef,\r\n  span.od-Lijstsluiting {\r\n    margin-block-end: units.$u1;\r\n  }\r\n\r\n  ul {\r\n    margin-block-end: units.$u1 !important;\r\n    margin-block-start: units.$u1;\r\n\r\n    p {\r\n      margin-block-end: units.$u1;\r\n    }\r\n\r\n    &.expliciet {\r\n      list-style: none;\r\n\r\n      > .od-Li {\r\n        position: relative;\r\n\r\n        > span.od-LiNummer {\r\n          position: absolute;\r\n          inset-inline-start: units.$u6 * -1 + 4;\r\n          text-align: end;\r\n          inline-size: units.$u5;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  p {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.od-Tabel thead {\r\n  font-weight: 600;\r\n}\r\n\r\n.od-Kadertekst {\r\n  border: 1px solid #e5e5e5;\r\n  margin-block-end: units.$u1;\r\n  padding: units.$u1;\r\n}\r\n\r\np,\r\nspan[role=\"paragraph\"],\r\n.dso-ozon-lijst,\r\n.dso-ozon-lijst > ul > li,\r\ntable {\r\n  &.editaction-add {\r\n    @include insert.root();\r\n  }\r\n\r\n  &.editaction-remove {\r\n    @include delete.root();\r\n  }\r\n}\r\n\r\nins {\r\n  @include insert.element();\r\n\r\n  &.new-text {\r\n    @include insert.root();\r\n  }\r\n\r\n  &.editaction-add {\r\n    display: inline-block;\r\n    margin-block-end: units.$u1;\r\n    padding: units.$u1;\r\n\r\n    @include insert.root();\r\n\r\n    p:last-child {\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\ndel {\r\n  &.removed-text {\r\n    @include delete.root();\r\n  }\r\n\r\n  &.editaction-remove {\r\n    display: inline-block;\r\n    margin-block-end: units.$u1;\r\n    padding: units.$u1;\r\n    @include delete.root();\r\n\r\n    p:last-child {\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.editaction-label {\r\n  font-style: italic;\r\n}\r\n\r\n.dso-rich-content {\r\n  @include rich-content.children();\r\n}\r\n\r\n.od-abbr {\r\n  text-decoration: underline dotted;\r\n}\r\n\r\n.subtitels-container {\r\n  cursor: default;\r\n}\r\n\r\n.subtitel {\r\n  color: ozon-content-variables.$subtitel-color;\r\n  font-weight: 700;\r\n  margin-block: 0 units.$u2;\r\n  margin-inline: 0;\r\n\r\n  &:has(del, ins) {\r\n    display: inline-block;\r\n    inline-size: 100%;\r\n    margin-inline: units.$u1 * -0.5;\r\n    padding-inline: units.$u1 * 0.5;\r\n  }\r\n\r\n  &:has(del:not(.removed-text)) {\r\n    @include delete.root();\r\n  }\r\n\r\n  &:has(ins:not(.new-text)) {\r\n    @include insert.element();\r\n    @include insert.root();\r\n  }\r\n\r\n  ins,\r\n  del {\r\n    color: ozon-content-variables.$subtitel-renvooi-color;\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  JSX,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  h,\r\n} from \"@stencil/core\";\r\n\r\nimport { OzonContentContext } from \"./ozon-content-context.interface\";\r\nimport { Mapper } from \"./ozon-content-mapper\";\r\nimport { OzonContentNodeState } from \"./ozon-content-node-state.interface\";\r\nimport {\r\n  OzonContentAnchorClickEvent,\r\n  OzonContentClickEvent,\r\n  OzonContentInputType,\r\n  OzonContentMarkFunction,\r\n  OzonContentMarkItemHighlightEvent,\r\n  OzonContentUrlResolver,\r\n} from \"./ozon-content.interfaces\";\r\n\r\nconst mapper = new Mapper();\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content\",\r\n  styleUrl: \"ozon-content.scss\",\r\n  shadow: true,\r\n})\r\nexport class OzonContent implements ComponentInterface {\r\n  /**\r\n   * The XML to be rendered.\r\n   */\r\n  @Prop()\r\n  content?: OzonContentInputType;\r\n\r\n  /**\r\n   * Setting this property creates dso-ozon-content as inline element instead of a block element.\r\n   */\r\n  @Prop({ reflect: true })\r\n  inline = false;\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: OzonContentMarkFunction;\r\n\r\n  /**\r\n   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.\r\n   */\r\n  @Prop()\r\n  urlResolver?: OzonContentUrlResolver;\r\n\r\n  /**\r\n   * Emitted when an interactive element is clicked, except for <IntIoRef> and <IntRef>.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<OzonContentClickEvent>;\r\n\r\n  /**\r\n   * Emitted when `<a>` that is created through <IntIoRef> or <IntRef> is clicked.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnchorClick!: EventEmitter<OzonContentAnchorClickEvent>;\r\n\r\n  /**\r\n   * Emitted when a marked item is highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOzonContentMarkItemHighlight!: EventEmitter<OzonContentMarkItemHighlightEvent>;\r\n\r\n  @Watch(\"content\")\r\n  contentWatcher() {\r\n    this.state = {};\r\n  }\r\n\r\n  @State()\r\n  state: OzonContentNodeState = {};\r\n\r\n  private handleMarkItemHighlight = (text: string, elementRef: HTMLElement) => {\r\n    this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });\r\n  };\r\n\r\n  render(): JSX.Element {\r\n    const context: OzonContentContext = {\r\n      state: this.state,\r\n      inline: this.inline,\r\n      mark: this.mark,\r\n      setState: (state) => (this.state = state),\r\n      emitMarkItemHighlight: this.handleMarkItemHighlight,\r\n      emitAnchorClick: this.dsoAnchorClick.emit,\r\n      emitClick: this.dsoClick.emit,\r\n      urlResolver: this.urlResolver,\r\n    };\r\n\r\n    const transformed = mapper.transform(this.content, context);\r\n\r\n    return <Fragment>{transformed}</Fragment>;\r\n  }\r\n}\r\n\r\nconst dependencies = () => {\r\n  dependencies();\r\n\r\n  return (\r\n    <>\r\n      <dso-icon />\r\n      <dso-image-overlay />\r\n      <dso-tooltip />\r\n      <dso-table />\r\n    </>\r\n  );\r\n};\r\n","import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-panel\": {\r\n      close: \"Close\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-panel\": {\r\n      close: \"Sluiten\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/di\";\r\n\r\n@use \"panel.variables\" as panel-variables;\r\n\r\n:host {\r\n  display: block;\r\n\r\n  border: 1px solid colors.$grijs-30;\r\n  border-radius: units.$u1 * 0.5;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.panel-heading {\r\n  display: flex;\r\n  gap: units.$u2;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n\r\n  padding-block: units.$u1;\r\n  padding-inline-start: var(--panel-heading-padding-inline-start, panel-variables.$panel-heading-padding-inline-start);\r\n  padding-inline-end: units.$u1;\r\n\r\n  border-block-end: 1px solid colors.$grijs-30;\r\n\r\n  border-start-start-radius: units.$u1 * 0.5;\r\n  border-start-end-radius: units.$u1 * 0.5;\r\n\r\n  background-color: colors.$grijs-10;\r\n\r\n  .sr-only {\r\n    @include utilities.sr-only();\r\n  }\r\n}\r\n\r\n.emphasized .panel-heading {\r\n  background-color: panel-variables.$background-color-emphasized;\r\n}\r\n\r\n::slotted([slot=\"heading\"]) {\r\n  margin: 0 !important;\r\n  font-size: 1rem !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.5 !important;\r\n  color: colors.$zwart !important;\r\n}\r\n\r\n.panel-close {\r\n  display: inline-block;\r\n\r\n  inline-size: units.$u3;\r\n  aspect-ratio: 1 / 1;\r\n\r\n  padding: 0;\r\n\r\n  border: 0;\r\n\r\n  background-color: transparent;\r\n\r\n  color: colors.$zwart;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.panel-body {\r\n  padding-block: units.$u2;\r\n  padding-inline: var(--panel-body-padding-inline, panel-variables.$panel-body-padding-inline);\r\n\r\n  background-color: var(--_dso-panel-body-background-color, transparent);\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./panel.i18n\";\r\n\r\nexport interface PanelCloseEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\n/**\r\n * @slot - The contents to be highlighted within the panel\r\n * @slot heading - The heading (h2 - h6) with the title of the panel\r\n */\r\n@Component({\r\n  tag: \"dso-panel\",\r\n  styleUrl: \"panel.scss\",\r\n  shadow: true,\r\n})\r\nexport class Panel implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoPanelElement;\r\n\r\n  /**\r\n   * The accessible name for the close button.\r\n   */\r\n  @Prop()\r\n  closeButtonLabel?: string;\r\n\r\n  /**\r\n   * To display the panel as an emphasized panel.\r\n   */\r\n  @Prop()\r\n  emphasized = false;\r\n\r\n  /**\r\n   * Emitted when the user click the close button.\r\n   */\r\n  @Event()\r\n  dsoCloseClick!: EventEmitter<PanelCloseEvent>;\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  render() {\r\n    return (\r\n      <div class={clsx([\"dso-panel\", { emphasized: this.emphasized }])}>\r\n        <div class=\"panel-heading\">\r\n          <slot name=\"heading\" />\r\n          <button type=\"button\" class=\"panel-close\" onClick={(e) => this.dsoCloseClick.emit({ originalEvent: e })}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">{this.closeButtonLabel || this.text(\"close\")}</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"panel-body\">\r\n          <slot></slot>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","@use \"sass:color\";\r\n\r\n@use \"~dso-toolkit/src/components/grid/grid.variables\" as grid-variables;\r\n@use \"~dso-toolkit/src/components/modal/modal.variables\" as modal-variables;\r\n\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/components/rich-content\";\r\n@use \"~dso-toolkit/src/components/table\";\r\n\r\n:host {\r\n  display: block;\r\n  margin-block-end: units.$u3;\r\n}\r\n\r\n.dso-header {\r\n  min-block-size: units.$u4;\r\n\r\n  h2 {\r\n    color: colors.$bosgroen;\r\n    font-size: units.$font-size-h2;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .dso-close {\r\n    color: colors.$bosgroen;\r\n  }\r\n}\r\n\r\n:host .dso-modal {\r\n  inset: 0px;\r\n  block-size: 100%;\r\n  position: fixed;\r\n  z-index: zindex.$modal;\r\n\r\n  @include modal.root();\r\n}\r\n\r\n.dso-modal .dso-dialog.dso-table-dialog {\r\n  margin-block-start: 1rem;\r\n  max-inline-size: calc(100% - 2rem);\r\n  margin-inline-start: auto;\r\n  margin-inline-end: auto;\r\n  inline-size: auto;\r\n\r\n  .dso-body {\r\n    $dso-body-unavailable-height: (\r\n      (2 * modal.$header-padding) + (modal.$footer-button-block-size + modal.$footer-padding)\r\n    );\r\n    max-block-size: calc(100vh - #{$dso-body-unavailable-height} - 1.5em - 2rem); // margin\r\n  }\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    max-inline-size: 100%;\r\n  }\r\n}\r\n\r\n:host([is-responsive=\"true\"]) {\r\n  .dso-table-body {\r\n    border: 1px solid table.$border-color;\r\n    margin-block-end: 0;\r\n    overflow-y: auto;\r\n    inline-size: 100%;\r\n\r\n    &.dso-body {\r\n      inline-size: calc(100% - modal.$body-padding * 2);\r\n    }\r\n  }\r\n}\r\n\r\n.dso-table-utilities {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-block-end: units.$u1;\r\n\r\n  .dso-responsive-message {\r\n    margin-block-end: 0;\r\n\r\n    &:only-child {\r\n      inline-size: 100%;\r\n    }\r\n  }\r\n\r\n  .open-modal-button {\r\n    &:only-child {\r\n      margin-inline-start: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-responsive-message {\r\n  font-size: 0.8em;\r\n  margin-block-end: units.$u1;\r\n  position: relative;\r\n  text-align: center;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-modal-overlay {\r\n  background-color: color.scale(modal-variables.$backdrop-bg, $alpha: modal-variables.$backdrop-opacity);\r\n  display: block;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: zindex.$modal-background-overlay;\r\n}\r\n\r\n.dso-table-placeholder {\r\n  box-shadow: inset 0 0 0 1px table.$border-color;\r\n  display: grid;\r\n  place-content: center;\r\n}\r\n","import { Component, ComponentInterface, Element, Host, Prop, State, h } from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { FocusTrap, createFocusTrap } from \"focus-trap\";\r\nimport { v4 } from \"uuid\";\r\n\r\n@Component({\r\n  tag: \"dso-table\",\r\n  styleUrl: \"table.scss\",\r\n  shadow: true,\r\n})\r\nexport class Table implements ComponentInterface {\r\n  private resizeObserver?: ResizeObserver;\r\n\r\n  private focusTrapElement?: HTMLDivElement;\r\n\r\n  private buttonElement?: HTMLButtonElement;\r\n\r\n  private trap?: FocusTrap;\r\n\r\n  private labelledbyId = v4();\r\n\r\n  @Element()\r\n  host!: HTMLDsoTableElement;\r\n\r\n  /**\r\n   * Prevents the table being opened in a modal.\r\n   */\r\n  @Prop({ reflect: true })\r\n  noModal = false;\r\n\r\n  @State()\r\n  isResponsive?: boolean;\r\n\r\n  @State()\r\n  modalActive = false;\r\n\r\n  @State()\r\n  placeholderHeight?: number;\r\n\r\n  private startResponsiveBehavior(): void {\r\n    this.resizeObserver?.observe(this.host);\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    this.resizeObserver = new ResizeObserver(debounce((entries) => this.setResponsiveTable(entries), 200));\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.startResponsiveBehavior();\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.setFocusTrap();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resizeObserver?.disconnect();\r\n  }\r\n\r\n  render() {\r\n    const caption = this.host.querySelector(\":scope > table > caption\")?.textContent?.trim();\r\n\r\n    return (\r\n      <Host is-responsive={this.isResponsive?.toString()}>\r\n        {this.modalActive && this.placeholderHeight && (\r\n          <div class=\"dso-table-placeholder\" style={{ height: `${this.placeholderHeight}px` }} />\r\n        )}\r\n\r\n        {this.modalActive && <div class=\"dso-modal-overlay\"></div>}\r\n\r\n        <div class={{ \"dso-modal\": this.modalActive }}>\r\n          <div\r\n            class={{ \"dso-dialog\": this.modalActive, \"dso-table-dialog\": true }}\r\n            ref={(element) => (this.focusTrapElement = element)}\r\n            {...(this.modalActive ? { [\"aria-labelledby\"]: this.labelledbyId, role: \"dialog\" } : {})}\r\n          >\r\n            {(this.isResponsive || !this.noModal) && (\r\n              <div class=\"dso-table-utilities\" style={this.modalActive ? { display: \"none\" } : undefined}>\r\n                {this.isResponsive && (\r\n                  <div class=\"dso-responsive-message\">\r\n                    <span>beweeg de tabel van links naar rechts</span>\r\n                  </div>\r\n                )}\r\n\r\n                {!this.noModal && (\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"dso-tertiary open-modal-button\"\r\n                    ref={(element) => (this.buttonElement = element)}\r\n                    onClick={() => this.openModal()}\r\n                  >\r\n                    <span class=\"sr-only\">tabel {caption ?? \"\"} </span>\r\n                    <span>vergroten</span>\r\n                    <dso-icon icon=\"external-link\"></dso-icon>\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n\r\n            {this.modalActive && (\r\n              <div class=\"dso-header\">\r\n                <h2 id={this.labelledbyId} class={{ \"sr-only\": !caption }}>\r\n                  {caption || \"Uitvergrote tabel dialoog\"}\r\n                </h2>\r\n                <button type=\"button\" class=\"dso-close\" onClick={() => this.closeModal()}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">Sluiten</span>\r\n                </button>\r\n              </div>\r\n            )}\r\n\r\n            <div class={{ \"dso-body\": this.modalActive, \"dso-table-body\": true }}>\r\n              <slot></slot>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private openModal() {\r\n    this.placeholderHeight = this.host.clientHeight;\r\n    this.modalActive = true;\r\n  }\r\n\r\n  private closeModal() {\r\n    this.placeholderHeight = undefined;\r\n    this.modalActive = false;\r\n  }\r\n\r\n  private setFocusTrap() {\r\n    if (this.modalActive && this.focusTrapElement && !this.trap) {\r\n      this.trap = createFocusTrap([this.host, this.focusTrapElement], {\r\n        escapeDeactivates: true,\r\n        clickOutsideDeactivates: (e) => {\r\n          if (e instanceof MouseEvent && e.composedPath()[0] === this.focusTrapElement) {\r\n            this.closeModal();\r\n\r\n            return false;\r\n          }\r\n\r\n          return true;\r\n        },\r\n        setReturnFocus: this.buttonElement ?? false,\r\n        onDeactivate: () => this.closeModal(),\r\n        tabbableOptions: {\r\n          getShadowRoot: true,\r\n        },\r\n      }).activate();\r\n    } else if (!this.modalActive && this.trap) {\r\n      this.trap?.deactivate();\r\n\r\n      delete this.trap;\r\n    }\r\n  }\r\n\r\n  private setResponsiveTable([dsoTable]: ResizeObserverEntry[]): void {\r\n    if (!dsoTable) {\r\n      throw new Error(\"No dsoTable found\");\r\n    }\r\n\r\n    const tableElement = dsoTable.target.querySelector(\"table\");\r\n\r\n    if (dsoTable && tableElement instanceof HTMLTableElement) {\r\n      this.isResponsive =\r\n        Math.floor(tableElement.getBoundingClientRect().width) > Math.floor(dsoTable.contentRect.width);\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-3e8dbe03.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as r,F as s,g as i}from"./p-DxWmN7gh.js";import{c as l}from"./p-ChV9xqsO.js";import{d}from"./p-DDU8nTJS.js";import{v as t}from"./p-BF0_OXTe.js";import"./p-BFTU3MAI.js";const a=':host{display:inline-block;max-inline-size:100%}*,*::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}.dso-label{border-radius:4px;display:inline-block;line-height:1.5;max-inline-size:100%;padding-block:4px;padding-inline:8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:inline-end;font-size:1rem;margin-block-end:-4px;margin-inline-start:8px;margin-inline-end:-4px;margin-block-start:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label{background-color:#f2f2f2;border-color:#f2f2f2;color:#191919}.dso-label.dso-label-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-label.dso-label-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;border-color:#fff;color:#191919}.dso-label.dso-label-bright{outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}.dso-label.dso-label-filter{background-color:#e1ecf7;border-color:#e1ecf7;color:#191919}.dso-label.dso-label-filter{border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label.dso-label-toegevoegd{box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5)}.dso-label.dso-label-verwijderd{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}.dso-label.dso-label-verwijderd{text-decoration:line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}';const n=new ResizeObserver(d((e=>{e.forEach((({target:e})=>{if(c(e)){e._truncateLabel()}}))}),150));function c(e){return e.tagName==="DSO-LABEL"}function b(e){return e.scrollWidth>e.clientWidth}const g=class{constructor(r){e(this,r);this.dsoRemoveClick=o(this,"dsoRemoveClick",7);this.isTruncated=false;this.labelText=""}watchRemovable(e){if(e){this.startMutationObserver()}else{this.stopMutationObserver()}}watchTruncate(e){if(e){this.startTruncate()}else{this.stopTruncate()}}keyDownListener(e){if(e.key==="Escape"){this.textHover=false;this.textFocus=false}}async _truncateLabel(){setTimeout((()=>{this.isTruncated=!!this.labelContent&&b(this.labelContent)}))}syncLabelText(){var e,o;this.labelText=(o=(e=this.host.textContent)===null||e===void 0?void 0:e.trim())!==null&&o!==void 0?o:""}componentDidLoad(){if(this.truncate){this.startTruncate()}if(this.removable){this.startMutationObserver()}}disconnectedCallback(){this.stopTruncate();this.stopMutationObserver(true)}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText()));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true});this.syncLabelText()}stopMutationObserver(e=false){var o;if(e||!(this.truncate&&this.removable)){(o=this.mutationObserver)===null||o===void 0?void 0:o.disconnect();delete this.mutationObserver}}startTruncate(){n.observe(this.host);this.startMutationObserver();this._truncateLabel()}stopTruncate(){n.unobserve(this.host);this.stopMutationObserver();this.isTruncated=false}render(){return r(s,{key:"dd5243bfde4309df3a2b1fa7d82dc1d3d371c939"},r("span",{key:"edde8712f676689acd11d6c1fd750ee6cc6fe678","aria-describedby":this.isTruncated?"toggle-anchor":null,class:l("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},r("slot",{key:"e0bcd48531aa12cf378bbd2f2a1c0f03b6117a0b",name:"symbol"}),r("span",{key:"8cbf91299eb620810d677d6acf13156f4c8e0c84",class:l("dso-label-content",{"dso-truncate":!!this.truncate}),ref:e=>this.labelContent=e,tabindex:this.truncate&&this.isTruncated?0:undefined,onMouseEnter:()=>this.textHover=true,onMouseLeave:()=>this.textHover=false,onFocus:()=>this.textFocus=true,onBlur:()=>this.textFocus=false},r("slot",{key:"e3201b232979f5168f8a6a19ea812c7a0db10c46"})),this.removable&&r("button",{key:"c8d58dbf4f2a78109a67d9b1ee1514722039fb49",type:"button",onClick:e=>this.dsoRemoveClick.emit(e),onMouseEnter:()=>this.removeHover=true,onMouseLeave:()=>this.removeHover=false,onFocus:()=>this.removeFocus=true,onBlur:()=>this.removeFocus=false},r("span",{key:"6c94edf3485221fdb28f9e4163eca04db07f954b",class:"sr-only"},"Verwijder: ",this.labelText),r("dso-icon",{key:"9a405ae6805cd81bcbe763871238fffb0d02b29c",icon:"times"}))),this.isTruncated&&r("dso-tooltip",{key:"8314165ce9d4dd993a732ef61f11e3998dd815a8",stateless:true,id:"toggle-anchor",active:this.textHover||this.textFocus,position:"top",strategy:"absolute"},this.labelText))}get host(){return i(this)}static get watchers(){return{removable:["watchRemovable"],truncate:["watchTruncate"]}}};g.style=a;const h=({text:e,mark:o,onMarkItemHighlight:i})=>{if(!o){return r(s,null,e)}const l=o(e);if(!l){return r(s,null,e)}return r(s,null,l.map((e=>{if(typeof e==="string"){return r(s,null,e)}return r("mark",{class:e.highlight?"dso-highlight":undefined,ref:o=>e.highlight&&o&&i(e.text,o)},e.text)})))};const u=({value:e,mark:o,onMarkItemHighlight:i})=>{if(typeof e==="string"||!e){return r("span",{class:"text"},r(h,{text:e,mark:o,onMarkItemHighlight:i}))}if("toegevoegd"in e){return r("ins",null,r(h,{text:e.toegevoegd,mark:o,onMarkItemHighlight:i}))}if("verwijderd"in e){return r("del",null,r(h,{text:e.verwijderd,mark:o,onMarkItemHighlight:i}))}return r(s,null,r("del",null,r(h,{text:e.was,mark:o,onMarkItemHighlight:i})),r("ins",null,r(h,{text:e.wordt,mark:o,onMarkItemHighlight:i})))};const f='ins{text-decoration:none}ins{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}ins{box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5)}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}del{text-decoration:line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}mark{background-color:var(--_dt-mark-bg-color, #f8f5ce);color:var(--_dt-mark-color, #000);padding-block:var(--_dt-mark-padding-block, 0.2rem);font-weight:var(--_dt-mark-font-weight, normal)}mark.dso-highlight{background-color:#dbd136}:host{display:inline}*,*::after,*::before{box-sizing:border-box}.text{text-decoration:var(--_dso-renvooi-text-decoration)}';const v=class{constructor(r){e(this,r);this.dsoRenvooiMarkItemHighlight=o(this,"dsoRenvooiMarkItemHighlight",3);this.handleMarkItemHighlight=(e,o)=>{this.dsoRenvooiMarkItemHighlight.emit({text:e,elementRef:o})}}get values(){if(!this.value){return[]}return Array.isArray(this.value)?this.value:[this.value]}render(){return r(s,null,this.values.map((e=>r(u,{value:e,mark:this.mark&&(o=>{var r;return(r=this.mark)===null||r===void 0?void 0:r.call(this,o,e,this.values)}),onMarkItemHighlight:this.handleMarkItemHighlight}))))}};v.style=f;const m=".sc-dso-slide-toggle-h{display:inline-block;padding-block-start:2px}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}";const k=class{constructor(r){e(this,r);this.dsoActiveChange=o(this,"dsoActiveChange",5);this.checked=false;this.disabled=false;this.identifier=t()}handleSwitch(e){this.dsoActiveChange.emit({originalEvent:e,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=this.host.querySelector("*")!==null}render(){return r(s,null,r("button",Object.assign({key:"dd056ac89f47164e9ce9132438a9965fbdf78aea",id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:e=>this.handleSwitch(e)},this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}),r("svg",{key:"ad71efc4e160b53099a2c6d80241fce699839f20",xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},r("g",{key:"585e75df75ce6fbb97bc573d5d3cc675ea74679a",fill:"none","fill-rule":"evenodd"},r("rect",{key:"6f3b445153a59a77bf8f673ab6cbc0eb65df1e54",width:"40",height:"20",fill:"currentColor",rx:"10"}),r("circle",{key:"58a7a02f8c5d8d92da2e661a709934d5295fb2e1",cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&r("label",{key:"fd1ec32c47da948e012a747a1830c9292c881cbc",htmlFor:this.identifier},r("slot",{key:"ecde5f3d46badc0e71463951cebe906b76aabf6a"})))}get host(){return i(this)}};k.style=m;export{g as dso_label,v as dso_renvooi,k as dso_slide_toggle};
-//# sourceMappingURL=p-3e8dbe03.entry.js.map

package/dist/dso-toolkit/p-3e8dbe03.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","resizeObserver","ResizeObserver","debounce","entries","forEach","target","isDsoLabelComponent","_truncateLabel","element","tagName","hasEllipses","el","scrollWidth","clientWidth","Label","constructor","hostRef","this","isTruncated","labelText","watchRemovable","removable","startMutationObserver","stopMutationObserver","watchTruncate","truncate","startTruncate","stopTruncate","keyDownListener","event","key","textHover","textFocus","setTimeout","labelContent","syncLabelText","_b","_a","host","textContent","trim","componentDidLoad","disconnectedCallback","mutationObserver","MutationObserver","observe","characterData","childList","subtree","attributes","force","disconnect","unobserve","render","h","Fragment","class","clsx","status","compact","removeHover","removeFocus","name","ref","tabindex","undefined","onMouseEnter","onMouseLeave","onFocus","onBlur","type","onClick","e","dsoRemoveClick","emit","icon","stateless","id","active","position","strategy","RenvooiRenderText","text","mark","onMarkItemHighlight","result","map","renvooiText","highlight","RenvooiRender","value","toegevoegd","verwijderd","was","wordt","renvooiCss","Renvooi","handleMarkItemHighlight","elementRef","dsoRenvooiMarkItemHighlight","values","Array","isArray","v","call","slideToggleCss","SlideToggle","checked","disabled","identifier","v4","handleSwitch","dsoActiveChange","originalEvent","componentWillLoad","hasVisibleLabel","querySelector","Object","assign","role","accessibleLabel","labelledbyId","xmlns","width","height","viewBox","fill","rx","cy","r","htmlFor"],"sources":["src/components/label/label.scss?tag=dso-label&encapsulation=shadow","src/components/label/label.tsx","src/components/renvooi/renvooi-render-text.tsx","src/components/renvooi/renvooi-render.tsx","src/components/renvooi/renvooi.scss?tag=dso-renvooi&encapsulation=shadow","src/components/renvooi/renvooi.tsx","src/components/slide-toggle/slide-toggle.scss?tag=dso-slide-toggle&encapsulation=scoped","src/components/slide-toggle/slide-toggle.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/label\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  max-inline-size: 100%;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n// Todo: Replace .sr-only selector with web component specific selector, no need for .sr-only if we can generate the SCSS\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-label {\r\n  @include label.root();\r\n\r\n  &.dso-hover {\r\n    .dso-label-content {\r\n      text-decoration: line-through;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-truncate.dso-label-content {\r\n  display: inline-block;\r\n  max-inline-size: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- full text can be viewed via tooltip.\r\n  vertical-align: bottom;\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- full text can be viewed via tooltip.\r\n}\r\n\r\n:host([removable]) {\r\n  .dso-truncate.dso-label-content {\r\n    max-inline-size: calc(100% - (units.$u3 + 4px));\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Listen,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  h,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\nimport { LabelStatus } from \"./label.interfaces\";\r\n\r\nconst resizeObserver = new ResizeObserver(\r\n  debounce((entries: ResizeObserverEntry[]) => {\r\n    entries.forEach(({ target }) => {\r\n      if (isDsoLabelComponent(target)) {\r\n        target._truncateLabel();\r\n      }\r\n    });\r\n  }, 150),\r\n);\r\n\r\nfunction isDsoLabelComponent(element: Element): element is HTMLDsoLabelElement {\r\n  return element.tagName === \"DSO-LABEL\";\r\n}\r\n\r\nfunction hasEllipses(el: HTMLElement): boolean {\r\n  return el.scrollWidth > el.clientWidth;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-label\",\r\n  styleUrl: \"label.scss\",\r\n  shadow: true,\r\n})\r\nexport class Label implements ComponentInterface {\r\n  private labelContent: HTMLSpanElement | undefined;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  @Element()\r\n  private host!: HTMLDsoLabelElement;\r\n\r\n  /**\r\n   * For compact Label\r\n   */\r\n  @Prop()\r\n  compact?: boolean;\r\n\r\n  /**\r\n   * Shows a button that can be used to remove the Label.\r\n   */\r\n  @Prop({ reflect: true })\r\n  removable?: boolean;\r\n\r\n  /**\r\n   * The status of this Label.\r\n   */\r\n  @Prop()\r\n  status?: LabelStatus;\r\n\r\n  /**\r\n   * Emitted when the user activates the remove button.\r\n   */\r\n  @Event()\r\n  dsoRemoveClick!: EventEmitter<MouseEvent>;\r\n\r\n  @State()\r\n  removeHover?: boolean;\r\n\r\n  @State()\r\n  removeFocus?: boolean;\r\n\r\n  /**\r\n   * Whether the Label is allowed to truncate the contents if it does not fit the container element.\r\n   */\r\n  @Prop()\r\n  truncate?: boolean;\r\n\r\n  @State()\r\n  textHover?: boolean;\r\n\r\n  @State()\r\n  textFocus?: boolean;\r\n\r\n  @State()\r\n  isTruncated = false;\r\n\r\n  @State()\r\n  labelText = \"\";\r\n\r\n  @Watch(\"removable\")\r\n  watchRemovable(removable: boolean) {\r\n    if (removable) {\r\n      this.startMutationObserver();\r\n    } else {\r\n      this.stopMutationObserver();\r\n    }\r\n  }\r\n\r\n  @Watch(\"truncate\")\r\n  watchTruncate(truncate: boolean) {\r\n    if (truncate) {\r\n      this.startTruncate();\r\n    } else {\r\n      this.stopTruncate();\r\n    }\r\n  }\r\n\r\n  @Listen(\"keydown\", { target: \"document\" })\r\n  keyDownListener(event: KeyboardEvent) {\r\n    if (event.key === \"Escape\") {\r\n      this.textHover = false;\r\n      this.textFocus = false;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _truncateLabel() {\r\n    setTimeout(() => {\r\n      this.isTruncated = !!this.labelContent && hasEllipses(this.labelContent);\r\n    });\r\n  }\r\n\r\n  private syncLabelText() {\r\n    this.labelText = this.host.textContent?.trim() ?? \"\";\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.truncate) {\r\n      this.startTruncate();\r\n    }\r\n\r\n    if (this.removable) {\r\n      this.startMutationObserver();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.stopTruncate();\r\n\r\n    this.stopMutationObserver(true);\r\n  }\r\n\r\n  /** The mutationObserver fetches the text placed inside the label, this is then used for the remove button and tooltip. */\r\n  private startMutationObserver(): void {\r\n    this.mutationObserver = new MutationObserver(() => this.syncLabelText());\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      characterData: true,\r\n      childList: true,\r\n      subtree: true,\r\n      attributes: true,\r\n    });\r\n\r\n    this.syncLabelText();\r\n  }\r\n\r\n  private stopMutationObserver(force = false): void {\r\n    if (force || !(this.truncate && this.removable)) {\r\n      this.mutationObserver?.disconnect();\r\n\r\n      delete this.mutationObserver;\r\n    }\r\n  }\r\n\r\n  private startTruncate(): void {\r\n    resizeObserver.observe(this.host);\r\n    this.startMutationObserver();\r\n    this._truncateLabel();\r\n  }\r\n\r\n  private stopTruncate(): void {\r\n    resizeObserver.unobserve(this.host);\r\n    this.stopMutationObserver();\r\n    this.isTruncated = false;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <span\r\n          aria-describedby={this.isTruncated ? \"toggle-anchor\" : null}\r\n          class={clsx(\"dso-label\", {\r\n            [`dso-label-${this.status}`]: this.status,\r\n            \"dso-compact\": this.compact && !this.removable,\r\n            \"dso-hover\": this.removeHover || this.removeFocus,\r\n          })}\r\n        >\r\n          <slot name=\"symbol\"></slot>\r\n          <span\r\n            class={clsx(\"dso-label-content\", {\r\n              \"dso-truncate\": !!this.truncate,\r\n            })}\r\n            ref={(element) => (this.labelContent = element)}\r\n            tabindex={this.truncate && this.isTruncated ? 0 : undefined}\r\n            onMouseEnter={() => (this.textHover = true)}\r\n            onMouseLeave={() => (this.textHover = false)}\r\n            onFocus={() => (this.textFocus = true)}\r\n            onBlur={() => (this.textFocus = false)}\r\n          >\r\n            <slot></slot>\r\n          </span>\r\n          {this.removable && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={(e) => this.dsoRemoveClick.emit(e)}\r\n              onMouseEnter={() => (this.removeHover = true)}\r\n              onMouseLeave={() => (this.removeHover = false)}\r\n              onFocus={() => (this.removeFocus = true)}\r\n              onBlur={() => (this.removeFocus = false)}\r\n            >\r\n              <span class=\"sr-only\">Verwijder: {this.labelText}</span>\r\n              <dso-icon icon=\"times\"></dso-icon>\r\n            </button>\r\n          )}\r\n        </span>\r\n        {this.isTruncated && (\r\n          <dso-tooltip\r\n            stateless\r\n            id=\"toggle-anchor\"\r\n            active={this.textHover || this.textFocus}\r\n            position=\"top\"\r\n            strategy=\"absolute\"\r\n          >\r\n            {this.labelText}\r\n          </dso-tooltip>\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiRenderMarkFunction } from \"./renvooi.interfaces\";\r\n\r\ninterface RenvooiRenderTextProps {\r\n  text: string;\r\n  mark: RenvooiRenderMarkFunction | undefined;\r\n  onMarkItemHighlight: (text: string, ref: HTMLElement) => void | undefined;\r\n}\r\n\r\nexport const RenvooiRenderText: FunctionalComponent<RenvooiRenderTextProps> = ({ text, mark, onMarkItemHighlight }) => {\r\n  if (!mark) {\r\n    return <>{text}</>;\r\n  }\r\n\r\n  const result = mark(text);\r\n\r\n  if (!result) {\r\n    return <>{text}</>;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {result.map((renvooiText) => {\r\n        if (typeof renvooiText === \"string\") {\r\n          return <>{renvooiText}</>;\r\n        }\r\n\r\n        return (\r\n          <mark\r\n            class={renvooiText.highlight ? \"dso-highlight\" : undefined}\r\n            ref={(ref) => renvooiText.highlight && ref && onMarkItemHighlight(renvooiText.text, ref)}\r\n          >\r\n            {renvooiText.text}\r\n          </mark>\r\n        );\r\n      })}\r\n    </>\r\n  );\r\n};\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiRenderText } from \"./renvooi-render-text\";\r\nimport { RenvooiRenderMarkFunction, RenvooiValue } from \"./renvooi.interfaces\";\r\n\r\ninterface RenvooiRenderProps {\r\n  value: RenvooiValue;\r\n  mark: RenvooiRenderMarkFunction | undefined;\r\n  onMarkItemHighlight: (text: string, elementRef: HTMLElement) => void | undefined;\r\n}\r\n\r\nexport const RenvooiRender: FunctionalComponent<RenvooiRenderProps> = ({ value, mark, onMarkItemHighlight }) => {\r\n  if (typeof value === \"string\" || !value) {\r\n    // This element is used for --_dso-renvooi-text-decoration\r\n    return (\r\n      <span class=\"text\">\r\n        <RenvooiRenderText text={value} mark={mark} onMarkItemHighlight={onMarkItemHighlight} />\r\n      </span>\r\n    );\r\n  }\r\n\r\n  if (\"toegevoegd\" in value) {\r\n    return (\r\n      <ins>\r\n        <RenvooiRenderText text={value.toegevoegd} mark={mark} onMarkItemHighlight={onMarkItemHighlight} />\r\n      </ins>\r\n    );\r\n  }\r\n\r\n  if (\"verwijderd\" in value) {\r\n    return (\r\n      <del>\r\n        <RenvooiRenderText text={value.verwijderd} mark={mark} onMarkItemHighlight={onMarkItemHighlight} />\r\n      </del>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <del>\r\n        <RenvooiRenderText text={value.was} mark={mark} onMarkItemHighlight={onMarkItemHighlight} />\r\n      </del>\r\n      <ins>\r\n        <RenvooiRenderText text={value.wordt} mark={mark} onMarkItemHighlight={onMarkItemHighlight} />\r\n      </ins>\r\n    </>\r\n  );\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\";\r\n@use \"~dso-toolkit/src/components/delete/delete\";\r\n@use \"~dso-toolkit/src/components/mark/mark\";\r\n\r\n:host {\r\n  display: inline;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.text {\r\n  text-decoration: var(--_dso-renvooi-text-decoration);\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiRender } from \"./renvooi-render\";\r\nimport { RenvooiMarkFunction, RenvooiMarkItemHighlightEvent, RenvooiValue } from \"./renvooi.interfaces\";\r\n\r\n/**\r\n * Met dit component kan een `RenvooiValue` worden gepresenteerd.\r\n */\r\n@Component({\r\n  tag: \"dso-renvooi\",\r\n  styleUrl: \"renvooi.scss\",\r\n  shadow: true,\r\n})\r\nexport class Renvooi implements ComponentInterface {\r\n  /**\r\n   * The renvooi value to render.\r\n   */\r\n  @Prop()\r\n  value?: RenvooiValue | RenvooiValue[];\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: RenvooiMarkFunction;\r\n\r\n  /**\r\n   * Emitted when a marked item is highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoRenvooiMarkItemHighlight!: EventEmitter<RenvooiMarkItemHighlightEvent>;\r\n\r\n  get values(): RenvooiValue[] {\r\n    if (!this.value) {\r\n      return [];\r\n    }\r\n\r\n    return Array.isArray(this.value) ? this.value : [this.value];\r\n  }\r\n\r\n  private handleMarkItemHighlight = (text: string, elementRef: HTMLElement) => {\r\n    this.dsoRenvooiMarkItemHighlight.emit({ text, elementRef });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.values.map((v) => (\r\n          <RenvooiRender\r\n            value={v}\r\n            mark={this.mark && ((text) => this.mark?.(text, v, this.values))}\r\n            onMarkItemHighlight={this.handleMarkItemHighlight}\r\n          />\r\n        ))}\r\n      </>\r\n    );\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n\r\n$slide-toggle-height: 20px;\r\n\r\n:host {\r\n  display: inline-block;\r\n  padding-block-start: (typography.$line-height-base * typography.$font-size-base - $slide-toggle-height) * 0.5;\r\n}\r\n\r\nbutton.dso-slider {\r\n  border: 0;\r\n  padding: 0;\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid colors.$grijs-80;\r\n    outline-offset: 1px;\r\n  }\r\n\r\n  svg {\r\n    rect {\r\n      fill: colors.$grijs-40;\r\n      transition: fill 0.25s;\r\n    }\r\n\r\n    circle {\r\n      @include utilities.transition(transform);\r\n\r\n      transform: translateX(10px);\r\n      fill: colors.$wit;\r\n    }\r\n  }\r\n\r\n  &[aria-checked=\"true\"] svg {\r\n    rect {\r\n      fill: colors.$bosgroen;\r\n    }\r\n\r\n    circle {\r\n      transform: translateX(30px);\r\n      fill: colors.$wit;\r\n    }\r\n  }\r\n\r\n  &[disabled] svg {\r\n    rect {\r\n      fill: colors.$grijs-20;\r\n    }\r\n\r\n    circle {\r\n      fill: colors.$grijs-10;\r\n    }\r\n  }\r\n\r\n  &[disabled][aria-checked=\"true\"] svg {\r\n    rect {\r\n      fill: colors.$bosgroen-40;\r\n    }\r\n\r\n    circle {\r\n      fill: colors.$grijs-10;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-slider {\r\n  border-radius: units.$u3;\r\n  display: inline-flex;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Fragment, Prop, State, h } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { SlideToggleActiveEvent } from \"./slide-toggle.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-slide-toggle\",\r\n  styleUrl: \"slide-toggle.scss\",\r\n  scoped: true,\r\n  shadow: false,\r\n})\r\nexport class SlideToggle implements ComponentInterface {\r\n  @Element()\r\n  private host!: HTMLDsoSlideToggleElement;\r\n\r\n  /**\r\n   * Set to true if Slide Toggle is checked.\r\n   */\r\n  @Prop()\r\n  checked = false;\r\n\r\n  /**\r\n   * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events.\r\n   */\r\n  @Prop()\r\n  disabled = false;\r\n\r\n  /**\r\n   * When provided the `<button>` will be labelled with `aria-label`. For a visible label provide a `<span>` inside the component.\r\n   */\r\n  @Prop()\r\n  accessibleLabel?: string;\r\n\r\n  /**\r\n   * Provide the `id` of the element that labels this element. this property sets the `aria-labelledby` on the switch button.\r\n   */\r\n  @Prop()\r\n  labelledbyId?: string;\r\n\r\n  @State()\r\n  hasVisibleLabel?: boolean;\r\n\r\n  /**\r\n   * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for=\"id\">`.\r\n   */\r\n  @Prop()\r\n  identifier = v4();\r\n\r\n  /**\r\n   * Emitted when user checks or unchecks the Slide Toggle.\r\n   */\r\n  @Event({ composed: false })\r\n  dsoActiveChange!: EventEmitter<SlideToggleActiveEvent>;\r\n\r\n  private handleSwitch(e: Event): void {\r\n    this.dsoActiveChange.emit({\r\n      originalEvent: e,\r\n      checked: !this.checked,\r\n    });\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    this.hasVisibleLabel = this.host.querySelector(\"*\") !== null;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <button\r\n          id={this.identifier}\r\n          role=\"switch\"\r\n          class=\"dso-slider\"\r\n          aria-checked={\"\" + this.checked}\r\n          disabled={this.disabled}\r\n          onClick={(e) => this.handleSwitch(e)}\r\n          {...(this.accessibleLabel ? { \"aria-label\": this.accessibleLabel } : {})}\r\n          {...(this.labelledbyId ? { \"aria-labelledby\": this.labelledbyId } : {})}\r\n        >\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"20\" viewBox=\"0 0 40 20\">\r\n            <g fill=\"none\" fill-rule=\"evenodd\">\r\n              <rect width=\"40\" height=\"20\" fill=\"currentColor\" rx=\"10\" />\r\n              <circle cy=\"10\" r=\"8\" fill=\"currentColor\" />\r\n            </g>\r\n          </svg>\r\n        </button>\r\n        {this.hasVisibleLabel && (\r\n          <label htmlFor={this.identifier}>\r\n            <slot />\r\n          </label>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}