npm - @dso-toolkit/core - Versions diffs - 95.2.0 → 97.0.0-ghi-3769.0 - Mend

@dso-toolkit/core 95.2.0 → 97.0.0-ghi-3769.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (506) hide show

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

	@@ -1 +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 f}from"./badge.js";import{d as l}from"./document-component.js";import{d as h}from"./icon.js";import{d as m}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";var D,A,O,z,S=i(function(){if(A)return D;A=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,f=Math.min,l=Math.random;function h(t){var e=typeof t;return!!t&&("object"==e\|\|"function"==e)}function m(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(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(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 D=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!h(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=h(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=m(t),void 0===n?(n=t,t=0):n=m(n)),t>n){var r=t;t=n,n=r}if(o\|\|t%1\|\|n%1){var s=l();return f(t+s(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+d(l()(e-t+1))}(t,n)}}()),T=i(function(){if(z)return O;z=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,f=/^\[object .+?Constructor\]$/,l=/^0o[0-7]+$/i,h=/^(?:0\|[1-9]\d)$/,m="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+m+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+m+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"\|"+j+")?",A="["+v+"]?",S=A+D+"(?:"+w+"(?:"+[k,C,E].join("\|")+")"+A+D+")",T=RegExp(j+"(?="+j+")\|(?:"+[k+y+"?",y,C,E,g].join("\|")+")"+S,"g"),$=RegExp("["+w+m+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,B=x["__core-js_shared__"],L=function(){var t=/[^.]+$/.exec(B&&B.keys&&B.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=ft(X),ot=ft(Y),rt=ft(Z),st=ft(tt),it=ft(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!!L&&L in t}(t))return!1;var e=mt(t)\|\|function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:f;return e.test(ft(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\|\|h.test(t))&&t>-1&&t%1==0&&t<n}function ft(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?ft(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 ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!mt(t)}function mt(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 ht(t)?function(t){var e=lt(t)\|\|function(t){return function(t){return bt(t)&&ht(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 O=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(ht(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),f=a.length,h=f-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?ht(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\|\|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,f);++i<o;){var m=at(i,h),p=a[m];a[m]=a[i],a[i]=p}return a.length=o,a}}());const $=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,heading:"h2",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=S(0,Math.floor(n.length/10));return T(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:"058599f9650f815afa87f970232d8ed44b2663d1",class:"dso-document-components"},o("div",{key:"dc467ffba434c8fa8cc067e030b58a0b8ca50f89",class:"dso-navbar"},o("ul",{key:"55ddfb08d2fec8e08c59e049c8c89c438d7b6091",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:"36d612b47417ca9942463efd45f5e52fc6dfe198",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}]}]),F=$,I=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"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))\|\|customElements.define(s(t),$);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))\|\|f();break;case"dso-document-component":customElements.get(s(t))\|\|l();break;case"dso-icon":customElements.get(s(t))\|\|h();break;case"dso-icon-button":customElements.get(s(t))\|\|m();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()}}))};export{F as DsotDocumentComponentDemo,I as defineCustomElement}
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 f}from"./badge.js";import{d as l}from"./document-component.js";import{d as h}from"./icon.js";import{d as m}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";var D,A,O,z,S=i(function(){if(A)return D;A=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,f=Math.min,l=Math.random;function h(t){var e=typeof t;return!!t&&("object"==e\|\|"function"==e)}function m(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(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(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 D=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!h(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=h(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=m(t),void 0===n?(n=t,t=0):n=m(n)),t>n){var r=t;t=n,n=r}if(o\|\|t%1\|\|n%1){var s=l();return f(t+s(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+d(l()(e-t+1))}(t,n)}}()),T=i(function(){if(z)return O;z=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,f=/^\[object .+?Constructor\]$/,l=/^0o[0-7]+$/i,h=/^(?:0\|[1-9]\d)$/,m="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+m+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+m+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"\|"+j+")?",A="["+v+"]?",S=A+D+"(?:"+w+"(?:"+[k,C,E].join("\|")+")"+A+D+")",T=RegExp(j+"(?="+j+")\|(?:"+[k+y+"?",y,C,E,g].join("\|")+")"+S,"g"),$=RegExp("["+w+m+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,B=x["__core-js_shared__"],L=function(){var t=/[^.]+$/.exec(B&&B.keys&&B.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=ft(X),ot=ft(Y),rt=ft(Z),st=ft(tt),it=ft(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!!L&&L in t}(t))return!1;var e=mt(t)\|\|function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:f;return e.test(ft(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\|\|h.test(t))&&t>-1&&t%1==0&&t<n}function ft(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?ft(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 ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!mt(t)}function mt(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 ht(t)?function(t){var e=lt(t)\|\|function(t){return function(t){return bt(t)&&ht(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 O=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(ht(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),f=a.length,h=f-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?ht(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\|\|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,f);++i<o;){var m=at(i,h),p=a[m];a[m]=a[i],a[i]=p}return a.length=o,a}}());const $=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,heading:"h2",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=S(0,Math.floor(n.length/10));return T(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:"3da23565a2101bbe52be56b25878ffec369aff05",class:"dso-document-components"},o("div",{key:"a849bcbabe22f43376d7b0e1a0c7ce967e4f24af",class:"dso-navbar"},o("ul",{key:"eff0e1a6e8db844b52d54c18b10c4217b73f1465",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:"d687e63404d61a6527fe45405e29ad288dd622c5",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}]}]),F=$,I=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"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))\|\|customElements.define(s(t),$);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))\|\|f();break;case"dso-document-component":customElements.get(s(t))\|\|l();break;case"dso-icon":customElements.get(s(t))\|\|h();break;case"dso-icon-button":customElements.get(s(t))\|\|m();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()}}))};export{F as DsotDocumentComponentDemo,I as defineCustomElement}

package/dist/components/expandable.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation\|\|(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return n(s,{key:"~~b810b0f7e7d855836374cb60e55ab653c16cdb44~~","aria-hidden":this.open?"false":"true",class:o({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},n("div",{key:"~~63b2112c1323c523664f6eae7585bbdfd02a4238~~",class:"slot-container"},n("slot",{key:"~~1db6f972e60b261ab42e49f993494b95f4a4ccf2~~"})))}get host(){return this}static get watchers(){return{open:[{toggleOpen:0}]}}static get style(){return":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block},::after,*::before{box-sizing:border-box}"}},[257,"dso-expandable",{open:[516],enableAnimation:[516,"enable-animation"],minimumHeight:[2,"minimum-height"],isClosed:[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{open:[{toggleOpen:0}]}]);function l(){"undefined"!=typeof customElements&&["dso-expandable"].forEach((e=>{"dso-expandable"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),r))}))}export{r as E,l as d}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation\|\|(this.isClosed=!this.open)}transitionstartHandler(t){t.stopPropagation(),"grid-template-rows"===t.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(t){t.stopPropagation(),"grid-template-rows"===t.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return n(s,{key:"cb4240aaf6c07bc54ffe334b2ba05a7471593dcd","aria-hidden":this.open?"false":"true",class:o({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},n("div",{key:"5e649127a1d0b41628bf5106f161d037cbc02d4e",class:"slot-container"},n("slot",{key:"44ccc85c8af6b6fd368323bd04b22624227daa70"})))}get host(){return this}static get watchers(){return{open:[{toggleOpen:0}]}}static get style(){return":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block},::after,*::before{box-sizing:border-box}"}},[257,"dso-expandable",{open:[516],enableAnimation:[516,"enable-animation"],minimumHeight:[2,"minimum-height"],isClosed:[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{open:[{toggleOpen:0}]}]);function l(){"undefined"!=typeof customElements&&["dso-expandable"].forEach((t=>{"dso-expandable"===t&&(customElements.get(a(t))\|\|customElements.define(a(t),r))}))}export{r as E,l as d}

package/dist/components/icon-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as r,createEvent as e,h as t,transformTag as s}from"@stencil/core/internal/client";import{p as a,T as n}from"./tooltip.functional-component.js";import{d as i}from"./icon.js";const d=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClick=e(this,"dsoClick",3),this.lastClickTime=0,this.tooltipShowDelay=500,this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.handleShowTooltip=()=>{this.disabled\|\|Date.now()-this.lastClickTime<this.tooltipShowDelay\|\|(this.clearToolTipTimeout(),this.tooltipTimeout=window.setTimeout((()=>{this.tooltipElRef?.isConnected&&(this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.buttonElRef&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=a({referenceElement:this.buttonElRef,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:this.tooltipPlacement,topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0})))}),this.tooltipShowDelay))},this.clearToolTipTimeout=()=>{this.tooltipTimeout&&clearTimeout(this.tooltipTimeout)},this.handleHideTooltip=()=>{this.clearToolTipTimeout(),this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()},this.handleClick=o=>{this.lastClickTime=Date.now(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o})}}async setFocus(){this.buttonElRef?.focus()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}disconnectedCallback(){this.clearToolTipTimeout(),this.cleanUpTooltip()}render(){return t("button",{key:"02d16210dbee769bc2e12a292d8bde5a0833a0a2",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant}`,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},t("dso-icon",{key:"11dac1e867635398ee8f7df96ec392d8ccd1077e",icon:this.icon}),t(n,{key:"38929a7fd469d4d0ca9325dc5e039df1d9b285aa",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},this.label))}static get style(){return".dso-tooltip { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip { --_dso-icon-button-tertiary-color: #fff; --_dso-icon-button-tertiary-hover-color: #e5e5e5; --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #666; color: #fff; border-radius: 4px; overflow: unset; margin: 0; border: 0; padding: 0; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)); opacity: 0; visibility: hidden; max-inline-size: 320px; } .dso-tooltip .tooltip-inner { --_dt-span-role-paragraph-margin-block: 8px; --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip .tooltip-inner { --_dso-icon-button-tertiary-color: #fff; --_dso-icon-button-tertiary-hover-color: #e5e5e5; --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #666; color: #fff; font-family: Asap, sans-serif; font-size: 1rem; font-weight: normal; padding-block: 0; padding-inline: 8px; border-radius: 4px; line-height: 1.5; } .dso-tooltip .tooltip-arrow { position: absolute; background-color: #666; border-start-start-radius: 4px; block-size: 8px; inline-size: 8px; pointer-events: none; z-index: -1; } :host { display: inline-block; line-height: 1; } , ::after, *::before { box-sizing: border-box; } .dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dt-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-secondary:focus, .dso-secondary:focus-visible { outline-offset: 2px; } .dso-secondary:active { outline: 0; } .dso-secondary.extern::after, .dso-secondary.download::after { content: \"\"; display: inline-block; } .dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dt-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dt-button-float-secondary, none); } .dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dt-button-float-secondary, none); } .dso-secondary[disabled], .dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dt-button-float-secondary, none); } .dso-secondary.dso-small { line-height: 1rem; } .dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { line-height: 1rem; } .dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { padding-block: 9px; } .dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-secondary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-secondary { padding-inline: calc(8px - 1px); padding-block: calc(8px - 1px); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); border-block-end-width: var(--_dt-icon-button-border-block-end-width, 1px); border-inline-end-width: var(--_dt-icon-button-border-inline-end-width, 1px); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dt-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary.extern::after, .dso-tertiary.download::after { content: \"\"; display: inline-block; } .dso-tertiary { padding-inline: 0; padding-block: 0; color: var(--_dso-icon-button-tertiary-color, #39870c); background-color: transparent; border: 0; } .dso-tertiary:not([disabled]):hover { color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]):active { color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary[disabled] { color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d)); } .dso-map { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dt-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-map:focus, .dso-map:focus-visible { outline-offset: 2px; } .dso-map:active { outline: 0; } .dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dt-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dt-button-float-secondary, none); } .dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dt-button-float-secondary, none); } .dso-map[disabled], .dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dt-button-float-secondary, none); } .dso-map.dso-small { line-height: 1rem; } .dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { line-height: 1rem; } .dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { padding-block: 9px; } .dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-map.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]):hover::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]):hover::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } .dso-map:focus, .dso-map:focus-visible { outline-offset: -1px; } .dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } .dso-map { padding-inline: 8px; padding-block: 8px; border: 0; margin-inline-end: 0; box-shadow: var(--_dt-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3)); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); } .icon-button { min-inline-size: auto; cursor: pointer; } .icon-button[disabled] { cursor: default; }"}},[1,"dso-icon-button",{icon:[513],label:[513],variant:[513],tooltipPlacement:[513,"tooltip-placement"],disabled:[516],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["dso-icon-button","dso-icon"].forEach((o=>{switch(o){case"dso-icon-button":customElements.get(s(o))\|\|customElements.define(s(o),d);break;case"dso-icon":customElements.get(s(o))\|\|i()}}))}export{d as I,l as d}
1	+ import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as e,transformTag as a}from"@stencil/core/internal/client";import{p as n,T as s}from"./tooltip.functional-component.js";import{d}from"./icon.js";const i=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClick=t(this,"dsoClick",3),this.lastClickTime=0,this.tooltipShowDelay=500,this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.toggled=!1,this.handleShowTooltip=()=>{this.disabled\|\|Date.now()-this.lastClickTime<this.tooltipShowDelay\|\|(this.clearToolTipTimeout(),this.tooltipTimeout=window.setTimeout((()=>{this.tooltipElRef?.isConnected&&(this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.buttonElRef&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=n({referenceElement:this.buttonElRef,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:this.tooltipPlacement,topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0})))}),this.tooltipShowDelay))},this.clearToolTipTimeout=()=>{this.tooltipTimeout&&clearTimeout(this.tooltipTimeout)},this.handleHideTooltip=()=>{this.clearToolTipTimeout(),this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()},this.handleClick=o=>{this.lastClickTime=Date.now(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o,toggled:!this.toggled})}}async setFocus(){this.buttonElRef?.focus()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}disconnectedCallback(){this.clearToolTipTimeout(),this.cleanUpTooltip()}render(){return e("button",{key:"bcb111c03055a20cffd7a307a5835681ad66632e",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-pressed":this.toggled?"true":"false","aria-label":this.label,class:`icon-button dso-${this.variant} ${this.toggled?"toggled":""}`,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},e("dso-icon",{key:"f3b4a53078e8c9526882418e70b7f96f33f3b429",icon:this.icon,"aria-hidden":"true"}),e(s,{key:"97824d969d3d5edb5b844389ddb3e8f8a1caa916",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},this.label))}static get style(){return".dso-tooltip { --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip { --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #666; color: #fff; border-radius: 4px; overflow: unset; margin: 0; border: 0; padding: 0; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)); opacity: 0; visibility: hidden; max-inline-size: 320px; } .dso-tooltip .tooltip-inner { --_dt-span-role-paragraph-margin-block: 8px; --_dso-alert-success-border-color: #39870c; --_dso-alert-error-border-color: #ce3f51; --_dso-alert-info-border-color: #6ca4d9; --_dso-alert-warning-border-color: #dcd400; --link-color: currentColor; --link-hover-color: currentColor; --link-visited-color: currentColor; } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#call-wit\")); } .dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) { background-image: var(--_dso-di-background-image, url(\"./di.svg#mail-outline-wit\")); } .dso-tooltip .tooltip-inner { --_dso-icon-button-secondary-active-color: #fff; --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-secondary-toggled-color: #fff; --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2); --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-color: #f2f2f2; --_dso-icon-button-tertiary-hover-color: #fff; --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4); --_dso-icon-button-tertiary-toggled-color: #fff; --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3); --_dso-icon-button-tertiary-disabled-color: #b2b2b2; --_dso-button-primary-background-color: #fff; --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-background-color: #f2f2f2; --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-border-color: #fff; --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8); --_dso-button-primary-active-border-color: #f2f2f2; --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6); --_dso-button-primary-color: #191919; --_dso-button-primary-hover-color: #191919; --_dso-button-primary-active-color: #191919; --_dso-button-primary-disabled-color: #666; --_dso-button-secondary-background-color: none; --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2); --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-background-color: none; --_dso-button-secondary-border-color: #fff; --_dso-button-secondary-hover-border-color: #fff; --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4); --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7); --_dso-button-secondary-color: #fff; --_dso-button-secondary-hover-color: #fff; --_dso-button-secondary-active-color: #fff; --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7); --_dso-button-tertiary-color: #fff; --_dso-button-tertiary-hover-color: #fff; --_dso-button-tertiary-active-color: #fff; --_dso-button-tertiary-disabled-color: #b2b2b2; background-color: #666; color: #fff; font-family: Asap, sans-serif; font-size: 1rem; font-weight: normal; padding-block: 0; padding-inline: 8px; border-radius: 4px; line-height: 1.5; } .dso-tooltip .tooltip-arrow { position: absolute; background-color: #666; border-start-start-radius: 4px; block-size: 8px; inline-size: 8px; pointer-events: none; z-index: -1; } :host { display: inline-block; line-height: 1; position: var(--_dt-icon-button-position, static); inset-block-start: var(--_dt-icon-button-inset-block-start, 0); inset-inline-end: var(--_dt-icon-button-inset-inline-end, 0); } , ::after, *::before { box-sizing: border-box; } .dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dt-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-secondary:focus, .dso-secondary:focus-visible { outline-offset: 2px; } .dso-secondary:active { outline: 0; } .dso-secondary.extern::after, .dso-secondary.download::after { content: \"\"; display: inline-block; } .dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dt-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dt-button-float-secondary, none); } .dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dt-button-float-secondary, none); } .dso-secondary[disabled], .dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dt-button-float-secondary, none); } .dso-secondary.dso-small { line-height: 1rem; } .dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { line-height: 1rem; } .dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { padding-block: 9px; } .dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-secondary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-secondary { padding-inline: calc(8px - 1px); padding-block: calc(8px - 1px); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); border-block-end-width: var(--_dt-icon-button-border-block-end-width, 1px); border-inline-end-width: var(--_dt-icon-button-border-inline-end-width, 1px); } .dso-secondary:not([disabled]):active { background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-secondary:not([disabled]).toggled { background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937); border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937); color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-secondary:not([disabled]).toggled:hover { background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-secondary:not([disabled]).toggled:active { background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dt-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary.extern::after, .dso-tertiary.download::after { content: \"\"; display: inline-block; } .dso-tertiary { padding-inline: 0; padding-block: 0; color: var(--_dso-icon-button-tertiary-color, #39870c); background-color: transparent; border: 0; } .dso-tertiary:not([disabled]):hover { color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]):active { color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary:not([disabled]).toggled { color: var(--_dso-icon-button-tertiary-toggled-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]).toggled:hover { color: var(--_dso-icon-button-tertiary-toggled-hover-color, var(--_dso-icon-button-tertiary-color, #1b3e27)); } .dso-tertiary:not([disabled]).toggled:active { color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary[disabled] { color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d)); } .dso-map { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dt-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-map:focus, .dso-map:focus-visible { outline-offset: 2px; } .dso-map:active { outline: 0; } .dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); float: var(--_dt-button-float-secondary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; inline-size: var(--_dt-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); float: var(--_dt-button-float-secondary, none); } .dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); float: var(--_dt-button-float-secondary, none); } .dso-map[disabled], .dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); float: var(--_dt-button-float-secondary, none); } .dso-map.dso-small { line-height: 1rem; } .dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { line-height: 1rem; } .dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { padding-block: 9px; } .dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-map.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]):hover::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]):hover::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } .dso-map:focus, .dso-map:focus-visible { outline-offset: -1px; } .dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } .dso-map { padding-inline: 8px; padding-block: 8px; border: 0; margin-inline-end: 0; box-shadow: var(--_dt-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3)); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); } .dso-map:not([disabled]):active { background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-map:not([disabled]).toggled { background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937); border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937); color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-map:not([disabled]).toggled:hover { background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-map:not([disabled]).toggled:active { background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); } .icon-button { min-inline-size: auto; cursor: pointer; } .icon-button[disabled] { cursor: default; }"}},[1,"dso-icon-button",{icon:[513],label:[513],variant:[513],tooltipPlacement:[513,"tooltip-placement"],disabled:[516],toggled:[516],setFocus:[64]}]);function c(){"undefined"!=typeof customElements&&["dso-icon-button","dso-icon"].forEach((o=>{switch(o){case"dso-icon-button":customElements.get(a(o))\|\|customElements.define(a(o),i);break;case"dso-icon":customElements.get(a(o))\|\|d()}}))}export{i as I,c as d}