@dso-toolkit/core 62.18.0 → 62.20.0

package/dist/dso-toolkit/p-7f5b0979.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,a as s}from"./p-701648d3.js";function d(e){if(!e){return}const t=e.split("-");if(t.length===3&&typeof t[0]==="string"&&typeof t[1]==="string"&&typeof t[2]==="string"){const[e,i,s]=t;const d=e.padStart(2,"0");const o=i.padStart(2,"0");const n=s.padStart(4,"0");return[n,o,d].join("-")}return e}function o(e){if(!e){return""}const t=e.getDate().toString(10).padStart(2,"0");const i=(e.getMonth()+1).toString(10).padStart(2,"0");const s=e.getFullYear().toString(10).padStart(4,"0");return[t,i,s].join("-")}const n=".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;width:100%;height:40px;padding:6px 14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:40px}.dso-date__input[size].sc-dso-date-picker{width:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}";const a=n;const r=class{constructor(i){e(this,i);this.dsoDateChange=t(this,"dsoDateChange",7);this.dsoBlur=t(this,"dsoBlur",7);this.dsoKeyUp=t(this,"dsoKeyUp",7);this.dsoKeyDown=t(this,"dsoKeyDown",7);this.dsoFocus=t(this,"dsoFocus",7);this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement)){return}const{validity:i}=t;const{value:s,valueAsDate:d}=this.dateValues(t);const o=this.validityToError(i);const n={component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:d,error:o};this.dsoBlur.emit(n)};this.handleFocus=e=>{e.stopPropagation();this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})};this.handleKeyUp=e=>{e.stopPropagation();this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})};this.handleKeyDown=e=>{e.stopPropagation();this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})};this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement)){return}const{validity:i}=t;const{value:s,valueAsDate:d}=this.dateValues(t);const o=this.validityToError(i);const n={component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:d,error:o};this.dsoDateChange.emit(n)};this.name="dso-date";this.identifier=undefined;this.disabled=false;this.required=false;this.invalid=undefined;this.describedBy=undefined;this.dsoAutofocus=false;this.value="";this.min=undefined;this.max=undefined}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:o(t),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t||undefined}}validityToError(e){if(e.valueMissing){return"required"}if(e.rangeUnderflow){return"min-range"}if(e.rangeOverflow){return"max-range"}if(!e.valid){return"invalid"}return undefined}render(){var e;return i("input",{key:"ab327f9e162793c1abdcdd3b7e1242b6ddee1ddb",type:"date",id:this.identifier,class:"dso-date__input",value:d(this.value),name:this.name,min:d(this.min),max:d(this.max),disabled:this.disabled||undefined,required:this.required||undefined,"aria-autocomplete":"none","aria-invalid":(e=this.invalid)===null||e===void 0?void 0:e.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus||undefined,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return s(this)}};r.style=a;export{r as dso_date_picker};
+//# sourceMappingURL=p-7f5b0979.entry.js.map

package/dist/dso-toolkit/p-7f5b0979.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseToValueFormat","value","matches","split","length","d","m","y","dd","padStart","mm","yyyy","join","parseToDutchFormat","date","getDate","toString","getMonth","getFullYear","datePickerCss","DsoDatePickerStyle0","DsoDatePicker","this","handleBlur","e","stopPropagation","target","HTMLInputElement","validity","valueAsDate","dateValues","error","validityToError","event","component","originalEvent","dsoBlur","emit","handleFocus","dsoFocus","handleKeyUp","dsoKeyUp","handleKeyDown","dsoKeyDown","handleInputChange","dsoDateChange","rangeOverflow","rangeUnderflow","undefined","valueMissing","valid","render","h","key","type","id","identifier","class","name","min","max","disabled","required","_a","invalid","describedBy","autoComplete","autofocus","dsoAutofocus","onBlur","onFocus","onKeyUp","onKeyDown","onChange"],"sources":["src/components/date-picker/date-utils.ts","src/components/date-picker/date-picker.scss?tag=dso-date-picker&encapsulation=scoped","src/components/date-picker/date-picker.tsx"],"sourcesContent":["/**\r\n * dd-mm-yyyy to yyyy-mm-dd\r\n */\r\nexport function parseToValueFormat(value: string | undefined): string | undefined {\r\n  if (!value) {\r\n    return;\r\n  }\r\n\r\n  const matches = value.split(\"-\");\r\n\r\n  if (\r\n    matches.length === 3 &&\r\n    typeof matches[0] === \"string\" &&\r\n    typeof matches[1] === \"string\" &&\r\n    typeof matches[2] === \"string\"\r\n  ) {\r\n    const [d, m, y] = matches;\r\n\r\n    const dd = d.padStart(2, \"0\");\r\n    const mm = m.padStart(2, \"0\");\r\n    const yyyy = y.padStart(4, \"0\");\r\n\r\n    return [yyyy, mm, dd].join(\"-\");\r\n  }\r\n\r\n  return value;\r\n}\r\n\r\n/**\r\n * yyyy-mm-dd to dd-mm-yyyy\r\n */\r\nexport function parseToDutchFormat(date: Date | null): string {\r\n  if (!date) {\r\n    return \"\";\r\n  }\r\n\r\n  const dd = date.getDate().toString(10).padStart(2, \"0\");\r\n  const mm = (date.getMonth() + 1).toString(10).padStart(2, \"0\");\r\n  const yyyy = date.getFullYear().toString(10).padStart(4, \"0\");\r\n\r\n  return [dd, mm, yyyy].join(\"-\");\r\n}\r\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@use \"date-picker.variables\" as core-date-picker-variables;\r\n\r\n:host {\r\n  display: block;\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    .dso-date__input {\r\n      border-color: colors.$danger-color;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-date__input {\r\n  @include form-control.root();\r\n\r\n  &::-webkit-calendar-picker-indicator {\r\n    position: relative;\r\n    inset-inline-end: -8px;\r\n\r\n    font-size: 1.75rem;\r\n\r\n    filter: invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%);\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Prop, Element, h, Event, EventEmitter } from \"@stencil/core\";\r\n\r\nimport {\r\n  DatePickerBlurEvent,\r\n  DatePickerChangeEvent,\r\n  DatePickerError,\r\n  DatePickerFocusEvent,\r\n  DatePickerKeyboardEvent,\r\n} from \"./date-picker.interfaces\";\r\nimport { parseToValueFormat, parseToDutchFormat } from \"./date-utils\";\r\n\r\n@Component({\r\n  tag: \"dso-date-picker\",\r\n  styleUrl: \"date-picker.scss\",\r\n  shadow: false,\r\n  scoped: true,\r\n})\r\nexport class DsoDatePicker implements ComponentInterface {\r\n  /**\r\n   * Reference to host HTML element.\r\n   */\r\n  @Element()\r\n  element!: HTMLDsoDatePickerElement;\r\n\r\n  /**\r\n   * Name of the date picker input.\r\n   */\r\n  @Prop()\r\n  name = \"dso-date\";\r\n\r\n  /**\r\n   * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.\r\n   */\r\n  @Prop()\r\n  identifier: string | undefined;\r\n\r\n  /**\r\n   * Makes the date picker input component disabled. This prevents users from being able to\r\n   * interact with the input, and conveys its inactive state to assistive technologies.\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Should the input be marked as required?\r\n   */\r\n  @Prop({ reflect: true })\r\n  required = false;\r\n\r\n  /**\r\n   * Is input invalid?\r\n   */\r\n  @Prop({ reflect: true })\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * ID of element that describes the input element\r\n   */\r\n  @Prop()\r\n  describedBy?: string;\r\n\r\n  /**\r\n   * Should the input be focused on load?\r\n   */\r\n  @Prop()\r\n  dsoAutofocus = false;\r\n\r\n  /**\r\n   * Date value. Must be in Dutch date format: DD-MM-YYYY.\r\n   */\r\n  @Prop({ reflect: true })\r\n  value = \"\";\r\n\r\n  /**\r\n   * Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the max property.\r\n   */\r\n  @Prop()\r\n  min: string | undefined;\r\n\r\n  /**\r\n   * Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n   * This setting can be used alone or together with the min property.\r\n   */\r\n  @Prop()\r\n  max: string | undefined;\r\n\r\n  /**\r\n   * Events section.\r\n   */\r\n\r\n  /**\r\n   * Event emitted when a date is selected.\r\n   */\r\n  @Event()\r\n  dsoDateChange!: EventEmitter<DatePickerChangeEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is blurred.\r\n   */\r\n  @Event()\r\n  dsoBlur!: EventEmitter<DatePickerBlurEvent>;\r\n\r\n  /**\r\n   * Event emitted on key up in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyUp!: EventEmitter<DatePickerKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted on key down in the date picker input.\r\n   */\r\n  @Event()\r\n  dsoKeyDown!: EventEmitter<DatePickerKeyboardEvent>;\r\n\r\n  /**\r\n   * Event emitted the date picker input is focused.\r\n   */\r\n  @Event()\r\n  dsoFocus!: EventEmitter<DatePickerFocusEvent>;\r\n\r\n  private handleBlur = (e: FocusEvent) => {\r\n    e.stopPropagation();\r\n\r\n    const { target } = e;\r\n\r\n    if (!(target instanceof HTMLInputElement)) {\r\n      return;\r\n    }\r\n\r\n    const { validity } = target;\r\n    const { value, valueAsDate } = this.dateValues(target);\r\n    const error = this.validityToError(validity);\r\n\r\n    const event: DatePickerBlurEvent = {\r\n      component: \"dso-date-picker\",\r\n      originalEvent: e,\r\n      validity,\r\n      value,\r\n      valueAsDate,\r\n      error,\r\n    };\r\n\r\n    this.dsoBlur.emit(event);\r\n  };\r\n\r\n  private handleFocus = (event: FocusEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoFocus.emit({\r\n      originalEvent: event,\r\n      component: \"dso-date-picker\",\r\n    });\r\n  };\r\n\r\n  private handleKeyUp = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyUp.emit({\r\n      component: \"dso-date-picker\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    event.stopPropagation();\r\n\r\n    this.dsoKeyDown.emit({\r\n      component: \"dso-date-picker\",\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleInputChange = (e: Event) => {\r\n    const target = e.target;\r\n\r\n    if (!(target instanceof HTMLInputElement)) {\r\n      return;\r\n    }\r\n\r\n    const { validity } = target;\r\n    const { value, valueAsDate } = this.dateValues(target);\r\n    const error = this.validityToError(validity);\r\n\r\n    const event: DatePickerChangeEvent = {\r\n      component: \"dso-date-picker\",\r\n      originalEvent: e,\r\n      validity,\r\n      value,\r\n      valueAsDate,\r\n      error,\r\n    };\r\n\r\n    this.dsoDateChange.emit(event);\r\n  };\r\n\r\n  private dateValues(target: HTMLInputElement): { value: string; valueAsDate: Date | undefined } {\r\n    const { valueAsDate, validity } = target;\r\n\r\n    return {\r\n      value: parseToDutchFormat(valueAsDate),\r\n      valueAsDate: (!validity.rangeOverflow && !validity.rangeUnderflow && valueAsDate) || undefined,\r\n    };\r\n  }\r\n\r\n  private validityToError(validity: ValidityState): DatePickerError | undefined {\r\n    if (validity.valueMissing) {\r\n      return \"required\";\r\n    }\r\n\r\n    if (validity.rangeUnderflow) {\r\n      return \"min-range\";\r\n    }\r\n\r\n    if (validity.rangeOverflow) {\r\n      return \"max-range\";\r\n    }\r\n\r\n    if (!validity.valid) {\r\n      return \"invalid\";\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <input\r\n        type=\"date\"\r\n        id={this.identifier}\r\n        class=\"dso-date__input\"\r\n        value={parseToValueFormat(this.value)}\r\n        name={this.name}\r\n        min={parseToValueFormat(this.min)}\r\n        max={parseToValueFormat(this.max)}\r\n        disabled={this.disabled || undefined}\r\n        required={this.required || undefined}\r\n        aria-autocomplete=\"none\"\r\n        aria-invalid={this.invalid?.toString()}\r\n        aria-describedby={this.describedBy}\r\n        autoComplete=\"off\"\r\n        autofocus={this.dsoAutofocus || undefined}\r\n        onBlur={this.handleBlur}\r\n        onFocus={this.handleFocus}\r\n        onKeyUp={this.handleKeyUp}\r\n        onKeyDown={this.handleKeyDown}\r\n        onChange={this.handleInputChange}\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/{p-fbb226aa.js → p-808a98bc.js}

@@ -1,6 +1,6 @@
-import{t as e,f as r,i as n,g as t,a as i}from"./p-86133aa5.js";
+import{i as e,t as r,f as n,a as t,g as i}from"./p-1dbcaeef.js";
 /*!
 * focus-trap 7.5.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function u(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function a(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){o(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function o(e,r,n){r=c(r);if(r in e){Object.defineProperty(e,r,{value:n,enumerable:true,configurable:true,writable:true})}else{e[r]=n}return e}function f(e,r){if(typeof e!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==undefined){var t=n.call(e,r||"default");if(typeof t!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function c(e){var r=f(e,"string");return typeof r==="symbol"?r:String(r)}var v={activateTrap:function e(r,n){if(r.length>0){var t=r[r.length-1];if(t!==n){t.pause()}}var i=r.indexOf(n);if(i===-1){r.push(n)}else{r.splice(i,1);r.push(n)}},deactivateTrap:function e(r,n){var t=r.indexOf(n);if(t!==-1){r.splice(t,1)}if(r.length>0){r[r.length-1].unpause()}}};var s=function e(r){return r.tagName&&r.tagName.toLowerCase()==="input"&&typeof r.select==="function"};var l=function e(r){return(r===null||r===void 0?void 0:r.key)==="Escape"||(r===null||r===void 0?void 0:r.key)==="Esc"||(r===null||r===void 0?void 0:r.keyCode)===27};var d=function e(r){return(r===null||r===void 0?void 0:r.key)==="Tab"||(r===null||r===void 0?void 0:r.keyCode)===9};var b=function e(r){return d(r)&&!r.shiftKey};var p=function e(r){return d(r)&&r.shiftKey};var w=function e(r){return setTimeout(r,0)};var h=function e(r,n){var t=-1;r.every((function(e,r){if(n(e)){t=r;return false}return true}));return t};var y=function e(r){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i<n;i++){t[i-1]=arguments[i]}return typeof r==="function"?r.apply(void 0,t):r};var m=function e(r){return r.target.shadowRoot&&typeof r.composedPath==="function"?r.composedPath()[0]:r.target};var F=[];var O=function u(o,f){var c=(f===null||f===void 0?void 0:f.document)||document;var O=(f===null||f===void 0?void 0:f.trapStack)||F;var j=a({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:b,isKeyBackward:p},f);var k={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var T;var g=function e(r,n,t){return r&&r[n]!==undefined?r[n]:j[t||n]};var D=function e(r,n){var t=typeof(n===null||n===void 0?void 0:n.composedPath)==="function"?n.composedPath():undefined;return k.containerGroups.findIndex((function(e){var n=e.container,i=e.tabbableNodes;return n.contains(r)||(t===null||t===void 0?void 0:t.includes(n))||i.find((function(e){return e===r}))}))};var E=function e(r){var n=j[r];if(typeof n==="function"){for(var t=arguments.length,i=new Array(t>1?t-1:0),u=1;u<t;u++){i[u-1]=arguments[u]}n=n.apply(void 0,i)}if(n===true){n=undefined}if(!n){if(n===undefined||n===false){return n}throw new Error("`".concat(r,"` was specified but was not a node, or did not return a node"))}var a=n;if(typeof n==="string"){a=c.querySelector(n);if(!a){throw new Error("`".concat(r,"` as selector refers to no known node"))}}return a};var N=function e(){var r=E("initialFocus");if(r===false){return false}if(r===undefined||!i(r,j.tabbableOptions)){if(D(c.activeElement)>=0){r=c.activeElement}else{var n=k.tabbableGroups[0];var t=n&&n.firstTabbableNode;r=t||E("fallbackFocus")}}if(!r){throw new Error("Your focus-trap needs to have at least one focusable element")}return r};var P=function i(){k.containerGroups=k.containers.map((function(i){var u=e(i,j.tabbableOptions);var a=r(i,j.tabbableOptions);var o=u.length>0?u[0]:undefined;var f=u.length>0?u[u.length-1]:undefined;var c=a.find((function(e){return n(e)}));var v=a.slice().reverse().find((function(e){return n(e)}));var s=!!u.find((function(e){return t(e)>0}));return{container:i,tabbableNodes:u,focusableNodes:a,posTabIndexesFound:s,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:c,lastDomTabbableNode:v,nextTabbableNode:function e(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var i=u.indexOf(r);if(i<0){if(t){return a.slice(a.indexOf(r)+1).find((function(e){return n(e)}))}return a.slice(0,a.indexOf(r)).reverse().find((function(e){return n(e)}))}return u[i+(t?1:-1)]}}}));k.tabbableGroups=k.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(k.tabbableGroups.length<=0&&!E("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(k.containerGroups.find((function(e){return e.posTabIndexesFound}))&&k.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var A=function e(r){var n=r.activeElement;if(!n){return}if(n.shadowRoot&&n.shadowRoot.activeElement!==null){return e(n.shadowRoot)}return n};var x=function e(r){if(r===false){return}if(r===A(document)){return}if(!r||!r.focus){e(N());return}r.focus({preventScroll:!!j.preventScroll});k.mostRecentlyFocusedNode=r;if(s(r)){r.select()}};var B=function e(r){var n=E("setReturnFocus",r);return n?n:n===false?false:r};var C=function e(r){var u=r.target,a=r.event,o=r.isBackward,f=o===void 0?false:o;u=u||m(a);P();var c=null;if(k.tabbableGroups.length>0){var v=D(u,a);var s=v>=0?k.containerGroups[v]:undefined;if(v<0){if(f){c=k.tabbableGroups[k.tabbableGroups.length-1].lastTabbableNode}else{c=k.tabbableGroups[0].firstTabbableNode}}else if(f){var l=h(k.tabbableGroups,(function(e){var r=e.firstTabbableNode;return u===r}));if(l<0&&(s.container===u||i(u,j.tabbableOptions)&&!n(u,j.tabbableOptions)&&!s.nextTabbableNode(u,false))){l=v}if(l>=0){var b=l===0?k.tabbableGroups.length-1:l-1;var p=k.tabbableGroups[b];c=t(u)>=0?p.lastTabbableNode:p.lastDomTabbableNode}else if(!d(a)){c=s.nextTabbableNode(u,false)}}else{var w=h(k.tabbableGroups,(function(e){var r=e.lastTabbableNode;return u===r}));if(w<0&&(s.container===u||i(u,j.tabbableOptions)&&!n(u,j.tabbableOptions)&&!s.nextTabbableNode(u))){w=v}if(w>=0){var y=w===k.tabbableGroups.length-1?0:w+1;var F=k.tabbableGroups[y];c=t(u)>=0?F.firstTabbableNode:F.firstDomTabbableNode}else if(!d(a)){c=s.nextTabbableNode(u)}}}else{c=E("fallbackFocus")}return c};var R=function e(r){var n=m(r);if(D(n,r)>=0){return}if(y(j.clickOutsideDeactivates,r)){T.deactivate({returnFocus:j.returnFocusOnDeactivate});return}if(y(j.allowOutsideClick,r)){return}r.preventDefault()};var S=function e(r){var n=m(r);var i=D(n,r)>=0;if(i||n instanceof Document){if(i){k.mostRecentlyFocusedNode=n}}else{r.stopImmediatePropagation();var u;var a=true;if(k.mostRecentlyFocusedNode){if(t(k.mostRecentlyFocusedNode)>0){var o=D(k.mostRecentlyFocusedNode);var f=k.containerGroups[o].tabbableNodes;if(f.length>0){var c=f.findIndex((function(e){return e===k.mostRecentlyFocusedNode}));if(c>=0){if(j.isKeyForward(k.recentNavEvent)){if(c+1<f.length){u=f[c+1];a=false}}else{if(c-1>=0){u=f[c-1];a=false}}}}}else{if(!k.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return t(e)>0}))}))){a=false}}}else{a=false}if(a){u=C({target:k.mostRecentlyFocusedNode,isBackward:j.isKeyBackward(k.recentNavEvent)})}if(u){x(u)}else{x(k.mostRecentlyFocusedNode||N())}}k.recentNavEvent=undefined};var I=function e(r){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;k.recentNavEvent=r;var t=C({event:r,isBackward:n});if(t){if(d(r)){r.preventDefault()}x(t)}};var G=function e(r){if(l(r)&&y(j.escapeDeactivates,r)!==false){r.preventDefault();T.deactivate();return}if(j.isKeyForward(r)||j.isKeyBackward(r)){I(r,j.isKeyBackward(r))}};var K=function e(r){var n=m(r);if(D(n,r)>=0){return}if(y(j.clickOutsideDeactivates,r)){return}if(y(j.allowOutsideClick,r)){return}r.preventDefault();r.stopImmediatePropagation()};var M=function e(){if(!k.active){return}v.activateTrap(O,T);k.delayInitialFocusTimer=j.delayInitialFocus?w((function(){x(N())})):x(N());c.addEventListener("focusin",S,true);c.addEventListener("mousedown",R,{capture:true,passive:false});c.addEventListener("touchstart",R,{capture:true,passive:false});c.addEventListener("click",K,{capture:true,passive:false});c.addEventListener("keydown",G,{capture:true,passive:false});return T};var U=function e(){if(!k.active){return}c.removeEventListener("focusin",S,true);c.removeEventListener("mousedown",R,true);c.removeEventListener("touchstart",R,true);c.removeEventListener("click",K,true);c.removeEventListener("keydown",G,true);return T};var Y=function e(r){var n=r.some((function(e){var r=Array.from(e.removedNodes);return r.some((function(e){return e===k.mostRecentlyFocusedNode}))}));if(n){x(N())}};var L=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var q=function e(){if(!L){return}L.disconnect();if(k.active&&!k.paused){k.containers.map((function(e){L.observe(e,{subtree:true,childList:true})}))}};T={get active(){return k.active},get paused(){return k.paused},activate:function e(r){if(k.active){return this}var n=g(r,"onActivate");var t=g(r,"onPostActivate");var i=g(r,"checkCanFocusTrap");if(!i){P()}k.active=true;k.paused=false;k.nodeFocusedBeforeActivation=c.activeElement;n===null||n===void 0||n();var u=function e(){if(i){P()}M();q();t===null||t===void 0||t()};if(i){i(k.containers.concat()).then(u,u);return this}u();return this},deactivate:function e(r){if(!k.active){return this}var n=a({onDeactivate:j.onDeactivate,onPostDeactivate:j.onPostDeactivate,checkCanReturnFocus:j.checkCanReturnFocus},r);clearTimeout(k.delayInitialFocusTimer);k.delayInitialFocusTimer=undefined;U();k.active=false;k.paused=false;q();v.deactivateTrap(O,T);var t=g(n,"onDeactivate");var i=g(n,"onPostDeactivate");var u=g(n,"checkCanReturnFocus");var o=g(n,"returnFocus","returnFocusOnDeactivate");t===null||t===void 0||t();var f=function e(){w((function(){if(o){x(B(k.nodeFocusedBeforeActivation))}i===null||i===void 0||i()}))};if(o&&u){u(B(k.nodeFocusedBeforeActivation)).then(f,f);return this}f();return this},pause:function e(r){if(k.paused||!k.active){return this}var n=g(r,"onPause");var t=g(r,"onPostPause");k.paused=true;n===null||n===void 0||n();U();q();t===null||t===void 0||t();return this},unpause:function e(r){if(!k.paused||!k.active){return this}var n=g(r,"onUnpause");var t=g(r,"onPostUnpause");k.paused=false;n===null||n===void 0||n();P();M();q();t===null||t===void 0||t();return this},updateContainerElements:function e(r){var n=[].concat(r).filter(Boolean);k.containers=n.map((function(e){return typeof e==="string"?c.querySelector(e):e}));if(k.active){P()}q();return this}};T.updateContainerElements(o);return T};export{O as c};
-//# sourceMappingURL=p-fbb226aa.js.map
+*/function u(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function a(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){o(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function o(e,r,n){r=c(r);if(r in e){Object.defineProperty(e,r,{value:n,enumerable:true,configurable:true,writable:true})}else{e[r]=n}return e}function f(e,r){if(typeof e!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==undefined){var t=n.call(e,r||"default");if(typeof t!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function c(e){var r=f(e,"string");return typeof r==="symbol"?r:String(r)}var v={activateTrap:function e(r,n){if(r.length>0){var t=r[r.length-1];if(t!==n){t.pause()}}var i=r.indexOf(n);if(i===-1){r.push(n)}else{r.splice(i,1);r.push(n)}},deactivateTrap:function e(r,n){var t=r.indexOf(n);if(t!==-1){r.splice(t,1)}if(r.length>0){r[r.length-1].unpause()}}};var s=function e(r){return r.tagName&&r.tagName.toLowerCase()==="input"&&typeof r.select==="function"};var l=function e(r){return(r===null||r===void 0?void 0:r.key)==="Escape"||(r===null||r===void 0?void 0:r.key)==="Esc"||(r===null||r===void 0?void 0:r.keyCode)===27};var d=function e(r){return(r===null||r===void 0?void 0:r.key)==="Tab"||(r===null||r===void 0?void 0:r.keyCode)===9};var b=function e(r){return d(r)&&!r.shiftKey};var p=function e(r){return d(r)&&r.shiftKey};var w=function e(r){return setTimeout(r,0)};var h=function e(r,n){var t=-1;r.every((function(e,r){if(n(e)){t=r;return false}return true}));return t};var y=function e(r){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i<n;i++){t[i-1]=arguments[i]}return typeof r==="function"?r.apply(void 0,t):r};var m=function e(r){return r.target.shadowRoot&&typeof r.composedPath==="function"?r.composedPath()[0]:r.target};var F=[];var O=function u(o,f){var c=(f===null||f===void 0?void 0:f.document)||document;var O=(f===null||f===void 0?void 0:f.trapStack)||F;var j=a({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:b,isKeyBackward:p},f);var k={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var T;var g=function e(r,n,t){return r&&r[n]!==undefined?r[n]:j[t||n]};var D=function e(r,n){var t=typeof(n===null||n===void 0?void 0:n.composedPath)==="function"?n.composedPath():undefined;return k.containerGroups.findIndex((function(e){var n=e.container,i=e.tabbableNodes;return n.contains(r)||(t===null||t===void 0?void 0:t.includes(n))||i.find((function(e){return e===r}))}))};var E=function e(r){var n=j[r];if(typeof n==="function"){for(var t=arguments.length,i=new Array(t>1?t-1:0),u=1;u<t;u++){i[u-1]=arguments[u]}n=n.apply(void 0,i)}if(n===true){n=undefined}if(!n){if(n===undefined||n===false){return n}throw new Error("`".concat(r,"` was specified but was not a node, or did not return a node"))}var a=n;if(typeof n==="string"){a=c.querySelector(n);if(!a){throw new Error("`".concat(r,"` as selector refers to no known node"))}}return a};var N=function r(){var n=E("initialFocus");if(n===false){return false}if(n===undefined||!e(n,j.tabbableOptions)){if(D(c.activeElement)>=0){n=c.activeElement}else{var t=k.tabbableGroups[0];var i=t&&t.firstTabbableNode;n=i||E("fallbackFocus")}}if(!n){throw new Error("Your focus-trap needs to have at least one focusable element")}return n};var P=function e(){k.containerGroups=k.containers.map((function(e){var u=r(e,j.tabbableOptions);var a=n(e,j.tabbableOptions);var o=u.length>0?u[0]:undefined;var f=u.length>0?u[u.length-1]:undefined;var c=a.find((function(e){return t(e)}));var v=a.slice().reverse().find((function(e){return t(e)}));var s=!!u.find((function(e){return i(e)>0}));return{container:e,tabbableNodes:u,focusableNodes:a,posTabIndexesFound:s,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:c,lastDomTabbableNode:v,nextTabbableNode:function e(r){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var i=u.indexOf(r);if(i<0){if(n){return a.slice(a.indexOf(r)+1).find((function(e){return t(e)}))}return a.slice(0,a.indexOf(r)).reverse().find((function(e){return t(e)}))}return u[i+(n?1:-1)]}}}));k.tabbableGroups=k.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(k.tabbableGroups.length<=0&&!E("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(k.containerGroups.find((function(e){return e.posTabIndexesFound}))&&k.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var A=function e(r){var n=r.activeElement;if(!n){return}if(n.shadowRoot&&n.shadowRoot.activeElement!==null){return e(n.shadowRoot)}return n};var x=function e(r){if(r===false){return}if(r===A(document)){return}if(!r||!r.focus){e(N());return}r.focus({preventScroll:!!j.preventScroll});k.mostRecentlyFocusedNode=r;if(s(r)){r.select()}};var B=function e(r){var n=E("setReturnFocus",r);return n?n:n===false?false:r};var C=function r(n){var u=n.target,a=n.event,o=n.isBackward,f=o===void 0?false:o;u=u||m(a);P();var c=null;if(k.tabbableGroups.length>0){var v=D(u,a);var s=v>=0?k.containerGroups[v]:undefined;if(v<0){if(f){c=k.tabbableGroups[k.tabbableGroups.length-1].lastTabbableNode}else{c=k.tabbableGroups[0].firstTabbableNode}}else if(f){var l=h(k.tabbableGroups,(function(e){var r=e.firstTabbableNode;return u===r}));if(l<0&&(s.container===u||e(u,j.tabbableOptions)&&!t(u,j.tabbableOptions)&&!s.nextTabbableNode(u,false))){l=v}if(l>=0){var b=l===0?k.tabbableGroups.length-1:l-1;var p=k.tabbableGroups[b];c=i(u)>=0?p.lastTabbableNode:p.lastDomTabbableNode}else if(!d(a)){c=s.nextTabbableNode(u,false)}}else{var w=h(k.tabbableGroups,(function(e){var r=e.lastTabbableNode;return u===r}));if(w<0&&(s.container===u||e(u,j.tabbableOptions)&&!t(u,j.tabbableOptions)&&!s.nextTabbableNode(u))){w=v}if(w>=0){var y=w===k.tabbableGroups.length-1?0:w+1;var F=k.tabbableGroups[y];c=i(u)>=0?F.firstTabbableNode:F.firstDomTabbableNode}else if(!d(a)){c=s.nextTabbableNode(u)}}}else{c=E("fallbackFocus")}return c};var R=function e(r){var n=m(r);if(D(n,r)>=0){return}if(y(j.clickOutsideDeactivates,r)){T.deactivate({returnFocus:j.returnFocusOnDeactivate});return}if(y(j.allowOutsideClick,r)){return}r.preventDefault()};var S=function e(r){var n=m(r);var t=D(n,r)>=0;if(t||n instanceof Document){if(t){k.mostRecentlyFocusedNode=n}}else{r.stopImmediatePropagation();var u;var a=true;if(k.mostRecentlyFocusedNode){if(i(k.mostRecentlyFocusedNode)>0){var o=D(k.mostRecentlyFocusedNode);var f=k.containerGroups[o].tabbableNodes;if(f.length>0){var c=f.findIndex((function(e){return e===k.mostRecentlyFocusedNode}));if(c>=0){if(j.isKeyForward(k.recentNavEvent)){if(c+1<f.length){u=f[c+1];a=false}}else{if(c-1>=0){u=f[c-1];a=false}}}}}else{if(!k.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return i(e)>0}))}))){a=false}}}else{a=false}if(a){u=C({target:k.mostRecentlyFocusedNode,isBackward:j.isKeyBackward(k.recentNavEvent)})}if(u){x(u)}else{x(k.mostRecentlyFocusedNode||N())}}k.recentNavEvent=undefined};var I=function e(r){var n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;k.recentNavEvent=r;var t=C({event:r,isBackward:n});if(t){if(d(r)){r.preventDefault()}x(t)}};var G=function e(r){if(l(r)&&y(j.escapeDeactivates,r)!==false){r.preventDefault();T.deactivate();return}if(j.isKeyForward(r)||j.isKeyBackward(r)){I(r,j.isKeyBackward(r))}};var K=function e(r){var n=m(r);if(D(n,r)>=0){return}if(y(j.clickOutsideDeactivates,r)){return}if(y(j.allowOutsideClick,r)){return}r.preventDefault();r.stopImmediatePropagation()};var M=function e(){if(!k.active){return}v.activateTrap(O,T);k.delayInitialFocusTimer=j.delayInitialFocus?w((function(){x(N())})):x(N());c.addEventListener("focusin",S,true);c.addEventListener("mousedown",R,{capture:true,passive:false});c.addEventListener("touchstart",R,{capture:true,passive:false});c.addEventListener("click",K,{capture:true,passive:false});c.addEventListener("keydown",G,{capture:true,passive:false});return T};var U=function e(){if(!k.active){return}c.removeEventListener("focusin",S,true);c.removeEventListener("mousedown",R,true);c.removeEventListener("touchstart",R,true);c.removeEventListener("click",K,true);c.removeEventListener("keydown",G,true);return T};var Y=function e(r){var n=r.some((function(e){var r=Array.from(e.removedNodes);return r.some((function(e){return e===k.mostRecentlyFocusedNode}))}));if(n){x(N())}};var L=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var q=function e(){if(!L){return}L.disconnect();if(k.active&&!k.paused){k.containers.map((function(e){L.observe(e,{subtree:true,childList:true})}))}};T={get active(){return k.active},get paused(){return k.paused},activate:function e(r){if(k.active){return this}var n=g(r,"onActivate");var t=g(r,"onPostActivate");var i=g(r,"checkCanFocusTrap");if(!i){P()}k.active=true;k.paused=false;k.nodeFocusedBeforeActivation=c.activeElement;n===null||n===void 0||n();var u=function e(){if(i){P()}M();q();t===null||t===void 0||t()};if(i){i(k.containers.concat()).then(u,u);return this}u();return this},deactivate:function e(r){if(!k.active){return this}var n=a({onDeactivate:j.onDeactivate,onPostDeactivate:j.onPostDeactivate,checkCanReturnFocus:j.checkCanReturnFocus},r);clearTimeout(k.delayInitialFocusTimer);k.delayInitialFocusTimer=undefined;U();k.active=false;k.paused=false;q();v.deactivateTrap(O,T);var t=g(n,"onDeactivate");var i=g(n,"onPostDeactivate");var u=g(n,"checkCanReturnFocus");var o=g(n,"returnFocus","returnFocusOnDeactivate");t===null||t===void 0||t();var f=function e(){w((function(){if(o){x(B(k.nodeFocusedBeforeActivation))}i===null||i===void 0||i()}))};if(o&&u){u(B(k.nodeFocusedBeforeActivation)).then(f,f);return this}f();return this},pause:function e(r){if(k.paused||!k.active){return this}var n=g(r,"onPause");var t=g(r,"onPostPause");k.paused=true;n===null||n===void 0||n();U();q();t===null||t===void 0||t();return this},unpause:function e(r){if(!k.paused||!k.active){return this}var n=g(r,"onUnpause");var t=g(r,"onPostUnpause");k.paused=false;n===null||n===void 0||n();P();M();q();t===null||t===void 0||t();return this},updateContainerElements:function e(r){var n=[].concat(r).filter(Boolean);k.containers=n.map((function(e){return typeof e==="string"?c.querySelector(e):e}));if(k.active){P()}q();return this}};T.updateContainerElements(o);return T};export{O as c};
+//# sourceMappingURL=p-808a98bc.js.map

package/dist/dso-toolkit/p-86e80f9c.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as i,F as e,a as o}from"./p-701648d3.js";import{d as h}from"./p-23b5692c.js";import{v as a}from"./p-14616bce.js";function n(s){if(typeof s!=="string"){throw new TypeError("Expected a string")}return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}const r=".sc-dso-autosuggest-h{display:block;position:relative}ul.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}.autosuggest-progress-box.sc-dso-autosuggest{padding:12px 8px}ul.sc-dso-autosuggest{padding:8px 0}ul.sc-dso-autosuggest li.sc-dso-autosuggest{padding:4px 16px}ul.sc-dso-autosuggest li.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .extra.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.extra.sc-dso-autosuggest{font-size:14px;line-height:21px}";const l=r;const u=class{constructor(i){s(this,i);this.dsoSelect=t(this,"dsoSelect",7);this.dsoChange=t(this,"dsoChange",7);this.dsoSearch=t(this,"dsoSearch",7);this.listboxId=a();this.inputId=a();this.labelId=a();this.debouncedEmitValue=h((s=>{this.dsoChange.emit(s);this.debouncedShowLoading()}),200);this.debouncedShowLoading=h((()=>{if(this.inputValue){this.showLoading=true}}),this.loadingDelayed);this.inputValue="";this.onInput=s=>{if(!(s.target instanceof HTMLInputElement)){return}this.showLoading=!this.loadingDelayed;this.inputValue=s.target.value;this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:"")};this.onFocusIn=()=>{if(this.suggestOnFocus){this.openSuggestions()}};this.onKeyDown=s=>{if(s.defaultPrevented||this.loading){return}switch(s.key){case"ArrowDown":if(!this.showSuggestions){this.openSuggestions("first")}else{this.selectNextSuggestion()}break;case"ArrowUp":if(!this.showSuggestions){this.openSuggestions("last")}else{this.selectPreviousSuggestion()}break;case"Tab":this.closeSuggestions();return;case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()};this.suggestions=null;this.loading=false;this.loadingLabel="Een moment geduld.";this.loadingDelayed=undefined;this.notFoundLabel=undefined;this.suggestOnFocus=false;this.showSuggestions=false;this.selectedSuggestion=undefined;this.notFound=false;this.showLoading=false}suggestionsWatcher(){this.resetSelectedSuggestion();if((!this.showSuggestions||!this.notFound)&&this.inputValue){this.openSuggestions()}else if((this.showSuggestions||this.notFound)&&!this.inputValue){this.closeSuggestions()}}onDocumentClick(s){if((this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target){this.closeSuggestions()}}connectedCallback(){setTimeout((()=>{const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement)){return}this.input=s;if(s.id){this.inputId=s.id}else{s.id=this.inputId}if(!this.input.labels||this.input.labels.length<1){return}const t=this.input.labels[0];if(t===null||t===void 0?void 0:t.id){this.labelId=t.id}else if(t){t.id=this.labelId}this.input.setAttribute("role","combobox");this.input.setAttribute("aria-haspopup","listbox");this.input.setAttribute("aria-controls",this.listboxId);this.input.setAttribute("aria-expanded","false");this.input.setAttribute("autocomplete","off");this.input.setAttribute("aria-autocomplete","list");this.input.setAttribute("aria-activedescendant","");this.input.addEventListener("input",this.onInput);this.input.addEventListener("keydown",this.onKeyDown);this.input.addEventListener("focusin",this.onFocusIn)}))}disconnectedCallback(){var s,t,i;(s=this.input)===null||s===void 0?void 0:s.removeEventListener("input",this.onInput);(t=this.input)===null||t===void 0?void 0:t.removeEventListener("keydown",this.onKeyDown);(i=this.input)===null||i===void 0?void 0:i.removeEventListener("focusin",this.onFocusIn)}markTerms(s,t){if(!s||!t||t.length===0||t[0]===undefined){return[""]}const e=new RegExp(`(${n(t[0])})`,"gi");return s.split(e).map((s=>{if(!s){return""}if(e.test(s)){return i("mark",null,s)}if(t.length===1){return i("span",null,s)}return this.markTerms(s,t.slice(1))}))}selectSuggestion(s){var t;this.selectedSuggestion=s;(t=this.input)===null||t===void 0?void 0:t.setAttribute("aria-activedescendant",this.listboxItemId(s))}selectFirstSuggestion(){var s;if(!this.suggestions){return}this.selectedSuggestion=this.suggestions[0];if(this.selectedSuggestion){(s=this.input)===null||s===void 0?void 0:s.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}}selectLastSuggestion(){var s;if(!this.suggestions){return}this.selectedSuggestion=this.suggestions[this.suggestions.length-1];if(this.selectedSuggestion){(s=this.input)===null||s===void 0?void 0:s.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}}selectNextSuggestion(){var s,t;if(!this.suggestions){return}const i=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=(s=this.suggestions[i+1])!==null&&s!==void 0?s:this.suggestions[0];if(this.selectedSuggestion){(t=this.input)===null||t===void 0?void 0:t.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}}selectPreviousSuggestion(){var s,t;if(!this.suggestions){return}const i=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=(s=this.suggestions[i-1])!==null&&s!==void 0?s:this.suggestions[this.suggestions.length-1];if(this.selectedSuggestion){(t=this.input)===null||t===void 0?void 0:t.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))}}resetSelectedSuggestion(){var s;this.showLoading=!this.loadingDelayed;this.notFound=false;this.selectedSuggestion=undefined;(s=this.input)===null||s===void 0?void 0:s.setAttribute("aria-activedescendant","")}openSuggestions(s){var t,i,e,o;this.showSuggestions=(t=this.suggestions&&this.suggestions.length>0)!==null&&t!==void 0?t:false;this.notFound=(e=((i=this.suggestions)===null||i===void 0?void 0:i.length)===0)!==null&&e!==void 0?e:false;(o=this.input)===null||o===void 0?void 0:o.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString());if(this.showSuggestions&&s==="first"){this.selectFirstSuggestion()}else if(this.showSuggestions&&s==="last"){this.selectLastSuggestion()}}closeSuggestions(){var s;this.showSuggestions=false;this.notFound=false;(s=this.input)===null||s===void 0?void 0:s.setAttribute("aria-expanded","false");this.selectFirstSuggestion()}pickSelectedValue(){var s;if(this.selectedSuggestion&&this.showSuggestions){this.dsoSelect.emit(this.selectedSuggestion)}else{this.dsoSearch.emit((s=this.input)===null||s===void 0?void 0:s.value)}this.closeSuggestions()}listboxItemId(s){if(!this.suggestions){return""}return`${this.inputId}-${this.suggestions.indexOf(s)+1}`}getChunkedExtras(s){return s.reduce(((s,t,i)=>{var e;const o=Math.floor(i/2);if(!s[o]){s[o]=[]}(e=s[o])===null||e===void 0?void 0:e.push(t);return s}),[])}render(){var s,t;const o=(t=(s=this.input)===null||s===void 0?void 0:s.value.split(" ").filter((s=>s)))!==null&&t!==void 0?t:[];return i(e,null,i("slot",{key:"09b8007a9093730c9198eb3298b7c653138c2647"}),this.loading&&this.showLoading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):i("ul",{role:"listbox","aria-live":"polite",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s,hidden:!this.showSuggestions&&!this.notFound},this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>i("li",{role:"option",id:this.listboxItemId(s),key:s.value,onMouseEnter:()=>this.selectSuggestion(s),onMouseLeave:()=>this.resetSelectedSuggestion(),onClick:()=>this.pickSelectedValue(),"aria-selected":(s===this.selectedSuggestion).toString(),"aria-label":s.value},i("div",{class:"suggestion-row"},i("span",{class:"value"},this.markTerms(s.value,o)),s.type?i("span",{class:"type"},this.markTerms(s.type,o)):undefined),s.extras&&this.getChunkedExtras(s.extras).map((s=>i("div",{class:"suggestion-row"},s.map((s=>i("span",{class:"extra"},this.markTerms(s,o))))))))))||this.notFound&&i("li",null,i("span",{class:"value"},!this.notFoundLabel?this.markTerms(`${this.inputValue} is niet gevonden.`,o):i("span",null,this.notFoundLabel)))))}get host(){return o(this)}static get watchers(){return{suggestions:["suggestionsWatcher"]}}};u.style=l;export{u as dso_autosuggest};
+//# sourceMappingURL=p-86e80f9c.entry.js.map

package/dist/dso-toolkit/p-86e80f9c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["escapeStringRegexp","string","TypeError","replace","autosuggestCss","DsoAutosuggestStyle0","Autosuggest","this","listboxId","v4","inputId","labelId","debouncedEmitValue","debounce","value","dsoChange","emit","debouncedShowLoading","inputValue","showLoading","loadingDelayed","onInput","event","target","HTMLInputElement","match","onFocusIn","suggestOnFocus","openSuggestions","onKeyDown","defaultPrevented","loading","key","showSuggestions","selectNextSuggestion","selectPreviousSuggestion","closeSuggestions","pickSelectedValue","preventDefault","suggestionsWatcher","resetSelectedSuggestion","notFound","onDocumentClick","listbox","Node","contains","input","connectedCallback","setTimeout","host","querySelector","id","labels","length","label","setAttribute","addEventListener","disconnectedCallback","_a","removeEventListener","_b","_c","markTerms","suggestionValue","terms","undefined","termRegex","RegExp","split","map","valuePart","test","h","slice","selectSuggestion","suggestion","selectedSuggestion","listboxItemId","selectFirstSuggestion","suggestions","selectLastSuggestion","index","indexOf","_d","toString","dsoSelect","dsoSearch","getChunkedExtras","extras","reduce","resultArray","extra","chunkIndex","Math","floor","push","render","filter","t","Fragment","class","loadingLabel","role","ref","element","hidden","onMouseEnter","onMouseLeave","onClick","type","chunk","c","notFoundLabel"],"sources":["../../node_modules/escape-string-regexp/index.js","src/components/autosuggest/autosuggest.scss?tag=dso-autosuggest&encapsulation=scoped","src/components/autosuggest/autosuggest.tsx"],"sourcesContent":["export default function escapeStringRegexp(string) {\n\tif (typeof string !== 'string') {\n\t\tthrow new TypeError('Expected a string');\n\t}\n\n\t// Escape characters with special meaning either inside or outside character sets.\n\t// Use a simple backslash escape when it’s always valid, and a `\\xnn` escape when the simpler form would be disallowed by Unicode patterns’ stricter grammar.\n\treturn string\n\t\t.replace(/[|\\\\{}()[\\]^$+*?.]/g, '\\\\$&')\n\t\t.replace(/-/g, '\\\\x2d');\n}\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"autosuggest.variables\" as core-autosuggest-variables;\r\n\r\n:host {\r\n  display: block;\r\n  position: relative;\r\n}\r\n\r\nul,\r\n.autosuggest-progress-box {\r\n  background-clip: padding-box;\r\n  background-color: core-autosuggest-variables.$background-color;\r\n  border: 1px solid core-autosuggest-variables.$border-color;\r\n  border-radius: scaffolding.$border-radius-base;\r\n  box-shadow: core-autosuggest-variables.$box-shadow;\r\n  list-style-type: none;\r\n  margin-top: 2px;\r\n  padding: units.$u1 * 0.5 0;\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 100%;\r\n  z-index: zindex.$autosuggest;\r\n}\r\n\r\n.autosuggest-progress-box {\r\n  padding: units.$u1 * 1.5 units.$u1;\r\n}\r\n\r\nul {\r\n  padding: units.$u1 0;\r\n\r\n  li {\r\n    padding: units.$u1 * 0.5 units.$u2;\r\n\r\n    .suggestion-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n    }\r\n  }\r\n}\r\n\r\nli[aria-selected=\"true\"] {\r\n  cursor: pointer;\r\n  background-color: colors.$grasgroen;\r\n\r\n  &,\r\n  .type,\r\n  .extra {\r\n    color: colors.$wit;\r\n  }\r\n}\r\n\r\nmark {\r\n  font-weight: 700;\r\n  background-color: inherit;\r\n  color: inherit;\r\n  padding: 0;\r\n}\r\n\r\n.type,\r\n.extra {\r\n  color: colors.$grijs-60;\r\n}\r\n\r\n.extra {\r\n  font-size: typography.$root-font-size-small;\r\n  line-height: typography.$root-font-size-small * typography.$line-height-base;\r\n}\r\n","import { Component, Element, h, Listen, Prop, State, Fragment, Event, EventEmitter, VNode, Watch } from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { v4 } from \"uuid\";\r\nimport escapeStringRegexp from \"escape-string-regexp\";\r\n\r\nimport { Suggestion } from \"./autosuggest.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-autosuggest\",\r\n  styleUrl: \"autosuggest.scss\",\r\n  scoped: true,\r\n})\r\nexport class Autosuggest {\r\n  /**\r\n   * The suggestions for the value of the slotted input element. Optionally a\r\n   * Suggestion can have a `type` and `item`.\r\n   *\r\n   * The `type` is used to style the suggestion. `item` can be use to reference\r\n   * the original object that was used to create the suggestion.\r\n   *\r\n   * The value should be null when no suggestions have been fetched.\r\n   */\r\n  @Prop()\r\n  readonly suggestions: Suggestion[] | null = null;\r\n\r\n  /**\r\n   * Shows progress indicator when fetching results.\r\n   */\r\n  @Prop()\r\n  loading = false;\r\n\r\n  /**\r\n   * To override progress indicator's default loading label.\r\n   */\r\n  @Prop()\r\n  loadingLabel?: string = \"Een moment geduld.\";\r\n\r\n  /**\r\n   * To delay progress indicator showing (in ms).\r\n   */\r\n  @Prop()\r\n  loadingDelayed?: number;\r\n\r\n  /**\r\n   * To show text when no results are found.\r\n   */\r\n  @Prop()\r\n  notFoundLabel?: string;\r\n\r\n  /**\r\n   * Whether the previous suggestions will be presented when the input gets focus again.\r\n   */\r\n  @Prop()\r\n  suggestOnFocus = false;\r\n\r\n  /**\r\n   * Emitted when a suggestion is selected.\r\n   * The `detail` property of the `CustomEvent` will contain the selected suggestion.\r\n   */\r\n  @Event()\r\n  dsoSelect!: EventEmitter<Suggestion>;\r\n\r\n  /**\r\n   * This is emitted debounced for every change for the slotted input type=text element.\r\n   */\r\n  @Event()\r\n  dsoChange!: EventEmitter<string>;\r\n\r\n  /**\r\n   * Emitted when enter is pressed.\r\n   * The `detail` property of the `CustomEvent` will contain the input text.\r\n   */\r\n  @Event()\r\n  dsoSearch!: EventEmitter<string>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoAutosuggestElement;\r\n\r\n  @State()\r\n  showSuggestions = false;\r\n\r\n  @State()\r\n  selectedSuggestion: Suggestion | undefined;\r\n\r\n  @State()\r\n  notFound = false;\r\n\r\n  @State()\r\n  showLoading = false;\r\n\r\n  @Watch(\"suggestions\")\r\n  suggestionsWatcher() {\r\n    this.resetSelectedSuggestion();\r\n\r\n    if ((!this.showSuggestions || !this.notFound) && this.inputValue) {\r\n      this.openSuggestions();\r\n    } else if ((this.showSuggestions || this.notFound) && !this.inputValue) {\r\n      this.closeSuggestions();\r\n    }\r\n  }\r\n\r\n  private input?: HTMLInputElement;\r\n\r\n  private listbox: HTMLUListElement | undefined;\r\n\r\n  private listboxId: string = v4();\r\n\r\n  private inputId: string = v4();\r\n\r\n  private labelId: string = v4();\r\n\r\n  private debouncedEmitValue = debounce((value: string) => {\r\n    this.dsoChange.emit(value);\r\n    this.debouncedShowLoading();\r\n  }, 200);\r\n\r\n  private debouncedShowLoading = debounce(() => {\r\n    if (this.inputValue) {\r\n      this.showLoading = true;\r\n    }\r\n  }, this.loadingDelayed);\r\n\r\n  private inputValue = \"\";\r\n\r\n  private onInput = (event: Event) => {\r\n    if (!(event.target instanceof HTMLInputElement)) {\r\n      return;\r\n      // throw new Error(\"event.target is not instanceof HTMLInputElement\"); #2293\r\n    }\r\n\r\n    this.showLoading = !this.loadingDelayed;\r\n    this.inputValue = event.target.value;\r\n    this.debouncedEmitValue(event.target.value.match(/(\\S+)/g) ? event.target.value : \"\");\r\n  };\r\n\r\n  private onFocusIn = () => {\r\n    if (this.suggestOnFocus) {\r\n      this.openSuggestions();\r\n    }\r\n  };\r\n\r\n  @Listen(\"click\", { target: \"document\" })\r\n  onDocumentClick(event: MouseEvent) {\r\n    if (\r\n      (this.showSuggestions || this.notFound) &&\r\n      this.listbox &&\r\n      event.target instanceof Node &&\r\n      !this.listbox.contains(event.target) &&\r\n      this.input !== event.target\r\n    ) {\r\n      this.closeSuggestions();\r\n    }\r\n  }\r\n\r\n  connectedCallback() {\r\n    setTimeout(() => {\r\n      const input = this.host.querySelector('input[type=\"text\"]');\r\n      if (!(input instanceof HTMLInputElement)) {\r\n        return;\r\n        // throw new ReferenceError(\"Mandatory text input not found\"); #2293\r\n      }\r\n\r\n      this.input = input;\r\n      if (input.id) {\r\n        this.inputId = input.id;\r\n      } else {\r\n        input.id = this.inputId;\r\n      }\r\n\r\n      if (!this.input.labels || this.input.labels.length < 1) {\r\n        return;\r\n        // throw new ReferenceError(\"Mandatory label for text input not found\"); #2293\r\n      }\r\n\r\n      const label = this.input.labels[0];\r\n      if (label?.id) {\r\n        this.labelId = label.id;\r\n      } else if (label) {\r\n        label.id = this.labelId;\r\n      }\r\n\r\n      this.input.setAttribute(\"role\", \"combobox\");\r\n      this.input.setAttribute(\"aria-haspopup\", \"listbox\");\r\n      this.input.setAttribute(\"aria-controls\", this.listboxId);\r\n      this.input.setAttribute(\"aria-expanded\", \"false\");\r\n      this.input.setAttribute(\"autocomplete\", \"off\");\r\n      this.input.setAttribute(\"aria-autocomplete\", \"list\");\r\n      this.input.setAttribute(\"aria-activedescendant\", \"\");\r\n      this.input.addEventListener(\"input\", this.onInput);\r\n      this.input.addEventListener(\"keydown\", this.onKeyDown);\r\n      this.input.addEventListener(\"focusin\", this.onFocusIn);\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.input?.removeEventListener(\"input\", this.onInput);\r\n    this.input?.removeEventListener(\"keydown\", this.onKeyDown);\r\n    this.input?.removeEventListener(\"focusin\", this.onFocusIn);\r\n  }\r\n\r\n  private markTerms(suggestionValue: string, terms: string[]): (VNode | string)[] {\r\n    if (!suggestionValue || !terms || terms.length === 0 || terms[0] === undefined) {\r\n      return [\"\"];\r\n    }\r\n\r\n    const termRegex = new RegExp(`(${escapeStringRegexp(terms[0])})`, \"gi\");\r\n\r\n    return suggestionValue.split(termRegex).map((valuePart: string) => {\r\n      if (!valuePart) {\r\n        return \"\";\r\n      }\r\n\r\n      if (termRegex.test(valuePart)) {\r\n        return <mark>{valuePart}</mark>;\r\n      }\r\n\r\n      if (terms.length === 1) {\r\n        return <span>{valuePart}</span>;\r\n      }\r\n\r\n      return this.markTerms(valuePart, terms.slice(1));\r\n    });\r\n  }\r\n\r\n  private selectSuggestion(suggestion: Suggestion) {\r\n    this.selectedSuggestion = suggestion;\r\n\r\n    this.input?.setAttribute(\"aria-activedescendant\", this.listboxItemId(suggestion));\r\n  }\r\n\r\n  private selectFirstSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    this.selectedSuggestion = this.suggestions[0];\r\n\r\n    if (this.selectedSuggestion) {\r\n      this.input?.setAttribute(\"aria-activedescendant\", this.listboxItemId(this.selectedSuggestion));\r\n    }\r\n  }\r\n\r\n  private selectLastSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    this.selectedSuggestion = this.suggestions[this.suggestions.length - 1];\r\n\r\n    if (this.selectedSuggestion) {\r\n      this.input?.setAttribute(\"aria-activedescendant\", this.listboxItemId(this.selectedSuggestion));\r\n    }\r\n  }\r\n\r\n  private selectNextSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    const index = this.selectedSuggestion ? this.suggestions.indexOf(this.selectedSuggestion) : -1;\r\n\r\n    this.selectedSuggestion = this.suggestions[index + 1] ?? this.suggestions[0];\r\n\r\n    if (this.selectedSuggestion) {\r\n      this.input?.setAttribute(\"aria-activedescendant\", this.listboxItemId(this.selectedSuggestion));\r\n    }\r\n  }\r\n\r\n  private selectPreviousSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    const index = this.selectedSuggestion ? this.suggestions.indexOf(this.selectedSuggestion) : 0;\r\n\r\n    this.selectedSuggestion = this.suggestions[index - 1] ?? this.suggestions[this.suggestions.length - 1];\r\n\r\n    if (this.selectedSuggestion) {\r\n      this.input?.setAttribute(\"aria-activedescendant\", this.listboxItemId(this.selectedSuggestion));\r\n    }\r\n  }\r\n\r\n  private resetSelectedSuggestion() {\r\n    this.showLoading = !this.loadingDelayed;\r\n    this.notFound = false;\r\n    this.selectedSuggestion = undefined;\r\n    this.input?.setAttribute(\"aria-activedescendant\", \"\");\r\n  }\r\n\r\n  private openSuggestions(selectSuggestion?: \"first\" | \"last\") {\r\n    this.showSuggestions = (this.suggestions && this.suggestions.length > 0) ?? false;\r\n    this.notFound = this.suggestions?.length === 0 ?? false;\r\n    this.input?.setAttribute(\"aria-expanded\", (this.showSuggestions || this.notFound).toString());\r\n\r\n    if (this.showSuggestions && selectSuggestion === \"first\") {\r\n      this.selectFirstSuggestion();\r\n    } else if (this.showSuggestions && selectSuggestion === \"last\") {\r\n      this.selectLastSuggestion();\r\n    }\r\n  }\r\n\r\n  private closeSuggestions() {\r\n    this.showSuggestions = false;\r\n    this.notFound = false;\r\n    this.input?.setAttribute(\"aria-expanded\", \"false\");\r\n    this.selectFirstSuggestion();\r\n  }\r\n\r\n  private pickSelectedValue() {\r\n    if (this.selectedSuggestion && this.showSuggestions) {\r\n      this.dsoSelect.emit(this.selectedSuggestion);\r\n    } else {\r\n      this.dsoSearch.emit(this.input?.value);\r\n    }\r\n\r\n    this.closeSuggestions();\r\n  }\r\n\r\n  private onKeyDown = (event: KeyboardEvent) => {\r\n    if (event.defaultPrevented || this.loading) {\r\n      return;\r\n    }\r\n\r\n    switch (event.key) {\r\n      case \"ArrowDown\":\r\n        if (!this.showSuggestions) {\r\n          this.openSuggestions(\"first\");\r\n        } else {\r\n          this.selectNextSuggestion();\r\n        }\r\n\r\n        break;\r\n\r\n      case \"ArrowUp\":\r\n        if (!this.showSuggestions) {\r\n          this.openSuggestions(\"last\");\r\n        } else {\r\n          this.selectPreviousSuggestion();\r\n        }\r\n\r\n        break;\r\n\r\n      case \"Tab\":\r\n        this.closeSuggestions();\r\n        return;\r\n\r\n      case \"Escape\":\r\n        this.closeSuggestions();\r\n        break;\r\n\r\n      case \"Enter\":\r\n        this.pickSelectedValue();\r\n        break;\r\n\r\n      default:\r\n        return;\r\n    }\r\n\r\n    event.preventDefault();\r\n  };\r\n\r\n  private listboxItemId(suggestion: Suggestion): string {\r\n    if (!this.suggestions) {\r\n      return \"\";\r\n    }\r\n    return `${this.inputId}-${this.suggestions.indexOf(suggestion) + 1}`;\r\n  }\r\n\r\n  private getChunkedExtras(extras: string[]): string[][] {\r\n    return extras.reduce((resultArray: string[][], extra, index) => {\r\n      const chunkIndex = Math.floor(index / 2);\r\n\r\n      if (!resultArray[chunkIndex]) {\r\n        resultArray[chunkIndex] = [];\r\n      }\r\n      resultArray[chunkIndex]?.push(extra);\r\n      return resultArray;\r\n    }, []);\r\n  }\r\n\r\n  render() {\r\n    const terms = this.input?.value.split(\" \").filter((t) => t) ?? [];\r\n\r\n    return (\r\n      <>\r\n        <slot />\r\n        {this.loading && this.showLoading ? (\r\n          <div class=\"autosuggest-progress-box\">\r\n            <dso-progress-indicator label={this.loadingLabel}></dso-progress-indicator>\r\n          </div>\r\n        ) : (\r\n          <ul\r\n            role=\"listbox\"\r\n            aria-live=\"polite\"\r\n            id={this.listboxId}\r\n            aria-labelledby={this.labelId}\r\n            ref={(element) => (this.listbox = element)}\r\n            hidden={!this.showSuggestions && !this.notFound}\r\n          >\r\n            {(this.showSuggestions &&\r\n              this.suggestions &&\r\n              this.suggestions.map((suggestion) => (\r\n                <li\r\n                  role=\"option\"\r\n                  id={this.listboxItemId(suggestion)}\r\n                  key={suggestion.value}\r\n                  onMouseEnter={() => this.selectSuggestion(suggestion)}\r\n                  onMouseLeave={() => this.resetSelectedSuggestion()}\r\n                  onClick={() => this.pickSelectedValue()}\r\n                  aria-selected={(suggestion === this.selectedSuggestion).toString()}\r\n                  aria-label={suggestion.value}\r\n                >\r\n                  <div class=\"suggestion-row\">\r\n                    <span class=\"value\">{this.markTerms(suggestion.value, terms)}</span>\r\n                    {suggestion.type ? <span class=\"type\">{this.markTerms(suggestion.type, terms)}</span> : undefined}\r\n                  </div>\r\n                  {suggestion.extras &&\r\n                    this.getChunkedExtras(suggestion.extras).map((chunk) => (\r\n                      <div class=\"suggestion-row\">\r\n                        {chunk.map((c) => (\r\n                          <span class=\"extra\">{this.markTerms(c, terms)}</span>\r\n                        ))}\r\n                      </div>\r\n                    ))}\r\n                </li>\r\n              ))) ||\r\n              (this.notFound && (\r\n                <li>\r\n                  <span class=\"value\">\r\n                    {!this.notFoundLabel ? (\r\n                      this.markTerms(`${this.inputValue} is niet gevonden.`, terms)\r\n                    ) : (\r\n                      <span>{this.notFoundLabel}</span>\r\n                    )}\r\n                  </span>\r\n                </li>\r\n              ))}\r\n          </ul>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-88b1db54.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as a}from"./p-701648d3.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 n=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:"24dc8038f3ee6abcc9f741d5eb47f9c2e0135efb",class:"dso-mark-bar"},a("div",{key:"abc17c6f14fea338d11ad733a755e5e6eeb1eb55",class:"dso-mark-bar-input"},a("input",{key:"59c4971ea6b4b07344caa6c76971b3360196d792",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),a("label",{key:"2fc4531e3bf8541f1366d201b7ec7bf8b917687d",htmlFor:"search-input"},a("dso-icon",{key:"a9d9683f5f8522a5f9c0ce9e59ca23b811add5c4",class:"dso-search-icon",icon:"search"}),a("span",{key:"8b31e9004a25da808e3f93ef2344602533780014",class:"label-text"},this.label)),a("button",{key:"43a739a7c5a1ee6f8f3334b61f5ef8c8638cfd49",type:"button",onClick:this.handleClear},a("dso-icon",{key:"99185e5c9156d6523cdbca83ffe8b2ba19c29e8b",icon:"times"}),a("span",{key:"3e4302d15330cf0c5b3fdd9bd6e4b1e7c31ca7de",class:"sr-only"},"Zoekopdracht legen"))),a("div",{key:"9b18e0ec50751d65912a37482a82fb1cfad4b78d",class:"dso-button-container"},a("span",{key:"ea1a85c0d4a720ffe735533bcdc5e56008b6c02a",class:"divider"}),a("button",{key:"1cd2151bd34b81941719217223cef8585f8b19f2",type:"button",onClick:this.handlePrevious,disabled:e<=1},a("dso-icon",{key:"2b13fb24497a4bc17919daa8212b1fefbc21d8ab",icon:"chevron-up",class:"hydrated"}),a("span",{key:"91a30e14a97470eaac9a926b8ab3a184e2fda3ad",class:"sr-only"},"Vorig zoekresultaat")),a("span",{key:"20f4c22c90979c2355a84149d22bc4dc87952036"},e,"/",o),a("button",{key:"7133c71bf1d4711765ff2d98dd1622908416835e",type:"button",onClick:this.handleNext,disabled:e>=o},a("dso-icon",{key:"ce73fa26896a6a713c3b33e7e92f7677b57bd21e",icon:"chevron-down",class:"hydrated"}),a("span",{key:"a5ecabff6c0256ef69afe697e4982f37e88d5e78",class:"sr-only"},"Volgend zoekresultaat"))))}};n.style=i;export{n as dso_mark_bar};
+//# sourceMappingURL=p-88b1db54.entry.js.map

package/dist/dso-toolkit/p-88b1db54.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["markBarCss","DsoMarkBarStyle0","MarkBar","this","handleInput","e","target","HTMLInputElement","dsoInput","emit","originalEvent","value","handleNext","dsoNext","handlePrevious","dsoPrevious","handleClear","dsoClear","handleKeyDown","key","dsoFocus","options","_a","inputElement","focus","select","_b","render","current","totalCount","h","class","type","id","onInput","onKeyDown","placeholder","ref","element","htmlFor","icon","label","onClick","disabled"],"sources":["src/components/mark-bar/mark-bar.scss?tag=dso-mark-bar&encapsulation=shadow","src/components/mark-bar/mark-bar.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n  background-color: colors.$wit;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n$height: units.$ru5;\r\n$focus-border-width: 1px;\r\n\r\n.dso-mark-bar {\r\n  display: flex;\r\n  flex-grow: 1;\r\n\r\n  .dso-mark-bar-input {\r\n    display: flex;\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    input {\r\n      background-color: transparent;\r\n      background-image: none;\r\n      border: 1px solid form-control.$focus-border-color;\r\n      border-radius: 4px;\r\n      border-width: 1px;\r\n      box-shadow: none;\r\n      display: block;\r\n      font-size: typography.$root-font-size-base;\r\n      height: $height;\r\n      line-height: $height;\r\n      padding-inline: $height;\r\n      padding-block: 6px;\r\n      transition:\r\n        border-color ease-in-out 0.15s,\r\n        box-shadow ease-in-out 0.15s;\r\n      width: 100%;\r\n      border-start-end-radius: 0;\r\n      border-end-end-radius: 0;\r\n      border-inline-end: 0;\r\n\r\n      &:focus {\r\n        border-color: form-control.$focus-border-color;\r\n        box-shadow: inset 0 0 0 form-control.$focus-border-width form-control.$focus-border-color;\r\n        outline: 0;\r\n      }\r\n\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n\r\n      &:not(:placeholder-shown) + label {\r\n        width: $height;\r\n        padding-inline-end: units.$u1;\r\n\r\n        .label-text {\r\n          @include utilities.sr-only();\r\n        }\r\n      }\r\n    }\r\n\r\n    label {\r\n      bottom: units.$u1;\r\n      height: $height;\r\n      left: 0;\r\n      right: units.$u5;\r\n      padding-block: units.$u1;\r\n      padding-inline-start: units.$u1;\r\n      cursor: text;\r\n      position: absolute;\r\n      top: 0;\r\n      overflow: hidden;\r\n      /* stylelint-disable declaration-property-value-disallowed-list -- The following properties are needed to emulate the browser native placeholder attribute behavior */\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n      /* stylelint-enable-next-line declaration-property-value-disallowed-list */\r\n\r\n      dso-icon {\r\n        color: colors.$grasgroen;\r\n        cursor: default;\r\n        margin: -8px;\r\n        padding: 8px;\r\n        width: $height;\r\n        height: $height;\r\n      }\r\n\r\n      .label-text {\r\n        margin-left: units.$u1;\r\n        color: colors.$grijs-60;\r\n      }\r\n    }\r\n\r\n    button {\r\n      background-color: transparent;\r\n      border: 0;\r\n      box-shadow: none;\r\n      color: colors.$grasgroen;\r\n      font-size: 0;\r\n      height: $height;\r\n      padding: units.$u1;\r\n      position: absolute;\r\n      right: 0;\r\n      text-align: center;\r\n      top: 0;\r\n      width: $height;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-button-container {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: units.$u1;\r\n  flex-shrink: 0;\r\n\r\n  padding-inline: units.$u1;\r\n\r\n  border: 1px solid colors.$bosgroen;\r\n  border-inline-start: 0;\r\n  border-start-end-radius: scaffolding.$border-radius-base;\r\n  border-end-end-radius: scaffolding.$border-radius-base;\r\n\r\n  button {\r\n    appearance: none;\r\n    padding: 0;\r\n    border: 0;\r\n    background-color: transparent;\r\n    color: colors.$grasgroen;\r\n\r\n    &:disabled {\r\n      color: colors.$grijs-20;\r\n    }\r\n  }\r\n\r\n  .divider {\r\n    position: absolute;\r\n    inset-inline-start: 0;\r\n    inset-block-start: units.$u1;\r\n    inset-block-end: units.$u1;\r\n\r\n    inline-size: 1px;\r\n\r\n    background-color: colors.$grijs-20;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Prop, Event, EventEmitter, Method } from \"@stencil/core\";\r\nimport {\r\n  MarkBarInputEvent,\r\n  MarkBarClearEvent,\r\n  MarkBarPaginationEvent,\r\n  MarkBarFocusOptions,\r\n} from \"./mark-bar.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-mark-bar\",\r\n  styleUrl: \"./mark-bar.scss\",\r\n  shadow: true,\r\n})\r\nexport class MarkBar implements ComponentInterface {\r\n  /**\r\n   * The current search value.\r\n   */\r\n  @Prop()\r\n  value?: string;\r\n\r\n  /**\r\n   * The label for the input field.\r\n   */\r\n  @Prop()\r\n  label = \"Zoeken in document\";\r\n\r\n  /**\r\n   * The current (one-based) highlighted search item.\r\n   */\r\n  @Prop()\r\n  current?: number;\r\n\r\n  /**\r\n   * Total number of search results.\r\n   */\r\n  @Prop()\r\n  totalCount?: number;\r\n\r\n  /**\r\n   * Focuses the input field.\r\n   */\r\n  @Method()\r\n  async dsoFocus(options: MarkBarFocusOptions = {}) {\r\n    this.inputElement?.focus();\r\n\r\n    if (options.select) {\r\n      this.inputElement?.select();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Emitted each time the user types in the search field.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoInput!: EventEmitter<MarkBarInputEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"next search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoNext!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"previous search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoPrevious!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"clear search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClear!: EventEmitter<MarkBarClearEvent>;\r\n\r\n  private inputElement?: HTMLInputElement;\r\n\r\n  private handleInput = (e: Event) => {\r\n    if (!(e.target instanceof HTMLInputElement)) {\r\n      return;\r\n    }\r\n\r\n    this.dsoInput.emit({\r\n      originalEvent: e,\r\n      value: e.target.value,\r\n    });\r\n  };\r\n\r\n  private handleNext = (e: MouseEvent | KeyboardEvent) => {\r\n    this.dsoNext.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handlePrevious = (e: MouseEvent) => {\r\n    this.dsoPrevious.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleClear = (e: MouseEvent) => {\r\n    this.dsoClear.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleNext(e);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const current = this.current || 0;\r\n    const totalCount = this.totalCount || 0;\r\n\r\n    return (\r\n      <div class=\"dso-mark-bar\">\r\n        <div class=\"dso-mark-bar-input\">\r\n          <input\r\n            type=\"text\"\r\n            id=\"search-input\"\r\n            value={this.value}\r\n            onInput={this.handleInput}\r\n            onKeyDown={this.handleKeyDown}\r\n            placeholder=\" \"\r\n            ref={(element) => (this.inputElement = element)}\r\n          />\r\n          <label htmlFor=\"search-input\">\r\n            <dso-icon class=\"dso-search-icon\" icon=\"search\"></dso-icon>\r\n            <span class=\"label-text\">{this.label}</span>\r\n          </label>\r\n          <button type=\"button\" onClick={this.handleClear}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Zoekopdracht legen</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"dso-button-container\">\r\n          <span class=\"divider\" />\r\n          <button type=\"button\" onClick={this.handlePrevious} disabled={current <= 1}>\r\n            <dso-icon icon=\"chevron-up\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Vorig zoekresultaat</span>\r\n          </button>\r\n          <span>\r\n            {current}/{totalCount}\r\n          </span>\r\n          <button type=\"button\" onClick={this.handleNext} disabled={current >= totalCount}>\r\n            <dso-icon icon=\"chevron-down\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Volgend zoekresultaat</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAa,q0EACnB,MAAAC,EAAeD,E,MCYFE,EAAO,M,yKA+DVC,KAAAC,YAAeC,IACrB,KAAMA,EAAEC,kBAAkBC,kBAAmB,CAC3C,M,CAGFJ,KAAKK,SAASC,KAAK,CACjBC,cAAeL,EACfM,MAAON,EAAEC,OAAOK,OAChB,EAGIR,KAAAS,WAAcP,IACpBF,KAAKU,QAAQJ,KAAK,CAAEC,cAAeL,GAAI,EAGjCF,KAAAW,eAAkBT,IACxBF,KAAKY,YAAYN,KAAK,CAAEC,cAAeL,GAAI,EAGrCF,KAAAa,YAAeX,IACrBF,KAAKc,SAASR,KAAK,CAAEC,cAAeL,GAAI,EAGlCF,KAAAe,cAAiBb,IACvB,GAAIA,EAAEc,MAAQ,QAAS,CACrBhB,KAAKS,WAAWP,E,mCA7EZ,qB,iDAkBR,cAAMe,CAASC,EAA+B,I,SAC5CC,EAAAnB,KAAKoB,gBAAY,MAAAD,SAAA,SAAAA,EAAEE,QAEnB,GAAIH,EAAQI,OAAQ,EAClBC,EAAAvB,KAAKoB,gBAAY,MAAAG,SAAA,SAAAA,EAAED,Q,EA2DvB,MAAAE,GACE,MAAMC,EAAUzB,KAAKyB,SAAW,EAChC,MAAMC,EAAa1B,KAAK0B,YAAc,EAEtC,OACEC,EAAA,OAAAX,IAAA,2CAAKY,MAAM,gBACTD,EAAA,OAAAX,IAAA,2CAAKY,MAAM,sBACTD,EAAA,SAAAX,IAAA,2CACEa,KAAK,OACLC,GAAG,eACHtB,MAAOR,KAAKQ,MACZuB,QAAS/B,KAAKC,YACd+B,UAAWhC,KAAKe,cAChBkB,YAAY,IACZC,IAAMC,GAAanC,KAAKoB,aAAee,IAEzCR,EAAA,SAAAX,IAAA,2CAAOoB,QAAQ,gBACbT,EAAA,YAAAX,IAAA,2CAAUY,MAAM,kBAAkBS,KAAK,WACvCV,EAAA,QAAAX,IAAA,2CAAMY,MAAM,cAAc5B,KAAKsC,QAEjCX,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASU,QAASvC,KAAKa,aAClCc,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,UACfV,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAGzBD,EAAA,OAAAX,IAAA,2CAAKY,MAAM,wBACTD,EAAA,QAAAX,IAAA,2CAAMY,MAAM,YACZD,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASU,QAASvC,KAAKW,eAAgB6B,SAAUf,GAAW,GACvEE,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,aAAaT,MAAM,aAClCD,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAEvBD,EAAA,QAAAX,IAAA,4CACGS,EAAO,IAAGC,GAEbC,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASU,QAASvC,KAAKS,WAAY+B,SAAUf,GAAWC,GACnEC,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,eAAeT,MAAM,aACpCD,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,2B"}

package/dist/dso-toolkit/p-8a1a6e56.js

@@ -0,0 +1,2 @@
+function r(e){var f,o,t="";if("string"==typeof e||"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var n=e.length;for(f=0;f<n;f++)e[f]&&(o=r(e[f]))&&(t&&(t+=" "),t+=o)}else for(o in e)e[o]&&(t&&(t+=" "),t+=o);return t}function e(){for(var e,f,o=0,t="",n=arguments.length;o<n;o++)(e=arguments[o])&&(f=r(e))&&(t&&(t+=" "),t+=f);return t}export{e as c};
+//# sourceMappingURL=p-8a1a6e56.js.map

package/dist/dso-toolkit/p-8a1a6e56.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["r","e","t","f","n","Array","isArray","o","length","clsx","arguments"],"sources":["../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"mappings":"AAAA,SAASA,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,CAAC,IAAIM,EAAEN,EAAEO,OAAO,IAAIN,EAAE,EAAEA,EAAEK,EAAEL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,EAAE,MAAM,IAAIA,KAAKF,EAAEA,EAAEE,KAAKC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAQ,SAASK,IAAO,IAAI,IAAIR,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGG,EAAEG,UAAUF,OAAOL,EAAEI,EAAEJ,KAAKF,EAAES,UAAUP,MAAMD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,Q"}

package/dist/dso-toolkit/p-906ae1e7.entry.js

@@ -0,0 +1,2 @@
+import{r,h as s}from"./p-701648d3.js";const a=":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 e=a;const o=class{constructor(s){r(this,s);this.progress=undefined;this.min=0;this.max=100}render(){const r=Math.round(this.progress);const a=`${r}%`;return s("div",{key:"934db66813ae6a3e46bea91a27dc0186d895a730",class:"progress"},s("span",{key:"04c069db44d12bfb25ffb8f4fb1ad694aa5f83d6",class:"progress-bar",role:"progressbar","aria-labelledby":"progress-bar-label","aria-valuenow":r,"aria-valuemin":this.min,"aria-valuemax":this.max},s("span",{key:"ea66a781d0c3c02c48623ea803c975ad2364f102",style:{width:`${a}`}})),s("span",{key:"7e30b61ee45fe03728838ab0bbbd0b37d7125710",id:"progress-bar-label"},s("slot",{key:"7a6a57446f74c97edb10635d49a318f0489a16db"})))}};o.style=e;export{o as dso_progress_bar};
+//# sourceMappingURL=p-906ae1e7.entry.js.map

package/dist/dso-toolkit/p-906ae1e7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressBarCss","DsoProgressBarStyle0","ProgressBar","render","progressNumber","Math","round","this","progress","progressPercentage","h","key","class","role","min","max","style","width","id"],"sources":["src/components/progress-bar/progress-bar.scss?tag=dso-progress-bar&encapsulation=shadow","src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/progress-bar\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n// Todo: Replace .sr-only selector with web component specific selector, no need for .sr-only if we can generate the SCSS\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.progress {\r\n  @include progress-bar.root();\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-progress-bar\",\r\n  styleUrl: \"progress-bar.scss\",\r\n  shadow: true,\r\n})\r\nexport class ProgressBar {\r\n  /**\r\n   * The current progress. Should be between `min` and `max`.\r\n   */\r\n  @Prop()\r\n  progress!: number;\r\n\r\n  /**\r\n   * From where progress is made.\r\n   */\r\n  @Prop()\r\n  min = 0;\r\n\r\n  /**\r\n   * When the operation completes.\r\n   */\r\n  @Prop()\r\n  max = 100;\r\n\r\n  render() {\r\n    const progressNumber = Math.round(this.progress);\r\n    const progressPercentage = `${progressNumber}%`;\r\n\r\n    return (\r\n      <div class=\"progress\">\r\n        <span\r\n          class=\"progress-bar\"\r\n          role=\"progressbar\"\r\n          aria-labelledby=\"progress-bar-label\"\r\n          aria-valuenow={progressNumber}\r\n          aria-valuemin={this.min}\r\n          aria-valuemax={this.max}\r\n        >\r\n          <span style={{ width: `${progressPercentage}` }}></span>\r\n        </span>\r\n        <span id=\"progress-bar-label\">\r\n          <slot></slot>\r\n        </span>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sCAAA,MAAMA,EAAiB,qcACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,0DAWhB,E,SAMA,G,CAEN,MAAAC,GACE,MAAMC,EAAiBC,KAAKC,MAAMC,KAAKC,UACvC,MAAMC,EAAqB,GAAGL,KAE9B,OACEM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YACTF,EAAA,QAAAC,IAAA,2CACEC,MAAM,eACNC,KAAK,cAAa,kBACF,qBAAoB,gBACrBT,EAAc,gBACdG,KAAKO,IAAG,gBACRP,KAAKQ,KAEpBL,EAAA,QAAAC,IAAA,2CAAMK,MAAO,CAAEC,MAAO,GAAGR,QAE3BC,EAAA,QAAAC,IAAA,2CAAMO,GAAG,sBACPR,EAAA,QAAAC,IAAA,8C"}

package/dist/dso-toolkit/p-9709ff83.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as e}from"./p-701648d3.js";import{c as o}from"./p-8a1a6e56.js";const t=":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding:16px 0;position:relative}.dso-banner.dso-compact{padding:12px 0}";const a=t;const r=class{constructor(e){s(this,e);this.status=undefined;this.compact=false;this.noIcon=true}render(){return e("section",{key:"a5cb823753eda49087b357498f5b92e3a042d46d",class:o("dso-banner",`alert-${this.status}`,{"dso-compact":this.compact}),role:"alert"},e("slot",{key:"9c76ee38f37a2f5d1c246d21bcfb40f801882de4"}))}};r.style=a;export{r as dso_banner};
+//# sourceMappingURL=p-9709ff83.entry.js.map

package/dist/dso-toolkit/p-9709ff83.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bannerCss","DsoBannerStyle0","Banner","render","h","key","class","clsx","this","status","compact","role"],"sources":["src/components/banner/banner.scss?tag=dso-banner&encapsulation=shadow","src/components/banner/banner.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/banner\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-banner {\r\n  @include banner.root();\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\n@Component({\r\n  tag: \"dso-banner\",\r\n  styleUrl: \"banner.scss\",\r\n  shadow: true,\r\n})\r\nexport class Banner {\r\n  /**\r\n   * The status of the banner.\r\n   */\r\n  @Prop({ reflect: true })\r\n  status!: \"danger\" | \"error\" | \"info\" | \"warning\";\r\n\r\n  /**\r\n   * compact mode.\r\n   */\r\n  @Prop()\r\n  compact = false;\r\n\r\n  /**\r\n   * *Only available when `compact` is set to `true`.\r\n   *\r\n   * Option to show banner icon.\r\n   */\r\n  @Prop()\r\n  noIcon = true;\r\n\r\n  render() {\r\n    return (\r\n      <section\r\n        class={clsx(\"dso-banner\", `alert-${this.status}`, {\r\n          \"dso-compact\": this.compact,\r\n        })}\r\n        role=\"alert\"\r\n      >\r\n        <slot></slot>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"+EAAA,MAAMA,EAAY,sJAClB,MAAAC,EAAeD,E,MCOFE,EAAM,M,4DAWP,M,YAQD,I,CAET,MAAAC,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAOC,EAAK,aAAc,SAASC,KAAKC,SAAU,CAChD,cAAeD,KAAKE,UAEtBC,KAAK,SAELP,EAAA,QAAAC,IAAA,6C"}

package/dist/dso-toolkit/{p-c19cfe3f.js → p-97f788d4.js}

@@ -1,2 +1,2 @@
 function $(){return Math.random().toString(16).slice(-4)}function n(n){return`${n}-${$()}${$()}-${$()}-${$()}-${$()}-${$()}${$()}${$()}`}export{n as c};
-//# sourceMappingURL=p-c19cfe3f.js.map
+//# sourceMappingURL=p-97f788d4.js.map

package/dist/dso-toolkit/p-9bf86dbf.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as o,h as e,F as d,a as i}from"./p-701648d3.js";import{c as t}from"./p-8a1a6e56.js";import{d as r}from"./p-23b5692c.js";import{i as n}from"./p-2d694112.js";const a=".sc-dso-header-h{display:block}.dso-header.sc-dso-header{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}@media screen and (min-width: 768px){.dso-header.sc-dso-header{align-items:center}}@media screen and (max-width: 991px){.dso-header.use-drop-down.sc-dso-header{flex-wrap:nowrap}}.dso-header.sc-dso-header .dso-nav.sc-dso-header{border:0}.logo-container.sc-dso-header{flex:1 1 12.5rem;margin-inline-end:24px;padding-bottom:16px;padding-top:16px}.dso-header-session.sc-dso-header{display:flex;align-items:center;margin-left:auto}.dso-header-session.sc-dso-header .profile.sc-dso-header .dso-tertiary.sc-dso-header,.dso-header-session.sc-dso-header .login.sc-dso-header .dso-tertiary.sc-dso-header,.dso-header-session.sc-dso-header .logout.sc-dso-header .dso-tertiary.sc-dso-header,.dso-header-session.sc-dso-header .help.sc-dso-header .dso-tertiary.sc-dso-header{cursor:pointer;font-family:Asap, sans-serif;font-weight:600;line-height:1.5}.dso-header-session.sc-dso-header .profile.sc-dso-header{margin-left:8px}.dso-header-session.sc-dso-header .profile.sc-dso-header+.logout.sc-dso-header,.dso-header-session.sc-dso-header .profile.sc-dso-header~.help.sc-dso-header{border-left:3px solid #ccc;margin-left:8px;padding-left:8px}.dso-header-session.sc-dso-header .help.sc-dso-header a.sc-dso-header,.dso-header-session.sc-dso-header .help.sc-dso-header button.sc-dso-header{display:flex}.dso-navbar.sc-dso-header{flex-basis:100%}.dso-navbar.sc-dso-header .dso-dropdown-options.sc-dso-header{border-top:1px solid #ccc}dso-dropdown-menu.sc-dso-header button.sc-dso-header{align-items:center;background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;padding-right:32px}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{border:0;border-radius:0}@media screen and (min-width: 768px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:375px}}@media screen and (max-width: 767px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:100%}}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header,dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header button.sc-dso-header{color:#275937;font-size:1.25rem;padding:16px;white-space:pre-wrap}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:focus,dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header button.sc-dso-header:focus{color:#fff}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:hover,dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header button.sc-dso-header:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.dso-active.sc-dso-header a.sc-dso-header{font-weight:600}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header+li.sc-dso-header{border-top:1px solid #ccc}.dropdown.sc-dso-header{margin-left:auto;display:flex;align-items:center}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{position:static}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{right:0;top:100%}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:50%;transform:translateY(-50%)}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header:hover,.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header>button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.sc-dso-header{align-items:end;column-gap:32px;display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dso-nav.sc-dso-header>li.sc-dso-header{margin-bottom:4px}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header{display:block}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:visited{color:#275937}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header{margin-bottom:0}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header>a.sc-dso-header{border-bottom:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main.sc-dso-header{display:flex !important}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header{text-decoration:none;font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;white-space:nowrap}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus-visible,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:active{text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{left:-1rem !important;top:3px !important}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;align-items:center;color:#275937;padding-right:32px}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:auto;transform:none}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header{margin-left:auto}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header dso-icon.sc-dso-header{height:1em;margin-right:8px;position:relative;top:-2px;width:1.2em}";const h=a;const c=992;const l=class{constructor(d){s(this,d);this.dsoHeaderClick=o(this,"dsoHeaderClick",7);this.onWindowResize=r((()=>{var s,o;(s=this.dropdownElement)===null||s===void 0?void 0:s.removeAttribute("open");(o=this.dropdownElement)===null||o===void 0?void 0:o.removeAttribute("tabindex");this.setDropDownMenu();this.setOverflowMenu();if(this.showDropDown){this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()}}),100);this.MenuItem=s=>e("li",{class:s.active?"dso-active":undefined},e("a",{href:s.url,"aria-current":s.active?"page":undefined,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:s})},s.label));this.mainMenu=[];this.useDropDownMenu="auto";this.authStatus="none";this.loginUrl=undefined;this.logoutUrl=undefined;this.showHelp=false;this.helpUrl=undefined;this.userProfileName=undefined;this.userProfileUrl=undefined;this.userHomeUrl=undefined;this.userHomeActive=undefined;this.showDropDown=undefined;this.overflowMenuItems=0;this.dropdownOptionsOffset=0}clickHandler(s,o,e){var d,i;this.dsoHeaderClick.emit({originalEvent:s,isModifiedEvent:n(s),type:o,menuItem:e===null||e===void 0?void 0:e.menuItem,url:(d=e===null||e===void 0?void 0:e.url)!==null&&d!==void 0?d:(i=e===null||e===void 0?void 0:e.menuItem)===null||i===void 0?void 0:i.url})}setShowDropDown(s){if(s==="auto"){this.setDropDownMenu();return}this.showDropDown=s==="always"}shrinkMenuToFit(){if(!this.wrapper||!this.nav){return}if(this.wrapper.clientWidth>=this.nav.clientWidth){return}if(this.mainMenu&&this.overflowMenuItems>=this.mainMenu.length){return}this.overflowMenuItems++}componentDidRender(){if(this.showDropDown){this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset();return}window.setTimeout((()=>this.shrinkMenuToFit()),0)}componentDidLoad(){this.setShowDropDown(this.useDropDownMenu);if(this.showDropDown){this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()}}setOverflowMenu(){if(this.showDropDown){return}if(this.overflowMenuItems!==0){this.overflowMenuItems=0;return}this.shrinkMenuToFit()}setDropDownMenu(){if(this.useDropDownMenu!=="auto"){return}this.showDropDown=window.innerWidth<c}calculateDropdownOptionsOffset(){var s;if(!this.dropdownElement){return 0}return this.host.clientHeight-(((s=this.dropdownElement)===null||s===void 0?void 0:s.getBoundingClientRect().bottom)-this.host.getBoundingClientRect().top)}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){if(this.showDropDown===undefined){return}return e(d,null,e("div",{class:t("dso-header",{["use-drop-down"]:this.showDropDown}),ref:s=>this.wrapper=s},e("div",{class:"logo-container"},e("slot",{name:"logo"})),this.showDropDown&&this.mainMenu&&(this.mainMenu.length>0||this.userHomeUrl||this.authStatus!=="none")&&e("div",{class:"dropdown"},e("dso-dropdown-menu",{"dropdown-align":"right",strategy:"absolute",dropdownOptionsOffset:this.dropdownOptionsOffset,ref:s=>this.dropdownElement=s},e("button",{type:"button",slot:"toggle"},e("span",null,"Menu")),e("div",{class:"dso-dropdown-options"},e("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&e("li",null,e("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&e("li",null,e("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName,e("span",{class:"profile-label"}," - Mijn profiel"))),this.authStatus==="loggedOut"&&e("li",null,this.loginUrl?e("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):e("button",{type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),this.authStatus==="loggedIn"&&e("li",null,this.logoutUrl?e("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):e("button",{type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen")),this.showHelp&&e("li",null,this.helpUrl?e("a",{href:this.helpUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"help",{url:this.helpUrl})},e("span",null,"Help"),e("dso-icon",{icon:"help"})):e("button",{type:"button",class:"dso-tertiary",onClick:s=>this.clickHandler(s,"help")},e("span",null,"Help"),e("dso-icon",{icon:"help"}))))))),!this.showDropDown&&e(d,null,e("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&this.authStatus==="loggedIn"&&e("div",{class:"profile"},e("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName)),this.authStatus==="loggedOut"&&e("div",{class:"login"},this.loginUrl?e("a",{href:this.loginUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):e("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),this.authStatus==="loggedIn"&&e("div",{class:"logout"},this.logoutUrl?e("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):e("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen")),this.showHelp&&e("div",{class:"help"},this.helpUrl?e("a",{href:this.helpUrl,class:"dso-tertiary",onClick:s=>this.clickHandler(s,"help",{url:this.helpUrl})},e("span",null,"Help"),e("dso-icon",{icon:"help"})):e("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"help")},e("span",null,"Help"),e("dso-icon",{icon:"help"})))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&e("nav",{class:"dso-navbar"},e("ul",{class:"dso-nav dso-nav-main",ref:s=>this.nav=s},this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&e("li",null,e("dso-dropdown-menu",{placement:"bottom"},e("button",{type:"button",slot:"toggle"},e("span",null,"Meer")),e("div",{class:"dso-dropdown-options"},e("ul",null,this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem))))),this.userHomeUrl&&e("li",{class:t("menu-user-home",{"dso-active":this.userHomeActive})},e("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":undefined,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},e("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return i(this)}static get watchers(){return{useDropDownMenu:["setShowDropDown"]}}};l.style=h;export{l as dso_header};
+//# sourceMappingURL=p-9bf86dbf.entry.js.map

package/dist/dso-toolkit/p-9bf86dbf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["headerCss","DsoHeaderStyle0","minDesktopViewportWidth","Header","this","onWindowResize","debounce","_a","dropdownElement","removeAttribute","_b","setDropDownMenu","setOverflowMenu","showDropDown","dropdownOptionsOffset","calculateDropdownOptionsOffset","MenuItem","item","h","class","active","undefined","href","url","onClick","e","clickHandler","menuItem","label","type","options","dsoHeaderClick","emit","originalEvent","isModifiedEvent","setShowDropDown","value","shrinkMenuToFit","wrapper","nav","clientWidth","mainMenu","overflowMenuItems","length","componentDidRender","window","setTimeout","componentDidLoad","useDropDownMenu","innerWidth","host","clientHeight","getBoundingClientRect","bottom","top","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","render","Fragment","clsx","ref","element","name","userHomeUrl","authStatus","strategy","slot","map","userProfileUrl","userProfileName","loginUrl","logoutUrl","showHelp","helpUrl","icon","filter","_","index","placement","userHomeActive"],"sources":["src/components/header/header.scss?tag=dso-header&encapsulation=scoped","src/components/header/header.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n\r\n@use \"header.variables\" as core-header-variables;\r\n\r\n@mixin nav-item-border($color) {\r\n  border-bottom: 4px solid $color;\r\n}\r\n\r\n@mixin nav-item-main {\r\n  font-size: 1.25em;\r\n  line-height: 1;\r\n  margin-top: units.$u1;\r\n  padding: units.$u2 0;\r\n}\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.dso-header {\r\n  border-bottom: 1px solid colors.$grijs-20;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n\r\n  @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {\r\n    align-items: center;\r\n  }\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-sm-max) {\r\n    &.use-drop-down {\r\n      flex-wrap: nowrap;\r\n    }\r\n  }\r\n\r\n  .dso-nav {\r\n    border: 0;\r\n  }\r\n}\r\n\r\n.logo-container {\r\n  flex: 1 1 12.5rem;\r\n  margin-inline-end: units.$u3;\r\n  padding-bottom: units.$u2;\r\n  padding-top: units.$u2;\r\n}\r\n\r\n.dso-header-session {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-left: auto;\r\n\r\n  .profile,\r\n  .login,\r\n  .logout,\r\n  .help {\r\n    .dso-tertiary {\r\n      cursor: pointer;\r\n      font-family: typography.$font-family-base;\r\n      font-weight: 600;\r\n      line-height: 1.5;\r\n    }\r\n  }\r\n\r\n  .profile {\r\n    margin-left: units.$u1;\r\n\r\n    + .logout,\r\n    ~ .help {\r\n      border-left: 3px solid colors.$grijs-20;\r\n      margin-left: units.$u1;\r\n      padding-left: units.$u1;\r\n    }\r\n  }\r\n\r\n  .help {\r\n    a,\r\n    button {\r\n      display: flex;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-navbar {\r\n  flex-basis: 100%;\r\n\r\n  .dso-dropdown-options {\r\n    border-top: 1px solid colors.$grijs-20;\r\n  }\r\n}\r\n\r\ndso-dropdown-menu {\r\n  button {\r\n    align-items: center;\r\n    background-color: transparent;\r\n    border: 0;\r\n    display: flex;\r\n    font-family: typography.$font-family-base;\r\n    padding-right: units.$u4;\r\n  }\r\n\r\n  .dso-dropdown-options {\r\n    border: 0;\r\n    border-radius: 0;\r\n\r\n    @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {\r\n      width: 375px;\r\n    }\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n      width: 100%;\r\n    }\r\n\r\n    ul li {\r\n      a,\r\n      button {\r\n        color: colors.$bosgroen;\r\n        font-size: 1.25rem;\r\n        padding: units.$u2;\r\n        white-space: pre-wrap;\r\n\r\n        &:focus {\r\n          color: colors.$wit;\r\n        }\r\n\r\n        &:hover {\r\n          background-color: colors.$wit;\r\n          color: colors.$bosgroen;\r\n          text-decoration: underline;\r\n        }\r\n      }\r\n\r\n      &.dso-active {\r\n        a {\r\n          font-weight: 600;\r\n        }\r\n      }\r\n\r\n      + li {\r\n        border-top: 1px solid colors.$grijs-20;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dropdown {\r\n  margin-left: auto;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  dso-dropdown-menu {\r\n    position: static;\r\n\r\n    .dso-dropdown-options {\r\n      right: 0;\r\n      top: 100%;\r\n    }\r\n\r\n    > button {\r\n      color: colors.$grasgroen;\r\n      font-size: typography.$font-size-base;\r\n      font-weight: 600;\r\n      line-height: normal;\r\n      position: relative;\r\n\r\n      &::after {\r\n        margin-left: units.$u1;\r\n        position: absolute;\r\n        right: 0px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n      }\r\n\r\n      &:hover,\r\n      &:active {\r\n        cursor: pointer;\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dso-nav {\r\n  align-items: end;\r\n  column-gap: units.$u4;\r\n  display: flex;\r\n  list-style: none;\r\n  margin-bottom: 0;\r\n  margin-top: 0;\r\n  padding-left: 0;\r\n\r\n  > li {\r\n    margin-bottom: 4px;\r\n\r\n    > a {\r\n      display: block;\r\n\r\n      &,\r\n      &:hover,\r\n      &:focus,\r\n      &:visited {\r\n        color: colors.$bosgroen;\r\n      }\r\n    }\r\n\r\n    &.dso-active,\r\n    &.is-active {\r\n      margin-bottom: 0;\r\n\r\n      > a {\r\n        @include nav-item-border(core-header-variables.$navigation-selected-color);\r\n\r\n        font-weight: bold;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dso-nav-main {\r\n    display: flex !important;\r\n\r\n    > li {\r\n      > a {\r\n        @include anchor.reverse();\r\n        @include nav-item-main();\r\n\r\n        // stylelint-disable-next-line declaration-property-value-disallowed-list -- no wrapping wanted because of icon\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    dso-dropdown-menu {\r\n      .dso-dropdown-options {\r\n        left: units.$ru2 * -1 !important;\r\n        top: 3px !important;\r\n      }\r\n\r\n      button {\r\n        @include nav-item-main();\r\n\r\n        align-items: center;\r\n        color: colors.$bosgroen;\r\n        padding-right: units.$u4;\r\n\r\n        &:hover,\r\n        &:active {\r\n          cursor: pointer;\r\n          text-decoration: underline;\r\n        }\r\n\r\n        &::after {\r\n          margin-left: units.$u1;\r\n          position: absolute;\r\n          right: 0px;\r\n          top: auto;\r\n          transform: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .menu-user-home {\r\n    margin-left: auto;\r\n\r\n    dso-icon {\r\n      height: 1em;\r\n      margin-right: units.$u1;\r\n      position: relative;\r\n      top: -2px;\r\n      width: 1.2em;\r\n    }\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Fragment, h, Prop, State, Watch } from \"@stencil/core\";\r\n\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { HeaderMenuItem, HeaderNavigationType, HeaderEvent } from \"./header.interfaces\";\r\n\r\nconst minDesktopViewportWidth = 992;\r\n\r\n@Component({\r\n  tag: \"dso-header\",\r\n  styleUrl: \"header.scss\",\r\n  scoped: true,\r\n})\r\nexport class Header {\r\n  private clickHandler(\r\n    e: MouseEvent,\r\n    type: HeaderNavigationType,\r\n    options?: { menuItem?: HeaderMenuItem; url?: string },\r\n  ) {\r\n    this.dsoHeaderClick.emit({\r\n      originalEvent: e,\r\n      isModifiedEvent: isModifiedEvent(e),\r\n      type,\r\n      menuItem: options?.menuItem,\r\n      url: options?.url ?? options?.menuItem?.url,\r\n    });\r\n  }\r\n\r\n  private dropdownElement?: HTMLElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoHeaderElement;\r\n\r\n  /**\r\n   * The main menu items.\r\n   */\r\n  @Prop()\r\n  mainMenu?: HeaderMenuItem[] = [];\r\n\r\n  /**\r\n   * Either have the dropdown menu appear automatically or always.\r\n   */\r\n  @Prop()\r\n  useDropDownMenu: \"always\" | \"auto\" = \"auto\";\r\n\r\n  /**\r\n   * Used to show the login/logout option. 'none' renders nothing.\r\n   */\r\n  @Prop()\r\n  authStatus: \"none\" | \"loggedIn\" | \"loggedOut\" = \"none\";\r\n\r\n  /**\r\n   * When the `authStatus` is `loggedOut` a loginUrl can be provided.\r\n   * The login button will then render as an anchor.\r\n   */\r\n  @Prop()\r\n  loginUrl?: string;\r\n\r\n  /**\r\n   * The URL to open when the user activates \"logout\".\r\n   * If no URL is specified, a button element is used instead.\r\n   */\r\n  @Prop()\r\n  logoutUrl?: string;\r\n\r\n  /**\r\n   * Show a help-button or link in the header\r\n   */\r\n  @Prop()\r\n  showHelp? = false;\r\n\r\n  /**\r\n   * The URL to open when the user activates \"help\".\r\n   * If no URL is specified, a button element is used instead.\r\n   */\r\n  @Prop()\r\n  helpUrl?: string;\r\n\r\n  /**\r\n   * The name to show when the user is logged in.\r\n   */\r\n  @Prop()\r\n  userProfileName?: string;\r\n\r\n  /**\r\n   * The URL to open when the user activates the profile url.\r\n   */\r\n  @Prop()\r\n  userProfileUrl?: string;\r\n\r\n  /**\r\n   * The URL to open when the user activates \"Mijn Omgevingsloket\".\r\n   */\r\n  @Prop()\r\n  userHomeUrl?: string;\r\n\r\n  /**\r\n   * Set this to true when the user is at \"Mijn Omgevingsloket\".\r\n   */\r\n  @Prop()\r\n  userHomeActive?: boolean;\r\n\r\n  @State()\r\n  showDropDown?: boolean;\r\n\r\n  @State()\r\n  overflowMenuItems = 0;\r\n\r\n  @State()\r\n  dropdownOptionsOffset = 0;\r\n\r\n  /**\r\n   * Emitted when something in the header is selected.\r\n   *\r\n   * `event.detail.type` indicates the functionality the user pressed. eg. `'login'` or `'menuItem'`\r\n   */\r\n  @Event()\r\n  dsoHeaderClick!: EventEmitter<HeaderEvent>;\r\n\r\n  @Watch(\"useDropDownMenu\")\r\n  setShowDropDown(value: \"always\" | \"auto\") {\r\n    if (value === \"auto\") {\r\n      this.setDropDownMenu();\r\n\r\n      return;\r\n    }\r\n\r\n    this.showDropDown = value === \"always\";\r\n  }\r\n\r\n  private wrapper: HTMLDivElement | undefined;\r\n\r\n  private nav: HTMLUListElement | undefined;\r\n\r\n  private shrinkMenuToFit() {\r\n    if (!this.wrapper || !this.nav) {\r\n      return;\r\n    }\r\n\r\n    if (this.wrapper.clientWidth >= this.nav.clientWidth) {\r\n      return;\r\n    }\r\n\r\n    if (this.mainMenu && this.overflowMenuItems >= this.mainMenu.length) {\r\n      return;\r\n    }\r\n\r\n    this.overflowMenuItems++;\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (this.showDropDown) {\r\n      this.dropdownOptionsOffset = this.calculateDropdownOptionsOffset();\r\n\r\n      return;\r\n    }\r\n\r\n    window.setTimeout(() => this.shrinkMenuToFit(), 0);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.setShowDropDown(this.useDropDownMenu);\r\n\r\n    if (this.showDropDown) {\r\n      this.dropdownOptionsOffset = this.calculateDropdownOptionsOffset();\r\n    }\r\n  }\r\n\r\n  private setOverflowMenu() {\r\n    if (this.showDropDown) {\r\n      return;\r\n    }\r\n\r\n    if (this.overflowMenuItems !== 0) {\r\n      this.overflowMenuItems = 0;\r\n      return;\r\n    }\r\n\r\n    this.shrinkMenuToFit();\r\n  }\r\n\r\n  private setDropDownMenu() {\r\n    if (this.useDropDownMenu !== \"auto\") {\r\n      return;\r\n    }\r\n\r\n    this.showDropDown = window.innerWidth < minDesktopViewportWidth;\r\n  }\r\n\r\n  private calculateDropdownOptionsOffset() {\r\n    if (!this.dropdownElement) {\r\n      return 0;\r\n    }\r\n\r\n    return (\r\n      this.host.clientHeight -\r\n      (this.dropdownElement?.getBoundingClientRect().bottom - this.host.getBoundingClientRect().top)\r\n    );\r\n  }\r\n\r\n  private onWindowResize = debounce(() => {\r\n    this.dropdownElement?.removeAttribute(\"open\");\r\n    this.dropdownElement?.removeAttribute(\"tabindex\");\r\n\r\n    this.setDropDownMenu();\r\n    this.setOverflowMenu();\r\n\r\n    if (this.showDropDown) {\r\n      this.dropdownOptionsOffset = this.calculateDropdownOptionsOffset();\r\n    }\r\n  }, 100);\r\n\r\n  connectedCallback() {\r\n    window.addEventListener(\"resize\", this.onWindowResize);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener(\"resize\", this.onWindowResize);\r\n  }\r\n\r\n  private MenuItem = (item: HeaderMenuItem) => {\r\n    return (\r\n      <li class={item.active ? \"dso-active\" : undefined}>\r\n        <a\r\n          href={item.url}\r\n          aria-current={item.active ? \"page\" : undefined}\r\n          onClick={(e) => this.clickHandler(e, \"menuItem\", { menuItem: item })}\r\n        >\r\n          {item.label}\r\n        </a>\r\n      </li>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    // Prevent 'flickering' when useDropDownMenu = 'always'\r\n    if (this.showDropDown === undefined) {\r\n      return;\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <div\r\n          class={clsx(\"dso-header\", {\r\n            [\"use-drop-down\"]: this.showDropDown,\r\n          })}\r\n          ref={(element) => (this.wrapper = element)}\r\n        >\r\n          <div class=\"logo-container\">\r\n            <slot name=\"logo\" />\r\n          </div>\r\n          {this.showDropDown &&\r\n            this.mainMenu &&\r\n            (this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== \"none\") && (\r\n              <div class=\"dropdown\">\r\n                <dso-dropdown-menu\r\n                  dropdown-align=\"right\"\r\n                  strategy=\"absolute\"\r\n                  dropdownOptionsOffset={this.dropdownOptionsOffset}\r\n                  ref={(element) => (this.dropdownElement = element)}\r\n                >\r\n                  <button type=\"button\" slot=\"toggle\">\r\n                    <span>Menu</span>\r\n                  </button>\r\n                  <div class=\"dso-dropdown-options\">\r\n                    <ul>\r\n                      {this.mainMenu.map(this.MenuItem)}\r\n                      {this.userHomeUrl && (\r\n                        <li>\r\n                          <a\r\n                            href={this.userHomeUrl}\r\n                            onClick={(e) => this.clickHandler(e, \"userHome\", { url: this.userHomeUrl })}\r\n                          >\r\n                            Mijn Omgevingsloket\r\n                          </a>\r\n                        </li>\r\n                      )}\r\n                      {this.userProfileUrl && this.userProfileName && this.authStatus === \"loggedIn\" && (\r\n                        <li>\r\n                          <a\r\n                            href={this.userProfileUrl}\r\n                            onClick={(e) => this.clickHandler(e, \"profile\", { url: this.userProfileUrl })}\r\n                          >\r\n                            {this.userProfileName}\r\n                            <span class=\"profile-label\"> - Mijn profiel</span>\r\n                          </a>\r\n                        </li>\r\n                      )}\r\n                      {this.authStatus === \"loggedOut\" && (\r\n                        <li>\r\n                          {this.loginUrl ? (\r\n                            <a\r\n                              href={this.loginUrl}\r\n                              onClick={(e) => this.clickHandler(e, \"login\", { url: this.loginUrl })}\r\n                            >\r\n                              Inloggen\r\n                            </a>\r\n                          ) : (\r\n                            <button type=\"button\" onClick={(e) => this.clickHandler(e, \"login\")}>\r\n                              Inloggen\r\n                            </button>\r\n                          )}\r\n                        </li>\r\n                      )}\r\n                      {this.authStatus === \"loggedIn\" && (\r\n                        <li>\r\n                          {this.logoutUrl ? (\r\n                            <a\r\n                              href={this.logoutUrl}\r\n                              onClick={(e) => this.clickHandler(e, \"logout\", { url: this.logoutUrl })}\r\n                            >\r\n                              Uitloggen\r\n                            </a>\r\n                          ) : (\r\n                            <button type=\"button\" onClick={(e) => this.clickHandler(e, \"logout\")}>\r\n                              Uitloggen\r\n                            </button>\r\n                          )}\r\n                        </li>\r\n                      )}\r\n                      {this.showHelp && (\r\n                        <li>\r\n                          {this.helpUrl ? (\r\n                            <a\r\n                              href={this.helpUrl}\r\n                              class=\"dso-tertiary\"\r\n                              onClick={(e) => this.clickHandler(e, \"help\", { url: this.helpUrl })}\r\n                            >\r\n                              <span>Help</span>\r\n                              <dso-icon icon=\"help\"></dso-icon>\r\n                            </a>\r\n                          ) : (\r\n                            <button type=\"button\" class=\"dso-tertiary\" onClick={(e) => this.clickHandler(e, \"help\")}>\r\n                              <span>Help</span>\r\n                              <dso-icon icon=\"help\"></dso-icon>\r\n                            </button>\r\n                          )}\r\n                        </li>\r\n                      )}\r\n                    </ul>\r\n                  </div>\r\n                </dso-dropdown-menu>\r\n              </div>\r\n            )}\r\n          {!this.showDropDown && (\r\n            <>\r\n              <div class=\"dso-header-session\">\r\n                {this.userProfileUrl && this.userProfileName && this.authStatus === \"loggedIn\" && (\r\n                  <div class=\"profile\">\r\n                    <a\r\n                      href={this.userProfileUrl}\r\n                      class=\"dso-tertiary\"\r\n                      onClick={(e) => this.clickHandler(e, \"profile\", { url: this.userProfileUrl })}\r\n                    >\r\n                      {this.userProfileName}\r\n                    </a>\r\n                  </div>\r\n                )}\r\n                {this.authStatus === \"loggedOut\" && (\r\n                  <div class=\"login\">\r\n                    {this.loginUrl ? (\r\n                      <a\r\n                        href={this.loginUrl}\r\n                        class=\"dso-tertiary\"\r\n                        onClick={(e) => this.clickHandler(e, \"login\", { url: this.loginUrl })}\r\n                      >\r\n                        Inloggen\r\n                      </a>\r\n                    ) : (\r\n                      <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"login\")}>\r\n                        Inloggen\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {this.authStatus === \"loggedIn\" && (\r\n                  <div class=\"logout\">\r\n                    {this.logoutUrl ? (\r\n                      <a\r\n                        href={this.logoutUrl}\r\n                        class=\"dso-tertiary\"\r\n                        onClick={(e) => this.clickHandler(e, \"logout\", { url: this.logoutUrl })}\r\n                      >\r\n                        Uitloggen\r\n                      </a>\r\n                    ) : (\r\n                      <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"logout\")}>\r\n                        Uitloggen\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {this.showHelp && (\r\n                  <div class=\"help\">\r\n                    {this.helpUrl ? (\r\n                      <a\r\n                        href={this.helpUrl}\r\n                        class=\"dso-tertiary\"\r\n                        onClick={(e) => this.clickHandler(e, \"help\", { url: this.helpUrl })}\r\n                      >\r\n                        <span>Help</span>\r\n                        <dso-icon icon=\"help\"></dso-icon>\r\n                      </a>\r\n                    ) : (\r\n                      <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"help\")}>\r\n                        <span>Help</span>\r\n                        <dso-icon icon=\"help\"></dso-icon>\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n              {((this.mainMenu && this.mainMenu.length > 0) || this.userHomeUrl) && (\r\n                <nav class=\"dso-navbar\">\r\n                  <ul class=\"dso-nav dso-nav-main\" ref={(element) => (this.nav = element)}>\r\n                    {this.mainMenu &&\r\n                      this.mainMenu\r\n                        .filter((_, index) => this.mainMenu && index < this.mainMenu.length - this.overflowMenuItems)\r\n                        .map(this.MenuItem)}\r\n                    {this.overflowMenuItems > 0 && (\r\n                      <li>\r\n                        <dso-dropdown-menu placement=\"bottom\">\r\n                          <button type=\"button\" slot=\"toggle\">\r\n                            <span>Meer</span>\r\n                          </button>\r\n                          <div class=\"dso-dropdown-options\">\r\n                            <ul>\r\n                              {this.mainMenu &&\r\n                                this.mainMenu\r\n                                  .filter(\r\n                                    (_, index) =>\r\n                                      this.mainMenu && index >= this.mainMenu.length - this.overflowMenuItems,\r\n                                  )\r\n                                  .map(this.MenuItem)}\r\n                            </ul>\r\n                          </div>\r\n                        </dso-dropdown-menu>\r\n                      </li>\r\n                    )}\r\n                    {this.userHomeUrl && (\r\n                      <li class={clsx(\"menu-user-home\", { \"dso-active\": this.userHomeActive })}>\r\n                        <a\r\n                          href={this.userHomeUrl}\r\n                          aria-current={this.userHomeActive ? \"page\" : undefined}\r\n                          onClick={(e) => this.clickHandler(e, \"userHome\", { url: this.userHomeUrl })}\r\n                        >\r\n                          <dso-icon icon=\"user-line\"></dso-icon>\r\n                          Mijn Omgevingsloket\r\n                        </a>\r\n                      </li>\r\n                    )}\r\n                  </ul>\r\n                </nav>\r\n              )}\r\n            </>\r\n          )}\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}