@dso-toolkit/core 58.3.0 → 59.0.0

package/dist/dso-toolkit/p-2401e7f9.entry.js

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

package/dist/dso-toolkit/p-2401e7f9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["INFINITY","MAX_SAFE_INTEGER","MAX_INTEGER","NAN","argsTag","funcTag","genTag","mapTag","objectTag","promiseTag","setTag","stringTag","symbolTag","weakMapTag","dataViewTag","reRegExpChar","reTrim","reIsBadHex","reIsBinary","reIsHostCtor","reIsOctal","reIsUint","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsVarRange","rsAstral","rsCombo","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsZWJ","reOptMod","rsOptVar","rsOptJoin","join","rsSeq","rsSymbol","reUnicode","RegExp","reHasUnicode","freeParseInt","parseInt","freeGlobal","global","Object","freeSelf","self","root","Function","arrayMap","array","iteratee","index","length","result","Array","asciiToArray","string","split","baseTimes","n","baseValues","object","props","key","getValue","undefined","hasUnicode","test","isHostObject","value","toString","e","iteratorToArray","iterator","data","next","done","push","mapToArray","map","size","forEach","overArg","func","transform","arg","setToArray","set","stringToArray","unicodeToArray","match","funcProto","prototype","objectProto","coreJsData","maskSrcKey","uid","exec","keys","IE_PROTO","funcToString","hasOwnProperty","objectToString","reIsNative","call","replace","Symbol","iteratorSymbol","propertyIsEnumerable","nativeFloor","Math","floor","nativeKeys","nativeRandom","random","DataView","getNative","Map","Promise","Set","WeakMap","dataViewCtorString","toSource","mapCtorString","promiseCtorString","setCtorString","weakMapCtorString","arrayLikeKeys","inherited","isArray","isArguments","String","skipIndexes","isIndex","baseClamp","number","lower","upper","baseGetTag","baseIsNative","isObject","isMasked","pattern","isFunction","baseKeys","isPrototype","baseRandom","copyArray","source","getTag","ArrayBuffer","resolve","Ctor","constructor","ctorString","isIterateeCall","type","isArrayLike","eq","proto","sampleSize","collection","guard","toArray","lastIndex","toInteger","rand","other","isArrayLikeObject","isLength","isObjectLike","tag","isString","isSymbol","values","toFinite","toNumber","sign","remainder","valueOf","isBinary","slice","lodash_samplesize","freeParseFloat","parseFloat","nativeMin","min","floating","temp","lodash_random","documentComponentDemoCss","DocumentComponentDemo","this","DocumentComponent","path","documentComponent","at","h","_a","getEmbeddedDocumentComponents","d","i","documentTechnischId","annotated","bevatOntwerpInformatie","filtered","isOpen","isFiltered","hasFilteredChildren","genesteOntwerpInformatie","hasNestedDraft","gereserveerd","heading","inhoud","label","labelXml","openAnnotation","isOpenedAnnotation","notApplicable","isNotApplicable","some","p","nummer","nummerXml","onDsoAnnotationToggle","handleAnnotationToggle","onDsoOpenToggle","handleOpenToggle","onDsoOzonContentAnchorClick","handleOzonContentAnchorClick","open","opschrift","vervallen","wijzigactie","slot","identifier","onDsoClose","checked","isCheckedSlideToggle","onDsoActiveChange","handleSelectableChange","showContent","jsonFileWatcher","openOrClosed","loadData","openDefaultWatcher","componentDidLoad","_b","_embedded","ontwerpTekststructuurDocumentComponenten","_c","tekststructuurDocumentComponenten","concatEmbeddedDocumentComponents","embeddedDocuments","selectRandomDocumentComponents","exclude","documentComponents","filter","includes","jsonFile","response","fetch","then","r","json","lichaam","find","_e","isOpenOrClosed","openedAnnotation","activeAnnotationSelectables","dsotOzonContentAnchorClick","emit","detail","openDefault","render","class"],"sources":["../../node_modules/lodash.samplesize/index.js","../../node_modules/lodash.random/index.js","src/components/document-component-demo/document-component.demo.scss?tag=dsot-document-component-demo&encapsulation=scoped","src/components/document-component-demo/document-component.demo.tsx"],"sourcesContent":["/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_SAFE_INTEGER = 9007199254740991,\n    MAX_INTEGER = 1.7976931348623157e+308,\n    NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]',\n    funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    mapTag = '[object Map]',\n    objectTag = '[object Object]',\n    promiseTag = '[object Promise]',\n    setTag = '[object Set]',\n    stringTag = '[object String]',\n    symbolTag = '[object Symbol]',\n    weakMapTag = '[object WeakMap]';\n\nvar dataViewTag = '[object DataView]';\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n    rsComboMarksRange = '\\\\u0300-\\\\u036f\\\\ufe20-\\\\ufe23',\n    rsComboSymbolsRange = '\\\\u20d0-\\\\u20f0',\n    rsVarRange = '\\\\ufe0e\\\\ufe0f';\n\n/** Used to compose unicode capture groups. */\nvar rsAstral = '[' + rsAstralRange + ']',\n    rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',\n    rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n    rsNonAstral = '[^' + rsAstralRange + ']',\n    rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n    rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n    rsZWJ = '\\\\u200d';\n\n/** Used to compose unicode regexes. */\nvar reOptMod = rsModifier + '?',\n    rsOptVar = '[' + rsVarRange + ']?',\n    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n    rsSeq = rsOptVar + reOptMod + rsOptJoin,\n    rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';\n\n/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\nvar reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');\n\n/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\nvar reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange  + rsComboMarksRange + rsComboSymbolsRange + rsVarRange + ']');\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\nfunction arrayMap(array, iteratee) {\n  var index = -1,\n      length = array ? array.length : 0,\n      result = Array(length);\n\n  while (++index < length) {\n    result[index] = iteratee(array[index], index, array);\n  }\n  return result;\n}\n\n/**\n * Converts an ASCII `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction asciiToArray(string) {\n  return string.split('');\n}\n\n/**\n * The base implementation of `_.times` without support for iteratee shorthands\n * or max array length checks.\n *\n * @private\n * @param {number} n The number of times to invoke `iteratee`.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the array of results.\n */\nfunction baseTimes(n, iteratee) {\n  var index = -1,\n      result = Array(n);\n\n  while (++index < n) {\n    result[index] = iteratee(index);\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.values` and `_.valuesIn` which creates an\n * array of `object` property values corresponding to the property names\n * of `props`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} props The property names to get values for.\n * @returns {Object} Returns the array of property values.\n */\nfunction baseValues(object, props) {\n  return arrayMap(props, function(key) {\n    return object[key];\n  });\n}\n\n/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\n/**\n * Checks if `string` contains Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n */\nfunction hasUnicode(string) {\n  return reHasUnicode.test(string);\n}\n\n/**\n * Checks if `value` is a host object in IE < 9.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a host object, else `false`.\n */\nfunction isHostObject(value) {\n  // Many host objects are `Object` objects that can coerce to strings\n  // despite having improperly defined `toString` methods.\n  var result = false;\n  if (value != null && typeof value.toString != 'function') {\n    try {\n      result = !!(value + '');\n    } catch (e) {}\n  }\n  return result;\n}\n\n/**\n * Converts `iterator` to an array.\n *\n * @private\n * @param {Object} iterator The iterator to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction iteratorToArray(iterator) {\n  var data,\n      result = [];\n\n  while (!(data = iterator.next()).done) {\n    result.push(data.value);\n  }\n  return result;\n}\n\n/**\n * Converts `map` to its key-value pairs.\n *\n * @private\n * @param {Object} map The map to convert.\n * @returns {Array} Returns the key-value pairs.\n */\nfunction mapToArray(map) {\n  var index = -1,\n      result = Array(map.size);\n\n  map.forEach(function(value, key) {\n    result[++index] = [key, value];\n  });\n  return result;\n}\n\n/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n  return function(arg) {\n    return func(transform(arg));\n  };\n}\n\n/**\n * Converts `set` to an array of its values.\n *\n * @private\n * @param {Object} set The set to convert.\n * @returns {Array} Returns the values.\n */\nfunction setToArray(set) {\n  var index = -1,\n      result = Array(set.size);\n\n  set.forEach(function(value) {\n    result[++index] = value;\n  });\n  return result;\n}\n\n/**\n * Converts `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction stringToArray(string) {\n  return hasUnicode(string)\n    ? unicodeToArray(string)\n    : asciiToArray(string);\n}\n\n/**\n * Converts a Unicode `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction unicodeToArray(string) {\n  return string.match(reUnicode) || [];\n}\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n    objectProto = Object.prototype;\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n  .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/** Built-in value references. */\nvar Symbol = root.Symbol,\n    iteratorSymbol = Symbol ? Symbol.iterator : undefined,\n    propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeFloor = Math.floor,\n    nativeKeys = overArg(Object.keys, Object),\n    nativeRandom = Math.random;\n\n/* Built-in method references that are verified to be native. */\nvar DataView = getNative(root, 'DataView'),\n    Map = getNative(root, 'Map'),\n    Promise = getNative(root, 'Promise'),\n    Set = getNative(root, 'Set'),\n    WeakMap = getNative(root, 'WeakMap');\n\n/** Used to detect maps, sets, and weakmaps. */\nvar dataViewCtorString = toSource(DataView),\n    mapCtorString = toSource(Map),\n    promiseCtorString = toSource(Promise),\n    setCtorString = toSource(Set),\n    weakMapCtorString = toSource(WeakMap);\n\n/**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\nfunction arrayLikeKeys(value, inherited) {\n  // Safari 8.1 makes `arguments.callee` enumerable in strict mode.\n  // Safari 9 makes `arguments.length` enumerable in strict mode.\n  var result = (isArray(value) || isArguments(value))\n    ? baseTimes(value.length, String)\n    : [];\n\n  var length = result.length,\n      skipIndexes = !!length;\n\n  for (var key in value) {\n    if ((inherited || hasOwnProperty.call(value, key)) &&\n        !(skipIndexes && (key == 'length' || isIndex(key, length)))) {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.clamp` which doesn't coerce arguments.\n *\n * @private\n * @param {number} number The number to clamp.\n * @param {number} [lower] The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the clamped number.\n */\nfunction baseClamp(number, lower, upper) {\n  if (number === number) {\n    if (upper !== undefined) {\n      number = number <= upper ? number : upper;\n    }\n    if (lower !== undefined) {\n      number = number >= lower ? number : lower;\n    }\n  }\n  return number;\n}\n\n/**\n * The base implementation of `getTag`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  return objectToString.call(value);\n}\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n *  else `false`.\n */\nfunction baseIsNative(value) {\n  if (!isObject(value) || isMasked(value)) {\n    return false;\n  }\n  var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor;\n  return pattern.test(toSource(value));\n}\n\n/**\n * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction baseKeys(object) {\n  if (!isPrototype(object)) {\n    return nativeKeys(object);\n  }\n  var result = [];\n  for (var key in Object(object)) {\n    if (hasOwnProperty.call(object, key) && key != 'constructor') {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\nfunction baseRandom(lower, upper) {\n  return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n}\n\n/**\n * Copies the values of `source` to `array`.\n *\n * @private\n * @param {Array} source The array to copy values from.\n * @param {Array} [array=[]] The array to copy values to.\n * @returns {Array} Returns `array`.\n */\nfunction copyArray(source, array) {\n  var index = -1,\n      length = source.length;\n\n  array || (array = Array(length));\n  while (++index < length) {\n    array[index] = source[index];\n  }\n  return array;\n}\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\n/**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nvar getTag = baseGetTag;\n\n// Fallback for data views, maps, sets, and weak maps in IE 11,\n// for data views in Edge < 14, and promises in Node.js.\nif ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n    (Map && getTag(new Map) != mapTag) ||\n    (Promise && getTag(Promise.resolve()) != promiseTag) ||\n    (Set && getTag(new Set) != setTag) ||\n    (WeakMap && getTag(new WeakMap) != weakMapTag)) {\n  getTag = function(value) {\n    var result = objectToString.call(value),\n        Ctor = result == objectTag ? value.constructor : undefined,\n        ctorString = Ctor ? toSource(Ctor) : undefined;\n\n    if (ctorString) {\n      switch (ctorString) {\n        case dataViewCtorString: return dataViewTag;\n        case mapCtorString: return mapTag;\n        case promiseCtorString: return promiseTag;\n        case setCtorString: return setTag;\n        case weakMapCtorString: return weakMapTag;\n      }\n    }\n    return result;\n  };\n}\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  length = length == null ? MAX_SAFE_INTEGER : length;\n  return !!length &&\n    (typeof value == 'number' || reIsUint.test(value)) &&\n    (value > -1 && value % 1 == 0 && value < length);\n}\n\n/**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n *  else `false`.\n */\nfunction isIterateeCall(value, index, object) {\n  if (!isObject(object)) {\n    return false;\n  }\n  var type = typeof index;\n  if (type == 'number'\n        ? (isArrayLike(object) && isIndex(index, object.length))\n        : (type == 'string' && index in object)\n      ) {\n    return eq(object[index], value);\n  }\n  return false;\n}\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\n/**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\nfunction isPrototype(value) {\n  var Ctor = value && value.constructor,\n      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n  return value === proto;\n}\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to process.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n  if (func != null) {\n    try {\n      return funcToString.call(func);\n    } catch (e) {}\n    try {\n      return (func + '');\n    } catch (e) {}\n  }\n  return '';\n}\n\n/**\n * Gets `n` random elements at unique keys from `collection` up to the\n * size of `collection`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to sample.\n * @param {number} [n=1] The number of elements to sample.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the random elements.\n * @example\n *\n * _.sampleSize([1, 2, 3], 2);\n * // => [3, 1]\n *\n * _.sampleSize([1, 2, 3], 4);\n * // => [2, 3, 1]\n */\nfunction sampleSize(collection, n, guard) {\n  var index = -1,\n      result = toArray(collection),\n      length = result.length,\n      lastIndex = length - 1;\n\n  if ((guard ? isIterateeCall(collection, n, guard) : n === undefined)) {\n    n = 1;\n  } else {\n    n = baseClamp(toInteger(n), 0, length);\n  }\n  while (++index < n) {\n    var rand = baseRandom(index, lastIndex),\n        value = result[rand];\n\n    result[rand] = result[index];\n    result[index] = value;\n  }\n  result.length = n;\n  return result;\n}\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n *  else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\nfunction isArguments(value) {\n  // Safari 8.1 makes `arguments.callee` enumerable in strict mode.\n  return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') &&\n    (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag);\n}\n\n/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n *  else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n  return isObjectLike(value) && isArrayLike(value);\n}\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `String` primitive or object.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n * @example\n *\n * _.isString('abc');\n * // => true\n *\n * _.isString(1);\n * // => false\n */\nfunction isString(value) {\n  return typeof value == 'string' ||\n    (!isArray(value) && isObjectLike(value) && objectToString.call(value) == stringTag);\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to an array.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Array} Returns the converted array.\n * @example\n *\n * _.toArray({ 'a': 1, 'b': 2 });\n * // => [1, 2]\n *\n * _.toArray('abc');\n * // => ['a', 'b', 'c']\n *\n * _.toArray(1);\n * // => []\n *\n * _.toArray(null);\n * // => []\n */\nfunction toArray(value) {\n  if (!value) {\n    return [];\n  }\n  if (isArrayLike(value)) {\n    return isString(value) ? stringToArray(value) : copyArray(value);\n  }\n  if (iteratorSymbol && value[iteratorSymbol]) {\n    return iteratorToArray(value[iteratorSymbol]());\n  }\n  var tag = getTag(value),\n      func = tag == mapTag ? mapToArray : (tag == setTag ? setToArray : values);\n\n  return func(value);\n}\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\n/**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\nfunction toInteger(value) {\n  var result = toFinite(value),\n      remainder = result % 1;\n\n  return result === result ? (remainder ? result - remainder : result) : 0;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\n/**\n * Creates an array of the own enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects. See the\n * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * for more details.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keys(new Foo);\n * // => ['a', 'b'] (iteration order is not guaranteed)\n *\n * _.keys('hi');\n * // => ['0', '1']\n */\nfunction keys(object) {\n  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);\n}\n\n/**\n * Creates an array of the own enumerable string keyed property values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.values(new Foo);\n * // => [1, 2] (iteration order is not guaranteed)\n *\n * _.values('hi');\n * // => ['h', 'i']\n */\nfunction values(object) {\n  return object ? baseValues(object, keys(object)) : [];\n}\n\nmodule.exports = sampleSize;\n","/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_SAFE_INTEGER = 9007199254740991,\n    MAX_INTEGER = 1.7976931348623157e+308,\n    NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseFloat = parseFloat,\n    freeParseInt = parseInt;\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeFloor = Math.floor,\n    nativeMin = Math.min,\n    nativeRandom = Math.random;\n\n/**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\nfunction baseRandom(lower, upper) {\n  return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n}\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  length = length == null ? MAX_SAFE_INTEGER : length;\n  return !!length &&\n    (typeof value == 'number' || reIsUint.test(value)) &&\n    (value > -1 && value % 1 == 0 && value < length);\n}\n\n/**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n *  else `false`.\n */\nfunction isIterateeCall(value, index, object) {\n  if (!isObject(object)) {\n    return false;\n  }\n  var type = typeof index;\n  if (type == 'number'\n        ? (isArrayLike(object) && isIndex(index, object.length))\n        : (type == 'string' && index in object)\n      ) {\n    return eq(object[index], value);\n  }\n  return false;\n}\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\n/**\n * Produces a random number between the inclusive `lower` and `upper` bounds.\n * If only one argument is provided a number between `0` and the given number\n * is returned. If `floating` is `true`, or either `lower` or `upper` are\n * floats, a floating-point number is returned instead of an integer.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @memberOf _\n * @since 0.7.0\n * @category Number\n * @param {number} [lower=0] The lower bound.\n * @param {number} [upper=1] The upper bound.\n * @param {boolean} [floating] Specify returning a floating-point number.\n * @returns {number} Returns the random number.\n * @example\n *\n * _.random(0, 5);\n * // => an integer between 0 and 5\n *\n * _.random(5);\n * // => also an integer between 0 and 5\n *\n * _.random(5, true);\n * // => a floating-point number between 0 and 5\n *\n * _.random(1.2, 5.2);\n * // => a floating-point number between 1.2 and 5.2\n */\nfunction random(lower, upper, floating) {\n  if (floating && typeof floating != 'boolean' && isIterateeCall(lower, upper, floating)) {\n    upper = floating = undefined;\n  }\n  if (floating === undefined) {\n    if (typeof upper == 'boolean') {\n      floating = upper;\n      upper = undefined;\n    }\n    else if (typeof lower == 'boolean') {\n      floating = lower;\n      lower = undefined;\n    }\n  }\n  if (lower === undefined && upper === undefined) {\n    lower = 0;\n    upper = 1;\n  }\n  else {\n    lower = toFinite(lower);\n    if (upper === undefined) {\n      upper = lower;\n      lower = 0;\n    } else {\n      upper = toFinite(upper);\n    }\n  }\n  if (lower > upper) {\n    var temp = lower;\n    lower = upper;\n    upper = temp;\n  }\n  if (floating || lower % 1 || upper % 1) {\n    var rand = nativeRandom();\n    return nativeMin(lower + (rand * (upper - lower + freeParseFloat('1e-' + ((rand + '').length - 1)))), upper);\n  }\n  return baseRandom(lower, upper);\n}\n\nmodule.exports = random;\n",":host {\r\n  display: block;\r\n  margin: 0 8px;\r\n  border-left: 1px dashed transparent;\r\n  border-right: 1px dashed transparent;\r\n}\r\n\r\n:host([show-canvas]) {\r\n  border-left: 1px dashed pink;\r\n  border-right: 1px dashed pink;\r\n}\r\n","import { h, Component, ComponentInterface, State, Prop, Watch, Event, EventEmitter } from \"@stencil/core\";\r\nimport sampleSize from \"lodash.samplesize\";\r\nimport random from \"lodash.random\";\r\n\r\nimport {\r\n  DocumentComponentOzonContentAnchorClickEvent,\r\n  DocumentComponentOpenToggleEvent,\r\n} from \"../document-component/document-component.models\";\r\nimport { DsoDocumentComponentCustomEvent } from \"../../components\";\r\n\r\ninterface DocumentComponent {\r\n  documentTechnischId: string;\r\n  type?: string;\r\n  labelXml?: string;\r\n  nummerXml?: string;\r\n  opschrift?: string;\r\n  inhoud?: string;\r\n  gereserveerd?: boolean;\r\n  vervallen?: boolean;\r\n  bevatOntwerpInformatie?: boolean;\r\n  wijzigactie?: \"voegtoe\" | \"verwijder\" | \"nieuweContainer\" | \"verwijderContainer\";\r\n  _embedded?: {\r\n    ontwerpTekststructuurDocumentComponenten?: DocumentComponent[];\r\n    tekststructuurDocumentComponenten?: DocumentComponent[];\r\n  };\r\n}\r\n\r\n@Component({\r\n  tag: \"dsot-document-component-demo\",\r\n  scoped: true,\r\n  styleUrl: \"document-component.demo.scss\",\r\n})\r\nexport class DocumentComponentDemo implements ComponentInterface {\r\n  /**\r\n   * Show canvas to where Document Component extends.\r\n   */\r\n  @Prop({ reflect: true })\r\n  showCanvas = false;\r\n\r\n  /**\r\n   * Name of the file to load.\r\n   */\r\n  @Prop()\r\n  jsonFile?: string;\r\n\r\n  /**\r\n   * The default state for all Document Components.\r\n   */\r\n  @Prop()\r\n  openDefault = false;\r\n\r\n  /**\r\n   * To demo user interacting with IntRef or IntIoRef elements.\r\n   */\r\n  @Event()\r\n  dsotOzonContentAnchorClick!: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;\r\n\r\n  @State()\r\n  response?: DocumentComponent;\r\n\r\n  @State()\r\n  openOrClosed: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  openedAnnotation: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  filtered: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  notApplicable: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  activeAnnotationSelectables: DocumentComponent[] = [];\r\n\r\n  @Watch(\"jsonFile\")\r\n  async jsonFileWatcher() {\r\n    this.openOrClosed = [];\r\n\r\n    await this.loadData();\r\n  }\r\n\r\n  @Watch(\"openDefault\")\r\n  async openDefaultWatcher() {\r\n    this.openOrClosed = [];\r\n\r\n    await this.loadData();\r\n  }\r\n\r\n  async componentDidLoad(): Promise<void> {\r\n    await this.loadData();\r\n  }\r\n\r\n  private getEmbeddedDocumentComponents(documentComponent: DocumentComponent | undefined) {\r\n    return (\r\n      documentComponent?._embedded?.ontwerpTekststructuurDocumentComponenten ??\r\n      documentComponent?._embedded?.tekststructuurDocumentComponenten\r\n    );\r\n  }\r\n\r\n  private concatEmbeddedDocumentComponents(documentComponent: DocumentComponent): DocumentComponent[] {\r\n    const embeddedDocuments = [...(this.getEmbeddedDocumentComponents(documentComponent) ?? [])];\r\n\r\n    for (const d of embeddedDocuments) {\r\n      embeddedDocuments.push(...this.concatEmbeddedDocumentComponents(d));\r\n    }\r\n\r\n    return embeddedDocuments;\r\n  }\r\n\r\n  private selectRandomDocumentComponents(\r\n    documentComponent: DocumentComponent,\r\n    exclude: DocumentComponent[] = []\r\n  ): DocumentComponent[] {\r\n    const documentComponents = this.concatEmbeddedDocumentComponents(documentComponent).filter(\r\n      (d) => !exclude.includes(d)\r\n    );\r\n    const size = random(0, Math.floor(documentComponents.length / 10));\r\n\r\n    return sampleSize(documentComponents, size);\r\n  }\r\n\r\n  private async loadData() {\r\n    if (!this.jsonFile) {\r\n      this.response = undefined;\r\n\r\n      return;\r\n    }\r\n\r\n    const data = await fetch(this.jsonFile).then((r) => r.json());\r\n    const lichaam = this.getEmbeddedDocumentComponents(data)?.find(\r\n      (documentComponent) => documentComponent.type === \"LICHAAM\"\r\n    );\r\n\r\n    if (lichaam) {\r\n      this.response = lichaam;\r\n\r\n      this.notApplicable = this.selectRandomDocumentComponents(lichaam);\r\n      this.filtered = this.selectRandomDocumentComponents(lichaam, this.notApplicable);\r\n    }\r\n  }\r\n\r\n  private handleOpenToggle(\r\n    _e: DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>,\r\n    documentComponent: DocumentComponent\r\n  ) {\r\n    const isOpenOrClosed = this.openOrClosed.includes(documentComponent);\r\n\r\n    this.openOrClosed = !isOpenOrClosed\r\n      ? [...this.openOrClosed, documentComponent]\r\n      : this.openOrClosed.filter((d) => d !== documentComponent);\r\n  }\r\n\r\n  private handleAnnotationToggle(documentComponent: DocumentComponent) {\r\n    this.openedAnnotation = this.isOpenedAnnotation(documentComponent)\r\n      ? this.openedAnnotation.filter((d) => d !== documentComponent)\r\n      : [...this.openedAnnotation, documentComponent];\r\n\r\n    if (!this.isOpen(documentComponent)) {\r\n      this.openOrClosed = [...this.openOrClosed, documentComponent];\r\n    }\r\n  }\r\n\r\n  private handleSelectableChange(documentComponent: DocumentComponent) {\r\n    this.activeAnnotationSelectables = this.isCheckedSlideToggle(documentComponent)\r\n      ? this.activeAnnotationSelectables.filter((d) => d !== documentComponent)\r\n      : [...this.activeAnnotationSelectables, documentComponent];\r\n  }\r\n\r\n  private handleOzonContentAnchorClick(\r\n    e: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentAnchorClickEvent>\r\n  ) {\r\n    this.dsotOzonContentAnchorClick.emit(e.detail);\r\n  }\r\n\r\n  private isCheckedSlideToggle(documentComponent: DocumentComponent) {\r\n    return this.activeAnnotationSelectables.includes(documentComponent);\r\n  }\r\n\r\n  private hasFilteredChildren(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.filtered.includes(documentComponent) ||\r\n      (this.getEmbeddedDocumentComponents(documentComponent)?.some((d) => this.hasFilteredChildren(d)) ?? false)\r\n    );\r\n  }\r\n\r\n  private isOpen(documentComponent: DocumentComponent): boolean {\r\n    return documentComponent.type === \"LID\" || this.openDefault\r\n      ? !this.openOrClosed.includes(documentComponent)\r\n      : this.openOrClosed.includes(documentComponent);\r\n  }\r\n\r\n  private isOpenedAnnotation(documentComponent: DocumentComponent): boolean {\r\n    return this.openedAnnotation.includes(documentComponent);\r\n  }\r\n\r\n  private isFiltered(documentComponent: DocumentComponent): boolean {\r\n    return this.filtered.includes(documentComponent);\r\n  }\r\n\r\n  private isNotApplicable(documentComponent: DocumentComponent): boolean {\r\n    return this.notApplicable.includes(documentComponent);\r\n  }\r\n\r\n  private hasNestedDraft(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.getEmbeddedDocumentComponents(documentComponent)?.some(\r\n        (d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d)\r\n      ) ?? false\r\n    );\r\n  }\r\n\r\n  private showContent(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.isOpen(documentComponent) &&\r\n      !!(this.getEmbeddedDocumentComponents(documentComponent)?.length || documentComponent.inhoud)\r\n    );\r\n  }\r\n\r\n  private DocumentComponent = ({ path }: DocumentComponentProps) => {\r\n    const documentComponent = path.at(-1);\r\n\r\n    const { DocumentComponent } = this;\r\n\r\n    return (\r\n      <ul>\r\n        {documentComponent &&\r\n          this.getEmbeddedDocumentComponents(documentComponent)?.map((d, i) => (\r\n            <li key={d.documentTechnischId}>\r\n              <dso-document-component\r\n                annotated={i % 3 === 2}\r\n                bevatOntwerpInformatie={!!d.bevatOntwerpInformatie}\r\n                filtered={this.isOpen(d) ? this.isFiltered(d) : this.hasFilteredChildren(d)}\r\n                genesteOntwerpInformatie={this.hasNestedDraft(d)}\r\n                gereserveerd={d.gereserveerd}\r\n                heading=\"h2\"\r\n                inhoud={d.inhoud}\r\n                label={d.labelXml}\r\n                openAnnotation={this.isOpenedAnnotation(d)}\r\n                notApplicable={this.isNotApplicable(d) || path.some((p) => this.isNotApplicable(p))}\r\n                nummer={d.nummerXml}\r\n                onDsoAnnotationToggle={() => this.handleAnnotationToggle(d)}\r\n                onDsoOpenToggle={(e) => this.handleOpenToggle(e, d)}\r\n                onDsoOzonContentAnchorClick={(e) => this.handleOzonContentAnchorClick(e)}\r\n                open={this.isOpen(d)}\r\n                opschrift={d.opschrift}\r\n                type={d.type}\r\n                vervallen={d.vervallen}\r\n                wijzigactie={d.wijzigactie}\r\n              >\r\n                {this.isOpenedAnnotation(d) && (\r\n                  <dso-annotation-output\r\n                    slot=\"annotation\"\r\n                    open\r\n                    identifier=\"test\"\r\n                    onDsoClose={() => this.handleAnnotationToggle(d)}\r\n                  >\r\n                    <span slot=\"title\">Annotaties</span>\r\n                    <dso-slide-toggle\r\n                      checked={this.isCheckedSlideToggle(d)}\r\n                      onDsoActiveChange={() => this.handleSelectableChange(d)}\r\n                    >\r\n                      Delfzijl\r\n                    </dso-slide-toggle>\r\n                  </dso-annotation-output>\r\n                )}\r\n                {this.showContent(d) && <DocumentComponent path={[...path, d]} />}\r\n              </dso-document-component>\r\n            </li>\r\n          ))}\r\n      </ul>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { DocumentComponent } = this;\r\n\r\n    return (\r\n      <dso-responsive-element class=\"dso-document-components\">\r\n        {this.response && <DocumentComponent path={[this.response]} />}\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n}\r\n\r\ninterface DocumentComponentProps {\r\n  path: DocumentComponent[];\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-2ab99812.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as d,h as s,a}from"./p-3ca5b6f4.js";import{v as i}from"./p-5d7f4ff2.js";const l="@keyframes slideInFromTop{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:1s ease-out 0s 1 slideInFromTop}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>.dso-body p{margin:0 0 16px}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-bottom:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body pre{margin:0 0 16px}.dso-modal>.dso-dialog>.dso-body blockquote{padding:16px 24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-bottom:24px}.dso-modal>.dso-dialog>.dso-body img{height:auto;max-width:100%}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin:0 0 16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-bottom:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin:0 0 16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding:16px 24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-bottom:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{height:auto;max-width:100%}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding:16px 32px;text-align:end}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding:8px 16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding:16px 24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding:8px 32px}}.dso-close dso-icon{color:#39870c}";const e=class{constructor(s){o(this,s);this.dsoClose=d(this,"dsoClose",7);this.ariaId=i();this.hasFooter=undefined;this.fullscreen=undefined;this.modalTitle=undefined;this.role="dialog";this.showCloseButton=true}componentWillLoad(){this.hasFooter=this.host.querySelector("[slot='footer']")!==null}componentDidLoad(){var o;(o=this.htmlDialogElement)===null||o===void 0?void 0:o.showModal();document.body.classList.add("dso-modal-open")}disconnectedCallback(){var o;document.body.classList.remove("dso-modal-open");(o=this.htmlDialogElement)===null||o===void 0?void 0:o.close()}render(){var o;return s("dialog",{class:"dso-modal",role:(o=this.role)!==null&&o!==void 0?o:undefined,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onCancel:o=>{o.preventDefault();this.dsoClose.emit({originalEvent:o})}},s("div",{class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.showCloseButton&&s("button",{type:"button",class:"dso-close",onClick:o=>this.dsoClose.emit({originalEvent:o})},s("dso-icon",{icon:"times"}),s("span",{class:"sr-only"},"Sluiten"))):s("span",{class:"sr-only",id:this.ariaId},"Dialoog"),s("dso-scrollable",null,s("div",{class:"dso-body",tabIndex:0},s("slot",{name:"body"}))),this.hasFooter&&s("div",{class:"dso-footer"},s("slot",{name:"footer"}))))}get host(){return a(this)}};e.style=l;export{e as dso_modal};
+//# sourceMappingURL=p-2ab99812.entry.js.map

package/dist/dso-toolkit/{p-a63c82a4.entry.js.map → p-2ab99812.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["modalCss","Modal","v4","componentWillLoad","this","hasFooter","host","querySelector","componentDidLoad","_a","htmlDialogElement","showModal","document","body","classList","add","disconnectedCallback","remove","close","render","h","class","role","undefined","ariaId","ref","element","onCancel","e","preventDefault","dsoClose","emit","originalEvent","modalTitle","id","showCloseButton","type","onClick","icon","tabIndex","name"],"sources":["src/components/modal/modal.scss?tag=dso-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n// fullscreen option\r\n:host([fullscreen]) dialog {\r\n  @include modal.fullscreen();\r\n}\r\n\r\n// Go to fullscreen on =< 480px viewport\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  :host dialog {\r\n    @include modal.fullscreen();\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.dso-modal {\r\n  @include modal.root();\r\n}\r\n\r\n.dso-close {\r\n  dso-icon {\r\n    color: modal.$close-icon-color;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Element, Event, EventEmitter, Prop, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-modal\",\r\n  styleUrl: \"modal.scss\",\r\n  shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n  private htmlDialogElement?: HTMLDialogElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoModalElement;\r\n\r\n  @State()\r\n  ariaId = v4();\r\n\r\n  @State()\r\n  hasFooter?: boolean;\r\n\r\n  /**\r\n   * when set the modal will be shown in fullscreen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fullscreen?: boolean;\r\n\r\n  /**\r\n   * The title of the Modal.\r\n   */\r\n  @Prop()\r\n  modalTitle?: string;\r\n\r\n  /**\r\n   * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n   */\r\n  @Prop()\r\n  role: string | null = \"dialog\";\r\n\r\n  /**\r\n   * when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n   *\r\n   * Needs `modalTitle` to be set.\r\n   */\r\n  @Prop()\r\n  showCloseButton = true;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the Modal.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n  componentWillLoad(): void {\r\n    this.hasFooter = this.host.querySelector(\"[slot='footer']\") !== null;\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.htmlDialogElement?.showModal();\r\n    document.body.classList.add(\"dso-modal-open\");\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    document.body.classList.remove(\"dso-modal-open\");\r\n    this.htmlDialogElement?.close();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <dialog\r\n        class=\"dso-modal\"\r\n        role={this.role ?? undefined}\r\n        aria-modal=\"true\"\r\n        aria-labelledby={this.ariaId}\r\n        ref={(element) => (this.htmlDialogElement = element)}\r\n        onCancel={(e) => {\r\n          e.preventDefault();\r\n\r\n          this.dsoClose.emit({ originalEvent: e });\r\n        }}\r\n      >\r\n        <div class=\"dso-dialog\" role=\"document\">\r\n          {this.modalTitle ? (\r\n            <div class=\"dso-header\">\r\n              <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n              {this.showCloseButton && (\r\n                <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">Sluiten</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : (\r\n            <span class=\"sr-only\" id={this.ariaId}>\r\n              Dialoog\r\n            </span>\r\n          )}\r\n\r\n          <dso-scrollable>\r\n            <div class=\"dso-body\" tabIndex={0}>\r\n              <slot name=\"body\" />\r\n            </div>\r\n          </dso-scrollable>\r\n\r\n          {this.hasFooter && (\r\n            <div class=\"dso-footer\">\r\n              <slot name=\"footer\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </dialog>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"wFAAA,MAAMA,EAAW,24L,MCUJC,EAAK,M,wEAOPC,I,uFAqBa,S,qBAQJ,I,CAQlB,iBAAAC,GACEC,KAAKC,UAAYD,KAAKE,KAAKC,cAAc,qBAAuB,I,CAGlE,gBAAAC,G,OACEC,EAAAL,KAAKM,qBAAiB,MAAAD,SAAA,SAAAA,EAAEE,YACxBC,SAASC,KAAKC,UAAUC,IAAI,iB,CAG9B,oBAAAC,G,MACEJ,SAASC,KAAKC,UAAUG,OAAO,mBAC/BR,EAAAL,KAAKM,qBAAiB,MAAAD,SAAA,SAAAA,EAAES,O,CAG1B,MAAAC,G,MACE,OACEC,EAAA,UACEC,MAAM,YACNC,MAAMb,EAAAL,KAAKkB,QAAI,MAAAb,SAAA,EAAAA,EAAIc,UAAS,aACjB,OAAM,kBACAnB,KAAKoB,OACtBC,IAAMC,GAAatB,KAAKM,kBAAoBgB,EAC5CC,SAAWC,IACTA,EAAEC,iBAEFzB,KAAK0B,SAASC,KAAK,CAAEC,cAAeJ,GAAI,GAG1CR,EAAA,OAAKC,MAAM,aAAaC,KAAK,YAC1BlB,KAAK6B,WACJb,EAAA,OAAKC,MAAM,cACTD,EAAA,MAAIc,GAAI9B,KAAKoB,QAASpB,KAAK6B,YAC1B7B,KAAK+B,iBACJf,EAAA,UAAQgB,KAAK,SAASf,MAAM,YAAYgB,QAAUT,GAAMxB,KAAK0B,SAASC,KAAK,CAAEC,cAAeJ,KAC1FR,EAAA,YAAUkB,KAAK,UACflB,EAAA,QAAMC,MAAM,WAAS,aAK3BD,EAAA,QAAMC,MAAM,UAAUa,GAAI9B,KAAKoB,QAAM,WAKvCJ,EAAA,sBACEA,EAAA,OAAKC,MAAM,WAAWkB,SAAU,GAC9BnB,EAAA,QAAMoB,KAAK,WAIdpC,KAAKC,WACJe,EAAA,OAAKC,MAAM,cACTD,EAAA,QAAMoB,KAAK,a"}
+{"version":3,"names":["modalCss","Modal","v4","componentWillLoad","this","hasFooter","host","querySelector","componentDidLoad","_a","htmlDialogElement","showModal","document","body","classList","add","disconnectedCallback","remove","close","render","h","class","role","undefined","ariaId","ref","element","onCancel","e","preventDefault","dsoClose","emit","originalEvent","modalTitle","id","showCloseButton","type","onClick","icon","tabIndex","name"],"sources":["src/components/modal/modal.scss?tag=dso-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n// fullscreen option\r\n:host([fullscreen]) dialog {\r\n  @include modal.fullscreen();\r\n}\r\n\r\n// Go to fullscreen on =< 480px viewport\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  :host dialog {\r\n    @include modal.fullscreen();\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.dso-modal {\r\n  @include modal.root();\r\n}\r\n\r\n.dso-close {\r\n  dso-icon {\r\n    color: modal.$close-icon-color;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Element, Event, EventEmitter, Prop, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-modal\",\r\n  styleUrl: \"modal.scss\",\r\n  shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n  private htmlDialogElement?: HTMLDialogElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoModalElement;\r\n\r\n  @State()\r\n  ariaId = v4();\r\n\r\n  @State()\r\n  hasFooter?: boolean;\r\n\r\n  /**\r\n   * when set the modal will be shown in fullscreen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fullscreen?: boolean;\r\n\r\n  /**\r\n   * The title of the Modal.\r\n   */\r\n  @Prop()\r\n  modalTitle?: string;\r\n\r\n  /**\r\n   * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n   */\r\n  @Prop()\r\n  role: string | null = \"dialog\";\r\n\r\n  /**\r\n   * when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n   *\r\n   * Needs `modalTitle` to be set.\r\n   */\r\n  @Prop()\r\n  showCloseButton = true;\r\n\r\n  /**\r\n   * Emitted when the user wants to close the Modal.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n  componentWillLoad(): void {\r\n    this.hasFooter = this.host.querySelector(\"[slot='footer']\") !== null;\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.htmlDialogElement?.showModal();\r\n    document.body.classList.add(\"dso-modal-open\");\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    document.body.classList.remove(\"dso-modal-open\");\r\n    this.htmlDialogElement?.close();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <dialog\r\n        class=\"dso-modal\"\r\n        role={this.role ?? undefined}\r\n        aria-modal=\"true\"\r\n        aria-labelledby={this.ariaId}\r\n        ref={(element) => (this.htmlDialogElement = element)}\r\n        onCancel={(e) => {\r\n          e.preventDefault();\r\n\r\n          this.dsoClose.emit({ originalEvent: e });\r\n        }}\r\n      >\r\n        <div class=\"dso-dialog\" role=\"document\">\r\n          {this.modalTitle ? (\r\n            <div class=\"dso-header\">\r\n              <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n              {this.showCloseButton && (\r\n                <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">Sluiten</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : (\r\n            <span class=\"sr-only\" id={this.ariaId}>\r\n              Dialoog\r\n            </span>\r\n          )}\r\n\r\n          <dso-scrollable>\r\n            <div class=\"dso-body\" tabIndex={0}>\r\n              <slot name=\"body\" />\r\n            </div>\r\n          </dso-scrollable>\r\n\r\n          {this.hasFooter && (\r\n            <div class=\"dso-footer\">\r\n              <slot name=\"footer\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </dialog>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"wFAAA,MAAMA,EAAW,+3L,MCUJC,EAAK,M,wEAOPC,I,uFAqBa,S,qBAQJ,I,CAQlB,iBAAAC,GACEC,KAAKC,UAAYD,KAAKE,KAAKC,cAAc,qBAAuB,I,CAGlE,gBAAAC,G,OACEC,EAAAL,KAAKM,qBAAiB,MAAAD,SAAA,SAAAA,EAAEE,YACxBC,SAASC,KAAKC,UAAUC,IAAI,iB,CAG9B,oBAAAC,G,MACEJ,SAASC,KAAKC,UAAUG,OAAO,mBAC/BR,EAAAL,KAAKM,qBAAiB,MAAAD,SAAA,SAAAA,EAAES,O,CAG1B,MAAAC,G,MACE,OACEC,EAAA,UACEC,MAAM,YACNC,MAAMb,EAAAL,KAAKkB,QAAI,MAAAb,SAAA,EAAAA,EAAIc,UAAS,aACjB,OAAM,kBACAnB,KAAKoB,OACtBC,IAAMC,GAAatB,KAAKM,kBAAoBgB,EAC5CC,SAAWC,IACTA,EAAEC,iBAEFzB,KAAK0B,SAASC,KAAK,CAAEC,cAAeJ,GAAI,GAG1CR,EAAA,OAAKC,MAAM,aAAaC,KAAK,YAC1BlB,KAAK6B,WACJb,EAAA,OAAKC,MAAM,cACTD,EAAA,MAAIc,GAAI9B,KAAKoB,QAASpB,KAAK6B,YAC1B7B,KAAK+B,iBACJf,EAAA,UAAQgB,KAAK,SAASf,MAAM,YAAYgB,QAAUT,GAAMxB,KAAK0B,SAASC,KAAK,CAAEC,cAAeJ,KAC1FR,EAAA,YAAUkB,KAAK,UACflB,EAAA,QAAMC,MAAM,WAAS,aAK3BD,EAAA,QAAMC,MAAM,UAAUa,GAAI9B,KAAKoB,QAAM,WAKvCJ,EAAA,sBACEA,EAAA,OAAKC,MAAM,WAAWkB,SAAU,GAC9BnB,EAAA,QAAMoB,KAAK,WAIdpC,KAAKC,WACJe,EAAA,OAAKC,MAAM,cACTD,EAAA,QAAMoB,KAAK,a"}

package/dist/dso-toolkit/p-432df09a.entry.js

@@ -0,0 +1,2 @@
+import{r as n,h as t,c as o,F as e,a as r}from"./p-3ca5b6f4.js";import{c as a}from"./p-c87b4d11.js";import{d as s}from"./p-1805f5b0.js";import{c as d}from"./p-4573c419.js";import{v as i}from"./p-5d7f4ff2.js";const l=":host{display:block}:host(:not(:first-child)){margin-top:24px}*,*::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}.alert{border:1px solid transparent;line-height:1.5;margin-bottom:24px;min-height:64px;position:relative}@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}.alert:not(:first-child){margin-top:24px}.alert.alert-success{color:#000;background-color:#e4f1d4;border-color:#e4f1d4}.alert.alert-error{color:#000;background-color:#f5d8dc;border-color:#f5d8dc}.alert.alert-warning{color:#000;background-color:#f8f6cc;border-color:#f8f6cc}.alert.alert-info{color:#000;background-color:#e1ecf7;border-color:#e1ecf7}.alert dso-icon{left:15px;position:absolute;top:15px;height:32px;width:32px}";const c=class{constructor(t){n(this,t);this.status=undefined;this.roleAlert=undefined}render(){const n=c.statusMap.get(this.status);if(!n){throw new Error(`Invalid status ${this.status}`)}return t("div",{class:a("alert",`alert-${this.status}`),role:this.roleAlert?"alert":undefined},t("dso-icon",{icon:"status-"+this.status}),t("span",{class:"sr-only"},n,":"),t("slot",null))}};c.statusMap=new Map([["success","Gelukt"],["info","Opmerking"],["warning","Waarschuwing"],["error","Fout"]]);c.style=l;const b="button {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n  line-height: 1rem;\n}\na.dso-primary.dso-small dso-icon,\na.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small svg.di,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small svg.di,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary dso-icon,\na.dso-primary svg.di,\nbutton.dso-primary dso-icon,\nbutton.dso-primary svg.di,\nlabel.dso-primary dso-icon,\nlabel.dso-primary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-primary span + dso-icon,\na.dso-primary span + svg.di,\nbutton.dso-primary span + dso-icon,\nbutton.dso-primary span + svg.di,\nlabel.dso-primary span + dso-icon,\nlabel.dso-primary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n  background: url(\"./dso-icons.svg#img-download-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n  line-height: 1rem;\n}\na.dso-secondary.dso-small dso-icon,\na.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small svg.di,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary dso-icon,\na.dso-secondary svg.di,\nbutton.dso-secondary dso-icon,\nbutton.dso-secondary svg.di,\nlabel.dso-secondary dso-icon,\nlabel.dso-secondary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-secondary span + dso-icon,\na.dso-secondary span + svg.di,\nbutton.dso-secondary span + dso-icon,\nbutton.dso-secondary span + svg.di,\nlabel.dso-secondary span + dso-icon,\nlabel.dso-secondary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.dso-secondary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.dso-secondary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n  background-image: url(\"./dso-icons.svg#img-download-wit\");\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-wit\");\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\na.dso-tertiary:not([disabled]):active,\nbutton.dso-tertiary:not([disabled]):active,\nlabel.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary svg.di + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\na.dso-tertiary span:not(.sr-only) + svg.di,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary svg.di + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary span:not(.sr-only) + svg.di,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary svg.di + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\na.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nbutton.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nlabel.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary svg.di,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary svg.di,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary svg.di,\nlabel.dso-tertiary span {\n  vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  position: relative;\n  top: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-download-scampi\");\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-scampi\");\n}\n\na.dso-primary {\n  text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n  color: #fff;\n}\na.dso-secondary {\n  text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n  color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n  color: #fff;\n}\na.dso-tertiary {\n  text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n  color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n  margin-left: 16px;\n}\n\ndso-annotation-button {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}";const f=class{constructor(t){n(this,t);this.dsoClick=o(this,"dsoClick",3);this.handleClick=n=>{this.dsoClick.emit({originalEvent:n,open:!this.open})};this.identifier=undefined;this.open=false}render(){return t("button",{type:"button",class:"dso-tertiary","aria-controls":this.identifier,"aria-expanded":this.open.toString(),onClick:this.handleClick},t("dso-icon",{icon:"label"}),t("span",{class:"sr-only"},"Toelichting bekijken"))}};f.style=b;const p=":host{display:inline-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}.dso-badge{background-color:#666;border:1px solid #666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1;min-width:1.5rem;padding:4px 8px;text-align:center}.dso-badge.badge-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#000}.dso-badge.badge-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;border-color:#dcd400;color:#000}.dso-badge.badge-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border-color:#191919;color:#191919}.dso-badge.badge-attention{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}";const h=class{constructor(t){n(this,t);this.status=undefined}render(){return t("span",{class:a("dso-badge",{[`badge-${this.status}`]:this.status})},t("slot",null))}};h.style=p;const g=":host{display:inline-block;max-width:100%}*,*::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}.dso-label{background-color:#f2f2f2;border-radius:4px;color:#191919;display:inline-block;line-height:1.5;max-width:100%;padding:4px 8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:right;font-size:1rem;margin-bottom:-4px;margin-left:8px;margin-right:-4px;margin-top:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label.dso-label-info{background-color:#6ca4d9;color:#000}.dso-label.dso-label-primary{background-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;color:#000}.dso-label.dso-label-danger{background-color:#ce3f51;color:#fff}.dso-label.dso-label-error{background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{background-color:#8b4a6a;color:#fff}.dso-label.dso-compact{padding:0 8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-width:calc(100% - 28px)}";const y=new ResizeObserver(s.debounce((n=>{n.forEach((({target:n})=>{if(u(n)){n._truncateLabel()}}))}),150));function u(n){return n.tagName==="DSO-LABEL"}function m(n){return n.scrollWidth>n.clientWidth}const v=class{constructor(t){n(this,t);this.dsoRemoveClick=o(this,"dsoRemoveClick",7);this.compact=undefined;this.removable=undefined;this.status=undefined;this.removeHover=undefined;this.removeFocus=undefined;this.truncate=undefined;this.textHover=undefined;this.textFocus=undefined;this.isTruncated=false;this.labelText=""}watchRemovable(n){if(n){this.startMutationObserver()}else{this.stopMutationObserver()}}watchTruncate(n){if(n){this.startTruncate()}else{this.stopTruncate()}}keyDownListener(n){if(n.key==="Escape"){this.textHover=false;this.textFocus=false}}async _truncateLabel(){setTimeout((()=>{this.isTruncated=!!this.labelContent&&m(this.labelContent)}))}syncLabelText(){var n,t;this.labelText=(t=(n=this.host.textContent)===null||n===void 0?void 0:n.trim())!==null&&t!==void 0?t:""}componentDidLoad(){if(this.truncate){this.startTruncate()}if(this.removable){this.startMutationObserver()}}disconnectedCallback(){this.stopTruncate();this.stopMutationObserver(true)}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText()));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true});this.syncLabelText()}stopMutationObserver(n=false){var t;if(n||!(this.truncate&&this.removable)){(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();delete this.mutationObserver}}startTruncate(){y.observe(this.host);this.startMutationObserver();this._truncateLabel()}stopTruncate(){y.unobserve(this.host);this.stopMutationObserver();this.isTruncated=false}render(){return t(e,null,t("span",{"aria-describedby":"toggle-anchor",class:a("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},t("slot",{name:"symbol"}),t("span",{class:a("dso-label-content",{"dso-truncate":!!this.truncate}),ref:n=>this.labelContent=n,tabindex:this.truncate&&this.isTruncated?0:undefined,onMouseEnter:()=>this.textHover=true,onMouseLeave:()=>this.textHover=false,onFocus:()=>this.textFocus=true,onBlur:()=>this.textFocus=false},t("slot",null)),this.removable&&t("button",{type:"button",onClick:n=>this.dsoRemoveClick.emit(n),onMouseEnter:()=>this.removeHover=true,onMouseLeave:()=>this.removeHover=false,onFocus:()=>this.removeFocus=true,onBlur:()=>this.removeFocus=false},t("span",{class:"sr-only"},"Verwijder: ",this.labelText),t("dso-icon",{icon:"times"}))),this.isTruncated&&t("dso-tooltip",{stateless:true,id:"toggle-anchor",active:this.textHover||this.textFocus,position:"top",strategy:"absolute"},this.labelText))}get host(){return r(this)}static get watchers(){return{removable:["watchRemovable"],truncate:["watchTruncate"]}}};v.style=g;function x(n){if(n instanceof Element){return n.localName}if(n.nodeName.includes(":")){return n.nodeName.substring(n.nodeName.indexOf(":")+1)}return n.nodeName}function w(n){return n.some((n=>{const t=x(n);return t==="Al"||t==="Opschrift"}))}class k{constructor(){this.name="Al"}render(n,{mapNodeToJsx:o,path:e,inline:r}){let s=o(n.childNodes);const d=n.getAttribute("wijzigactie");const i=a({[`wijzigactie-${d}`]:!!d})||undefined;if(r||w(e)){s=t("span",{role:"paragraph",class:i},s)}else{s=t("p",{class:i},s)}if(d==="voegtoe"){s=t("ins",null,s)}else if(d==="verwijder"){s=t("del",null,s)}return s}}class B{constructor(){this.name="Bron"}render(n,{mapNodeToJsx:o}){return t("span",{class:"dso-ozon-bron"},o(n.childNodes))}}class D{constructor(){this.name="#document"}render(n,{mapNodeToJsx:o}){return t(e,null,o(n.childNodes))}}var E=1/0;var C="[object Symbol]";var j=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var z=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;var T="\\ud800-\\udfff",A="\\u0300-\\u036f\\ufe20-\\ufe23",N="\\u20d0-\\u20f0",L="\\u2700-\\u27bf",I="a-z\\xdf-\\xf6\\xf8-\\xff",O="\\xac\\xb1\\xd7\\xf7",J="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",R="\\u2000-\\u206f",M=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",$="A-Z\\xc0-\\xd6\\xd8-\\xde",S="\\ufe0e\\ufe0f",U=O+J+R+M;var Z="['’]",_="["+U+"]",F="["+A+N+"]",H="\\d+",W="["+L+"]",G="["+I+"]",q="[^"+T+U+H+L+I+$+"]",V="\\ud83c[\\udffb-\\udfff]",Y="(?:"+F+"|"+V+")",K="[^"+T+"]",P="(?:\\ud83c[\\udde6-\\uddff]){2}",X="[\\ud800-\\udbff][\\udc00-\\udfff]",Q="["+$+"]",nn="\\u200d";var tn="(?:"+G+"|"+q+")",on="(?:"+Q+"|"+q+")",en="(?:"+Z+"(?:d|ll|m|re|s|t|ve))?",rn="(?:"+Z+"(?:D|LL|M|RE|S|T|VE))?",an=Y+"?",sn="["+S+"]?",dn="(?:"+nn+"(?:"+[K,P,X].join("|")+")"+sn+an+")*",ln=sn+an+dn,cn="(?:"+[W,P,X].join("|")+")"+ln;var bn=RegExp(Z,"g");var fn=RegExp(F,"g");var pn=RegExp([Q+"?"+G+"+"+en+"(?="+[_,Q,"$"].join("|")+")",on+"+"+rn+"(?="+[_,Q+tn,"$"].join("|")+")",Q+"?"+tn+"+"+en,Q+"+"+rn,H,cn].join("|"),"g");var hn=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var gn={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",IJ:"IJ",ij:"ij",Œ:"Oe",œ:"oe",ʼn:"'n",ſ:"ss"};var yn=typeof d=="object"&&d&&d.Object===Object&&d;var un=typeof self=="object"&&self&&self.Object===Object&&self;var mn=yn||un||Function("return this")();function vn(n,t,o,e){var r=-1,a=n?n.length:0;if(e&&a){o=n[++r]}while(++r<a){o=t(o,n[r],r,n)}return o}function xn(n){return n.match(j)||[]}function wn(n){return function(t){return n==null?undefined:n[t]}}var kn=wn(gn);function Bn(n){return hn.test(n)}function Dn(n){return n.match(pn)||[]}var En=Object.prototype;var Cn=En.toString;var jn=mn.Symbol;var zn=jn?jn.prototype:undefined,Tn=zn?zn.toString:undefined;function An(n){if(typeof n=="string"){return n}if(In(n)){return Tn?Tn.call(n):""}var t=n+"";return t=="0"&&1/n==-E?"-0":t}function Nn(n){return function(t){return vn(Mn(Jn(t).replace(bn,"")),n,"")}}function Ln(n){return!!n&&typeof n=="object"}function In(n){return typeof n=="symbol"||Ln(n)&&Cn.call(n)==C}function On(n){return n==null?"":An(n)}function Jn(n){n=On(n);return n&&n.replace(z,kn).replace(fn,"")}var Rn=Nn((function(n,t,o){return n+(o?"-":"")+t.toLowerCase()}));function Mn(n,t,o){n=On(n);t=o?undefined:t;if(t===undefined){return Bn(n)?Dn(n):xn(n)}return n.match(t)||[]}var $n=Rn;class Sn{constructor(){this.name=["ExtRef","ExtIoRef"]}render(n,{mapNodeToJsx:o}){const e=n.tagName==="ExtIoRef"?n.getAttribute("href"):n.getAttribute("ref");const r=$n(n.tagName);return t("a",{target:"_blank",rel:"noopener noreferrer",href:e!==null&&e!==void 0?e:undefined,class:r},t("span",{class:"sr-only"},"opent in nieuw venster "),o(n.childNodes),t("dso-icon",{icon:"external-link"}))}}class Un{constructor(){this.name=["<fallback>"]}render(n,{mapNodeToJsx:o}){return t("span",{class:`fallback od-${x(n)}`},o(n.childNodes))}}const Zn=({bijschrift:n,bron:o,mapNodeToJsx:r})=>t("span",{class:"figuur-bijschrift"},n&&n.inhoud&&r(n.inhoud),o&&t(e,null,`${n?" ":""}(bron: `,r(o),")"));class _n{constructor(){this.name=["Figuur"]}setImageDimensions(n,t){const{naturalHeight:o,naturalWidth:e}=n;n.height=o*(t/100);n.width=e*(t/100)}onImageLoad(n,t){if(n.target instanceof HTMLImageElement&&t){this.setImageDimensions(n.target,t)}}render(n,{mapNodeToJsx:o}){var e,r,a,s,d,i;const l=Array.from(n.childNodes);const c=(e=l.find((n=>x(n)==="Titel")))===null||e===void 0?void 0:e.textContent;const b=l.find((n=>x(n)==="Bron"));const f=l.find((n=>x(n)==="Illustratie"));const p=l.find((n=>x(n)==="Bijschrift"));if(f instanceof Element){const n={naam:f.getAttribute("naam"),breedte:f.getAttribute("breedte"),hoogte:f.getAttribute("hoogte"),uitlijning:f.getAttribute("uitlijning"),alt:f.getAttribute("alt"),schaal:f.getAttribute("schaal")};const e=p instanceof Element?{inhoud:p.childNodes,locatie:(r=p.getAttribute("locatie"))!==null&&r!==void 0?r:"onder"}:undefined;return t("div",{class:`dso-ozon-figuur ${e?`bijschrift-${e.locatie}`:"onder"}`},c&&t("span",{class:"figuur-titel"},c),(e===null||e===void 0?void 0:e.locatie)==="boven"&&t(Zn,{bijschrift:e,bron:b,mapNodeToJsx:o}),t("dso-image-overlay",null,c&&t("div",{slot:"titel"},t("span",null,c)),t("img",{src:(a=n.naam)!==null&&a!==void 0?a:undefined,alt:(i=(d=(s=n.alt)!==null&&s!==void 0?s:c)!==null&&d!==void 0?d:n.naam)!==null&&i!==void 0?i:undefined,onLoad:t=>this.onImageLoad(t,Number(n.schaal))}),(e||b)&&t("div",{slot:"bijschrift"},t(Zn,{bijschrift:e,bron:b,mapNodeToJsx:o}))),((e===null||e===void 0?void 0:e.locatie)==="onder"||!e&&b)&&t(Zn,{bijschrift:e,bron:b,mapNodeToJsx:o}))}}}class Fn{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(n,{mapNodeToJsx:o}){return t("div",{class:"dso-rich-content"},o(n.childNodes))}}class Hn{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(n){var o,e,r,a;return t("img",{src:(o=n.getAttribute("naam"))!==null&&o!==void 0?o:undefined,alt:(e=n.getAttribute("naam"))!==null&&e!==void 0?e:undefined,height:(r=n.getAttribute("hoogte"))!==null&&r!==void 0?r:undefined,width:(a=n.getAttribute("breedte"))!==null&&a!==void 0?a:undefined})}}class Wn{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(n,{mapNodeToJsx:o}){if(n.localName==="br"){return t("br",null)}const e=n.localName;return t(e,null,o(n.childNodes))}}class Gn{constructor(){this.name="IntIoRef"}render(n,{mapNodeToJsx:o,emitAnchorClick:e}){const r=n.getAttribute("ref");if(!r){return o(n.childNodes)}const a=n=>{n.preventDefault();const t=n.currentTarget;if(!(t instanceof HTMLAnchorElement)){return}const{href:o}=t;e({node:this.name,href:o,documentComponent:r,originalEvent:n})};return t("a",{href:`#${r}`,onClick:a},o(n.childNodes))}}class qn{constructor(){this.name="IntRef"}render(n,{mapNodeToJsx:o,emitAnchorClick:e}){const r=n.getAttribute("ref");if(!r){return o(n.childNodes)}const a=n=>{n.preventDefault();const t=n.currentTarget;if(!(t instanceof HTMLAnchorElement)){return}const{href:o}=t;e({node:this.name,href:o,documentComponent:r,originalEvent:n})};return t("a",{href:`#${r}`,onClick:a},o(n.childNodes))}}class Vn{constructor(){this.name="Lijst"}render(n,{mapNodeToJsx:o}){var e;const r=Array.from(n.childNodes);const a=r.find((n=>x(n)==="Lijstaanhef"));const s=r.find((n=>x(n)==="Lijstsluiting"));const d=r.filter((n=>x(n)==="Li"));return t("div",{class:"dso-ozon-lijst od-Lijst"},a&&o(a),t("ul",{class:(e=n.getAttribute("type"))!==null&&e!==void 0?e:""},d.map((n=>{var e;const r=Array.from(n.childNodes);const a=(e=r.find((n=>x(n)==="LiNummer")))===null||e===void 0?void 0:e.childNodes;return t("li",{class:"od-Li"},a&&t("span",{class:"od-LiNummer"},o(a)),o(r.filter((n=>x(n)!=="LiNummer"))))}))),s&&o(s))}}class Yn{constructor(){this.name="NieuweTekst"}render(n,{mapNodeToJsx:o}){return t("ins",{class:"nieuwe-tekst"},o(n.childNodes))}}class Kn{constructor(){this.name="Noot";this.handles=["NootNummer"]}identify(){return"Noot"}render(n,{mapNodeToJsx:o,state:r,setState:a}){var s,d;const i=n.getAttribute("id");if(!i){console.error("Noot node without id",n);return t(e,null)}const l=`dso-ozon-note-${i}`;const c=Array.from(n.childNodes);const b=(d=(s=c.find((n=>x(n)==="NootNummer")))===null||s===void 0?void 0:s.textContent)!==null&&d!==void 0?d:i;return t(e,null,t("sup",null,t("button",{type:"button",class:"toggle-note","aria-describedby":l,onClick:()=>a===null||a===void 0?void 0:a(r===i?undefined:i),onBlur:()=>a===null||a===void 0?void 0:a(undefined),"aria-expanded":r===i?"true":"false"},b)),t("dso-tooltip",{active:r===i,id:l,stateless:true,descriptive:true},t("span",{role:"section"},o(Array.from(n.querySelectorAll(":scope > Al"))))))}}class Pn{constructor(){this.name="Opschrift"}render(n,{mapNodeToJsx:o}){let r=o(n.childNodes);const a=n.getAttribute("wijzigactie");if(a==="voegtoe"){r=t("ins",{class:"nieuwe-tekst"},r)}else if(a==="verwijder"){r=t("del",{class:"verwijderde-tekst"},r)}return t(e,null,r)}}function Xn(n,t){const o=Array.from(t);const e=Qn(o);return{totalWidth:e,count:n,columns:o.map(((n,t)=>{var o;const r=n.getAttribute("colnum");return{name:(o=n.getAttribute("colname"))!==null&&o!==void 0?o:"",number:r?parseInt(r,10):t+1,width:nt(e,n)}}))}}function Qn(n){return n.reduce(((n,t)=>{var o,e;const r=(e=(o=t.getAttribute("colwidth"))===null||o===void 0?void 0:o.replace(/[^0-9]/,""))!==null&&e!==void 0?e:"";const a=parseInt(r,10);return n+(isNaN(a)?0:a)}),0)}function nt(n,t){const o=t.getAttribute("colwidth");if(!o){return undefined}if(o==="*"){return"100%"}if(o.includes("*")||o.match(/^[\d+]$/)){const t=parseInt(o.replace(/[^0-9]/,""),10);return`${Math.round(t/n*100)}%`}return o}const tt=({colspecs:n})=>n.columns.length>0?t("colgroup",null,n.columns.map((n=>t("col",{style:{width:n.width}})))):t(e,null);function ot(n){return{moreRows:n.getAttribute("morerows"),nameStart:n.getAttribute("namest"),nameEnd:n.getAttribute("nameend")}}function et({columns:n},t,o){const e=n.find((n=>n.name===t));const r=n.find((n=>n.name===o));if(!e||!r){return undefined}const a=r.number-e.number+1;return a===1?undefined:a}const rt=({context:{mapNodeToJsx:n},colspecs:o,cell:e})=>{const{moreRows:r,nameStart:a,nameEnd:s}=ot(e);const d={rowSpan:r?parseInt(r,10)+1:undefined,colSpan:o&&a&&s?et(o,a,s):undefined};return t("td",Object.assign({},d),n(e.childNodes))};const at=({context:n,colspecs:o,rows:r})=>t(e,null,r.map((e=>t("tr",null,Array.from(e.children).map((e=>t(rt,{cell:e,colspecs:o,context:n})))))));function st(n){var t,o,e;const r=n.querySelector(":scope > tgroup");const a=(t=r===null||r===void 0?void 0:r.getAttribute("cols"))!==null&&t!==void 0?t:undefined;const s=a?parseInt(a,10):undefined;return{caption:(e=(o=n.querySelector(":scope > title"))===null||o===void 0?void 0:o.textContent)!==null&&e!==void 0?e:undefined,colspecs:r&&s?Xn(s,r.querySelectorAll(":scope > colspec")):undefined,headRows:Array.from(n.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(n.querySelectorAll(":scope > tgroup > tbody > row")),editAction:n.getAttribute("wijzigactie")}}class dt{constructor(){this.name="table";this.handles=["title","tgroup","colspec","thead","tbody","row","cell"];this.id=i()}render(n,o){const{caption:e,colspecs:r,headRows:s,bodyRows:d,editAction:i}=st(n);const l=Array.from(n.childNodes).find((n=>x(n)==="Bron"));return t("dso-table",null,t("table",Object.assign({class:a("table dso-table-vertical-lines",{[`wijzigactie-${i}`]:i})},l?{"aria-describedby":this.id}:{}),e&&t("caption",null,e),r&&t(tt,{colspecs:r}),s.length>0&&t("thead",null,t(at,{rows:s,colspecs:r,context:o})),d.length>0&&t("tbody",null,t(at,{rows:d,colspecs:r,context:o}))),l&&t("div",{id:this.id},o.mapNodeToJsx(l)))}}class it{constructor(){this.name="#text"}render(n){return t(e,null,n.textContent)}}class lt{constructor(){this.name="VerwijderdeTekst"}render(n,{mapNodeToJsx:o}){return t("del",{class:"verwijderde-tekst"},o(n.childNodes))}}class ct{constructor(){this.mappers=[new it,new D,new Fn,new Pn,new qn,new Sn,new k,new Wn,new Hn,new Kn,new dt,new Gn,new _n,new Vn,new B,new Yn,new lt];this.skip=this.mappers.reduce(((n,t)=>{if(t.handles){n.push(...t.handles)}return n}),[]);this.fallbackNode=new Un;this.domParser=new DOMParser}findMapper(n){var t;if(this.skip.includes(n)){return undefined}return(t=this.mappers.find((t=>{if(Array.isArray(t.name)){return t.name.includes(n)}return t.name===n})))!==null&&t!==void 0?t:this.fallbackNode}mapNodeToJsx(n,o,r){var a;if(n instanceof NodeList){return t(e,null,Array.from(n).map((n=>this.mapNodeToJsx(n,o,r))))}if(Array.isArray(n)){return t(e,null,n.map((n=>this.mapNodeToJsx(n,o,r))))}const s=x(n);const d=this.findMapper(s);if(!d){return t(e,null)}const i=(a=d.identify)===null||a===void 0?void 0:a.call(d,n);const l=i?o.state[i]:undefined;const c=i?n=>o.setState(Object.assign(Object.assign({},o.state),{[i]:n})):undefined;return d.render(n,{inline:o.inline,mapNodeToJsx:t=>this.mapNodeToJsx(t,o,[...r,n]),emitAnchorClick:o.emitAnchorClick,setState:c,state:l,path:r})}transform(n,o){if(!n){return t(e,null)}const r=this.domParser.parseFromString(n,"text/xml");if(r.querySelector("parsererror")){console.error({message:"[DSO Toolkit: Ozon Content Mapper] Unable to parse XML",context:o,xml:n,document:r});return t(e,null)}return this.mapNodeToJsx(r.getRootNode(),o,[])}}const bt="button {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n  line-height: 1rem;\n}\na.dso-primary.dso-small dso-icon,\na.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small svg.di,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small svg.di,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-primary dso-icon,\na.dso-primary svg.di,\nbutton.dso-primary dso-icon,\nbutton.dso-primary svg.di,\nlabel.dso-primary dso-icon,\nlabel.dso-primary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-primary span + dso-icon,\na.dso-primary span + svg.di,\nbutton.dso-primary span + dso-icon,\nbutton.dso-primary span + svg.di,\nlabel.dso-primary span + dso-icon,\nlabel.dso-primary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n  background: url(\"./dso-icons.svg#img-download-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link-wit\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n  line-height: 1rem;\n}\na.dso-secondary.dso-small dso-icon,\na.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small svg.di,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary dso-icon,\na.dso-secondary svg.di,\nbutton.dso-secondary dso-icon,\nbutton.dso-secondary svg.di,\nlabel.dso-secondary dso-icon,\nlabel.dso-secondary svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\na.dso-secondary span + dso-icon,\na.dso-secondary span + svg.di,\nbutton.dso-secondary span + dso-icon,\nbutton.dso-secondary span + svg.di,\nlabel.dso-secondary span + dso-icon,\nlabel.dso-secondary span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.dso-secondary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.dso-secondary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  height: 16px;\n  width: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n  background-image: url(\"./dso-icons.svg#img-download-wit\");\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-wit\");\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-left: 8px;\n}\na.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\na.dso-tertiary:not([disabled]):active,\nbutton.dso-tertiary:not([disabled]):active,\nlabel.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary svg.di + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\na.dso-tertiary span:not(.sr-only) + svg.di,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary svg.di + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary span:not(.sr-only) + svg.di,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary svg.di + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\na.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nbutton.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nlabel.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary svg.di,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary svg.di,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary svg.di,\nlabel.dso-tertiary span {\n  vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  position: relative;\n  top: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n  background: url(\"./dso-icons.svg#img-download\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-download-grasgroen-40\");\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-download-scampi\");\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n  background: url(\"./dso-icons.svg#img-external-link\") no-repeat;\n  background-position: center;\n  background-size: cover;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-grasgroen-40\");\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n  background-image: url(\"./dso-icons.svg#img-external-link-scampi\");\n}\n\na.dso-primary {\n  text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n  color: #fff;\n}\na.dso-secondary {\n  text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n  color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n  color: #fff;\n}\na.dso-tertiary {\n  text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n  color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n  margin-left: 16px;\n}\n\nsup {\n  font-size: 0.65em;\n  line-height: 0;\n  position: relative;\n  top: -0.5em;\n  vertical-align: baseline;\n}\nsup a {\n  text-decoration: none;\n}\nsup a:hover, sup a:focus, sup a:active {\n  text-decoration: underline;\n}\n\nsub {\n  bottom: -0.25em;\n  font-size: 0.65em;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub a {\n  text-decoration: none;\n}\nsub a:hover, sub a:focus, sub a:active {\n  text-decoration: underline;\n}\n\ncaption {\n  color: #666;\n  padding-bottom: 8px;\n  padding-top: 8px;\n  text-align: left;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\nth {\n  font-weight: 600;\n  text-align: left;\n}\n\ntable.table td:not(.plain-content) p,\ntable.table th p {\n  margin: 0 0 16px;\n}\ntable.table td:not(.plain-content) ul,\ntable.table td:not(.plain-content) ol,\ntable.table th ul,\ntable.table th ol {\n  margin-bottom: 16px;\n}\ntable.table td:not(.plain-content) ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\ntable.table td:not(.plain-content) ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\ntable.table th ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\ntable.table th ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {\n  padding-inline-start: 24px;\n}\ntable.table td:not(.plain-content) pre,\ntable.table th pre {\n  margin: 0 0 16px;\n}\ntable.table td:not(.plain-content) blockquote,\ntable.table th blockquote {\n  padding: 16px 24px;\n}\ntable.table td:not(.plain-content) dso-highlight-box,\ntable.table td:not(.plain-content) .dso-highlight-box,\ntable.table th dso-highlight-box,\ntable.table th .dso-highlight-box {\n  margin-bottom: 24px;\n}\ntable.table td:not(.plain-content) img,\ntable.table th img {\n  height: auto;\n  max-width: 100%;\n}\n\ntable.table,\n.dso-rich-content table {\n  margin-bottom: 24px;\n  max-width: 100%;\n  width: 100%;\n}\ntable.table .dso-tertiary,\n.dso-rich-content table .dso-tertiary {\n  position: relative;\n  top: -2px;\n  white-space: nowrap;\n}\ntable.table.dso-text-left th,\ntable.table.dso-text-left td,\n.dso-rich-content table.dso-text-left th,\n.dso-rich-content table.dso-text-left td {\n  text-align: left;\n}\ntable.table.dso-text-center th,\ntable.table.dso-text-center td,\n.dso-rich-content table.dso-text-center th,\n.dso-rich-content table.dso-text-center td {\n  text-align: center;\n}\ntable.table.dso-text-right th,\ntable.table.dso-text-right td,\n.dso-rich-content table.dso-text-right th,\n.dso-rich-content table.dso-text-right td {\n  text-align: right;\n}\ntable.table.dso-table-vertical-lines > thead > tr > td,\ntable.table.dso-table-vertical-lines > thead > tr > th,\n.dso-rich-content table.dso-table-vertical-lines > thead > tr > td,\n.dso-rich-content table.dso-table-vertical-lines > thead > tr > th {\n  border: 1px solid #666;\n}\ntable.table.dso-table-vertical-lines > tbody > tr > td,\ntable.table.dso-table-vertical-lines > tbody > tr > th,\ntable.table.dso-table-vertical-lines > tfoot > tr > td,\ntable.table.dso-table-vertical-lines > tfoot > tr > th,\n.dso-rich-content table.dso-table-vertical-lines > tbody > tr > td,\n.dso-rich-content table.dso-table-vertical-lines > tbody > tr > th,\n.dso-rich-content table.dso-table-vertical-lines > tfoot > tr > td,\n.dso-rich-content table.dso-table-vertical-lines > tfoot > tr > th {\n  border: 1px solid #ccc;\n}\ntable.table.dso-table-vertical-lines > thead + tbody > tr:first-child > td,\ntable.table.dso-table-vertical-lines > thead + tbody > tr:first-child > th,\n.dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > td,\n.dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > th {\n  border-top: 0;\n}\ntable.table th.dso-text-left,\ntable.table td.dso-text-left,\n.dso-rich-content table th.dso-text-left,\n.dso-rich-content table td.dso-text-left {\n  text-align: left;\n}\ntable.table th.dso-text-center,\ntable.table td.dso-text-center,\n.dso-rich-content table th.dso-text-center,\n.dso-rich-content table td.dso-text-center {\n  text-align: center;\n}\ntable.table th.dso-text-right,\ntable.table td.dso-text-right,\n.dso-rich-content table th.dso-text-right,\n.dso-rich-content table td.dso-text-right {\n  text-align: right;\n}\ntable.table > thead > tr > th,\ntable.table > thead > tr > td,\ntable.table > tbody > tr > th,\ntable.table > tbody > tr > td,\ntable.table > tfoot > tr > th,\ntable.table > tfoot > tr > td,\n.dso-rich-content table > thead > tr > th,\n.dso-rich-content table > thead > tr > td,\n.dso-rich-content table > tbody > tr > th,\n.dso-rich-content table > tbody > tr > td,\n.dso-rich-content table > tfoot > tr > th,\n.dso-rich-content table > tfoot > tr > td {\n  line-height: 1.5;\n  padding: 12px 8px;\n  vertical-align: top;\n}\ntable.table > thead > tr > th a,\ntable.table > thead > tr > td a,\ntable.table > tbody > tr > th a,\ntable.table > tbody > tr > td a,\ntable.table > tfoot > tr > th a,\ntable.table > tfoot > tr > td a,\n.dso-rich-content table > thead > tr > th a,\n.dso-rich-content table > thead > tr > td a,\n.dso-rich-content table > tbody > tr > th a,\n.dso-rich-content table > tbody > tr > td a,\n.dso-rich-content table > tfoot > tr > th a,\n.dso-rich-content table > tfoot > tr > td a {\n  text-decoration: underline;\n}\ntable.table > thead > tr > td,\ntable.table > thead > tr > th,\n.dso-rich-content table > thead > tr > td,\n.dso-rich-content table > thead > tr > th {\n  border-bottom: 1px solid #666;\n}\ntable.table > tbody > tr > td,\ntable.table > tbody > tr > th,\ntable.table > tfoot > tr > td,\ntable.table > tfoot > tr > th,\n.dso-rich-content table > tbody > tr > td,\n.dso-rich-content table > tbody > tr > th,\n.dso-rich-content table > tfoot > tr > td,\n.dso-rich-content table > tfoot > tr > th {\n  border-bottom: 1px solid #ccc;\n}\ntable.table > tbody + tbody,\n.dso-rich-content table > tbody + tbody {\n  border-top: 2px solid #ccc;\n}\ntable.table .table,\n.dso-rich-content table .table {\n  background-color: #fff;\n}\ntable.table > tbody > tr.result-error td,\n.dso-rich-content table > tbody > tr.result-error td {\n  font-style: italic;\n}\ntable.table > thead > tr > th,\n.dso-rich-content table > thead > tr > th {\n  vertical-align: bottom;\n}\ntable.table > thead > tr > th .dso-primary.dso-sort, table.table > thead > tr > th .dso-secondary.dso-sort, table.table > thead > tr > th .dso-tertiary.dso-sort,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort {\n  color: #191919;\n  font-weight: 600;\n}\ntable.table > thead > tr > th .dso-primary.dso-sort dso-icon,\ntable.table > thead > tr > th .dso-primary.dso-sort svg.di, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon,\ntable.table > thead > tr > th .dso-secondary.dso-sort svg.di, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon,\ntable.table > thead > tr > th .dso-tertiary.dso-sort svg.di,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di {\n  color: #666;\n}\ntable.table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,\ntable.table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,\ntable.table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,\ntable.table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active {\n  color: #191919;\n}\n\n.table-hover > tbody > tr:hover {\n  background-color: #f2f2f2;\n}\n\ntable col[class*=col-] {\n  display: table-column;\n  float: none;\n  position: static;\n}\n\ntable {\n  background-color: transparent;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\ntable td[class*=col-],\ntable th[class*=col-] {\n  display: table-cell;\n  float: none;\n  position: static;\n}\n\n.dso-rich-content table > thead > tr > td.active,\n.dso-rich-content table > thead > tr > th.active, .dso-rich-content table > thead > tr.active > td, .dso-rich-content table > thead > tr.active > th,\n.dso-rich-content table > tbody > tr > td.active,\n.dso-rich-content table > tbody > tr > th.active,\n.dso-rich-content table > tbody > tr.active > td,\n.dso-rich-content table > tbody > tr.active > th,\n.dso-rich-content table > tfoot > tr > td.active,\n.dso-rich-content table > tfoot > tr > th.active,\n.dso-rich-content table > tfoot > tr.active > td,\n.dso-rich-content table > tfoot > tr.active > th,\n.table > thead > tr > td.active,\n.table > thead > tr > th.active,\n.table > thead > tr.active > td,\n.table > thead > tr.active > th,\n.table > tbody > tr > td.active,\n.table > tbody > tr > th.active,\n.table > tbody > tr.active > td,\n.table > tbody > tr.active > th,\n.table > tfoot > tr > td.active,\n.table > tfoot > tr > th.active,\n.table > tfoot > tr.active > td,\n.table > tfoot > tr.active > th {\n  background-color: #f2f2f2;\n}\n\n.table-hover > tbody > tr > td.active:hover,\n.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {\n  background-color: #f2f2f2;\n}\n.table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td {\n  background-color: #f2f2f2;\n}\n.table-hover > tbody > tr:hover > th a, .table-hover > tbody > tr:hover > td a {\n  color: #191919;\n}\n.table-hover > tbody > tr:hover > th a:hover, .table-hover > tbody > tr:hover > td a:hover {\n  text-decoration: none;\n}\n\n.table > tbody > tr.active > th, .table > tbody > tr.active > td {\n  background-color: #f2f2f2;\n}\n.table > tbody > tr.active > th a, .table > tbody > tr.active > td a {\n  color: #191919;\n}\n.table > tbody > tr.active > th a:hover, .table > tbody > tr.active > td a:hover {\n  text-decoration: none;\n}\n\n.dso-table-responsive,\n.dso-table-scroll-container {\n  min-height: 0.01%;\n  overflow-x: auto;\n  position: relative;\n}\n\n.dso-table-scroll-container {\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  border: 1px solid #ccc;\n  margin-bottom: 0;\n  overflow-y: hidden;\n  width: 100%;\n}\n.dso-table-scroll-container::before {\n  content: \"beweeg de tabel van links naar rechts\";\n  display: block;\n  font-size: 0.8em;\n  margin-bottom: 8px;\n  position: relative;\n  text-align: center;\n}\n.dso-table-scroll-container > .table {\n  margin-bottom: 0;\n}\n.dso-table-scroll-container > .table > thead > tr > th,\n.dso-table-scroll-container > .table > thead > tr > td,\n.dso-table-scroll-container > .table > tbody > tr > th,\n.dso-table-scroll-container > .table > tbody > tr > td,\n.dso-table-scroll-container > .table > tfoot > tr > th,\n.dso-table-scroll-container > .table > tfoot > tr > td {\n  white-space: nowrap;\n}\n\n@media screen and (max-width: 767px) {\n  .dso-table-responsive {\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    border: 1px solid #ccc;\n    margin-bottom: 0;\n    overflow-y: hidden;\n    width: 100%;\n  }\n  .dso-table-responsive::before {\n    content: \"beweeg de tabel van links naar rechts\";\n    display: block;\n    font-size: 0.8em;\n    margin-bottom: 8px;\n    position: relative;\n    text-align: center;\n  }\n  .dso-table-responsive > .table {\n    margin-bottom: 0;\n  }\n  .dso-table-responsive > .table > thead > tr > th,\n  .dso-table-responsive > .table > thead > tr > td,\n  .dso-table-responsive > .table > tbody > tr > th,\n  .dso-table-responsive > .table > tbody > tr > td,\n  .dso-table-responsive > .table > tfoot > tr > th,\n  .dso-table-responsive > .table > tfoot > tr > td {\n    white-space: nowrap;\n  }\n}\n\n.dso-table-filter-wrapper .dso-search-bar {\n  margin-bottom: 16px;\n  width: 288px;\n}\n\ndso-table table.table {\n  margin-bottom: 0;\n}\n\ndso-table.dso-is-responsive {\n  margin-bottom: 0;\n}\ndso-table.dso-is-responsive > .table > thead > tr > th,\ndso-table.dso-is-responsive > .table > thead > tr > td,\ndso-table.dso-is-responsive > .table > tbody > tr > th,\ndso-table.dso-is-responsive > .table > tbody > tr > td,\ndso-table.dso-is-responsive > .table > tfoot > tr > th,\ndso-table.dso-is-responsive > .table > tfoot > tr > td {\n  white-space: nowrap;\n}\n\n:host(:not([inline])) {\n  display: block;\n}\n\n:host([inline]) {\n  display: inline;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\nbutton.toggle-note {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton.toggle-note:focus, button.toggle-note:focus-visible {\n  outline-offset: 2px;\n}\nbutton.toggle-note:active {\n  outline: 0;\n}\nbutton.toggle-note[disabled] {\n  color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left, button.toggle-note[disabled].dso-spinner-right {\n  color: #39870c;\n}\nbutton.toggle-note:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton.toggle-note:not([disabled]):active {\n  color: #173521;\n}\nbutton.toggle-note.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\nbutton.toggle-note.dso-truncate {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nbutton.toggle-note.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\nbutton.toggle-note.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\nbutton.toggle-note dso-icon + span:not(.sr-only),\nbutton.toggle-note svg.di + span:not(.sr-only),\nbutton.toggle-note span:not(.sr-only) + dso-icon,\nbutton.toggle-note span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\nbutton.toggle-note svg.di.di-chevron-down + span:not(.sr-only),\nbutton.toggle-note svg.di.di-chevron-up + span:not(.sr-only),\nbutton.toggle-note span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.toggle-note span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\nbutton.toggle-note dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.toggle-note dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.toggle-note svg.di.di-angle-down + span:not(.sr-only),\nbutton.toggle-note svg.di.di-angle-up + span:not(.sr-only),\nbutton.toggle-note span:not(.sr-only) + svg.di.di-angle-down,\nbutton.toggle-note span:not(.sr-only) + svg.di.di-angle-up,\nbutton.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\nbutton.toggle-note dso-icon,\nbutton.toggle-note svg.di,\nbutton.toggle-note span {\n  vertical-align: middle;\n}\n\nspan[role=section],\nspan[role=paragraph] {\n  display: block;\n}\n\n:host(:not([inline])) .fallback {\n  display: block;\n}\n\na {\n  background-color: transparent;\n  color: var(--link-color);\n  text-decoration: underline;\n}\na:hover, a:focus {\n  color: var(--link-hover-color);\n  text-decoration: underline;\n}\na:active {\n  text-decoration: none;\n}\na:visited {\n  color: var(--link-visited-color);\n}\n\n.od-Term {\n  font-weight: 700;\n}\n\n.od-Definitie,\n.od-Tussenkop {\n  font-style: italic;\n}\n\n.od-Inhoud,\n.od-Inhoud > .od-Lijst,\n.od-IntIoRef,\n.od-Lidnr,\n.od-LiNr,\n.od-Opschrift,\n.od-Tussenkop {\n  display: inline;\n}\n\n.od-Al {\n  margin-bottom: 0.75em;\n}\n\n.od-IntIoRef {\n  border-bottom: 1px dotted;\n}\n\n.dso-ozon-bron {\n  font-style: italic;\n  font-size: 0.75rem;\n}\n\n.dso-ozon-figuur {\n  margin-bottom: 8px;\n}\n.dso-ozon-figuur .figuur-bijschrift {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven .figuur-bijschrift {\n  padding-bottom: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder .figuur-bijschrift {\n  padding-top: 0.25rem;\n}\n.dso-ozon-figuur .figuur-titel {\n  color: #8b4a6a;\n  display: block;\n  font-weight: 500;\n  padding-bottom: 0.5rem;\n}\n\n.dso-ozon-lijst span.od-Lijstaanhef,\n.dso-ozon-lijst span.od-Lijstsluiting {\n  margin-bottom: 8px;\n}\n.dso-ozon-lijst ul {\n  margin-bottom: 8px !important;\n  margin-top: 8px;\n}\n.dso-ozon-lijst ul p {\n  margin-bottom: 8px;\n}\n.dso-ozon-lijst ul.expliciet {\n  list-style: none;\n}\n.dso-ozon-lijst ul.expliciet > .od-Li {\n  position: relative;\n}\n.dso-ozon-lijst ul.expliciet > .od-Li > span.od-LiNummer {\n  position: absolute;\n  left: -44px;\n  text-align: right;\n  width: 40px;\n}\n.dso-ozon-lijst p {\n  margin: 0;\n}\n\n.od-Tabel thead {\n  font-weight: 600;\n}\n\n.od-Kadertekst {\n  border: 1px solid #e5e5e5;\n  margin-bottom: 8px;\n  padding: 8px;\n}\n\np.wijzigactie-voegtoe,\nspan[role=paragraph].wijzigactie-voegtoe,\ntable.wijzigactie-voegtoe {\n  background-color: #e4f1d4;\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n  color: #000;\n}\np.wijzigactie-voegtoe a,\nspan[role=paragraph].wijzigactie-voegtoe a,\ntable.wijzigactie-voegtoe a {\n  color: #000;\n}\np.wijzigactie-verwijder,\nspan[role=paragraph].wijzigactie-verwijder,\ntable.wijzigactie-verwijder {\n  background-color: #f5d8dc;\n  color: #000;\n  text-decoration: line-through;\n}\np.wijzigactie-verwijder a,\nspan[role=paragraph].wijzigactie-verwijder a,\ntable.wijzigactie-verwijder a {\n  color: #000;\n}\n\nins.nieuwe-tekst {\n  text-decoration: none;\n  background-color: #e4f1d4;\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n  color: #000;\n}\nins.nieuwe-tekst a {\n  color: #000;\n}\n\ndel.verwijderde-tekst {\n  background-color: #f5d8dc;\n  color: #000;\n  text-decoration: line-through;\n}\ndel.verwijderde-tekst a {\n  color: #000;\n}\n\n.dso-rich-content p {\n  margin: 0 0 16px;\n}\n.dso-rich-content ul,\n.dso-rich-content ol {\n  margin-bottom: 16px;\n}\n.dso-rich-content ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\n.dso-rich-content ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {\n  padding-inline-start: 24px;\n}\n.dso-rich-content pre {\n  margin: 0 0 16px;\n}\n.dso-rich-content blockquote {\n  padding: 16px 24px;\n}\n.dso-rich-content dso-highlight-box,\n.dso-rich-content .dso-highlight-box {\n  margin-bottom: 24px;\n}\n.dso-rich-content img {\n  height: auto;\n  max-width: 100%;\n}";const ft=new ct;const pt=class{constructor(t){n(this,t);this.dsoAnchorClick=o(this,"dsoAnchorClick",7);this.content=undefined;this.inline=false;this.state={}}contentWatcher(){this.state={}}render(){var n;const o={state:this.state,inline:this.inline,setState:n=>this.state=n,emitAnchorClick:this.dsoAnchorClick.emit};const r=ft.transform((n=this.content)!==null&&n!==void 0?n:"",o);return t(e,null,r)}static get watchers(){return{content:["contentWatcher"]}}};pt.style=bt;export{c as dso_alert,f as dso_annotation_button,h as dso_badge,v as dso_label,pt as dso_ozon_content};
+//# sourceMappingURL=p-432df09a.entry.js.map