@dso-toolkit/core 62.23.0 → 62.25.0

package/dist/dso-toolkit/{p-4fe19a5d.entry.js.map → p-0415af5b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["iconCss","DsoIconStyle0","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","asterisk","balloon","bars","buildings","calendar","call","caretDown","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","circleNotch","clock","copy","crown","cultural","document","download","email","energy","environment","exclamation","externalLink","eyeSlash","eye","filter","forbidden","health","helpActive","help","house","infoActive","infoI","info","infrastructure","label","land","landscape","layers","location","locationOutline","locationSearch","lock","magnet","mapLayers","mapLocation","marker","measurement","minusCircle","minusSquare","minus","more","municipality","nature","newWindow","paperclip","parking","pencil","pin","pinOutline","plusCircle","plusSquare","plus","print","procedures","spinner","redo","safety","scale","search","sitemap","soil","sortAscending","sortDescending","sort","sound","statusDanger","statusError","statusInfo","statusSuccess","statusWarning","statusWarningInline","statusWarningInlineNegative","table","times","trash","undo","userLine","user","users","water","wipWip","Icon","render","this","icon","find","i","TypeError","h","key","class","innerHTML"],"sources":["src/components/icon/icon.scss?tag=dso-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/icon\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  height: icon.$size;\r\n  vertical-align: icon.$vertical-align;\r\n  width: icon.$size;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.icon-container {\r\n  display: block;\r\n  line-height: 0;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n  { alias: \"air\", svg: air },\r\n  { alias: \"angle-down\", svg: angleDown },\r\n  { alias: \"angle-left\", svg: angleLeft },\r\n  { alias: \"angle-right\", svg: angleRight },\r\n  { alias: \"angle-up\", svg: angleUp },\r\n  { alias: \"asterisk\", svg: asterisk },\r\n  { alias: \"balloon\", svg: balloon },\r\n  { alias: \"bars\", svg: bars },\r\n  { alias: \"buildings\", svg: buildings },\r\n  { alias: \"calendar\", svg: calendar },\r\n  { alias: \"call\", svg: call },\r\n  { alias: \"caret-down\", svg: caretDown },\r\n  { alias: \"check\", svg: check },\r\n  { alias: \"check-circle\", svg: checkCircle },\r\n  { alias: \"chevron-down\", svg: chevronDown },\r\n  { alias: \"chevron-left\", svg: chevronLeft },\r\n  { alias: \"chevron-right\", svg: chevronRight },\r\n  { alias: \"chevron-up\", svg: chevronUp },\r\n  { alias: \"circle-notch\", svg: circleNotch },\r\n  { alias: \"clock\", svg: clock },\r\n  { alias: \"copy\", svg: copy },\r\n  { alias: \"crown\", svg: crown },\r\n  { alias: \"cultural\", svg: cultural },\r\n  { alias: \"document\", svg: document },\r\n  { alias: \"download\", svg: download },\r\n  { alias: \"email\", svg: email },\r\n  { alias: \"energy\", svg: energy },\r\n  { alias: \"environment\", svg: environment },\r\n  { alias: \"exclamation\", svg: exclamation },\r\n  { alias: \"external-link\", svg: externalLink },\r\n  { alias: \"eye-slash\", svg: eyeSlash },\r\n  { alias: \"eye\", svg: eye },\r\n  { alias: \"filter\", svg: filter },\r\n  { alias: \"forbidden\", svg: forbidden },\r\n  { alias: \"health\", svg: health },\r\n  { alias: \"help-active\", svg: helpActive },\r\n  { alias: \"help\", svg: help },\r\n  { alias: \"house\", svg: house },\r\n  { alias: \"info-active\", svg: infoActive },\r\n  { alias: \"info-i\", svg: infoI },\r\n  { alias: \"info\", svg: info },\r\n  { alias: \"infrastructure\", svg: infrastructure },\r\n  { alias: \"label\", svg: label },\r\n  { alias: \"land\", svg: land },\r\n  { alias: \"landscape\", svg: landscape },\r\n  { alias: \"layers\", svg: layers },\r\n  { alias: \"location\", svg: location },\r\n  { alias: \"location-outline\", svg: locationOutline },\r\n  { alias: \"location-search\", svg: locationSearch },\r\n  { alias: \"lock\", svg: lock },\r\n  { alias: \"magnet\", svg: magnet },\r\n  { alias: \"map-layers\", svg: mapLayers },\r\n  { alias: \"map-location\", svg: mapLocation },\r\n  { alias: \"marker\", svg: marker },\r\n  { alias: \"measurement\", svg: measurement },\r\n  { alias: \"minus-circle\", svg: minusCircle },\r\n  { alias: \"minus-square\", svg: minusSquare },\r\n  { alias: \"minus\", svg: minus },\r\n  { alias: \"more\", svg: more },\r\n  { alias: \"municipality\", svg: municipality },\r\n  { alias: \"nature\", svg: nature },\r\n  { alias: \"new-window\", svg: newWindow },\r\n  { alias: \"paperclip\", svg: paperclip },\r\n  { alias: \"parking\", svg: parking },\r\n  { alias: \"pencil\", svg: pencil },\r\n  { alias: \"pin\", svg: pin },\r\n  { alias: \"pin-outline\", svg: pinOutline },\r\n  { alias: \"plus-circle\", svg: plusCircle },\r\n  { alias: \"plus-square\", svg: plusSquare },\r\n  { alias: \"plus\", svg: plus },\r\n  { alias: \"print\", svg: print },\r\n  { alias: \"procedures\", svg: procedures },\r\n  { alias: \"spinner\", svg: spinner },\r\n  { alias: \"redo\", svg: redo },\r\n  { alias: \"safety\", svg: safety },\r\n  { alias: \"scale\", svg: scale },\r\n  { alias: \"search\", svg: search },\r\n  { alias: \"sitemap\", svg: sitemap },\r\n  { alias: \"soil\", svg: soil },\r\n  { alias: \"sort-ascending\", svg: sortAscending },\r\n  { alias: \"sort-descending\", svg: sortDescending },\r\n  { alias: \"sort\", svg: sort },\r\n  { alias: \"sound\", svg: sound },\r\n  { alias: \"status-danger\", svg: statusDanger },\r\n  { alias: \"status-error\", svg: statusError },\r\n  { alias: \"status-info\", svg: statusInfo },\r\n  { alias: \"status-success\", svg: statusSuccess },\r\n  { alias: \"status-warning\", svg: statusWarning },\r\n  { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n  { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n  { alias: \"table\", svg: table },\r\n  { alias: \"times\", svg: times },\r\n  { alias: \"trash\", svg: trash },\r\n  { alias: \"undo\", svg: undo },\r\n  { alias: \"user-line\", svg: userLine },\r\n  { alias: \"user\", svg: user },\r\n  { alias: \"users\", svg: users },\r\n  { alias: \"water\", svg: water },\r\n  { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-icon\",\r\n  styleUrl: \"./icon.scss\",\r\n  shadow: true,\r\n})\r\nexport class Icon {\r\n  /**\r\n   * The alias of the icon.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  render() {\r\n    if (this.icon) {\r\n      const icon = icons.find((i) => i.alias === this.icon);\r\n      if (!icon) {\r\n        throw new TypeError(`Unknown svg: ${this.icon}`);\r\n      }\r\n\r\n      return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"names":["iconCss","DsoIconStyle0","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","asterisk","balloon","bars","buildings","calendar","call","caretDown","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","circleNotch","clock","copy","crown","cultural","document","download","email","energy","environment","exclamation","externalLink","eyeSlash","eye","filter","forbidden","health","helpActive","help","house","infoActive","infoI","info","infrastructure","label","land","landscape","layers","location","locationOutline","locationSearch","lock","magnet","mapLayers","mapLocation","marker","measurement","minusCircle","minusSquare","minus","more","municipality","nature","newWindow","paperclip","parking","pencil","pin","pinOutline","plusCircle","plusSquare","plus","print","procedures","spinner","redo","safety","scale","search","sitemap","soil","sortAscending","sortDescending","sort","sound","statusDanger","statusError","statusInfo","statusSuccess","statusWarning","statusWarningInline","statusWarningInlineNegative","table","times","trash","undo","userLine","user","users","water","wipWip","Icon","render","this","icon","find","i","TypeError","h","key","class","innerHTML"],"sources":["src/components/icon/icon.scss?tag=dso-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/icon\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  height: icon.$size;\r\n  vertical-align: icon.$vertical-align;\r\n  width: icon.$size;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.icon-container {\r\n  display: block;\r\n  line-height: 0;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n  { alias: \"air\", svg: air },\r\n  { alias: \"angle-down\", svg: angleDown },\r\n  { alias: \"angle-left\", svg: angleLeft },\r\n  { alias: \"angle-right\", svg: angleRight },\r\n  { alias: \"angle-up\", svg: angleUp },\r\n  { alias: \"asterisk\", svg: asterisk },\r\n  { alias: \"balloon\", svg: balloon },\r\n  { alias: \"bars\", svg: bars },\r\n  { alias: \"buildings\", svg: buildings },\r\n  { alias: \"calendar\", svg: calendar },\r\n  { alias: \"call\", svg: call },\r\n  { alias: \"caret-down\", svg: caretDown },\r\n  { alias: \"check\", svg: check },\r\n  { alias: \"check-circle\", svg: checkCircle },\r\n  { alias: \"chevron-down\", svg: chevronDown },\r\n  { alias: \"chevron-left\", svg: chevronLeft },\r\n  { alias: \"chevron-right\", svg: chevronRight },\r\n  { alias: \"chevron-up\", svg: chevronUp },\r\n  { alias: \"circle-notch\", svg: circleNotch },\r\n  { alias: \"clock\", svg: clock },\r\n  { alias: \"copy\", svg: copy },\r\n  { alias: \"crown\", svg: crown },\r\n  { alias: \"cultural\", svg: cultural },\r\n  { alias: \"document\", svg: document },\r\n  { alias: \"download\", svg: download },\r\n  { alias: \"email\", svg: email },\r\n  { alias: \"energy\", svg: energy },\r\n  { alias: \"environment\", svg: environment },\r\n  { alias: \"exclamation\", svg: exclamation },\r\n  { alias: \"external-link\", svg: externalLink },\r\n  { alias: \"eye-slash\", svg: eyeSlash },\r\n  { alias: \"eye\", svg: eye },\r\n  { alias: \"filter\", svg: filter },\r\n  { alias: \"forbidden\", svg: forbidden },\r\n  { alias: \"health\", svg: health },\r\n  { alias: \"help-active\", svg: helpActive },\r\n  { alias: \"help\", svg: help },\r\n  { alias: \"house\", svg: house },\r\n  { alias: \"info-active\", svg: infoActive },\r\n  { alias: \"info-i\", svg: infoI },\r\n  { alias: \"info\", svg: info },\r\n  { alias: \"infrastructure\", svg: infrastructure },\r\n  { alias: \"label\", svg: label },\r\n  { alias: \"land\", svg: land },\r\n  { alias: \"landscape\", svg: landscape },\r\n  { alias: \"layers\", svg: layers },\r\n  { alias: \"location\", svg: location },\r\n  { alias: \"location-outline\", svg: locationOutline },\r\n  { alias: \"location-search\", svg: locationSearch },\r\n  { alias: \"lock\", svg: lock },\r\n  { alias: \"magnet\", svg: magnet },\r\n  { alias: \"map-layers\", svg: mapLayers },\r\n  { alias: \"map-location\", svg: mapLocation },\r\n  { alias: \"marker\", svg: marker },\r\n  { alias: \"measurement\", svg: measurement },\r\n  { alias: \"minus-circle\", svg: minusCircle },\r\n  { alias: \"minus-square\", svg: minusSquare },\r\n  { alias: \"minus\", svg: minus },\r\n  { alias: \"more\", svg: more },\r\n  { alias: \"municipality\", svg: municipality },\r\n  { alias: \"nature\", svg: nature },\r\n  { alias: \"new-window\", svg: newWindow },\r\n  { alias: \"paperclip\", svg: paperclip },\r\n  { alias: \"parking\", svg: parking },\r\n  { alias: \"pencil\", svg: pencil },\r\n  { alias: \"pin\", svg: pin },\r\n  { alias: \"pin-outline\", svg: pinOutline },\r\n  { alias: \"plus-circle\", svg: plusCircle },\r\n  { alias: \"plus-square\", svg: plusSquare },\r\n  { alias: \"plus\", svg: plus },\r\n  { alias: \"print\", svg: print },\r\n  { alias: \"procedures\", svg: procedures },\r\n  { alias: \"spinner\", svg: spinner },\r\n  { alias: \"redo\", svg: redo },\r\n  { alias: \"safety\", svg: safety },\r\n  { alias: \"scale\", svg: scale },\r\n  { alias: \"search\", svg: search },\r\n  { alias: \"sitemap\", svg: sitemap },\r\n  { alias: \"soil\", svg: soil },\r\n  { alias: \"sort-ascending\", svg: sortAscending },\r\n  { alias: \"sort-descending\", svg: sortDescending },\r\n  { alias: \"sort\", svg: sort },\r\n  { alias: \"sound\", svg: sound },\r\n  { alias: \"status-danger\", svg: statusDanger },\r\n  { alias: \"status-error\", svg: statusError },\r\n  { alias: \"status-info\", svg: statusInfo },\r\n  { alias: \"status-success\", svg: statusSuccess },\r\n  { alias: \"status-warning\", svg: statusWarning },\r\n  { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n  { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n  { alias: \"table\", svg: table },\r\n  { alias: \"times\", svg: times },\r\n  { alias: \"trash\", svg: trash },\r\n  { alias: \"undo\", svg: undo },\r\n  { alias: \"user-line\", svg: userLine },\r\n  { alias: \"user\", svg: user },\r\n  { alias: \"users\", svg: users },\r\n  { alias: \"water\", svg: water },\r\n  { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-icon\",\r\n  styleUrl: \"./icon.scss\",\r\n  shadow: true,\r\n})\r\nexport class Icon {\r\n  /**\r\n   * The alias of the icon.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  render() {\r\n    if (this.icon) {\r\n      const icon = icons.find((i) => i.alias === this.icon);\r\n      if (!icon) {\r\n        throw new TypeError(`Unknown svg: ${this.icon}`);\r\n      }\r\n\r\n      return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-14d19a20.entry.js

@@ -0,0 +1,2 @@
+import{r as n,c as e,h as o,F as t,H as r}from"./p-1754d0a9.js";const a='dso-annotation-output{display:block}.dso-annotation-header{align-items:center;background-color:#f2f2f2;clear:both;display:flex;margin-bottom:2px;margin-top:8px;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-header>[slot=title]{color:#000;font-size:1.25rem;margin-bottom:0;margin-top:0}.dso-annotation-header>:nth-child(2){margin-left:auto}dso-responsive-element[small] .dso-annotation-header,dso-responsive-element[medium] .dso-annotation-header{display:grid;row-gap:8px}dso-responsive-element[small] .dso-annotation-header *[slot=title],dso-responsive-element[medium] .dso-annotation-header *[slot=title]{grid-row:1;grid-column:1}dso-responsive-element[small] .dso-annotation-header *[slot=addons],dso-responsive-element[medium] .dso-annotation-header *[slot=addons]{grid-row:2;grid-column:1;margin-left:initial}dso-responsive-element[small] .dso-annotation-header .dso-annotation-close-button,dso-responsive-element[medium] .dso-annotation-header .dso-annotation-close-button{grid-row:1;grid-column:2;margin-left:8px;text-align:end}.dso-annotation-content{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f2f2f2;border-color:#f2f2f2;color:#191919;padding-left:16px;padding-right:8px;padding-top:8px;padding-bottom:8px}.dso-annotation-content a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}.dso-annotation-content a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}.dso-annotation-content a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}.dso-annotation-content a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}.dso-annotation-close-button{margin-left:32px}.dso-annotation-prefix{font-style:italic}';const s=a;const i=class{constructor(o){n(this,o);this.dsoClose=e(this,"dsoClose",3);this.toggleHandler=n=>{this.dsoClose.emit({originalEvent:n})};this.identifier=undefined;this.annotationPrefix=undefined;this.open=false}render(){return o("dso-responsive-element",{key:"6e857e08ff134e9172a2e573327fe189020b81be"},o("dso-expandable",{key:"5f1d08be4e599219765f80bcf9739c31e0154929",id:this.identifier,open:this.open},this.annotationPrefix&&o("span",{key:"93d791e0007ef2813c614bc90bbebba2ca9a4523",class:"dso-annotation-prefix"},this.annotationPrefix),o("div",{key:"3a7e23272366402f16028177f9804d0fc9d0710e",class:"dso-annotation-header"},o("slot",{key:"45155503f028eada001a759922ba2a8e06659194",name:"title"}),o("slot",{key:"be52476bd86e3246021d367e197ff58d83b8a6fa",name:"addons"}),o("button",{key:"1e845841db5106dc264366523f5209ab09de2690",type:"button",class:"dso-tertiary dso-annotation-close-button",onClick:this.toggleHandler},o("dso-icon",{key:"23aaab761c5870eddfb86a9b07bdb3028918e20e",icon:"times"}),o("span",{key:"03c2ad5956b3fc27cc6c686f0c43521f41276d0e",class:"sr-only"},"Toelichting sluiten"))),o("div",{key:"c6e3c0568ff57cf2c2aeb051536c9b4023566a13",class:"dso-annotation-content"},o("slot",{key:"8adfec5b126fbec015677f872003e17102c839fe"}))))}};i.style=s;var d=undefined&&undefined.__rest||function(n,e){var o={};for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0)o[t]=n[t];if(n!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++){if(e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r]))o[t[r]]=n[t[r]]}return o};const l=(n,e)=>{var{heading:t}=n,r=d(n,["heading"]);switch(t){default:case"h2":return o("h2",Object.assign({},r),e);case"h3":return o("h3",Object.assign({},r),e);case"h4":return o("h4",Object.assign({},r),e);case"h5":return o("h5",Object.assign({},r),e);case"h6":return o("h6",Object.assign({},r),e)}};const c="button {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n  line-height: 1rem;\n}\na.dso-primary.dso-small dso-icon,\na.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small svg.di,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small svg.di,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary dso-icon,\na.dso-primary svg.di,\nbutton.dso-primary dso-icon,\nbutton.dso-primary svg.di,\nlabel.dso-primary dso-icon,\nlabel.dso-primary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-primary span + dso-icon,\na.dso-primary span + svg.di,\nbutton.dso-primary span + dso-icon,\nbutton.dso-primary span + svg.di,\nlabel.dso-primary span + dso-icon,\nlabel.dso-primary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n  background: url(\"./dso-icons.svg#img-download-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n  line-height: 1rem;\n}\na.dso-secondary.dso-small dso-icon,\na.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small svg.di,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary dso-icon,\na.dso-secondary svg.di,\nbutton.dso-secondary dso-icon,\nbutton.dso-secondary svg.di,\nlabel.dso-secondary dso-icon,\nlabel.dso-secondary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-secondary span + dso-icon,\na.dso-secondary span + svg.di,\nbutton.dso-secondary span + dso-icon,\nbutton.dso-secondary span + svg.di,\nlabel.dso-secondary span + dso-icon,\nlabel.dso-secondary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.dso-secondary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.dso-secondary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n  background-image: url(\"./dso-icons.svg#img-download-wit\");\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-wit\");\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\na.dso-tertiary:not([disabled]):active,\nbutton.dso-tertiary:not([disabled]):active,\nlabel.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary svg.di + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\na.dso-tertiary span:not(.sr-only) + svg.di,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary svg.di + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary span:not(.sr-only) + svg.di,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary svg.di + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\na.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nbutton.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nlabel.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary svg.di,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary svg.di,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary svg.di,\nlabel.dso-tertiary span {\n  vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  position: relative;\n  top: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-download-scampi\");\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-scampi\");\n}\n\na.dso-primary {\n  text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n  color: #fff;\n}\na.dso-secondary {\n  text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n  color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n  color: #fff;\n}\na.dso-tertiary {\n  text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n  color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n  margin-left: 16px;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n:host {\n  display: block;\n  --depth: var(--a, 0);\n}\n\n:host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {\n  padding-left: 8px;\n  margin-right: 8px;\n}\n\n:host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])),\n:host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n\n:host([wijzigactie=verwijderContainer]) .heading-container,\n:host(:where([wijzigactie=verwijder])) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #f5d8dc;\n  border-color: #f5d8dc;\n  color: #191919;\n  text-decoration: line-through;\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is(.download, .download:hover, .download:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is(.download, .download:hover, .download:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-download-zwart\");\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is(.extern, .extern:hover, .extern:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-external-link-zwart\");\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-call-zwart\");\n}\n:host([wijzigactie=verwijderContainer]) .heading-container a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host(:where([wijzigactie=verwijder])) a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-email-zwart\");\n}\n\n:host([wijzigactie=nieuweContainer]) .heading-container,\n:host([wijzigactie=voegtoe]) {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e4f1d4;\n  border-color: #e4f1d4;\n  color: #191919;\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is(.download, .download:hover, .download:focus-visible),\n:host([wijzigactie=voegtoe]) a:is(.download, .download:hover, .download:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-download-zwart\");\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is(.extern, .extern:hover, .extern:focus-visible),\n:host([wijzigactie=voegtoe]) a:is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-external-link-zwart\");\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-call-zwart\");\n}\n:host([wijzigactie=nieuweContainer]) .heading-container a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n:host([wijzigactie=voegtoe]) a:is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: url(\"./dso-icons.svg#img-email-zwart\");\n}\n\n:host([filtered]) {\n  position: relative;\n}\n:host([filtered])::before {\n  content: \"\";\n  left: -3px;\n  position: absolute;\n  display: block;\n  width: 3px;\n  top: 0;\n  bottom: 0;\n  background-color: #6ca4d9;\n}\n\n:host([open]) .heading-container {\n  margin-bottom: 8px;\n}\n\n.recursive-toggle,\n.toggle-button {\n  border: 0;\n  padding: 0;\n  background: 0;\n  color: #275937;\n}\n\n.heading-element {\n  align-items: start;\n  display: flex;\n  font-size: 1rem;\n  color: #275937;\n  margin: 0;\n}\n.heading-element > * {\n  vertical-align: middle;\n}\n\n:host([not-collapsible]) .heading-container {\n  margin-bottom: 0;\n}\n:host([not-collapsible]) .editaction-label {\n  margin-left: 0;\n}\n:host([not-collapsible]) .heading-element {\n  color: #000;\n}\n\n:host(:not([not-collapsible])) .heading-element {\n  cursor: pointer;\n}\n:host(:not([not-collapsible])) .heading-element:hover, :host(:not([not-collapsible])) .heading-element:focus-visible {\n  color: var(--link-hover-color);\n  text-decoration: underline;\n}\n:host(:not([not-collapsible])) .heading-element:active {\n  text-decoration: none;\n}\n:host(:not([not-collapsible])) .editaction-label {\n  margin-left: 24px;\n}\n\n.addons {\n  margin-inline-start: auto;\n  display: flex;\n  gap: 8px;\n}\n\n.heading {\n  display: flex;\n  align-items: start;\n  gap: 8px;\n}\n\n:host([type=ARTIKEL]) .heading-element,\n:host([type=ARTIKEL]) .toggle-button {\n  color: #000;\n}\n\n.editaction-label {\n  font-style: italic;\n  margin-left: 8px;\n}\n\n.content,\n.heading-container {\n  padding-right: 8px;\n}";const f=c;const b={nieuweContainer:"Toegevoegd",verwijder:"Verwijderd",verwijderContainer:"Verwijderd",voegtoe:"Toegevoegd"};const g=class{constructor(o){n(this,o);this.dsoRecursiveToggle=e(this,"dsoRecursiveToggle",3);this.dsoOpenToggle=e(this,"dsoOpenToggle",3);this.dsoOzonContentAnchorClick=e(this,"dsoOzonContentAnchorClick",3);this.dsoAnnotationToggle=e(this,"dsoAnnotationToggle",3);this.dsoMarkItemHighlight=e(this,"dsoMarkItemHighlight",3);this.handleHeadingClick=n=>{if(this.type!=="LID"){this.dsoOpenToggle.emit({originalEvent:n,open:!this.open})}};this.handleOzonContentAnchorClick=n=>{this.dsoOzonContentAnchorClick.emit({originalEvent:n,ozonContentAnchorClick:n.detail})};this.handleRecursiveToggleClick=n=>{this.dsoRecursiveToggle.emit({originalEvent:n,current:this.recursiveToggle,next:this.recursiveToggle!==true})};this.heading="h2";this.label=undefined;this.nummer=undefined;this.opschrift=undefined;this.inhoud=undefined;this.open=false;this.filtered=false;this.notApplicable=false;this.genesteOntwerpInformatie=false;this.bevatOntwerpInformatie=false;this.annotated=false;this.gereserveerd=false;this.vervallen=false;this.openAnnotation=false;this.alternativeTitle=undefined;this.type=undefined;this.wijzigactie=undefined;this.mark=undefined;this.recursiveToggle=undefined}get wijzigactieLabel(){return this.wijzigactie&&b[this.wijzigactie]}suffix(){if(this.vervallen){return"vervallen"}if(this.gereserveerd){return"gereserveerd"}return undefined}render(){const n=this.suffix();const e=!!((this.label||this.nummer||this.opschrift||this.alternativeTitle)&&this.type!=="LID");const a=!!(this.wijzigactie||e||this.label||this.nummer||this.opschrift||this.alternativeTitle||this.bevatOntwerpInformatie||this.annotated);return o(r,{key:"9dbd54a67bbf583b2c9db8b159ba709bd1e9111b","not-collapsible":!e},a&&o("div",{key:"3f4b58120079753f4cc2c69310e88b76e9f0f2ae",class:"heading-container",part:"_heading-container"},this.wijzigactie&&o("span",{key:"75f0d2f067830daa732e3c8e8af6611702312ac8",class:"editaction-label"},this.wijzigactieLabel,":"),o("div",{key:"b1f079fbe976495d789cbbf81d5f6afaabe0a5ee",class:"heading"},o(l,{key:"40c631e7cb155734be99c816d3a8411679ae8144",heading:this.heading,class:"heading-element",onClick:this.handleHeadingClick},e&&o("button",{key:"ea6fe08e091ce6acf6129d451d72e653896de93d",type:"button",class:"toggle-button","aria-describedby":"heading-title","aria-expanded":this.open.toString()},o("dso-icon",{key:"d97d8e98b27d6c36d604b75ddfdde8d6ceddf79c",icon:this.open?"chevron-down":"chevron-right"}),o("span",{key:"986060b08f90783a7a5a05549275fd621d3bee25",class:"sr-only"},this.open?"Invouwen":"Uitvouwen")),o("div",{key:"58ffa9527fc168187d5005710f41c5b2996bc803",id:"heading-title"},this.notApplicable&&o("span",{key:"08aff61f4665a09f1271f59a2fe2e594a6bf167e",class:"sr-only"},"Niet van toepassing:"),this.label||this.nummer||this.opschrift?o(t,null,this.label&&o(t,null," ",o("dso-ozon-content",{content:this.label,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"label")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"label"})),inline:true})),this.nummer&&o(t,null," ",o("dso-ozon-content",{content:this.nummer,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"nummer")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"nummer"})),inline:true})),this.opschrift&&o(t,null," ",o("dso-ozon-content",{content:this.opschrift,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"opschrift")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"opschrift"})),inline:true}))):this.alternativeTitle,n&&o("span",{key:"ce8285ed0ee76cfde5e6255fdd674ff8356f96bf"}," - [",n,"]"))),this.recursiveToggle!==undefined&&this.open&&o("button",{key:"6dfc27b8ce553a5d9dfa7fb957c431de7622942d",type:"button",class:"recursive-toggle",title:this.recursiveToggle===true?"Verberg alles":"Toon alles",onClick:this.handleRecursiveToggleClick},o("dso-icon",{key:"8052ce5083f0032d7c13e0fc7aded8c68be5b256",icon:this.recursiveToggle===true?"eye":"eye-slash"})),this.genesteOntwerpInformatie&&!this.open&&!this.bevatOntwerpInformatie&&o(t,null,o("dso-badge",{key:"eca112e692e78ac6b2dceabb14eaaa8f3e2ac39b",status:"warning","aria-describedby":"nested-draft-description"},"!"),o("dso-tooltip",{key:"3dd7b71002beb1a2a860960790bbe9d999331189",id:"nested-draft-description"},"Er is een ontwerp beschikbaar.")),(this.bevatOntwerpInformatie||this.annotated)&&o("div",{key:"68fc34b5da1558e440ac4edd48249e8e44120c79",class:"addons"},this.bevatOntwerpInformatie&&o("dso-label",{key:"6aec245dd6d56d9aebd52b89e93f740a02423fbb",status:"warning",compact:true},"Ontwerp"),this.annotated&&o("dso-annotation-button",{key:"3eddb2e0766a7f7f48c5c476760e1c4066730604",identifier:"expandable",open:this.openAnnotation,onDsoClick:n=>this.dsoAnnotationToggle.emit({originalEvent:n})})))),o("div",{key:"720747bbcaeb1caaf2e944737723361449e8b47d",class:"annotation-container",part:"_annotation-container"},o("slot",{key:"5ceb1bb029eaf50c7a6d8c689d82aebb066b2b91",name:"annotation"})),this.open&&(this.inhoud||this.gereserveerd||this.vervallen)&&o("div",{key:"fe5eadfa9fb9b080ab2c611e678c3b3685de5675",class:"content",part:"_content"},this.gereserveerd&&o("dso-alert",{key:"85075a86cad5db60ac20fa10eb329d66836e063a",status:"info"},"Dit onderdeel is gereserveerd voor toekomstige toevoeging."),this.vervallen&&o("dso-alert",{key:"c2805d0679ef7ca5ca87f2e43f1450f568954ee3",status:"info"},"Dit onderdeel is vervallen."),this.inhoud&&o("dso-ozon-content",{key:"044236d783f05cc89eb381b44f71920cd33abe25",content:this.inhoud,onDsoAnchorClick:this.handleOzonContentAnchorClick,mark:this.mark&&(n=>{var e;return(e=this.mark)===null||e===void 0?void 0:e.call(this,n,"inhoud")}),onDsoOzonContentMarkItemHighlight:n=>this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({},n.detail),{source:"inhoud"}))})),o("div",{key:"59f76cb70ed4878b076ede1023347b5092962650",class:"children-container",part:"_children-container"},o("slot",{key:"911f9a835801979ed3db2f13ae81137d4c13689f"})))}};g.style=f;export{i as dso_annotation_output,g as dso_document_component};
+//# sourceMappingURL=p-14d19a20.entry.js.map

package/dist/dso-toolkit/p-14d19a20.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["annotationOutputCss","DsoAnnotationOutputStyle0","AnnotationOutput","this","toggleHandler","e","dsoClose","emit","originalEvent","render","h","key","id","identifier","open","annotationPrefix","class","name","type","onClick","icon","Heading","_a","children","heading","props","__rest","Object","assign","documentComponentCss","DsoDocumentComponentStyle0","wijzigActieLabels","nieuweContainer","verwijder","verwijderContainer","voegtoe","DocumentComponent","handleHeadingClick","dsoOpenToggle","handleOzonContentAnchorClick","dsoOzonContentAnchorClick","ozonContentAnchorClick","detail","handleRecursiveToggleClick","dsoRecursiveToggle","current","recursiveToggle","next","wijzigactieLabel","wijzigactie","suffix","vervallen","gereserveerd","undefined","collapsible","label","nummer","opschrift","alternativeTitle","showHeading","bevatOntwerpInformatie","annotated","Host","part","toString","notApplicable","Fragment","content","onDsoAnchorClick","mark","text","call","onDsoOzonContentMarkItemHighlight","dsoMarkItemHighlight","source","inline","title","genesteOntwerpInformatie","status","compact","openAnnotation","onDsoClick","dsoAnnotationToggle","inhoud"],"sources":["src/components/annotation-output/annotation-output.scss?tag=dso-annotation-output","src/components/annotation-output/annotation-output.tsx","src/components/document-component/document-component-heading.tsx","src/components/document-component/document-component.scss?tag=dso-document-component&encapsulation=shadow","src/components/document-component/document-component.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/global/mixins/set-colors.mixin\" as set-colors;\r\n\r\ndso-annotation-output {\r\n  display: block;\r\n}\r\n\r\n.dso-annotation-header {\r\n  align-items: center;\r\n  background-color: colors.$grijs-5;\r\n  clear: both;\r\n  display: flex;\r\n  margin-bottom: 2px;\r\n  margin-top: units.$u1;\r\n  padding-left: units.$u2;\r\n  padding-right: units.$u1;\r\n  padding-top: units.$u1;\r\n  padding-bottom: units.$u1;\r\n\r\n  > [slot=\"title\"] {\r\n    color: colors.$zwart;\r\n    font-size: 1.25rem;\r\n    margin-bottom: 0;\r\n    margin-top: 0;\r\n  }\r\n\r\n  > :nth-child(2) {\r\n    margin-left: auto;\r\n  }\r\n}\r\n\r\ndso-responsive-element[small],\r\ndso-responsive-element[medium] {\r\n  .dso-annotation-header {\r\n    display: grid;\r\n    row-gap: units.$u1;\r\n\r\n    *[slot=\"title\"] {\r\n      grid-row: 1;\r\n      grid-column: 1;\r\n    }\r\n\r\n    *[slot=\"addons\"] {\r\n      grid-row: 2;\r\n      grid-column: 1;\r\n      margin-left: initial;\r\n    }\r\n\r\n    .dso-annotation-close-button {\r\n      grid-row: 1;\r\n      grid-column: 2;\r\n      margin-left: units.$u1;\r\n      text-align: end;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-annotation-content {\r\n  @include set-colors.apply(colors.$grijs-5);\r\n\r\n  padding-left: units.$u2;\r\n  padding-right: units.$u1;\r\n  padding-top: units.$u1;\r\n  padding-bottom: units.$u1;\r\n}\r\n\r\n.dso-annotation-close-button {\r\n  margin-left: units.$u4;\r\n}\r\n\r\n.dso-annotation-prefix {\r\n  font-style: italic;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Prop } from \"@stencil/core\";\r\n\r\nexport interface AnnotationOutputCloseEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-annotation-output\",\r\n  styleUrl: \"annotation-output.scss\",\r\n  // No shadowdom for a11y reasons (aria-controls being set inside another component)\r\n})\r\nexport class AnnotationOutput implements ComponentInterface {\r\n  /**\r\n   * The annotation-button that toggles this component should have the same identifier.\r\n   */\r\n  @Prop({ reflect: true })\r\n  identifier!: string;\r\n\r\n  /**\r\n   * This text will be displayed above the annotation-output when opened\r\n   */\r\n  @Prop({ reflect: true })\r\n  annotationPrefix?: string;\r\n\r\n  /**\r\n   * Set to `true` to show content.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open = false;\r\n\r\n  /**\r\n   * This event is emitted when the user activates the Annotation Button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClose!: EventEmitter<AnnotationOutputCloseEvent>;\r\n\r\n  private toggleHandler = (e: MouseEvent) => {\r\n    this.dsoClose.emit({ originalEvent: e });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <dso-responsive-element>\r\n        <dso-expandable id={this.identifier} open={this.open}>\r\n          {this.annotationPrefix && <span class=\"dso-annotation-prefix\">{this.annotationPrefix}</span>}\r\n          <div class=\"dso-annotation-header\">\r\n            <slot name=\"title\" />\r\n            <slot name=\"addons\" />\r\n            <button type=\"button\" class=\"dso-tertiary dso-annotation-close-button\" onClick={this.toggleHandler}>\r\n              <dso-icon icon=\"times\"></dso-icon>\r\n              <span class=\"sr-only\">Toelichting sluiten</span>\r\n            </button>\r\n          </div>\r\n          <div class=\"dso-annotation-content\">\r\n            <slot />\r\n          </div>\r\n        </dso-expandable>\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { JSXBase } from \"@stencil/core/internal\";\r\n\r\ninterface DocumentComponentHeadingProps {\r\n  heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n}\r\n\r\nexport const Heading: FunctionalComponent<\r\n  DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\r\n> = ({ heading, ...props }, children) => {\r\n  switch (heading) {\r\n    default:\r\n    case \"h2\":\r\n      return <h2 {...props}>{children}</h2>;\r\n    case \"h3\":\r\n      return <h3 {...props}>{children}</h3>;\r\n    case \"h4\":\r\n      return <h4 {...props}>{children}</h4>;\r\n    case \"h5\":\r\n      return <h5 {...props}>{children}</h5>;\r\n    case \"h6\":\r\n      return <h6 {...props}>{children}</h6>;\r\n  }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/document-component\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n@use \"~dso-toolkit/src/components/insert\";\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n  display: block;\r\n\r\n  --depth: var(--a, 0);\r\n}\r\n\r\n:host([not-collapsible]:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])) {\r\n  padding-left: units.$u1;\r\n  margin-right: units.$u1;\r\n}\r\n\r\n:host(:where([wijzigactie=\"verwijder\"], [wijzigactie=\"voegtoe\"])),\r\n:host(:where([wijzigactie=\"nieuweContainer\"], [wijzigactie=\"verwijderContainer\"])) .heading-container {\r\n  padding-top: units.$u1 * 0.5;\r\n  padding-bottom: units.$u1 * 0.5;\r\n}\r\n\r\n:host([wijzigactie=\"verwijderContainer\"]) .heading-container,\r\n:host(:where([wijzigactie=\"verwijder\"])) {\r\n  @include delete.root();\r\n}\r\n\r\n:host([wijzigactie=\"nieuweContainer\"]) .heading-container,\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([filtered]) {\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    left: -3px;\r\n    position: absolute;\r\n    display: block;\r\n    width: 3px;\r\n    top: 0;\r\n    bottom: 0;\r\n    background-color: colors.$lichtblauw;\r\n  }\r\n}\r\n\r\n:host([open]) {\r\n  .heading-container {\r\n    margin-bottom: units.$u1;\r\n  }\r\n}\r\n\r\n.recursive-toggle,\r\n.toggle-button {\r\n  border: 0;\r\n  padding: 0;\r\n  background: 0;\r\n  color: colors.$bosgroen;\r\n}\r\n\r\n.heading-element {\r\n  align-items: start;\r\n  display: flex;\r\n  font-size: 1rem;\r\n  color: colors.$bosgroen;\r\n  margin: 0;\r\n\r\n  > * {\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n:host([not-collapsible]) {\r\n  .heading-container {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .editaction-label {\r\n    margin-left: 0;\r\n  }\r\n\r\n  .heading-element {\r\n    color: colors.$zwart;\r\n  }\r\n}\r\n\r\n:host(:not([not-collapsible])) {\r\n  .heading-element {\r\n    cursor: pointer;\r\n\r\n    @include anchor.pseudo();\r\n  }\r\n\r\n  .editaction-label {\r\n    margin-left: document-component.$indent;\r\n  }\r\n}\r\n\r\n.addons {\r\n  margin-inline-start: auto;\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.heading {\r\n  display: flex;\r\n  align-items: start;\r\n  gap: units.$u1;\r\n}\r\n\r\n:host([type=\"ARTIKEL\"]) {\r\n  .heading-element,\r\n  .toggle-button {\r\n    color: colors.$zwart;\r\n  }\r\n}\r\n\r\n.editaction-label {\r\n  font-style: italic;\r\n  margin-left: units.$u1;\r\n}\r\n\r\n.content,\r\n.heading-container {\r\n  padding-right: units.$u1;\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, Host } from \"@stencil/core\";\r\nimport {\r\n  DocumentComponentOpenToggleEvent,\r\n  DocumentComponentToggleAnnotationEvent,\r\n  DocumentComponentOzonContentAnchorClickEvent,\r\n  DocumentComponentWijzigactie,\r\n  DocumentComponentInputType,\r\n  DocumentComponentMarkFunction,\r\n  DocumentComponentMarkItemHighlightEvent,\r\n  DocumentComponentRecursiveToggleEvent,\r\n  DocumentComponentRecursiveToggleState,\r\n} from \"./document-component.models\";\r\nimport { OzonContentAnchorClickEvent } from \"../ozon-content/ozon-content.interfaces\";\r\nimport { Heading } from \"./document-component-heading\";\r\n\r\nimport { DsoOzonContentCustomEvent } from \"../../components\";\r\n\r\nconst wijzigActieLabels: { [wijzigActie in DocumentComponentWijzigactie]: string } = {\r\n  nieuweContainer: \"Toegevoegd\",\r\n  verwijder: \"Verwijderd\",\r\n  verwijderContainer: \"Verwijderd\",\r\n  voegtoe: \"Toegevoegd\",\r\n};\r\n\r\n/**\r\n * @part _annotation-container - private part, do not touch.\r\n * @part _children-container - private part, do not touch.\r\n * @part _content - private part, do not touch.\r\n * @part _heading-container - private part, do not touch.\r\n */\r\n@Component({\r\n  tag: \"dso-document-component\",\r\n  styleUrl: \"document-component.scss\",\r\n  shadow: true,\r\n})\r\nexport class DocumentComponent implements ComponentInterface {\r\n  /**\r\n   * The heading element to use.\r\n   */\r\n  @Prop()\r\n  heading: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\r\n\r\n  /**\r\n   * The Label XML.\r\n   */\r\n  @Prop()\r\n  label?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * The Nummer XML.\r\n   */\r\n  @Prop()\r\n  nummer?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * The Opschrift XML.\r\n   */\r\n  @Prop()\r\n  opschrift?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * The Inhoud XML.\r\n   */\r\n  @Prop()\r\n  inhoud?: DocumentComponentInputType;\r\n\r\n  /**\r\n   * This boolean attribute indicates whether the children are visible.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open = false;\r\n\r\n  /**\r\n   * Marks this Document Component as belonging to an active filter.\r\n   */\r\n  @Prop({ reflect: true })\r\n  filtered = false;\r\n\r\n  /**\r\n   * Marks this Document Component as not-applicable.\r\n   */\r\n  @Prop({ reflect: true })\r\n  notApplicable = false;\r\n\r\n  /**\r\n   * When a child Document Component has a status \"Draft\".\r\n   */\r\n  @Prop({ reflect: true })\r\n  genesteOntwerpInformatie = false;\r\n\r\n  /**\r\n   * Marks as draft.\r\n   */\r\n  @Prop({ reflect: true })\r\n  bevatOntwerpInformatie = false;\r\n\r\n  /**\r\n   * Enables annotations.\r\n   */\r\n  @Prop({ reflect: true })\r\n  annotated = false;\r\n\r\n  /**\r\n   * Marks Document Component as reserved.\r\n   */\r\n  @Prop()\r\n  gereserveerd = false;\r\n\r\n  /**\r\n   * Marks the Document Component as expired.\r\n   */\r\n  @Prop()\r\n  vervallen = false;\r\n\r\n  /**\r\n   * When the Annotation Output is opened, set this to true.\r\n   */\r\n  @Prop()\r\n  openAnnotation = false;\r\n\r\n  /**\r\n   * An alternative title to show when there is nothing to create a title.\r\n   */\r\n  @Prop()\r\n  alternativeTitle?: string;\r\n\r\n  /**\r\n   * Type of Document Component.\r\n   */\r\n  @Prop({ reflect: true })\r\n  type?: string;\r\n\r\n  /**\r\n   * The wijzigactie as in STOP.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: DocumentComponentWijzigactie;\r\n\r\n  /**\r\n   * To mark text.\r\n   */\r\n  @Prop()\r\n  mark?: DocumentComponentMarkFunction;\r\n\r\n  /**\r\n   * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.\r\n   */\r\n  @Prop()\r\n  recursiveToggle: DocumentComponentRecursiveToggleState;\r\n\r\n  /**\r\n   * Emitted when the user activates the recursive toggle.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoRecursiveToggle!: EventEmitter<DocumentComponentRecursiveToggleEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the toggle.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOpenToggle!: EventEmitter<DocumentComponentOpenToggleEvent>;\r\n\r\n  /**\r\n   * Emitted when the user actives intRef or intIoRef anchors in Ozon Content\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the annotation button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnnotationToggle!: EventEmitter<DocumentComponentToggleAnnotationEvent>;\r\n\r\n  /**\r\n   * Emitted each time a marked item gets highlighted.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoMarkItemHighlight!: EventEmitter<DocumentComponentMarkItemHighlightEvent>;\r\n\r\n  private get wijzigactieLabel(): string | undefined {\r\n    return this.wijzigactie && wijzigActieLabels[this.wijzigactie];\r\n  }\r\n\r\n  private handleHeadingClick = (e: MouseEvent) => {\r\n    if (this.type !== \"LID\") {\r\n      this.dsoOpenToggle.emit({ originalEvent: e, open: !this.open });\r\n    }\r\n  };\r\n\r\n  private suffix(): string | undefined {\r\n    if (this.vervallen) {\r\n      return \"vervallen\";\r\n    }\r\n\r\n    if (this.gereserveerd) {\r\n      return \"gereserveerd\";\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private handleOzonContentAnchorClick = (e: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>) => {\r\n    this.dsoOzonContentAnchorClick.emit({ originalEvent: e, ozonContentAnchorClick: e.detail });\r\n  };\r\n\r\n  private handleRecursiveToggleClick = (e: MouseEvent) => {\r\n    this.dsoRecursiveToggle.emit({\r\n      originalEvent: e,\r\n      current: this.recursiveToggle,\r\n      next: this.recursiveToggle !== true,\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const suffix = this.suffix();\r\n    const collapsible = !!(\r\n      (this.label || this.nummer || this.opschrift || this.alternativeTitle) &&\r\n      this.type !== \"LID\"\r\n    );\r\n    const showHeading = !!(\r\n      this.wijzigactie ||\r\n      collapsible ||\r\n      this.label ||\r\n      this.nummer ||\r\n      this.opschrift ||\r\n      this.alternativeTitle ||\r\n      this.bevatOntwerpInformatie ||\r\n      this.annotated\r\n    );\r\n\r\n    return (\r\n      <Host not-collapsible={!collapsible}>\r\n        {showHeading && (\r\n          <div class=\"heading-container\" part=\"_heading-container\">\r\n            {this.wijzigactie && <span class=\"editaction-label\">{this.wijzigactieLabel}:</span>}\r\n            <div class=\"heading\">\r\n              <Heading heading={this.heading} class=\"heading-element\" onClick={this.handleHeadingClick}>\r\n                {collapsible && (\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"toggle-button\"\r\n                    aria-describedby=\"heading-title\"\r\n                    aria-expanded={this.open.toString()}\r\n                  >\r\n                    <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n                    <span class=\"sr-only\">{this.open ? \"Invouwen\" : \"Uitvouwen\"}</span>\r\n                  </button>\r\n                )}\r\n                <div id=\"heading-title\">\r\n                  {this.notApplicable && <span class=\"sr-only\">Niet van toepassing:</span>}\r\n                  {this.label || this.nummer || this.opschrift ? (\r\n                    <>\r\n                      {this.label && (\r\n                        <>\r\n                          {\" \"}\r\n                          <dso-ozon-content\r\n                            content={this.label}\r\n                            onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                            mark={this.mark && ((text) => this.mark?.(text, \"label\"))}\r\n                            onDsoOzonContentMarkItemHighlight={(e) =>\r\n                              this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"label\" })\r\n                            }\r\n                            inline\r\n                          ></dso-ozon-content>\r\n                        </>\r\n                      )}\r\n                      {this.nummer && (\r\n                        <>\r\n                          {\" \"}\r\n                          <dso-ozon-content\r\n                            content={this.nummer}\r\n                            onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                            mark={this.mark && ((text) => this.mark?.(text, \"nummer\"))}\r\n                            onDsoOzonContentMarkItemHighlight={(e) =>\r\n                              this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"nummer\" })\r\n                            }\r\n                            inline\r\n                          ></dso-ozon-content>\r\n                        </>\r\n                      )}\r\n                      {this.opschrift && (\r\n                        <>\r\n                          {\" \"}\r\n                          <dso-ozon-content\r\n                            content={this.opschrift}\r\n                            onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                            mark={this.mark && ((text) => this.mark?.(text, \"opschrift\"))}\r\n                            onDsoOzonContentMarkItemHighlight={(e) =>\r\n                              this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"opschrift\" })\r\n                            }\r\n                            inline\r\n                          ></dso-ozon-content>\r\n                        </>\r\n                      )}\r\n                    </>\r\n                  ) : (\r\n                    this.alternativeTitle\r\n                  )}\r\n                  {suffix && <span> - [{suffix}]</span>}\r\n                </div>\r\n              </Heading>\r\n              {this.recursiveToggle !== undefined && this.open && (\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"recursive-toggle\"\r\n                  title={this.recursiveToggle === true ? \"Verberg alles\" : \"Toon alles\"}\r\n                  onClick={this.handleRecursiveToggleClick}\r\n                >\r\n                  <dso-icon icon={this.recursiveToggle === true ? \"eye\" : \"eye-slash\"} />\r\n                </button>\r\n              )}\r\n              {this.genesteOntwerpInformatie && !this.open && !this.bevatOntwerpInformatie && (\r\n                <>\r\n                  <dso-badge status=\"warning\" aria-describedby=\"nested-draft-description\">\r\n                    !\r\n                  </dso-badge>\r\n                  <dso-tooltip id=\"nested-draft-description\">Er is een ontwerp beschikbaar.</dso-tooltip>\r\n                </>\r\n              )}\r\n              {(this.bevatOntwerpInformatie || this.annotated) && (\r\n                <div class=\"addons\">\r\n                  {this.bevatOntwerpInformatie && (\r\n                    <dso-label status=\"warning\" compact>\r\n                      Ontwerp\r\n                    </dso-label>\r\n                  )}\r\n                  {this.annotated && (\r\n                    <dso-annotation-button\r\n                      identifier=\"expandable\"\r\n                      open={this.openAnnotation}\r\n                      onDsoClick={(e) => this.dsoAnnotationToggle.emit({ originalEvent: e })}\r\n                    ></dso-annotation-button>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div class=\"annotation-container\" part=\"_annotation-container\">\r\n          <slot name=\"annotation\" />\r\n        </div>\r\n        {this.open && (this.inhoud || this.gereserveerd || this.vervallen) && (\r\n          <div class=\"content\" part=\"_content\">\r\n            {this.gereserveerd && (\r\n              <dso-alert status=\"info\">Dit onderdeel is gereserveerd voor toekomstige toevoeging.</dso-alert>\r\n            )}\r\n            {this.vervallen && <dso-alert status=\"info\">Dit onderdeel is vervallen.</dso-alert>}\r\n            {this.inhoud && (\r\n              <dso-ozon-content\r\n                content={this.inhoud}\r\n                onDsoAnchorClick={this.handleOzonContentAnchorClick}\r\n                mark={this.mark && ((text) => this.mark?.(text, \"inhoud\"))}\r\n                onDsoOzonContentMarkItemHighlight={(e) =>\r\n                  this.dsoMarkItemHighlight.emit({ ...e.detail, source: \"inhoud\" })\r\n                }\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n        <div class=\"children-container\" part=\"_children-container\">\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/{p-4c4d8167.entry.js → p-1975337f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,F as s,a as e}from"./p-1754d0a9.js";const o="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;--tooltip-margin-block-start:0;--tooltip-margin-inline-start:3px;--tooltip-margin-inline-end:units.$u1 * -1 !important}:host(:focus){outline:none;z-index:410}";const h=o;const a=class{constructor(i){t(this,i);this.click=()=>{this.active?this.close():this.open()};this.open=()=>{this.active=true;this.host.addEventListener("keydown",this.keyDownListener);this.host.addEventListener("focusout",this.focusOutListener)};this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener);this.host.removeEventListener("keydown",this.keyDownListener);this.active=false};this.focusOutListener=t=>{if(!this.host.contains(t.relatedTarget)){this.close()}};this.keyDownListener=t=>{var i;if(!t.defaultPrevented&&t.key==="Escape"){this.close();(i=this.infoButton)===null||i===void 0?void 0:i.setFocus();t.preventDefault()}return};this.active=false;this.label="Toelichting";this.position="right";this.small=undefined;this.secondary=undefined}render(){return i(s,null,i("dso-info-button",{key:"10e013466bfab32ebbcc95f6a61478a223e46bf8","aria-describedby":"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary,ref:t=>this.infoButton=t}),i("dso-tooltip",{key:"28220af6f2f8f8238cabec4cfa2a439c46270744",stateless:true,descriptive:true,id:"toggle",strategy:"absolute",active:this.active,position:this.position,small:this.small},i("slot",{key:"060aa920f22dbf083bc17557a2cca924e93988ea"})))}get host(){return e(this)}};a.style=h;export{a as dso_toggletip};
-//# sourceMappingURL=p-4c4d8167.entry.js.map
+import{r as t,h as i,F as s,a as e}from"./p-1754d0a9.js";const o="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;--tooltip-margin-block-start:0;--tooltip-margin-inline-start:3px;--tooltip-margin-inline-end:units.$u1 * -1 !important}:host(:focus){outline:none;z-index:410}";const h=o;const n=class{constructor(i){t(this,i);this.click=()=>{this.active?this.close():this.open()};this.open=()=>{this.active=true;this.host.addEventListener("keydown",this.keyDownListener);this.host.addEventListener("focusout",this.focusOutListener)};this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener);this.host.removeEventListener("keydown",this.keyDownListener);this.active=false};this.focusOutListener=t=>{if(!this.host.contains(t.relatedTarget)){this.close()}};this.keyDownListener=t=>{var i;if(!t.defaultPrevented&&t.key==="Escape"){this.close();(i=this.infoButton)===null||i===void 0?void 0:i.setFocus();t.preventDefault()}return};this.active=false;this.label="Toelichting";this.position="right";this.small=undefined;this.secondary=undefined}render(){return i(s,null,i("dso-info-button",{key:"98f0254a5ec612596ac32d0f4a5dcde1ce69ff2e","aria-describedby":"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary,ref:t=>this.infoButton=t}),i("dso-tooltip",{key:"c1ce14c551312bca9ef753d7b83c683b62c2ae58",stateless:true,descriptive:true,id:"toggle",strategy:"absolute",active:this.active,position:this.position,small:this.small},i("slot",{key:"6c4cb2adea2902aa49efc686d7418907f10fe5e3"})))}get host(){return e(this)}};n.style=h;export{n as dso_toggletip};
+//# sourceMappingURL=p-1975337f.entry.js.map

package/dist/dso-toolkit/p-197c2646.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e}from"./p-1754d0a9.js";const s=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.progress{margin-bottom:8px}.progress .progress-bar{background-color:#fff;border:1px solid #39870c;display:block;height:16px}.progress .progress-bar>span{background-color:#39870c;float:left;height:100%;width:0%}.progress .progress-bar+span{font-size:14px;margin-top:8px}";const a=s;const o=class{constructor(e){r(this,e);this.progress=undefined;this.min=0;this.max=100}render(){const r=Math.round(this.progress);const s=`${r}%`;return e("div",{key:"ff4d4c40756266cb3148ad99654ed7cc4583f317",class:"progress"},e("span",{key:"e22b0de3d25d8db1108adbe270efe535eaf63691",class:"progress-bar",role:"progressbar","aria-labelledby":"progress-bar-label","aria-valuenow":r,"aria-valuemin":this.min,"aria-valuemax":this.max},e("span",{key:"7071ce188554ec8c59f43dd14d1106801abdecb0",style:{width:`${s}`}})),e("span",{key:"e0cc46668cd3ef7de11cce700a7b8d90080f136e",id:"progress-bar-label"},e("slot",{key:"2e118c2588641d6cd350a1fe9bc59a965770a183"})))}};o.style=a;export{o as dso_progress_bar};
+//# sourceMappingURL=p-197c2646.entry.js.map

package/dist/dso-toolkit/{p-e6e7d54a.entry.js → p-228f73a8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as o}from"./p-1754d0a9.js";const t="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;width:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;height:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;width:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{width:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{bottom:8px;height:2.5rem;left:0;right:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;top:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;width:2.5rem;height:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-left:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;height:2.5rem;padding:8px;position:absolute;right:0;text-align:center;top:0;width:2.5rem}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c}.dso-button-container button:disabled{color:#ccc}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const i=t;const d=class{constructor(o){e(this,o);this.dsoInput=a(this,"dsoInput",3);this.dsoNext=a(this,"dsoNext",3);this.dsoPrevious=a(this,"dsoPrevious",3);this.dsoClear=a(this,"dsoClear",3);this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}};this.value=undefined;this.label="Zoeken in document";this.current=undefined;this.totalCount=undefined}async dsoFocus(e={}){var a,o;(a=this.inputElement)===null||a===void 0?void 0:a.focus();if(e.select){(o=this.inputElement)===null||o===void 0?void 0:o.select()}}render(){const e=this.current||0;const a=this.totalCount||0;return o("div",{key:"68ad558bacca7efb6cbbec4d6a3e345414db5b39",class:"dso-mark-bar"},o("div",{key:"76a7f907fa25df303f020af3e65b56c4d866d2a6",class:"dso-mark-bar-input"},o("input",{key:"a2fce14c437aeea11c63e9200ca48252bd234e7d",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"ba3fb2615d6677f4c22f2092f4582d6af2dbddad",htmlFor:"search-input"},o("dso-icon",{key:"1ea33ee9cf987d87316b59daf2b009623f18a77d",class:"dso-search-icon",icon:"search"}),o("span",{key:"ff7cf3471e76569ac81766f4fbdba79fdf2c20d4",class:"label-text"},this.label)),o("button",{key:"637da769c9d368f27f730e229e92e79154f3857a",type:"button",onClick:this.handleClear},o("dso-icon",{key:"fdb73d9af338db53efe1261f4c75feabc288e5ee",icon:"times"}),o("span",{key:"0d87808d814626e9160b80bef23242301c92366b",class:"sr-only"},"Zoekopdracht legen"))),o("div",{key:"bd7c2ba5488192fae27824cca3fcc4fb7c343e3c",class:"dso-button-container"},o("span",{key:"352e98377532aa5831191846a0dc27a07d45bf6d",class:"divider"}),o("button",{key:"2f0ed4ad58a39dbd6147073195af38e88b6ff6f2",type:"button",onClick:this.handlePrevious,disabled:e<=1},o("dso-icon",{key:"02708b431889f4fe8ea23a0164cac58df6c6bfde",icon:"chevron-up",class:"hydrated"}),o("span",{key:"652bbfe037f969931eeac2150a3475ae025d8789",class:"sr-only"},"Vorig zoekresultaat")),o("span",{key:"f82a43c76c9322a5b63a95ee59964abe2707d178"},e,"/",a),o("button",{key:"4b229b7a3d4e08cee35c5bb584b506cac33b8a36",type:"button",onClick:this.handleNext,disabled:e>=a},o("dso-icon",{key:"918ea364d78b2f5925556ab7b73da32bf90fbabc",icon:"chevron-down",class:"hydrated"}),o("span",{key:"a4f86a58b2fdb574cff3b51f0948932b5819eb50",class:"sr-only"},"Volgend zoekresultaat"))))}};d.style=i;export{d as dso_mark_bar};
-//# sourceMappingURL=p-e6e7d54a.entry.js.map
+import{r as e,c as o,h as a}from"./p-1754d0a9.js";const t="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;width:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;height:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;width:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{width:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{bottom:8px;height:2.5rem;left:0;right:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;top:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;width:2.5rem;height:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-left:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;height:2.5rem;padding:8px;position:absolute;right:0;text-align:center;top:0;width:2.5rem}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c}.dso-button-container button:disabled{color:#ccc}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const i=t;const d=class{constructor(a){e(this,a);this.dsoInput=o(this,"dsoInput",3);this.dsoNext=o(this,"dsoNext",3);this.dsoPrevious=o(this,"dsoPrevious",3);this.dsoClear=o(this,"dsoClear",3);this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}};this.value=undefined;this.label="Zoeken in document";this.current=undefined;this.totalCount=undefined}async dsoFocus(e={}){var o,a;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(a=this.inputElement)===null||a===void 0?void 0:a.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return a("div",{key:"86eb7b642e9767352fbc75a1daba29afcf55ce03",class:"dso-mark-bar"},a("div",{key:"09ae8802d957d6b211c29bf63862a31c1aa73226",class:"dso-mark-bar-input"},a("input",{key:"aad7ce3b0fc2885f83a09763be64d83adbaf565a",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),a("label",{key:"a734d54fdde110aeb8c8cc4f01c1a0cf01c414ac",htmlFor:"search-input"},a("dso-icon",{key:"3b608e3b58be2c1523481711906ccd6930ec3fb7",class:"dso-search-icon",icon:"search"}),a("span",{key:"e2f2ef89c4444c90688947010f01c551a4604b2c",class:"label-text"},this.label)),a("button",{key:"6d5ecdef20b596f3ce1c7a7a0240c11bc4f474c7",type:"button",onClick:this.handleClear},a("dso-icon",{key:"e28f8ff586da9c44be6dce7ebe60f0c2ab06068e",icon:"times"}),a("span",{key:"b84ebcfa78721dfed4f195d4a684c66e2e1aca48",class:"sr-only"},"Zoekopdracht legen"))),a("div",{key:"ee0f15d11fc4997a51771eb13cbd75da919530ef",class:"dso-button-container"},a("span",{key:"c8bd69aa13ce337b8845d60bf38dee4c04cce547",class:"divider"}),a("button",{key:"f235b21d3d068fbcef70b4d92d636ac2ffa0da39",type:"button",onClick:this.handlePrevious,disabled:e<=1},a("dso-icon",{key:"587848082507cd57cd90e4c0f81be53d8e4df0b6",icon:"chevron-up",class:"hydrated"}),a("span",{key:"3f8e9c78ddc70fedc638528bfb0000b9ce4f91c9",class:"sr-only"},"Vorig zoekresultaat")),a("span",{key:"88e285a9a36594ddfc782539fd66f566496526ed"},e,"/",o),a("button",{key:"732c37e44fb2eb9989754d606776c15d95b328c4",type:"button",onClick:this.handleNext,disabled:e>=o},a("dso-icon",{key:"72032a6914db0c1cdf967e02e470649f61056219",icon:"chevron-down",class:"hydrated"}),a("span",{key:"13cf1a7f9931e5bff22dbec53cfbf9464d8a5c72",class:"sr-only"},"Volgend zoekresultaat"))))}};d.style=i;export{d as dso_mark_bar};
+//# sourceMappingURL=p-228f73a8.entry.js.map

package/dist/dso-toolkit/{p-7c05c385.entry.js → p-3225310b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as t,F as l,f as o,a as c}from"./p-1754d0a9.js";import{c as a}from"./p-8a1a6e56.js";import{c as i}from"./p-97f788d4.js";const d=":host{display:block;padding:16px 32px 16px 16px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;right:8px;top:8px}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const b=d;const n=class{constructor(t){e(this,t);this.dsoClose=s(this,"dsoClose",7);this.fixed=undefined;this.active=undefined}render(){return t(l,{key:"09663182b8699ecc6803337c3b2a61cb939e2cf9"},t("slot",{key:"28d4d320a7d126a4cf23e7822dece8e8594e0d9c"}),!this.fixed&&t("button",{key:"6559c0efe3070bfb14d29bc66c6b4bfdd40f23ae",type:"button",onClick:e=>this.dsoClose.emit(e)},t("dso-icon",{key:"9880632ccab83f3ef7c318c09276b2efa560b170",icon:"times"}),t("span",{key:"f8dbd51bcb3e17ba41a00acc42a76eb8cdebd69a",class:"sr-only"},"Sluiten")))}};n.style=b;const r='.sc-dso-selectable-h{position:relative;display:var(--dso-selectable-display, block);padding-inline-start:32px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--dso-selectable-color:#ce3f51}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-height:24px}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable:focus-within.dso-keyboard-focus{position:relative;inset-inline-start:-32px;padding-inline-start:32px;margin-inline-end:-32px;border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}';const p=r;const h=class{constructor(t){e(this,t);this.dsoChange=s(this,"dsoChange",7);this.fallbackIdentifier=i("DsoSelectable");this.handleOnChange=e=>{const{target:s}=e;this.dsoChange.emit({originalEvent:e,checked:s instanceof HTMLInputElement&&s.checked});o(this.host)};this.type=undefined;this.identifier=undefined;this.name=undefined;this.value=undefined;this.invalid=undefined;this.describedById=undefined;this.labelledById=undefined;this.disabled=undefined;this.required=undefined;this.checked=undefined;this.indeterminate=undefined;this.infoFixed=undefined;this.infoActive=false;this.keyboardFocus=false}async toggleInfo(e){this.infoActive=e!==null&&e!==void 0?e:!this.infoActive}componentDidLoad(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{childList:true});this.setIndeterminate()}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}setIndeterminate(){if(!(this.input instanceof HTMLInputElement)||this.type!=="checkbox"){return}this.input.indeterminate=!!this.indeterminate}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(l,{key:"9b3a5a7eded8a2c4fa778a78506cf3830eeb2158"},t("div",{key:"77eb55ac077f2165af3eeabbc7d905aafa9ac00b",class:"dso-selectable-container"},t("div",{key:"2a76089b151a5bda6f92fc6db37520a36a4c0c8a",class:a("dso-selectable-input-wrapper",{"dso-keyboard-focus":this.keyboardFocus})},t("input",{key:"753871d7f427daac250481c45d53f277ce0e9aaa",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":(e=this.invalid)===null||e===void 0?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:undefined,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,onBlur:()=>this.keyboardFocus=false,onKeyUp:()=>this.keyboardFocus=true,ref:e=>this.input=e}),!this.labelledById?t("label",{htmlFor:this.getIdentifier()},t("slot",null)):t("label",null,t("slot",null))),s&&!this.infoFixed&&t("dso-info-button",{key:"33b894964ac606b03da670d53dcd4766ed73ce9c",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),s&&t("dso-info",{key:"625d8c5d96d9e40cce6bbe2d06ed27cb51093d05",id:s&&this.infoFixed?this.describedById:undefined,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=false},t("div",{key:"762e207474ba137a6e49c18f4f95012715867768"},t("slot",{key:"4d7c20a761021788cd034fd0b6fc1f1fb9b73045",name:"info"}))),t("slot",{key:"95f6353ece9a423f9e1a6f300ae67f456465199b",name:"options"}))}componentDidRender(){if(this.input&&typeof this.checked==="boolean"&&this.input.checked!==this.checked){this.input.checked=this.checked}}getIdentifier(){var e;return(e=this.identifier)!==null&&e!==void 0?e:this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};h.style=p;export{n as dso_info,h as dso_selectable};
-//# sourceMappingURL=p-7c05c385.entry.js.map
+import{r as e,c as s,h as t,F as l,f as o,a as c}from"./p-1754d0a9.js";import{c as a}from"./p-8a1a6e56.js";import{c as i}from"./p-97f788d4.js";const d=":host{display:block;padding:16px 32px 16px 16px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;right:8px;top:8px}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const b=d;const n=class{constructor(t){e(this,t);this.dsoClose=s(this,"dsoClose",7);this.fixed=undefined;this.active=undefined}render(){return t(l,{key:"e5f657a636b290b194ccbb89b8cd10c361a3addd"},t("slot",{key:"08ff21c78926849c1b0461abfc551f96fd4a769a"}),!this.fixed&&t("button",{key:"5312aa3e0b79e3c46c28b272b1fe2161f3c625a2",type:"button",onClick:e=>this.dsoClose.emit(e)},t("dso-icon",{key:"7473fe06abfd42aa7c39eb97b4ea1b8113e9bfe4",icon:"times"}),t("span",{key:"e5b9d4414e871ff4ec15e18adb6ab819ddcfb0f5",class:"sr-only"},"Sluiten")))}};n.style=b;const r='.sc-dso-selectable-h{position:relative;display:var(--dso-selectable-display, block);padding-inline-start:32px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--dso-selectable-color:#ce3f51}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-height:24px}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable:focus-within.dso-keyboard-focus{position:relative;inset-inline-start:-32px;padding-inline-start:32px;margin-inline-end:-32px;border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}';const p=r;const h=class{constructor(t){e(this,t);this.dsoChange=s(this,"dsoChange",7);this.fallbackIdentifier=i("DsoSelectable");this.handleOnChange=e=>{const{target:s}=e;this.dsoChange.emit({originalEvent:e,checked:s instanceof HTMLInputElement&&s.checked});o(this.host)};this.type=undefined;this.identifier=undefined;this.name=undefined;this.value=undefined;this.invalid=undefined;this.describedById=undefined;this.labelledById=undefined;this.disabled=undefined;this.required=undefined;this.checked=undefined;this.indeterminate=undefined;this.infoFixed=undefined;this.infoActive=false;this.keyboardFocus=false}async toggleInfo(e){this.infoActive=e!==null&&e!==void 0?e:!this.infoActive}componentDidLoad(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{childList:true});this.setIndeterminate()}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}setIndeterminate(){if(!(this.input instanceof HTMLInputElement)||this.type!=="checkbox"){return}this.input.indeterminate=!!this.indeterminate}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(l,{key:"1f81229a1f1fef108068804fad7761151b9c074f"},t("div",{key:"fbd1cf9ab0ff933b7c0fb183c6be54c543502967",class:"dso-selectable-container"},t("div",{key:"5d5b101e3b05e07a36b4cb1f0927bd55ccc459db",class:a("dso-selectable-input-wrapper",{"dso-keyboard-focus":this.keyboardFocus})},t("input",{key:"094554197b315b6a992a43360b229f0d898ae480",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":(e=this.invalid)===null||e===void 0?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:undefined,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,onBlur:()=>this.keyboardFocus=false,onKeyUp:()=>this.keyboardFocus=true,ref:e=>this.input=e}),!this.labelledById?t("label",{htmlFor:this.getIdentifier()},t("slot",null)):t("label",null,t("slot",null))),s&&!this.infoFixed&&t("dso-info-button",{key:"68d97d170c77ad983efcd6511ce23df320d3b23d",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),s&&t("dso-info",{key:"54eca001300dd947e79f5f5cb9c91fc9f44a6a94",id:s&&this.infoFixed?this.describedById:undefined,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=false},t("div",{key:"f3d478436c5b8428b10802953423aa237fb6c4a3"},t("slot",{key:"c0b0a05b5997a90a11581b7be95f3443e2cbb8a7",name:"info"}))),t("slot",{key:"7c8d8bd9c10289b068d1e544995cbebfbb7ee8e7",name:"options"}))}componentDidRender(){if(this.input&&typeof this.checked==="boolean"&&this.input.checked!==this.checked){this.input.checked=this.checked}}getIdentifier(){var e;return(e=this.identifier)!==null&&e!==void 0?e:this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};h.style=p;export{n as dso_info,h as dso_selectable};
+//# sourceMappingURL=p-3225310b.entry.js.map

package/dist/dso-toolkit/{p-e41d09cf.entry.js → p-3710d41f.entry.js}

@@ -1,2 +1,2 @@
-import{r as d,h as a,F as s}from"./p-1754d0a9.js";const t=":host .dso-card-list{padding-left:0;list-style:none;border-bottom:1px solid #ccc;margin-top:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const r=t;const e=class{constructor(a){d(this,a);this.mode="list"}render(){return a(s,null,this.mode==="list"&&a("ul",{key:"54a6e926c22a118a77119add63558c55a7ef2cf9",class:"dso-card-list"},a("slot",{key:"63777d504620cbc54a94a95bbada8b7028ef5d92"})),this.mode==="grid"&&a("div",{key:"3b0feb3331f54fb7f084ad4c1e3bb18ddca6ee9d",class:"dso-card-grid"},a("slot",{key:"0bc1a70a40326d61cfa9af7b8cdf8e73bb8d39cf"})))}};e.style=r;export{e as dso_card_container};
-//# sourceMappingURL=p-e41d09cf.entry.js.map
+import{r as d,h as a,F as s}from"./p-1754d0a9.js";const t=":host .dso-card-list{padding-left:0;list-style:none;border-bottom:1px solid #ccc;margin-top:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const r=t;const e=class{constructor(a){d(this,a);this.mode="list"}render(){return a(s,null,this.mode==="list"&&a("ul",{key:"4628edd1ea9ebde12abc69482a3586df6824e897",class:"dso-card-list"},a("slot",{key:"28f8c7af2cb269d034aead2d8f8b24ff36a9707a"})),this.mode==="grid"&&a("div",{key:"53a740a4c52d3844ea02570259805ae7c98424a2",class:"dso-card-grid"},a("slot",{key:"300b540b919ea82d20cb9d4fa57ad88cd342e734"})))}};e.style=r;export{e as dso_card_container};
+//# sourceMappingURL=p-3710d41f.entry.js.map

package/dist/dso-toolkit/{p-22776f73.entry.js → p-3e2237ab.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,H as t,a as i}from"./p-1754d0a9.js";const s="*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;height:2rem;left:16px;line-height:2rem;position:absolute;text-align:center;top:-1.5rem;width:2rem}:host{margin-top:16px;padding:16px;margin-bottom:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset);display:block;container-type:inline-size;position:relative;z-index:1}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}";const n=s;const c=class{constructor(o){e(this,o);this.yellow=undefined;this.border=undefined;this.white=undefined;this.dropShadow=undefined;this.step=undefined}render(){var e;const i=this.step||!!this.element.querySelector("[slot=icon]");return o(t,{key:"4334f13da16a3005e01e815a0998fdcbc87f31e8","has-counter":i},i&&o("div",{key:"553cb9e7150fb6c603c9bbbc0d2307170416ee3b",class:"dso-step-counter"},(e=this.step)!==null&&e!==void 0?e:o("slot",{key:"faf8811c78d6c918c2624f43c75d6241209be209",name:"icon"})),o("slot",{key:"2bfd070a41a5f969d5cb1d24ce1a6846e68c5ceb"}))}get element(){return i(this)}};c.style=n;export{c as dso_highlight_box};
-//# sourceMappingURL=p-22776f73.entry.js.map
+import{r as e,h as o,H as t,a as i}from"./p-1754d0a9.js";const s="*,*::after,*::before{box-sizing:border-box}.dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;height:2rem;left:16px;line-height:2rem;position:absolute;text-align:center;top:-1.5rem;width:2rem}:host{margin-top:16px;padding:16px;margin-bottom:24px;block-size:var(--highlight-box-block-size, unset);min-block-size:var(--highlight-box-min-block-size, unset);display:block;container-type:inline-size;position:relative;z-index:1}:host[has-counter]{block-size:var(--highlight-box-counter-block-size, unset)}:host:not([has-counter]){block-size:var(--highlight-box-nocounter-block-size, unset)}";const n=s;const r=class{constructor(o){e(this,o);this.yellow=undefined;this.border=undefined;this.white=undefined;this.dropShadow=undefined;this.step=undefined}render(){var e;const i=this.step||!!this.element.querySelector("[slot=icon]");return o(t,{key:"94dfaf9efb9d2cb1f5910b8dd0f4cc37f8b24c17","has-counter":i},i&&o("div",{key:"005ab4e5b5cec05e4b16e32e8fa6ee8e1da0eb06",class:"dso-step-counter"},(e=this.step)!==null&&e!==void 0?e:o("slot",{key:"e6f814e0bb7f5f791f441cd78bd25a0c14e3e60e",name:"icon"})),o("slot",{key:"2dfc8c0d8ea3222c2e8b5a59f168b3df80b70bcc"}))}get element(){return i(this)}};r.style=n;export{r as dso_highlight_box};
+//# sourceMappingURL=p-3e2237ab.entry.js.map