@dso-toolkit/core 101.0.0 → 101.2.0

package/dist/components/dsot-document-component-demo.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Fragment as r,transformTag as s}from"@stencil/core/internal/client";import{g as i,c as a,d as c}from"./ozon-content.js";import{d as u}from"./alert.js";import{d}from"./annotation-locatie.js";import{d as l}from"./badge.js";import{d as f}from"./document-component.js";import{d as m}from"./icon.js";import{d as h}from"./icon-button.js";import{d as p}from"./image-overlay.js";import{d as b}from"./label.js";import{d as v}from"./modal.js";import{d as g}from"./ozon-content-toggletip.js";import{d as y}from"./panel.js";import{d as j}from"./renvooi.js";import{d as k}from"./responsive-element.js";import{d as C}from"./scrollable.js";import{d as E}from"./slide-toggle.js";import{d as w}from"./table.js";import{d as D}from"./truncate.js";var A,O,z,S,T=i(function(){if(O)return A;O=1;var t=1/0,e=9007199254740991,n=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,s=/^0o[0-7]+$/i,i=/^(?:0|[1-9]\d*)$/,a=parseFloat,c=parseInt,u=Object.prototype.toString,d=Math.floor,l=Math.min,f=Math.random;function m(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function h(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==u.call(t)}(t))return NaN;if(m(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=m(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var i=r.test(t);return i||s.test(t)?c(t.slice(2),i?2:8):o.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}return A=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!m(o))return!1;var r=typeof n;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!function(t){var e=m(t)?u.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}(t)}(o)&&function(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||i.test(t))&&t>-1&&t%1==0&&t<n}(n,o.length):"string"==r&&n in o)&&function(t,e){return t===e||t!=t&&e!=e}(o[n],t)}(t,n,o)&&(n=o=void 0),void 0===o&&("boolean"==typeof n?(o=n,n=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===n?(t=0,n=1):(t=h(t),void 0===n?(n=t,t=0):n=h(n)),t>n){var r=t;t=n,n=r}if(o||t%1||n%1){var s=f();return l(t+s*(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+d(f()*(e-t+1))}(t,n)}}()),$=i(function(){if(S)return z;S=1;var t=1/0,e=9007199254740991,n="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",i="[object DataView]",c=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,f=/^0o[0-7]+$/i,m=/^(?:0|[1-9]\d*)$/,h="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+h+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+h+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"|"+j+")?",A="["+v+"]?",O=A+D+"(?:"+w+"(?:"+[k,C,E].join("|")+")"+A+D+")*",T=RegExp(j+"(?="+j+")|(?:"+[k+y+"?",y,C,E,g].join("|")+")"+O,"g"),$=RegExp("["+w+h+p+b+v+"]"),F=parseInt,I="object"==typeof self&&self&&self.Object===Object&&self,x="object"==typeof a&&a&&a.Object===Object&&a||I||Function("return this")();function M(t){var e=-1,n=Array(t.size);return t.forEach((function(t,o){n[++e]=[o,t]})),n}function N(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var R=Function.prototype,W=Object.prototype,L=x["__core-js_shared__"],B=function(){var t=/[^.]+$/.exec(L&&L.keys&&L.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),V=R.toString,K=W.hasOwnProperty,P=W.toString,G=RegExp("^"+V.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),U=x.Symbol,H=U?U.iterator:void 0,_=W.propertyIsEnumerable,q=Math.floor,J=function(t,e){return function(n){return t(e(n))}}(Object.keys,Object),Q=Math.random,X=ct(x,"DataView"),Y=ct(x,"Map"),Z=ct(x,"Promise"),tt=ct(x,"Set"),et=ct(x,"WeakMap"),nt=lt(X),ot=lt(Y),rt=lt(Z),st=lt(tt),it=lt(et);function at(t,e){return t+q(Q()*(e-t+1))}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){if(!pt(t)||function(t){return!!B&&B in t}(t))return!1;var e=ht(t)||function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:l;return e.test(lt(t))}(n)?n:void 0}var ut=function(t){return P.call(t)};function dt(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||m.test(t))&&t>-1&&t%1==0&&t<n}function lt(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(X&&ut(new X(new ArrayBuffer(1)))!=i||Y&&ut(new Y)!=n||Z&&ut(Z.resolve())!=o||tt&&ut(new tt)!=r||et&&ut(new et)!=s)&&(ut=function(t){var e=P.call(t),a="[object Object]"==e?t.constructor:void 0,c=a?lt(a):void 0;if(c)switch(c){case nt:return i;case ot:return n;case rt:return o;case st:return r;case it:return s}return e});var ft=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!ht(t)}function ht(t){var e=pt(t)?P.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}function pt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function bt(t){return!!t&&"object"==typeof t}function vt(t){return t?function(t,e){return function(t,e){for(var n=-1,o=t?t.length:0,r=Array(o);++n<o;)r[n]=e(t[n]);return r}(e,(function(e){return t[e]}))}(t,function(t){return mt(t)?function(t){var e=ft(t)||function(t){return function(t){return bt(t)&&mt(t)}(t)&&K.call(t,"callee")&&(!_.call(t,"callee")||"[object Arguments]"==P.call(t))}(t)?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],n=e.length,o=!!n;for(var r in t)!K.call(t,r)||o&&("length"==r||dt(r,n))||e.push(r);return e}(t):function(t){if(!function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||W)}(t))return J(t);var e=[];for(var n in Object(t))K.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}(t)):[]}return z=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!ft(t)&&bt(t)&&"[object String]"==P.call(t)}(t)?function(t){return function(t){return $.test(t)}(t)?function(t){return t.match(T)||[]}(t):function(t){return t.split("")}(t)}(t):function(t,e){var n=-1,o=t.length;for(e||(e=Array(o));++n<o;)e[n]=t[n];return e}(t);if(H&&t[H])return function(t){for(var e,n=[];!(e=t.next()).done;)n.push(e.value);return n}(t[H]());var e=ut(t);return(e==n?M:e==r?N:vt)(t)}(e),l=a.length,m=l-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?mt(n)&&dt(e,n.length):"string"==o&&e in n)&&function(t,e){return t===e||t!=t&&e!=e}(n[e],t)}(e,o,s):void 0===o)?1:function(t,e,n){return t==t&&(void 0!==n&&(t=t<=n?t:n),t=t>=0?t:0),t}(function(e){var n=function(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||bt(t)&&"[object Symbol]"==P.call(t)}(t))return NaN;if(pt(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=pt(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var n=d.test(t);return n||f.test(t)?F(t.slice(2),n?2:8):u.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}(e),o=n%1;return n==n?o?n-o:n:0}(o),0,l);++i<o;){var h=at(i,m),p=a[h];a[h]=a[i],a[i]=p}return a.length=o,a}}());const F=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,e)=>{const n=this.getEmbeddedDocumentComponents(t);if(n)for(const t of n.documentComponents)this.handleOpenToggle(t,e.next)},this.DocumentComponent=({path:t})=>{const e=t.at(-1);if(!e||"table-of-contents"===this.mode&&"LID"===e.type)return o(r,null);const{DocumentComponent:n}=this,s=this.getEmbeddedDocumentComponents(e);let i,a,c,u,d;return this.hasNestedDraft(e)&&(this.showBesluitversie?(i="B",a="primary",c="Dit is een besluitversie."):(i="!",a="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),e.bevatOntwerpInformatie&&(this.showBesluitversie?(u="Besluitversie",d="primary"):(u="Ontwerp",d="warning")),o("dso-document-component",{annotated:this.isAnnotated(e),filtered:this.isOpen(e)?this.isFiltered(e):this.hasFilteredChildren(e),gereserveerd:e.gereserveerd,headingLevel:2,kop:e.kop,inhoud:e.inhoud,openAnnotation:this.isOpenedAnnotation(e),notApplicable:this.isNotApplicable(e)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(e,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(e),open:this.isOpen(e),type:e.type,vervallen:e.vervallen,wijzigactie:e.wijzigactie,recursiveToggle:this.recursiveToggleState(e),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(e,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+e.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:i,badgeStatus:a,badgeTooltip:c,label:u,labelStatus:d},this.isOpenedAnnotation(e)&&o("div",{slot:"annotations"},o("dso-annotation-locatie",{active:this.isCheckedSlideToggle(e),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(e)},o("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(e)&&s?.documentComponents.length&&o("ul",{class:"dso-document-component-list"},s.documentComponents.map((e=>o("li",{key:e.documentTechnischId},o(n,{path:[...t,e]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:e}=t;return o("button",{type:"button",onClick:()=>this.document=t},o("span",null,o("i",null,e)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const e=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of e)e.push(...this.concatEmbeddedDocumentComponents(t));return e}selectRandomDocumentComponents(t,e=[]){const n=this.concatEmbeddedDocumentComponents(t).filter((t=>!e.includes(t))),o=T(0,Math.floor(n.length/10));return $(n,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,e){const n="boolean"==typeof e?e:this.openOrClosed.includes(t);n&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((e=>e!==t)):n||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,e){this.openedAnnotation=this.isOpenedAnnotation(t)&&!e.next?this.openedAnnotation.filter((e=>e!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((e=>e!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const e=this.getEmbeddedDocumentComponents(t);if(e&&!(e.documentComponents.length<=1)&&e.documentComponents.some((t=>"ARTIKEL"===t.type)))return e.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:e}=this;return o("dso-responsive-element",{key:"dd6c3e855d2304deff0ce4e45a75d7364b69d7e8",class:"dso-document-components"},o("div",{key:"29d05577d45f45295999ab045b32379637e2e4c6",class:"dso-navbar"},o("ul",{key:"c76a943913b4bde6c547d455c00e3e517f9e7eaa",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>o("li",{class:this.document===t?"dso-active":void 0},o(e,{documentComponent:t})))))),this.document&&o(t,{key:"b0799337f9b5559d0e712cb8154a1a61234ddd20",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}static get style(){return".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}"}},[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],showBesluitversie:[4,"show-besluitversie"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],mode:[513],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],response:[32],document:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]},void 0,{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}]),I=F,x=function(){"undefined"!=typeof customElements&&["dsot-document-component-demo","dso-alert","dso-annotation-locatie","dso-badge","dso-document-component","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-modal","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-renvooi","dso-responsive-element","dso-scrollable","dso-slide-toggle","dso-table","dso-truncate"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))||customElements.define(s(t),F);break;case"dso-alert":customElements.get(s(t))||u();break;case"dso-annotation-locatie":customElements.get(s(t))||d();break;case"dso-badge":customElements.get(s(t))||l();break;case"dso-document-component":customElements.get(s(t))||f();break;case"dso-icon":customElements.get(s(t))||m();break;case"dso-icon-button":customElements.get(s(t))||h();break;case"dso-image-overlay":customElements.get(s(t))||p();break;case"dso-label":customElements.get(s(t))||b();break;case"dso-modal":customElements.get(s(t))||v();break;case"dso-ozon-content":customElements.get(s(t))||c();break;case"dso-ozon-content-toggletip":customElements.get(s(t))||g();break;case"dso-panel":customElements.get(s(t))||y();break;case"dso-renvooi":customElements.get(s(t))||j();break;case"dso-responsive-element":customElements.get(s(t))||k();break;case"dso-scrollable":customElements.get(s(t))||C();break;case"dso-slide-toggle":customElements.get(s(t))||E();break;case"dso-table":customElements.get(s(t))||w();break;case"dso-truncate":customElements.get(s(t))||D()}}))};export{I as DsotDocumentComponentDemo,x as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Fragment as r,transformTag as s}from"@stencil/core/internal/client";import{g as i,c as a,d as c}from"./ozon-content.js";import{d as u}from"./alert.js";import{d as f}from"./annotation-locatie.js";import{d}from"./badge.js";import{d as l}from"./document-component.js";import{d as m}from"./icon.js";import{d as h}from"./icon-button.js";import{d as p}from"./image-overlay.js";import{d as b}from"./label.js";import{d as v}from"./modal.js";import{d as g}from"./ozon-content-toggletip.js";import{d as y}from"./panel.js";import{d as j}from"./renvooi.js";import{d as k}from"./responsive-element.js";import{d as C}from"./scrollable.js";import{d as E}from"./slide-toggle.js";import{d as w}from"./table.js";import{d as D}from"./truncate.js";var A,O,z,S,T=i(function(){if(O)return A;O=1;var t=1/0,e=9007199254740991,n=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,s=/^0o[0-7]+$/i,i=/^(?:0|[1-9]\d*)$/,a=parseFloat,c=parseInt,u=Object.prototype.toString,f=Math.floor,d=Math.min,l=Math.random;function m(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function h(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==u.call(t)}(t))return NaN;if(m(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=m(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var i=r.test(t);return i||s.test(t)?c(t.slice(2),i?2:8):o.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}return A=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!m(o))return!1;var r=typeof n;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!function(t){var e=m(t)?u.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}(t)}(o)&&function(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||i.test(t))&&t>-1&&t%1==0&&t<n}(n,o.length):"string"==r&&n in o)&&function(t,e){return t===e||t!=t&&e!=e}(o[n],t)}(t,n,o)&&(n=o=void 0),void 0===o&&("boolean"==typeof n?(o=n,n=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===n?(t=0,n=1):(t=h(t),void 0===n?(n=t,t=0):n=h(n)),t>n){var r=t;t=n,n=r}if(o||t%1||n%1){var s=l();return d(t+s*(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+f(l()*(e-t+1))}(t,n)}}()),$=i(function(){if(S)return z;S=1;var t=1/0,e=9007199254740991,n="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",i="[object DataView]",c=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,f=/^0b[01]+$/i,d=/^\[object .+?Constructor\]$/,l=/^0o[0-7]+$/i,m=/^(?:0|[1-9]\d*)$/,h="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+h+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+h+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"|"+j+")?",A="["+v+"]?",O=A+D+"(?:"+w+"(?:"+[k,C,E].join("|")+")"+A+D+")*",T=RegExp(j+"(?="+j+")|(?:"+[k+y+"?",y,C,E,g].join("|")+")"+O,"g"),$=RegExp("["+w+h+p+b+v+"]"),F=parseInt,I="object"==typeof self&&self&&self.Object===Object&&self,x="object"==typeof a&&a&&a.Object===Object&&a||I||Function("return this")();function M(t){var e=-1,n=Array(t.size);return t.forEach((function(t,o){n[++e]=[o,t]})),n}function N(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var R=Function.prototype,W=Object.prototype,L=x["__core-js_shared__"],B=function(){var t=/[^.]+$/.exec(L&&L.keys&&L.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),V=R.toString,K=W.hasOwnProperty,P=W.toString,G=RegExp("^"+V.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),U=x.Symbol,H=U?U.iterator:void 0,_=W.propertyIsEnumerable,q=Math.floor,J=function(t,e){return function(n){return t(e(n))}}(Object.keys,Object),Q=Math.random,X=ct(x,"DataView"),Y=ct(x,"Map"),Z=ct(x,"Promise"),tt=ct(x,"Set"),et=ct(x,"WeakMap"),nt=dt(X),ot=dt(Y),rt=dt(Z),st=dt(tt),it=dt(et);function at(t,e){return t+q(Q()*(e-t+1))}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){if(!pt(t)||function(t){return!!B&&B in t}(t))return!1;var e=ht(t)||function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:d;return e.test(dt(t))}(n)?n:void 0}var ut=function(t){return P.call(t)};function ft(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||m.test(t))&&t>-1&&t%1==0&&t<n}function dt(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(X&&ut(new X(new ArrayBuffer(1)))!=i||Y&&ut(new Y)!=n||Z&&ut(Z.resolve())!=o||tt&&ut(new tt)!=r||et&&ut(new et)!=s)&&(ut=function(t){var e=P.call(t),a="[object Object]"==e?t.constructor:void 0,c=a?dt(a):void 0;if(c)switch(c){case nt:return i;case ot:return n;case rt:return o;case st:return r;case it:return s}return e});var lt=Array.isArray;function mt(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!ht(t)}function ht(t){var e=pt(t)?P.call(t):"";return"[object Function]"==e||"[object GeneratorFunction]"==e}function pt(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function bt(t){return!!t&&"object"==typeof t}function vt(t){return t?function(t,e){return function(t,e){for(var n=-1,o=t?t.length:0,r=Array(o);++n<o;)r[n]=e(t[n]);return r}(e,(function(e){return t[e]}))}(t,function(t){return mt(t)?function(t){var e=lt(t)||function(t){return function(t){return bt(t)&&mt(t)}(t)&&K.call(t,"callee")&&(!_.call(t,"callee")||"[object Arguments]"==P.call(t))}(t)?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],n=e.length,o=!!n;for(var r in t)!K.call(t,r)||o&&("length"==r||ft(r,n))||e.push(r);return e}(t):function(t){if(!function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||W)}(t))return J(t);var e=[];for(var n in Object(t))K.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}(t)):[]}return z=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(mt(t))return function(t){return"string"==typeof t||!lt(t)&&bt(t)&&"[object String]"==P.call(t)}(t)?function(t){return function(t){return $.test(t)}(t)?function(t){return t.match(T)||[]}(t):function(t){return t.split("")}(t)}(t):function(t,e){var n=-1,o=t.length;for(e||(e=Array(o));++n<o;)e[n]=t[n];return e}(t);if(H&&t[H])return function(t){for(var e,n=[];!(e=t.next()).done;)n.push(e.value);return n}(t[H]());var e=ut(t);return(e==n?M:e==r?N:vt)(t)}(e),d=a.length,m=d-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?mt(n)&&ft(e,n.length):"string"==o&&e in n)&&function(t,e){return t===e||t!=t&&e!=e}(n[e],t)}(e,o,s):void 0===o)?1:function(t,e,n){return t==t&&(void 0!==n&&(t=t<=n?t:n),t=t>=0?t:0),t}(function(e){var n=function(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||bt(t)&&"[object Symbol]"==P.call(t)}(t))return NaN;if(pt(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=pt(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var n=f.test(t);return n||l.test(t)?F(t.slice(2),n?2:8):u.test(t)?NaN:+t}(e))===t||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}(e),o=n%1;return n==n?o?n-o:n:0}(o),0,d);++i<o;){var h=at(i,m),p=a[h];a[h]=a[i],a[i]=p}return a.length=o,a}}());const F=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,e)=>{const n=this.getEmbeddedDocumentComponents(t);if(n)for(const t of n.documentComponents)this.handleOpenToggle(t,e.next)},this.DocumentComponent=({path:t})=>{const e=t.at(-1);if(!e||"table-of-contents"===this.mode&&"LID"===e.type)return o(r,null);const{DocumentComponent:n}=this,s=this.getEmbeddedDocumentComponents(e);let i,a,c,u,f;return this.hasNestedDraft(e)&&(this.showBesluitversie?(i="B",a="primary",c="Dit is een besluitversie."):(i="!",a="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),e.bevatOntwerpInformatie&&(this.showBesluitversie?(u="Besluitversie",f="primary"):(u="Ontwerp",f="warning")),o("dso-document-component",{annotated:this.isAnnotated(e),filtered:this.isOpen(e)?this.isFiltered(e):this.hasFilteredChildren(e),gereserveerd:e.gereserveerd,headingLevel:2,kop:e.kop,inhoud:e.inhoud,openAnnotation:this.isOpenedAnnotation(e),notApplicable:this.isNotApplicable(e)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(e,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(e),open:this.isOpen(e),type:e.type,vervallen:e.vervallen,wijzigactie:e.wijzigactie,recursiveToggle:this.recursiveToggleState(e),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(e,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+e.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:i,badgeStatus:a,badgeTooltip:c,label:u,labelStatus:f},this.isOpenedAnnotation(e)&&o("div",{slot:"annotations"},o("dso-annotation-locatie",{active:this.isCheckedSlideToggle(e),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(e)},o("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(e)&&s?.documentComponents.length&&o("ul",{class:"dso-document-component-list"},s.documentComponents.map((e=>o("li",{key:e.documentTechnischId},o(n,{path:[...t,e]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:e}=t;return o("button",{type:"button",onClick:()=>this.document=t},o("span",null,o("i",null,e)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const e=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of e)e.push(...this.concatEmbeddedDocumentComponents(t));return e}selectRandomDocumentComponents(t,e=[]){const n=this.concatEmbeddedDocumentComponents(t).filter((t=>!e.includes(t))),o=T(0,Math.floor(n.length/10));return $(n,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,e){const n="boolean"==typeof e?e:this.openOrClosed.includes(t);n&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((e=>e!==t)):n||this.openOrClosed.includes(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,e){this.openedAnnotation=this.isOpenedAnnotation(t)&&!e.next?this.openedAnnotation.filter((e=>e!==t)):[...this.openedAnnotation,t],this.isOpen(t)||(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((e=>e!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)||(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const e=this.getEmbeddedDocumentComponents(t);if(e&&!(e.documentComponents.length<=1)&&e.documentComponents.some((t=>"ARTIKEL"===t.type)))return e.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type||"DIVISIETEKST"===t.type||"ARTIKEL"===t.type||"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:e}=this;return o("dso-responsive-element",{key:"325c3f0c6cae4feecaf9e01fe74fc602a653f137",class:"dso-document-components"},o("div",{key:"df6ff8a61e2fefc28b9dace9ea88fcc2b6f0009e",class:"dso-navbar"},o("ul",{key:"6b44f5260a57c2a296068aa9d122c31e3d8d6502",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>o("li",{class:this.document===t?"dso-active":void 0},o(e,{documentComponent:t})))))),this.document&&o(t,{key:"fd300e2da9b2e29b46e29c3108e78f609e8b4e40",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}static get style(){return".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}"}},[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],showBesluitversie:[4,"show-besluitversie"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],mode:[513],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],response:[32],document:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]},void 0,{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}]),I=F,x=function(){"undefined"!=typeof customElements&&["dsot-document-component-demo","dso-alert","dso-annotation-locatie","dso-badge","dso-document-component","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-modal","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-renvooi","dso-responsive-element","dso-scrollable","dso-slide-toggle","dso-table","dso-truncate"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))||customElements.define(s(t),F);break;case"dso-alert":customElements.get(s(t))||u();break;case"dso-annotation-locatie":customElements.get(s(t))||f();break;case"dso-badge":customElements.get(s(t))||d();break;case"dso-document-component":customElements.get(s(t))||l();break;case"dso-icon":customElements.get(s(t))||m();break;case"dso-icon-button":customElements.get(s(t))||h();break;case"dso-image-overlay":customElements.get(s(t))||p();break;case"dso-label":customElements.get(s(t))||b();break;case"dso-modal":customElements.get(s(t))||v();break;case"dso-ozon-content":customElements.get(s(t))||c();break;case"dso-ozon-content-toggletip":customElements.get(s(t))||g();break;case"dso-panel":customElements.get(s(t))||y();break;case"dso-renvooi":customElements.get(s(t))||j();break;case"dso-responsive-element":customElements.get(s(t))||k();break;case"dso-scrollable":customElements.get(s(t))||C();break;case"dso-slide-toggle":customElements.get(s(t))||E();break;case"dso-table":customElements.get(s(t))||w();break;case"dso-truncate":customElements.get(s(t))||D()}}))};export{I as DsotDocumentComponentDemo,x as defineCustomElement}