@dso-toolkit/core 101.2.0 → 103.0.0

package/dist/components/expandable.js

@@ -1 +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:"a0469ae8e68f3d121fcdab6fc08b8a92018d9ab0","aria-hidden":this.open?"false":"true",class:o({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},n("div",{key:"1fbfd59136f816df3d8b44c6c7dd54c8201435aa",class:"slot-container"},n("slot",{key:"6e7247668ff0ea70589c3b654a2b52b22379a717"})))}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}
+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:"de84de7e2f7c6718d7ca60d992e996683d4c3870","aria-hidden":this.open?"false":"true",class:o({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},n("div",{key:"66e7f431f9e5c6f29e935e350aef5aee3f4171fc",class:"slot-container"},n("slot",{key:"95955a13fafd1d9bc70e8b4d5c6bbad6f0836999"})))}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}.slot-container{min-inline-size:0}*,*::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}

package/dist/components/i18n.js

@@ -1 +1 @@
-const t=t=>"string"==typeof t,s=()=>{let t,s;const i=new Promise(((i,e)=>{t=i,s=e}));return i.resolve=t,i.reject=s,i},i=t=>null==t?"":String(t),e=/###/g,n=t=>t&&t.includes("###")?t.replace(e,"."):t,r=s=>!s||t(s),o=(s,i,e)=>{const o=t(i)?i.split("."):i;let h=0;for(;h<o.length-1;){if(r(s))return{};const t=n(o[h]);!s[t]&&e&&(s[t]=new e),s=Object.prototype.hasOwnProperty.call(s,t)?s[t]:{},++h}return r(s)?{}:{obj:s,k:n(o[h])}},h=(t,s,i)=>{const{obj:e,k:n}=o(t,s,Object);if(void 0!==e||1===s.length)return void(e[n]=i);let r=s[s.length-1],h=s.slice(0,s.length-1),a=o(t,h,Object);for(;void 0===a.obj&&h.length;)r=`${h[h.length-1]}.${r}`,h=h.slice(0,h.length-1),a=o(t,h,Object),a?.obj&&void 0!==a.obj[`${a.k}.${r}`]&&(a.obj=void 0);a.obj[`${a.k}.${r}`]=i},a=(t,s)=>{const{obj:i,k:e}=o(t,s);if(i&&Object.prototype.hasOwnProperty.call(i,e))return i[e]},c=(s,i,e)=>{for(const n in i)"__proto__"!==n&&"constructor"!==n&&(Object.prototype.hasOwnProperty.call(s,n)?t(s[n])||s[n]instanceof String||t(i[n])||i[n]instanceof String?e&&(s[n]=i[n]):c(s[n],i[n],e):s[n]=i[n]);return s},l=t=>t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},d=s=>t(s)?s.replace(/[&<>"'\/]/g,(t=>u[t])):s,f=[" ",",","?","!",";"],p=new class{constructor(t){this.capacity=t,this.regExpMap=new Map,this.regExpQueue=[]}getRegExp(t){const s=this.regExpMap.get(t);if(void 0!==s)return s;const i=new RegExp(t);return this.regExpQueue.length===this.capacity&&this.regExpMap.delete(this.regExpQueue.shift()),this.regExpMap.set(t,i),this.regExpQueue.push(t),i}}(20),g=(t,s,i=".")=>{if(!t)return;if(t[s]){if(!Object.prototype.hasOwnProperty.call(t,s))return;return t[s]}const e=s.split(i);let n=t;for(let t=0;t<e.length;){if(!n||"object"!=typeof n)return;let s,r="";for(let o=t;o<e.length;++o)if(o!==t&&(r+=i),r+=e[o],s=n[r],void 0!==s){if(["string","number","boolean"].includes(typeof s)&&o<e.length-1)continue;t+=o-t+1;break}n=s}return n},y=t=>t?.replace(/_/g,"-"),$={type:"logger",log(t){this.output("log",t)},warn(t){this.output("warn",t)},error(t){this.output("error",t)},output(t,s){console?.[t]?.apply?.(console,s)}};class v{constructor(t,s={}){this.init(t,s)}init(t,s={}){this.prefix=s.prefix||"i18next:",this.logger=t||$,this.options=s,this.debug=s.debug}log(...t){return this.forward(t,"log","",!0)}warn(...t){return this.forward(t,"warn","",!0)}error(...t){return this.forward(t,"error","")}deprecate(...t){return this.forward(t,"warn","WARNING DEPRECATED: ",!0)}forward(s,i,e,n){return n&&!this.debug?null:(s=s.map((s=>t(s)?s.replace(/[\r\n\x00-\x1F\x7F]/g," "):s)),t(s[0])&&(s[0]=`${e}${this.prefix} ${s[0]}`),this.logger[i](s))}create(t){return new v(this.logger,{prefix:`${this.prefix}:${t}:`,...this.options})}clone(t){return(t=t||this.options).prefix=t.prefix||this.prefix,new v(this.logger,t)}}var m=new v;class b{constructor(){this.observers={}}on(t,s){return t.split(" ").forEach((t=>{this.observers[t]||(this.observers[t]=new Map);const i=this.observers[t].get(s)||0;this.observers[t].set(s,i+1)})),this}off(t,s){this.observers[t]&&(s?this.observers[t].delete(s):delete this.observers[t])}once(t,s){const i=(...e)=>{s(...e),this.off(t,i)};return this.on(t,i),this}emit(t,...s){this.observers[t]&&Array.from(this.observers[t].entries()).forEach((([t,i])=>{for(let e=0;e<i;e++)t(...s)})),this.observers["*"]&&Array.from(this.observers["*"].entries()).forEach((([i,e])=>{for(let n=0;n<e;n++)i(t,...s)}))}}class x extends b{constructor(t,s={ns:["translation"],defaultNS:"translation"}){super(),this.data=t||{},this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),void 0===this.options.ignoreJSONStructure&&(this.options.ignoreJSONStructure=!0)}addNamespaces(t){this.options.ns.includes(t)||this.options.ns.push(t)}removeNamespaces(t){const s=this.options.ns.indexOf(t);s>-1&&this.options.ns.splice(s,1)}getResource(s,i,e,n={}){const r=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,o=void 0!==n.ignoreJSONStructure?n.ignoreJSONStructure:this.options.ignoreJSONStructure;let h;s.includes(".")?h=s.split("."):(h=[s,i],e&&(Array.isArray(e)?h.push(...e):t(e)&&r?h.push(...e.split(r)):h.push(e)));const c=a(this.data,h);return c||i||e||!s.includes(".")||(s=h[0],i=h[1],e=h.slice(2).join(".")),!c&&o&&t(e)?g(this.data?.[s]?.[i],e,r):c}addResource(t,s,i,e,n={silent:!1}){const r=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator;let o=[t,s];i&&(o=o.concat(r?i.split(r):i)),t.includes(".")&&(o=t.split("."),e=s,s=o[1]),this.addNamespaces(s),h(this.data,o,e),n.silent||this.emit("added",t,s,i,e)}addResources(s,i,e,n={silent:!1}){for(const n in e)(t(e[n])||Array.isArray(e[n]))&&this.addResource(s,i,n,e[n],{silent:!0});n.silent||this.emit("added",s,i,e)}addResourceBundle(t,s,i,e,n,r={silent:!1,skipCopy:!1}){let o=[t,s];t.includes(".")&&(o=t.split("."),e=i,i=s,s=o[1]),this.addNamespaces(s);let l=a(this.data,o)||{};r.skipCopy||(i=JSON.parse(JSON.stringify(i))),e?c(l,i,n):l={...l,...i},h(this.data,o,l),r.silent||this.emit("added",t,s,i)}removeResourceBundle(t,s){this.hasResourceBundle(t,s)&&delete this.data[t][s],this.removeNamespaces(s),this.emit("removed",t,s)}hasResourceBundle(t,s){return void 0!==this.getResource(t,s)}getResourceBundle(t,s){return s||(s=this.options.defaultNS),this.getResource(t,s)}getDataByLanguage(t){return this.data[t]}hasLanguageSomeTranslations(t){const s=this.getDataByLanguage(t);return!!(s&&Object.keys(s)||[]).find((t=>s[t]&&Object.keys(s[t]).length>0))}toJSON(){return this.data}}var j={processors:{},addPostProcessor(t){this.processors[t.name]=t},handle(t,s,i,e,n){return t.forEach((t=>{s=this.processors[t]?.process(s,i,e,n)??s})),s}};const w=Symbol("i18next/PATH_KEY");function O(t,s){const{[w]:i}=t(function(){const t=[],s=Object.create(null);let i;return s.get=(e,n)=>(i?.revoke?.(),n===w?t:(t.push(n),i=Proxy.revocable(e,s),i.proxy)),Proxy.revocable(Object.create(null),s).proxy}()),e=s?.keySeparator??".",n=s?.nsSeparator??":",r="strict"===s?.enableSelector;if(i.length>1&&n){const t=s?.ns,o=r?Array.isArray(t)?t:t?[t]:null:Array.isArray(t)?t:null;if(o&&(r?o:o.length>1?o.slice(1):[]).includes(i[0]))return`${i[0]}${n}${i.slice(1).join(e)}`}return i.join(e)}const S=s=>!t(s)&&"boolean"!=typeof s&&"number"!=typeof s;class k extends b{constructor(t,s={}){var i,e;super(),i=t,e=this,["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"].forEach((t=>{i[t]&&(e[t]=i[t])})),this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),this.logger=m.create("translator"),this.checkedLoadedFor={}}changeLanguage(t){t&&(this.language=t)}exists(t,s={interpolation:{}}){const i={...s};if(null==t)return!1;const e=this.resolve(t,i);if(void 0===e?.res)return!1;const n=S(e.res);return!1!==i.returnObjects||!n}extractFromKey(s,i){let e=void 0!==i.nsSeparator?i.nsSeparator:this.options.nsSeparator;void 0===e&&(e=":");const n=void 0!==i.keySeparator?i.keySeparator:this.options.keySeparator;let r=i.ns||this.options.defaultNS||[];const o=e&&s.includes(e),h=!(this.options.userDefinedKeySeparator||i.keySeparator||this.options.userDefinedNsSeparator||i.nsSeparator||((t,s,i)=>{s=s||"",i=i||"";const e=f.filter((t=>!s.includes(t)&&!i.includes(t)));if(0===e.length)return!0;const n=p.getRegExp(`(${e.map((t=>"?"===t?"\\?":t)).join("|")})`);let r=!n.test(t);if(!r){const s=t.indexOf(i);s>0&&!n.test(t.substring(0,s))&&(r=!0)}return r})(s,e,n));if(o&&!h){const i=s.match(this.interpolator.nestingRegexp);if(i&&i.length>0)return{key:s,namespaces:t(r)?[r]:r};const o=s.split(e);(e!==n||e===n&&this.options.ns.includes(o[0]))&&(r=o.shift()),s=o.join(n)}return{key:s,namespaces:t(r)?[r]:r}}translate(s,i,e){let n="object"==typeof i?{...i}:i;if("object"!=typeof n&&this.options.overloadTranslationOptionHandler&&(n=this.options.overloadTranslationOptionHandler(arguments)),"object"==typeof n&&(n={...n}),n||(n={}),null==s)return"";"function"==typeof s&&(s=O(s,{...this.options,...n})),Array.isArray(s)||(s=[String(s)]),s=s.map((t=>"function"==typeof t?O(t,{...this.options,...n}):String(t)));const r=void 0!==n.returnDetails?n.returnDetails:this.options.returnDetails,o=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,{key:h,namespaces:a}=this.extractFromKey(s[s.length-1],n),c=a[a.length-1];let l=void 0!==n.nsSeparator?n.nsSeparator:this.options.nsSeparator;void 0===l&&(l=":");const u=n.lng||this.language,d=n.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if("cimode"===u?.toLowerCase())return d?r?{res:`${c}${l}${h}`,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:`${c}${l}${h}`:r?{res:h,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:h;const f=this.resolve(s,n);let p=f?.res;const g=f?.usedKey||h,y=f?.exactUsedKey||h,$=void 0!==n.joinArrays?n.joinArrays:this.options.joinArrays,v=!this.i18nFormat||this.i18nFormat.handleAsObject,m=void 0!==n.count&&!t(n.count),b=k.hasDefaultValue(n),x=m?this.pluralResolver.getSuffix(u,n.count,n):"",j=n.ordinal&&m?this.pluralResolver.getSuffix(u,n.count,{ordinal:!1}):"",w=m&&!n.ordinal&&0===n.count,N=w&&n[`defaultValue${this.options.pluralSeparator}zero`]||n[`defaultValue${x}`]||n[`defaultValue${j}`]||n.defaultValue;let L=p;v&&!p&&b&&(L=N);const R=S(L),P=Object.prototype.toString.apply(L);if(!(v&&L&&R)||["[object Number]","[object Function]","[object RegExp]"].includes(P)||t($)&&Array.isArray(L))if(v&&t($)&&Array.isArray(p))p=p.join($),p&&(p=this.extendTranslation(p,s,n,e));else{let t=!1,i=!1;!this.isValidLookup(p)&&b&&(t=!0,p=N),this.isValidLookup(p)||(i=!0,p=h);const r=(n.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey)&&i?void 0:p,a=b&&N!==p&&this.options.updateMissing;if(i||t||a){if(this.logger.log(a?"updateKey":"missingKey",u,c,m&&!a?`${h}${this.pluralResolver.getSuffix(u,n.count,n)}`:h,a?N:p),o){const t=this.resolve(h,{...n,keySeparator:!1});t&&t.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}let t=[];const s=this.languageUtils.getFallbackCodes(this.options.fallbackLng,n.lng||this.language);if("fallback"===this.options.saveMissingTo&&s&&s[0])for(let i=0;i<s.length;i++)t.push(s[i]);else"all"===this.options.saveMissingTo?t=this.languageUtils.toResolveHierarchy(n.lng||this.language):t.push(n.lng||this.language);const i=(t,s,i)=>{const e=b&&i!==p?i:r;this.options.missingKeyHandler?this.options.missingKeyHandler(t,c,s,e,a,n):this.backendConnector?.saveMissing&&this.backendConnector.saveMissing(t,c,s,e,a,n),this.emit("missingKey",t,c,s,p)};this.options.saveMissing&&(this.options.saveMissingPlurals&&m?t.forEach((t=>{const s=this.pluralResolver.getSuffixes(t,n);w&&n[`defaultValue${this.options.pluralSeparator}zero`]&&!s.includes(`${this.options.pluralSeparator}zero`)&&s.push(`${this.options.pluralSeparator}zero`),s.forEach((s=>{i([t],h+s,n[`defaultValue${s}`]||N)}))})):i(t,h,N))}p=this.extendTranslation(p,s,n,f,e),i&&p===h&&this.options.appendNamespaceToMissingKey&&(p=`${c}${l}${h}`),(i||t)&&this.options.parseMissingKeyHandler&&(p=this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey?`${c}${l}${h}`:h,t?p:void 0,n))}else{if(!n.returnObjects&&!this.options.returnObjects){this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!");const t=this.options.returnedObjectHandler?this.options.returnedObjectHandler(g,L,{...n,ns:a}):`key '${h} (${this.language})' returned an object instead of string.`;return r?(f.res=t,f.usedParams=this.getUsedParamsDetails(n),f):t}if(o){const t=Array.isArray(L),s=t?[]:{},i=t?y:g;for(const t in L)if(Object.prototype.hasOwnProperty.call(L,t)){const e=`${i}${o}${t}`;s[t]=this.translate(e,b&&!p?{...n,defaultValue:S(N)?N[t]:void 0,joinArrays:!1,ns:a}:{...n,joinArrays:!1,ns:a}),s[t]===e&&(s[t]=L[t])}p=s}}return r?(f.res=p,f.usedParams=this.getUsedParamsDetails(n),f):p}extendTranslation(s,i,e,n,r){if(this.i18nFormat?.parse)s=this.i18nFormat.parse(s,{...this.options.interpolation.defaultVariables,...e},e.lng||this.language||n.usedLng,n.usedNS,n.usedKey,{resolved:n});else if(!e.skipInterpolation){e.interpolation&&this.interpolator.init({...e,interpolation:{...this.options.interpolation,...e.interpolation}});const o=t(s)&&(void 0!==e?.interpolation?.skipOnVariables?e.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables);let h;if(o){const t=s.match(this.interpolator.nestingRegexp);h=t&&t.length}let a=e.replace&&!t(e.replace)?e.replace:e;if(this.options.interpolation.defaultVariables&&(a={...this.options.interpolation.defaultVariables,...a}),s=this.interpolator.interpolate(s,a,e.lng||this.language||n.usedLng,e),o){const t=s.match(this.interpolator.nestingRegexp);h<(t&&t.length)&&(e.nest=!1)}!e.lng&&n&&n.res&&(e.lng=this.language||n.usedLng),!1!==e.nest&&(s=this.interpolator.nest(s,((...t)=>r?.[0]!==t[0]||e.context?this.translate(...t,i):(this.logger.warn(`It seems you are nesting recursively key: ${t[0]} in key: ${i[0]}`),null)),e)),e.interpolation&&this.interpolator.reset()}const o=e.postProcess||this.options.postProcess,h=t(o)?[o]:o;return null!=s&&h?.length&&!1!==e.applyPostProcessor&&(s=j.handle(h,s,i,this.options&&this.options.postProcessPassResolved?{i18nResolved:{...n,usedParams:this.getUsedParamsDetails(e)},...e}:e,this)),s}resolve(s,i={}){let e,n,r,o,h;return t(s)&&(s=[s]),Array.isArray(s)&&(s=s.map((t=>"function"==typeof t?O(t,{...this.options,...i}):t))),s.forEach((s=>{if(this.isValidLookup(e))return;const a=this.extractFromKey(s,i),c=a.key;n=c;let l=a.namespaces;this.options.fallbackNS&&(l=l.concat(this.options.fallbackNS));const u=void 0!==i.count&&!t(i.count),d=u&&!i.ordinal&&0===i.count,f=void 0!==i.context&&(t(i.context)||"number"==typeof i.context)&&""!==i.context,p=i.lngs?i.lngs:this.languageUtils.toResolveHierarchy(i.lng||this.language,i.fallbackLng);l.forEach((t=>{this.isValidLookup(e)||(h=t,this.checkedLoadedFor[`${p[0]}-${t}`]||!this.utils?.hasLoadedNamespace||this.utils?.hasLoadedNamespace(h)||(this.checkedLoadedFor[`${p[0]}-${t}`]=!0,this.logger.warn(`key "${n}" for languages "${p.join(", ")}" won't get resolved as namespace "${h}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),p.forEach((s=>{if(this.isValidLookup(e))return;o=s;const n=[c];if(this.i18nFormat?.addLookupKeys)this.i18nFormat.addLookupKeys(n,c,s,t,i);else{let t;u&&(t=this.pluralResolver.getSuffix(s,i.count,i));const e=`${this.options.pluralSeparator}zero`,r=`${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;if(u&&(i.ordinal&&t.startsWith(r)&&n.push(c+t.replace(r,this.options.pluralSeparator)),n.push(c+t),d&&n.push(c+e)),f){const s=`${c}${this.options.contextSeparator||"_"}${i.context}`;n.push(s),u&&(i.ordinal&&t.startsWith(r)&&n.push(s+t.replace(r,this.options.pluralSeparator)),n.push(s+t),d&&n.push(s+e))}}let h;for(;h=n.pop();)this.isValidLookup(e)||(r=h,e=this.getResource(s,t,h,i))})))}))})),{res:e,usedKey:n,exactUsedKey:r,usedLng:o,usedNS:h}}isValidLookup(t){return!(void 0===t||!this.options.returnNull&&null===t||!this.options.returnEmptyString&&""===t)}getResource(t,s,i,e={}){return this.i18nFormat?.getResource?this.i18nFormat.getResource(t,s,i,e):this.resourceStore.getResource(t,s,i,e)}getUsedParamsDetails(s={}){const i=["defaultValue","ordinal","context","replace","lng","lngs","fallbackLng","ns","keySeparator","nsSeparator","returnObjects","returnDetails","joinArrays","postProcess","interpolation"],e=s.replace&&!t(s.replace);let n=e?s.replace:s;if(e&&void 0!==s.count&&(n={...n,count:s.count}),this.options.interpolation.defaultVariables&&(n={...this.options.interpolation.defaultVariables,...n}),!e){n={...n};for(const t of i)delete n[t]}return n}static hasDefaultValue(t){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&s.startsWith("defaultValue")&&void 0!==t[s])return!0;return!1}}class N{constructor(t){this.options=t,this.supportedLngs=this.options.supportedLngs||!1,this.logger=m.create("languageUtils"),this.resolveHierarchyCache={}}clearCache(){this.resolveHierarchyCache={}}getScriptPartFromCode(t){if(!(t=y(t))||!t.includes("-"))return null;const s=t.split("-");return 2===s.length?null:(s.pop(),"x"===s[s.length-1].toLowerCase()?null:this.formatLanguageCode(s.join("-")))}getLanguagePartFromCode(t){if(!(t=y(t))||!t.includes("-"))return t;const s=t.split("-");return this.formatLanguageCode(s[0])}formatLanguageCode(s){if(t(s)&&s.includes("-")){let t;try{t=Intl.getCanonicalLocales(s)[0]}catch(t){}return t&&this.options.lowerCaseLng&&(t=t.toLowerCase()),t||(this.options.lowerCaseLng?s.toLowerCase():s)}return this.options.cleanCode||this.options.lowerCaseLng?s.toLowerCase():s}isSupportedCode(t){return("languageOnly"===this.options.load||this.options.nonExplicitSupportedLngs)&&(t=this.getLanguagePartFromCode(t)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.includes(t)}getBestMatchFromCodes(t){if(!t)return null;let s;return t.forEach((t=>{if(s)return;const i=this.formatLanguageCode(t);this.options.supportedLngs&&!this.isSupportedCode(i)||(s=i)})),!s&&this.options.supportedLngs&&t.forEach((t=>{if(s)return;const i=this.getScriptPartFromCode(t);if(this.isSupportedCode(i))return s=i;const e=this.getLanguagePartFromCode(t);if(this.isSupportedCode(e))return s=e;s=this.options.supportedLngs.find((t=>!(t!==e&&(!t.includes("-")&&!e.includes("-")||(!t.includes("-")||e.includes("-")||t.slice(0,t.indexOf("-"))!==e)&&!(t.startsWith(e)&&e.length>1)))))})),s||(s=this.getFallbackCodes(this.options.fallbackLng)[0]),s}getFallbackCodes(s,i){if(!s)return[];if("function"==typeof s&&(s=s(i)),t(s)&&(s=[s]),Array.isArray(s))return s;if(!i)return s.default||[];let e=s[i];return e||(e=s[this.getScriptPartFromCode(i)]),e||(e=s[this.formatLanguageCode(i)]),e||(e=s[this.getLanguagePartFromCode(i)]),e||(e=s.default),e||[]}toResolveHierarchy(s,i){const e=this.options.fallbackLng,n=Array.isArray(e)?e.join("|"):e;n!==this._cachedFallbackLng&&(this.resolveHierarchyCache={},this._cachedFallbackLng=n);const r=void 0===i||!1===i||t(i),o=void 0===i&&"function"==typeof this.options.fallbackLng;let h=null;if(t(s)&&r&&!o){let t;t=void 0===i?"undefined":!1===i?"boolean:false":`string:${i}`,h=`${s.length}:${s}|${t}`}if(null!==h){const t=this.resolveHierarchyCache[h];if(void 0!==t)return t.slice()}const a=this.getFallbackCodes((!1===i?[]:i)||this.options.fallbackLng||[],s),c=[],l=t=>{t&&(this.isSupportedCode(t)?c.push(t):this.logger.warn(`rejecting language code not found in supportedLngs: ${t}`))};return t(s)&&(s.includes("-")||s.includes("_"))?("languageOnly"!==this.options.load&&l(this.formatLanguageCode(s)),"languageOnly"!==this.options.load&&"currentOnly"!==this.options.load&&l(this.getScriptPartFromCode(s)),"currentOnly"!==this.options.load&&l(this.getLanguagePartFromCode(s))):t(s)&&l(this.formatLanguageCode(s)),a.forEach((t=>{c.includes(t)||l(this.formatLanguageCode(t))})),null!==h?(this.resolveHierarchyCache[h]=c,c.slice()):c}}const L={zero:0,one:1,two:2,few:3,many:4,other:5},R={select:t=>1===t?"one":"other",resolvedOptions:()=>({pluralCategories:["one","other"]})};class P{constructor(t,s={}){this.languageUtils=t,this.options=s,this.logger=m.create("pluralResolver"),this.pluralRulesCache={}}clearCache(){this.pluralRulesCache={}}getRule(t,s={}){const i=y("dev"===t?"en":t),e=s.ordinal?"ordinal":"cardinal",n=JSON.stringify({cleanedCode:i,type:e});if(n in this.pluralRulesCache)return this.pluralRulesCache[n];let r;try{r=new Intl.PluralRules(i,{type:e})}catch(i){if("undefined"==typeof Intl)return this.logger.error("No Intl support, please use an Intl polyfill!"),R;if(!t.match(/-|_/))return R;const e=this.languageUtils.getLanguagePartFromCode(t);r=this.getRule(e,s)}return this.pluralRulesCache[n]=r,r}needsPlural(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?.resolvedOptions().pluralCategories.length>1}getPluralFormsOfKey(t,s,i={}){return this.getSuffixes(t,i).map((t=>`${s}${t}`))}getSuffixes(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?i.resolvedOptions().pluralCategories.sort(((t,s)=>L[t]-L[s])).map((t=>`${this.options.prepend}${s.ordinal?`ordinal${this.options.prepend}`:""}${t}`)):[]}getSuffix(t,s,i={}){const e=this.getRule(t,i);return e?`${this.options.prepend}${i.ordinal?`ordinal${this.options.prepend}`:""}${e.select(s)}`:(this.logger.warn(`no plural rule found for: ${t}`),this.getSuffix("dev",s,i))}}const A=(s,i,e,n=".",r=!0)=>{let o=((t,s,i)=>{const e=a(t,i);return void 0!==e?e:a(s,i)})(s,i,e);return!o&&r&&t(e)&&(o=g(s,e,n),void 0===o&&(o=g(i,e,n))),o},E=t=>t.replace(/\$/g,"$$$$");class C{constructor(t={}){this.logger=m.create("interpolator"),this.options=t,this.format=t?.interpolation?.format||(t=>t),this.init(t)}init(t={}){t.interpolation||(t.interpolation={escapeValue:!0});const{escape:s,escapeValue:i,useRawValueToEscape:e,prefix:n,prefixEscaped:r,suffix:o,suffixEscaped:h,formatSeparator:a,unescapeSuffix:c,unescapePrefix:u,nestingPrefix:f,nestingPrefixEscaped:p,nestingSuffix:g,nestingSuffixEscaped:y,nestingOptionsSeparator:$,maxReplaces:v,alwaysFormat:m}=t.interpolation;this.escape=void 0!==s?s:d,this.escapeValue=void 0===i||i,this.useRawValueToEscape=void 0!==e&&e,this.prefix=n?l(n):r||"{{",this.suffix=o?l(o):h||"}}",this.formatSeparator=a||",",this.unescapePrefix=c?"":u?l(u):"-",this.unescapeSuffix=this.unescapePrefix?"":c?l(c):"",this.nestingPrefix=f?l(f):p||l("$t("),this.nestingSuffix=g?l(g):y||l(")"),this.nestingOptionsSeparator=$||",",this.maxReplaces=v||1e3,this.alwaysFormat=void 0!==m&&m,this.resetRegExp()}reset(){this.options&&this.init(this.options)}resetRegExp(){const t=(t,s)=>t?.source===s?(t.lastIndex=0,t):new RegExp(s,"g");this.regexp=t(this.regexp,`${this.prefix}(.+?)${this.suffix}`),this.regexpUnescape=t(this.regexpUnescape,`${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`),this.nestingRegexp=t(this.nestingRegexp,`${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`)}interpolate(s,e,n,r){let o,h,a;const c=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{},l=t=>{if(!t.includes(this.formatSeparator)){const s=A(e,c,t,this.options.keySeparator,this.options.ignoreJSONStructure);return this.alwaysFormat?this.format(s,void 0,n,{...r,...e,interpolationkey:t}):s}const s=t.split(this.formatSeparator),i=s.shift().trim(),o=s.join(this.formatSeparator).trim();return this.format(A(e,c,i,this.options.keySeparator,this.options.ignoreJSONStructure),o,n,{...r,...e,interpolationkey:i})};this.resetRegExp(),!this.escapeValue&&"string"==typeof s&&/\$t\([^)]*\{[^}]*\{\{/.test(s)&&this.logger.warn("nesting options string contains interpolated variables with escapeValue: false — if any of those values are attacker-controlled they can inject additional nesting options (e.g. redirect lng/ns). Sanitise untrusted input before passing it to t(), or keep escapeValue: true.");const u=r?.missingInterpolationHandler||this.options.missingInterpolationHandler,d=void 0!==r?.interpolation?.skipOnVariables?r.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:t=>t},{regex:this.regexp,safeValue:t=>this.escapeValue?this.escape(t):t}].forEach((e=>{for(a=0;o=e.regex.exec(s);){const n=o[1].trim();if(h=l(n),void 0===h)if("function"==typeof u){const i=u(s,o,r);h=t(i)?i:""}else if(r&&Object.prototype.hasOwnProperty.call(r,n))h="";else{if(d){h=o[0];continue}this.logger.warn(`missed to pass in variable ${n} for interpolating ${s}`),h=""}else t(h)||this.useRawValueToEscape||(h=i(h));const c=e.safeValue(h);if(s=s.replace(o[0],E(c)),d?(e.regex.lastIndex+=c.length,e.regex.lastIndex-=o[0].length):e.regex.lastIndex=0,a++,a>=this.maxReplaces)break}})),s}nest(s,e,n={}){let r,o,h;const a=(t,s)=>{const i=this.nestingOptionsSeparator;if(!t.includes(i))return t;const e=t.split(new RegExp(`${l(i)}[ ]*{`));let n=`{${e[1]}`;t=e[0],n=this.interpolate(n,h);const r=n.match(/'/g),o=n.match(/"/g);((r?.length??0)%2==0&&!o||(o?.length??0)%2!=0)&&(n=n.replace(/'/g,'"'));try{h=JSON.parse(n),s&&(h={...s,...h})}catch(s){return this.logger.warn(`failed parsing options string in nesting for key ${t}`,s),`${t}${i}${n}`}return h.defaultValue&&h.defaultValue.includes(this.prefix)&&delete h.defaultValue,t};for(;r=this.nestingRegexp.exec(s);){let c=[];h={...n},h=h.replace&&!t(h.replace)?h.replace:h,h.applyPostProcessor=!1,delete h.defaultValue;const l=/{.*}/s.test(r[1])?r[1].lastIndexOf("}")+1:r[1].indexOf(this.formatSeparator);if(-1!==l&&(c=r[1].slice(l).split(this.formatSeparator).map((t=>t.trim())).filter(Boolean),r[1]=r[1].slice(0,l)),o=e(a.call(this,r[1].trim(),h),h),o&&r[0]===s&&!t(o))return o;t(o)||(o=i(o)),o||(this.logger.warn(`missed to resolve ${r[1]} for nesting ${s}`),o=""),c.length&&(o=c.reduce(((t,s)=>this.format(t,s,n.lng,{...n,interpolationkey:r[1].trim()})),o.trim())),s=s.replace(r[0],E(i(o))),this.regexp.lastIndex=0}return s}}const I=t=>{const s={};return(i,e,n)=>{let r=n;n&&n.interpolationkey&&n.formatParams&&n.formatParams[n.interpolationkey]&&n[n.interpolationkey]&&(r={...r,[n.interpolationkey]:void 0});const o=e+JSON.stringify(r);let h=s[o];return h||(h=t(y(e),n),s[o]=h),h(i)}},V=t=>(s,i,e)=>t(y(i),e)(s);class T{constructor(t={}){this.logger=m.create("formatter"),this.options=t,this.init(t)}init(t,s={interpolation:{}}){this.formatSeparator=s.interpolation.formatSeparator||",";const i=s.cacheInBuiltFormats?I:V;this.formats={number:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s});return t=>i.format(t)})),currency:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s,style:"currency"});return t=>i.format(t)})),datetime:i(((t,s)=>{const i=new Intl.DateTimeFormat(t,{...s});return t=>i.format(t)})),relativetime:i(((t,s)=>{const i=new Intl.RelativeTimeFormat(t,{...s});return t=>i.format(t,s.range||"day")})),list:i(((t,s)=>{const i=new Intl.ListFormat(t,{...s});return t=>i.format(t)}))}}add(t,s){this.formats[t.toLowerCase().trim()]=s}addCached(t,s){this.formats[t.toLowerCase().trim()]=I(s)}format(t,s,i,e={}){if(!s)return t;if(null==t)return t;const n=s.split(this.formatSeparator),r=[];for(let t=0;t<n.length;t++){let s=n[t];for(;s.indexOf("(")>-1&&!s.includes(")")&&t+1<n.length;)s=`${s}${this.formatSeparator}${n[++t]}`;r.push(s)}return r.reduce(((t,s)=>{const{formatName:n,formatOptions:r}=(t=>{let s=t.toLowerCase().trim();const i={};if(t.includes("(")){const e=t.split("(");s=e[0].toLowerCase().trim();const n=e[1].slice(0,-1);"currency"!==s||n.includes(":")?"relativetime"!==s||n.includes(":")?n.split(";").forEach((t=>{if(t){const[s,...e]=t.split(":"),n=e.join(":").trim().replace(/^'+|'+$/g,""),r=s.trim();i[r]||(i[r]=n),"false"===n&&(i[r]=!1),"true"===n&&(i[r]=!0),isNaN(n)||(i[r]=parseInt(n,10))}})):i.range||(i.range=n.trim()):i.currency||(i.currency=n.trim())}return{formatName:s,formatOptions:i}})(s);if(this.formats[n]){let s=t;try{const o=e?.formatParams?.[e.interpolationkey]||{};s=this.formats[n](t,o.locale||o.lng||e.locale||e.lng||i,{...r,...e,...o})}catch(t){this.logger.warn(t)}return s}return this.logger.warn(`there was no format function for ${n}`),t}),t)}}class F extends b{constructor(t,s,i,e={}){super(),this.backend=t,this.store=s,this.services=i,this.languageUtils=i.languageUtils,this.options=e,this.logger=m.create("backendConnector"),this.waitingReads=[],this.maxParallelReads=e.maxParallelReads||10,this.readingCalls=0,this.maxRetries=e.maxRetries>=0?e.maxRetries:5,this.retryTimeout=e.retryTimeout>=1?e.retryTimeout:350,this.state={},this.queue=[],this.backend?.init?.(i,e.backend,e)}queueLoad(t,s,i,e){const n={},r={},o={},h={};return t.forEach((t=>{let e=!0;s.forEach((s=>{const o=`${t}|${s}`;!i.reload&&this.store.hasResourceBundle(t,s)?this.state[o]=2:this.state[o]<0||(1===this.state[o]?void 0===r[o]&&(r[o]=!0):(this.state[o]=1,e=!1,void 0===r[o]&&(r[o]=!0),void 0===n[o]&&(n[o]=!0),void 0===h[s]&&(h[s]=!0)))})),e||(o[t]=!0)})),(Object.keys(n).length||Object.keys(r).length)&&this.queue.push({pending:r,pendingCount:Object.keys(r).length,loaded:{},errors:[],callback:e}),{toLoad:Object.keys(n),pending:Object.keys(r),toLoadLanguages:Object.keys(o),toLoadNamespaces:Object.keys(h)}}loaded(t,s,i){const e=t.split("|"),n=e[0],r=e[1];s&&this.emit("failedLoading",n,r,s),!s&&i&&this.store.addResourceBundle(n,r,i,void 0,void 0,{skipCopy:!0}),this.state[t]=s?-1:2,s&&i&&(this.state[t]=0);const h={};this.queue.forEach((i=>{((t,s,i)=>{const{obj:e,k:n}=o(t,s,Object);e[n]=e[n]||[],e[n].push(i)})(i.loaded,[n],r),((t,s)=>{void 0!==t.pending[s]&&(delete t.pending[s],t.pendingCount--)})(i,t),s&&i.errors.push(s),0!==i.pendingCount||i.done||(Object.keys(i.loaded).forEach((t=>{h[t]||(h[t]={});const s=i.loaded[t];s.length&&s.forEach((s=>{void 0===h[t][s]&&(h[t][s]=!0)}))})),i.done=!0,i.errors.length?i.callback(i.errors):i.callback())})),this.emit("loaded",h),this.queue=this.queue.filter((t=>!t.done))}read(t,s,i,e=0,n=this.retryTimeout,r){if(!t.length)return r(null,{});if(this.readingCalls>=this.maxParallelReads)return void this.waitingReads.push({lng:t,ns:s,fcName:i,tried:e,wait:n,callback:r});this.readingCalls++;const o=(o,h)=>{if(this.readingCalls--,this.waitingReads.length>0){const t=this.waitingReads.shift();this.read(t.lng,t.ns,t.fcName,t.tried,t.wait,t.callback)}o&&h&&e<this.maxRetries?setTimeout((()=>{this.read(t,s,i,e+1,2*n,r)}),n):r(o,h)},h=this.backend[i].bind(this.backend);if(2!==h.length)return h(t,s,o);try{const i=h(t,s);i&&"function"==typeof i.then?i.then((t=>o(null,t))).catch(o):o(null,i)}catch(t){o(t)}}prepareLoading(s,i,e={},n){if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),n&&n();t(s)&&(s=this.languageUtils.toResolveHierarchy(s)),t(i)&&(i=[i]);const r=this.queueLoad(s,i,e,n);if(!r.toLoad.length)return r.pending.length||n(),null;r.toLoad.forEach((t=>{this.loadOne(t)}))}load(t,s,i){this.prepareLoading(t,s,{},i)}reload(t,s,i){this.prepareLoading(t,s,{reload:!0},i)}loadOne(t,s=""){const i=t.split("|"),e=i[0],n=i[1];this.read(e,n,"read",void 0,void 0,((i,r)=>{i&&this.logger.warn(`${s}loading namespace ${n} for language ${e} failed`,i),!i&&r&&this.logger.log(`${s}loaded namespace ${n} for language ${e}`,r),this.loaded(t,i,r)}))}saveMissing(t,s,i,e,n,r={},o=()=>{}){if(!this.services?.utils?.hasLoadedNamespace||this.services?.utils?.hasLoadedNamespace(s)){if(null!=i&&""!==i){if(this.backend?.create){const h={...r,isUpdate:n},a=this.backend.create.bind(this.backend);if(a.length<6)try{let n;n=5===a.length?a(t,s,i,e,h):a(t,s,i,e),n&&"function"==typeof n.then?n.then((t=>o(null,t))).catch(o):o(null,n)}catch(t){o(t)}else a(t,s,i,e,o,h)}t&&t[0]&&this.store.addResource(t[0],s,i,e)}}else this.logger.warn(`did not save key "${i}" as the namespace "${s}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")}}const K=()=>({debug:!1,initAsync:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",enableSelector:!1,partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!1,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:s=>{let i={};if("object"==typeof s[1]&&(i=s[1]),t(s[1])&&(i.defaultValue=s[1]),t(s[2])&&(i.tDescription=s[2]),"object"==typeof s[2]||"object"==typeof s[3]){const t=s[3]||s[2];Object.keys(t).forEach((s=>{i[s]=t[s]}))}return i},interpolation:{escapeValue:!0,prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!0},cacheInBuiltFormats:!0}),B=s=>(t(s.ns)&&(s.ns=[s.ns]),t(s.fallbackLng)&&(s.fallbackLng=[s.fallbackLng]),t(s.fallbackNS)&&(s.fallbackNS=[s.fallbackNS]),s.supportedLngs&&!s.supportedLngs.includes("cimode")&&(s.supportedLngs=s.supportedLngs.concat(["cimode"])),s),M=()=>{};class z extends b{constructor(t={},s){var i;if(super(),this.options=B(t),this.services={},this.logger=m,this.modules={external:[]},i=this,Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t=>{"function"==typeof i[t]&&(i[t]=i[t].bind(i))})),s&&!this.isInitialized&&!t.isClone){if(!this.options.initAsync)return this.init(t,s),this;setTimeout((()=>{this.init(t,s)}),0)}}init(i={},e){this.isInitializing=!0,"function"==typeof i&&(e=i,i={}),null==i.defaultNS&&i.ns&&(t(i.ns)?i.defaultNS=i.ns:i.ns.includes("translation")||(i.defaultNS=i.ns[0]));const n=K();this.options={...n,...this.options,...B(i)},this.options.interpolation={...n.interpolation,...this.options.interpolation},void 0!==i.keySeparator&&(this.options.userDefinedKeySeparator=i.keySeparator),void 0!==i.nsSeparator&&(this.options.userDefinedNsSeparator=i.nsSeparator),"function"!=typeof this.options.overloadTranslationOptionHandler&&(this.options.overloadTranslationOptionHandler=n.overloadTranslationOptionHandler);const r=t=>t?"function"==typeof t?new t:t:null;if(!this.options.isClone){let t;m.init(this.modules.logger?r(this.modules.logger):null,this.options),t=this.modules.formatter?this.modules.formatter:T;const s=new N(this.options);this.store=new x(this.options.resources,this.options);const i=this.services;i.logger=m,i.resourceStore=this.store,i.languageUtils=s,i.pluralResolver=new P(s,{prepend:this.options.pluralSeparator}),t&&(i.formatter=r(t),i.formatter.init&&i.formatter.init(i,this.options),this.options.interpolation.format=i.formatter.format.bind(i.formatter)),i.interpolator=new C(this.options),i.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},i.backendConnector=new F(r(this.modules.backend),i.resourceStore,i,this.options),i.backendConnector.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.languageDetector&&(i.languageDetector=r(this.modules.languageDetector),i.languageDetector.init&&i.languageDetector.init(i,this.options.detection,this.options)),this.modules.i18nFormat&&(i.i18nFormat=r(this.modules.i18nFormat),i.i18nFormat.init&&i.i18nFormat.init(this)),this.translator=new k(this.services,this.options),this.translator.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.external.forEach((t=>{t.init&&t.init(this)}))}if(this.format=this.options.interpolation.format,e||(e=M),this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){const t=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);t.length>0&&"dev"!==t[0]&&(this.options.lng=t[0])}this.services.languageDetector||this.options.lng||this.logger.warn("init: no languageDetector is used and no lng is defined"),["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"].forEach((t=>{this[t]=(...s)=>this.store[t](...s)})),["addResource","addResources","addResourceBundle","removeResourceBundle"].forEach((t=>{this[t]=(...s)=>(this.store[t](...s),this)}));const o=s(),h=()=>{const t=(t,s)=>{this.isInitializing=!1,this.isInitialized&&!this.initializedStoreOnce&&this.logger.warn("init: i18next is already initialized. You should call init just once!"),this.isInitialized=!0,this.options.isClone||this.logger.log("initialized",this.options),this.emit("initialized",this.options),o.resolve(s),e(t,s)};if((this.languages||this.isLanguageChangingTo)&&!this.isInitialized)return t(null,this.t.bind(this));this.changeLanguage(this.options.lng,t)};return this.options.resources||!this.options.initAsync?h():setTimeout(h,0),o}loadResources(s,i=M){let e=i;const n=t(s)?s:this.language;if("function"==typeof s&&(e=s),!this.options.resources||this.options.partialBundledLanguages){if("cimode"===n?.toLowerCase()&&(!this.options.preload||0===this.options.preload.length))return e();const t=[],s=s=>{s&&"cimode"!==s&&this.services.languageUtils.toResolveHierarchy(s).forEach((s=>{"cimode"!==s&&(t.includes(s)||t.push(s))}))};n?s(n):this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((t=>s(t))),this.options.preload?.forEach?.((t=>s(t))),this.services.backendConnector.load(t,this.options.ns,(t=>{t||this.resolvedLanguage||!this.language||this.setResolvedLanguage(this.language),e(t)}))}else e(null)}reloadResources(t,i,e){const n=s();return"function"==typeof t&&(e=t,t=void 0),"function"==typeof i&&(e=i,i=void 0),t||(t=this.languages),i||(i=this.options.ns),e||(e=M),this.services.backendConnector.reload(t,i,(t=>{n.resolve(),e(t)})),n}use(t){if(!t)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!t.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return"backend"===t.type&&(this.modules.backend=t),("logger"===t.type||t.log&&t.warn&&t.error)&&(this.modules.logger=t),"languageDetector"===t.type&&(this.modules.languageDetector=t),"i18nFormat"===t.type&&(this.modules.i18nFormat=t),"postProcessor"===t.type&&j.addPostProcessor(t),"formatter"===t.type&&(this.modules.formatter=t),"3rdParty"===t.type&&this.modules.external.push(t),this}setResolvedLanguage(t){if(t&&this.languages&&!["cimode","dev"].includes(t)){for(let t=0;t<this.languages.length;t++){const s=this.languages[t];if(!["cimode","dev"].includes(s)&&this.store.hasLanguageSomeTranslations(s)){this.resolvedLanguage=s;break}}this.resolvedLanguage||this.languages.includes(t)||!this.store.hasLanguageSomeTranslations(t)||(this.resolvedLanguage=t,this.languages.unshift(t))}}changeLanguage(i,e){this.isLanguageChangingTo=i;const n=s();this.emit("languageChanging",i);const r=t=>{this.language=t,this.languages=this.services.languageUtils.toResolveHierarchy(t),this.resolvedLanguage=void 0,this.setResolvedLanguage(t)},o=(t,s)=>{s?this.isLanguageChangingTo===i&&(r(s),this.translator.changeLanguage(s),this.isLanguageChangingTo=void 0,this.emit("languageChanged",s),this.logger.log("languageChanged",s)):this.isLanguageChangingTo=void 0,n.resolve(((...t)=>this.t(...t))),e&&e(t,((...t)=>this.t(...t)))},h=s=>{i||s||!this.services.languageDetector||(s=[]);const e=t(s)?s:s&&s[0],n=this.store.hasLanguageSomeTranslations(e)?e:this.services.languageUtils.getBestMatchFromCodes(t(s)?[s]:s);n&&(this.language||r(n),this.translator.language||this.translator.changeLanguage(n),this.services.languageDetector?.cacheUserLanguage?.(n)),this.loadResources(n,(t=>{o(t,n)}))};return i||!this.services.languageDetector||this.services.languageDetector.async?!i&&this.services.languageDetector&&this.services.languageDetector.async?0===this.services.languageDetector.detect.length?this.services.languageDetector.detect().then(h):this.services.languageDetector.detect(h):h(i):h(this.services.languageDetector.detect()),n}getFixedT(s,i,e,n){const r=n?.scopeNs,o=(t,s,...i)=>{let n;n="object"!=typeof s?this.options.overloadTranslationOptionHandler([t,s].concat(i)):{...s},n.lng=n.lng||o.lng,n.lngs=n.lngs||o.lngs;const h=null!=n.ns;n.ns=n.ns||o.ns,""!==n.keyPrefix&&(n.keyPrefix=n.keyPrefix||e||o.keyPrefix);const a={...this.options,...n};Array.isArray(r)&&!h&&(a.ns=r),"function"==typeof n.keyPrefix&&(n.keyPrefix=O(n.keyPrefix,a));const c=this.options.keySeparator||".";let l;return n.keyPrefix&&Array.isArray(t)?l=t.map((t=>("function"==typeof t&&(t=O(t,a)),`${n.keyPrefix}${c}${t}`))):("function"==typeof t&&(t=O(t,a)),l=n.keyPrefix?`${n.keyPrefix}${c}${t}`:t),this.t(l,n)};return t(s)?o.lng=s:o.lngs=s,o.ns=i,o.keyPrefix=e,o}t(...t){return this.translator?.translate(...t)}exists(...t){return this.translator?.exists(...t)}setDefaultNamespace(t){this.options.defaultNS=t}hasLoadedNamespace(t,s={}){if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;const i=s.lng||this.resolvedLanguage||this.languages[0],e=!!this.options&&this.options.fallbackLng,n=this.languages[this.languages.length-1];if("cimode"===i.toLowerCase())return!0;const r=(t,s)=>{const i=this.services.backendConnector.state[`${t}|${s}`];return-1===i||0===i||2===i};if(s.precheck){const t=s.precheck(this,r);if(void 0!==t)return t}return!(!this.hasResourceBundle(i,t)&&this.services.backendConnector.backend&&(!this.options.resources||this.options.partialBundledLanguages)&&(!r(i,t)||e&&!r(n,t)))}loadNamespaces(i,e){const n=s();return this.options.ns?(t(i)&&(i=[i]),i.forEach((t=>{this.options.ns.includes(t)||this.options.ns.push(t)})),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}loadLanguages(i,e){const n=s();t(i)&&(i=[i]);const r=this.options.preload||[],o=i.filter((t=>!r.includes(t)&&this.services.languageUtils.isSupportedCode(t)));return o.length?(this.options.preload=r.concat(o),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}dir(t){if(t||(t=this.resolvedLanguage||(this.languages?.length>0?this.languages[0]:this.language)),!t)return"rtl";try{const s=new Intl.Locale(t);if(s&&s.getTextInfo){const t=s.getTextInfo();if(t&&t.direction)return t.direction}}catch(t){}const s=this.services?.languageUtils||new N(K());return t.toLowerCase().indexOf("-latn")>1?"ltr":["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"].includes(s.getLanguagePartFromCode(t))||t.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}static createInstance(t={},s){const i=new z(t,s);return i.createInstance=z.createInstance,i}cloneInstance(t={},s=M){const i=t.forkResourceStore;i&&delete t.forkResourceStore;const e={...this.options,...t,isClone:!0},n=new z(e);if(void 0===t.debug&&void 0===t.prefix||(n.logger=n.logger.clone(t)),["store","services","language"].forEach((t=>{n[t]=this[t]})),n.services={...this.services},n.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},i){const t=Object.keys(this.store.data).reduce(((t,s)=>(t[s]={...this.store.data[s]},t[s]=Object.keys(t[s]).reduce(((i,e)=>(i[e]={...t[s][e]},i)),t[s]),t)),{});n.store=new x(t,e),n.services.resourceStore=n.store}if(t.interpolation){const s={...K().interpolation,...this.options.interpolation,...t.interpolation},i={...e,interpolation:s};n.services.interpolator=new C(i)}return n.translator=new k(n.services,e),n.translator.on("*",((t,...s)=>{n.emit(t,...s)})),n.init(e,s),n.translator.options=e,n.translator.backendConnector.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},n}toJSON(){return{options:this.options,store:this.store,language:this.language,languages:this.languages,resolvedLanguage:this.resolvedLanguage}}}const _=z.createInstance().createInstance,D="nl";function H(t){const s=t.closest("[lang]");return s instanceof HTMLElement?s.lang||D:t.parentNode instanceof ShadowRoot&&t.parentNode.host instanceof HTMLElement?H(t.parentNode.host):t.parentElement instanceof HTMLElement?H(t.parentElement):D}function J(t,s){const i=t(),e=_();e.init({fallbackLng:D,resources:s,defaultNS:i.tagName.toLowerCase(),interpolation:{escapeValue:!1}});let n=!1;return(t,s)=>{if(!n){n=!0;const t=H(i);e.changeLanguage(t)}return e.t(t,s)}}export{J as i}
+const t=t=>"string"==typeof t,s=()=>{let t,s;const i=new Promise(((i,e)=>{t=i,s=e}));return i.resolve=t,i.reject=s,i},i=t=>null==t?"":String(t),e=/###/g,n=t=>t&&t.includes("###")?t.replace(e,"."):t,r=s=>!s||t(s),o=(s,i,e)=>{const o=t(i)?i.split("."):i;let h=0;for(;h<o.length-1;){if(r(s))return{};const t=n(o[h]);!s[t]&&e&&(s[t]=new e),s=Object.prototype.hasOwnProperty.call(s,t)?s[t]:{},++h}return r(s)?{}:{obj:s,k:n(o[h])}},h=(t,s,i)=>{const{obj:e,k:n}=o(t,s,Object);if(void 0!==e||1===s.length)return void(e[n]=i);let r=s[s.length-1],h=s.slice(0,s.length-1),a=o(t,h,Object);for(;void 0===a.obj&&h.length;)r=`${h[h.length-1]}.${r}`,h=h.slice(0,h.length-1),a=o(t,h,Object),a?.obj&&void 0!==a.obj[`${a.k}.${r}`]&&(a.obj=void 0);a.obj[`${a.k}.${r}`]=i},a=(t,s)=>{const{obj:i,k:e}=o(t,s);if(i&&Object.prototype.hasOwnProperty.call(i,e))return i[e]},c=(s,i,e)=>{for(const n in i)"__proto__"!==n&&"constructor"!==n&&(Object.prototype.hasOwnProperty.call(s,n)?t(s[n])||s[n]instanceof String||t(i[n])||i[n]instanceof String?e&&(s[n]=i[n]):c(s[n],i[n],e):s[n]=i[n]);return s},l=t=>t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},d=s=>t(s)?s.replace(/[&<>"'\/]/g,(t=>u[t])):s,f=[" ",",","?","!",";"],p=new class{constructor(t){this.capacity=t,this.regExpMap=new Map,this.regExpQueue=[]}getRegExp(t){const s=this.regExpMap.get(t);if(void 0!==s)return s;const i=new RegExp(t);return this.regExpQueue.length===this.capacity&&this.regExpMap.delete(this.regExpQueue.shift()),this.regExpMap.set(t,i),this.regExpQueue.push(t),i}}(20),g=(t,s,i=".")=>{if(!t)return;if(t[s]){if(!Object.prototype.hasOwnProperty.call(t,s))return;return t[s]}const e=s.split(i);let n=t;for(let t=0;t<e.length;){if(!n||"object"!=typeof n)return;let s,r="";for(let o=t;o<e.length;++o)if(o!==t&&(r+=i),r+=e[o],s=n[r],void 0!==s){if(["string","number","boolean"].includes(typeof s)&&o<e.length-1)continue;t+=o-t+1;break}n=s}return n},y=t=>t?.replace(/_/g,"-"),$={type:"logger",log(t){this.output("log",t)},warn(t){this.output("warn",t)},error(t){this.output("error",t)},output(t,s){console?.[t]?.apply?.(console,s)}};class v{constructor(t,s={}){this.init(t,s)}init(t,s={}){this.prefix=s.prefix||"i18next:",this.logger=t||$,this.options=s,this.debug=s.debug}log(...t){return this.forward(t,"log","",!0)}warn(...t){return this.forward(t,"warn","",!0)}error(...t){return this.forward(t,"error","")}deprecate(...t){return this.forward(t,"warn","WARNING DEPRECATED: ",!0)}forward(s,i,e,n){return n&&!this.debug?null:(s=s.map((s=>t(s)?s.replace(/[\r\n\x00-\x1F\x7F]/g," "):s)),t(s[0])&&(s[0]=`${e}${this.prefix} ${s[0]}`),this.logger[i](s))}create(t){return new v(this.logger,{prefix:`${this.prefix}:${t}:`,...this.options})}clone(t){return(t=t||this.options).prefix=t.prefix||this.prefix,new v(this.logger,t)}}var m=new v;class b{constructor(){this.observers={}}on(t,s){return t.split(" ").forEach((t=>{this.observers[t]||(this.observers[t]=new Map);const i=this.observers[t].get(s)||0;this.observers[t].set(s,i+1)})),this}off(t,s){this.observers[t]&&(s?this.observers[t].delete(s):delete this.observers[t])}once(t,s){const i=(...e)=>{s(...e),this.off(t,i)};return this.on(t,i),this}emit(t,...s){this.observers[t]&&Array.from(this.observers[t].entries()).forEach((([t,i])=>{for(let e=0;e<i;e++)t(...s)})),this.observers["*"]&&Array.from(this.observers["*"].entries()).forEach((([i,e])=>{for(let n=0;n<e;n++)i(t,...s)}))}}const x=new WeakSet;class j extends b{constructor(t,s={ns:["translation"],defaultNS:"translation"}){super(),this.data=t||{},this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),void 0===this.options.ignoreJSONStructure&&(this.options.ignoreJSONStructure=!0)}addNamespaces(t){this.options.ns.includes(t)||this.options.ns.push(t)}removeNamespaces(t){const s=this.options.ns.indexOf(t);s>-1&&this.options.ns.splice(s,1)}getResource(s,i,e,n={}){const r=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,o=void 0!==n.ignoreJSONStructure?n.ignoreJSONStructure:this.options.ignoreJSONStructure;let h;s.includes(".")?h=s.split("."):(h=[s,i],e&&(Array.isArray(e)?h.push(...e):t(e)&&r?h.push(...e.split(r)):h.push(e)));const c=a(this.data,h);return c||i||e||!s.includes(".")||(s=h[0],i=h[1],e=h.slice(2).join(".")),!c&&o&&t(e)?g(this.data?.[s]?.[i],e,r):c}addResource(t,s,i,e,n={silent:!1}){const r=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator;let o=[t,s];i&&(o=o.concat(r?i.split(r):i)),t.includes(".")&&(o=t.split("."),e=s,s=o[1]),this.addNamespaces(s),h(this.data,o,e),n.silent||this.emit("added",t,s,i,e)}addResources(s,i,e,n={silent:!1}){for(const n in e)(t(e[n])||Array.isArray(e[n]))&&this.addResource(s,i,n,e[n],{silent:!0});n.silent||this.emit("added",s,i,e)}addResourceBundle(t,s,i,e,n,r={silent:!1,skipCopy:!1}){let o=[t,s];t.includes(".")&&(o=t.split("."),e=i,i=s,s=o[1]),this.addNamespaces(s);let l=a(this.data,o)||{};r.skipCopy||(i=JSON.parse(JSON.stringify(i))),e?c(l,i,n):l={...l,...i},h(this.data,o,l),r.silent||this.emit("added",t,s,i)}removeResourceBundle(t,s){this.hasResourceBundle(t,s)&&delete this.data[t][s],this.removeNamespaces(s),this.emit("removed",t,s)}hasResourceBundle(t,s){return void 0!==this.getResource(t,s)}getResourceBundle(t,s){return s||(s=this.options.defaultNS),this.getResource(t,s)}getDataByLanguage(t){return this.data[t]}hasLanguageSomeTranslations(t){const s=this.getDataByLanguage(t);return!!(s&&Object.keys(s)||[]).find((t=>{const i=s[t];return!!x.has(i)||!(!i||0===Object.keys(i).length)&&("object"==typeof i&&x.add(i),!0)}))}toJSON(){return this.data}}var w={processors:{},addPostProcessor(t){this.processors[t.name]=t},handle(t,s,i,e,n){return t.forEach((t=>{s=this.processors[t]?.process(s,i,e,n)??s})),s}};const O=Symbol("i18next/PATH_KEY");function S(t,s){const{[O]:i}=t(function(){const t=[],s=Object.create(null);let i;return s.get=(e,n)=>(i?.revoke?.(),n===O?t:(t.push(n),i=Proxy.revocable(e,s),i.proxy)),Proxy.revocable(Object.create(null),s).proxy}()),e=s?.keySeparator??".",n=s?.nsSeparator??":",r="strict"===s?.enableSelector;if(i.length>1&&n){const t=s?.ns,o=r?Array.isArray(t)?t:t?[t]:null:Array.isArray(t)?t:null;if(o&&(r?o:o.length>1?o.slice(1):[]).includes(i[0]))return`${i[0]}${n}${i.slice(1).join(e)}`}return i.join(e)}const k=s=>!t(s)&&"boolean"!=typeof s&&"number"!=typeof s;class N extends b{constructor(t,s={}){var i,e;super(),i=t,e=this,["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"].forEach((t=>{i[t]&&(e[t]=i[t])})),this.options=s,void 0===this.options.keySeparator&&(this.options.keySeparator="."),this.logger=m.create("translator"),this.checkedLoadedFor={}}changeLanguage(t){t&&(this.language=t)}exists(t,s={interpolation:{}}){const i={...s};if(null==t)return!1;const e=this.resolve(t,i);if(void 0===e?.res)return!1;const n=k(e.res);return!1!==i.returnObjects||!n}extractFromKey(s,i){let e=void 0!==i.nsSeparator?i.nsSeparator:this.options.nsSeparator;void 0===e&&(e=":");const n=void 0!==i.keySeparator?i.keySeparator:this.options.keySeparator;let r=i.ns||this.options.defaultNS||[];const o=e&&s.includes(e),h=!(this.options.userDefinedKeySeparator||i.keySeparator||this.options.userDefinedNsSeparator||i.nsSeparator||((t,s,i)=>{s=s||"",i=i||"";const e=f.filter((t=>!s.includes(t)&&!i.includes(t)));if(0===e.length)return!0;const n=p.getRegExp(`(${e.map((t=>"?"===t?"\\?":t)).join("|")})`);let r=!n.test(t);if(!r){const s=t.indexOf(i);s>0&&!n.test(t.substring(0,s))&&(r=!0)}return r})(s,e,n));if(o&&!h){const i=s.match(this.interpolator.nestingRegexp);if(i&&i.length>0)return{key:s,namespaces:t(r)?[r]:r};const o=s.split(e);(e!==n||e===n&&this.options.ns.includes(o[0]))&&(r=o.shift()),s=o.join(n)}return{key:s,namespaces:t(r)?[r]:r}}translate(s,i,e){let n="object"==typeof i?{...i}:i;if("object"!=typeof n&&this.options.overloadTranslationOptionHandler&&(n=this.options.overloadTranslationOptionHandler(arguments)),"object"==typeof n&&(n={...n}),n||(n={}),null==s)return"";"function"==typeof s&&(s=S(s,{...this.options,...n})),Array.isArray(s)||(s=[String(s)]),s=s.map((t=>"function"==typeof t?S(t,{...this.options,...n}):String(t)));const r=void 0!==n.returnDetails?n.returnDetails:this.options.returnDetails,o=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,{key:h,namespaces:a}=this.extractFromKey(s[s.length-1],n),c=a[a.length-1];let l=void 0!==n.nsSeparator?n.nsSeparator:this.options.nsSeparator;void 0===l&&(l=":");const u=n.lng||this.language,d=n.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if("cimode"===u?.toLowerCase())return d?r?{res:`${c}${l}${h}`,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:`${c}${l}${h}`:r?{res:h,usedKey:h,exactUsedKey:h,usedLng:u,usedNS:c,usedParams:this.getUsedParamsDetails(n)}:h;const f=this.resolve(s,n);let p=f?.res;const g=f?.usedKey||h,y=f?.exactUsedKey||h,$=void 0!==n.joinArrays?n.joinArrays:this.options.joinArrays,v=!this.i18nFormat||this.i18nFormat.handleAsObject,m=void 0!==n.count&&!t(n.count),b=N.hasDefaultValue(n),x=m?this.pluralResolver.getSuffix(u,n.count,n):"",j=n.ordinal&&m?this.pluralResolver.getSuffix(u,n.count,{ordinal:!1}):"",w=m&&!n.ordinal&&0===n.count,O=w&&n[`defaultValue${this.options.pluralSeparator}zero`]||n[`defaultValue${x}`]||n[`defaultValue${j}`]||n.defaultValue;let L=p;v&&!p&&b&&(L=O);const R=k(L),P=Object.prototype.toString.apply(L);if(!(v&&L&&R)||["[object Number]","[object Function]","[object RegExp]"].includes(P)||t($)&&Array.isArray(L))if(v&&t($)&&Array.isArray(p))p=p.join($),p&&(p=this.extendTranslation(p,s,n,e));else{let t=!1,i=!1;!this.isValidLookup(p)&&b&&(t=!0,p=O),this.isValidLookup(p)||(i=!0,p=h);const r=(n.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey)&&i?void 0:p,a=b&&O!==p&&this.options.updateMissing;if(i||t||a){if(this.logger.log(a?"updateKey":"missingKey",u,c,m&&!a?`${h}${this.pluralResolver.getSuffix(u,n.count,n)}`:h,a?O:p),o){const t=this.resolve(h,{...n,keySeparator:!1});t&&t.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}let t=[];const s=this.languageUtils.getFallbackCodes(this.options.fallbackLng,n.lng||this.language);if("fallback"===this.options.saveMissingTo&&s&&s[0])for(let i=0;i<s.length;i++)t.push(s[i]);else"all"===this.options.saveMissingTo?t=this.languageUtils.toResolveHierarchy(n.lng||this.language):t.push(n.lng||this.language);const i=(t,s,i)=>{const e=b&&i!==p?i:r;this.options.missingKeyHandler?this.options.missingKeyHandler(t,c,s,e,a,n):this.backendConnector?.saveMissing&&this.backendConnector.saveMissing(t,c,s,e,a,n),this.emit("missingKey",t,c,s,p)};this.options.saveMissing&&(this.options.saveMissingPlurals&&m?t.forEach((t=>{const s=this.pluralResolver.getSuffixes(t,n);w&&n[`defaultValue${this.options.pluralSeparator}zero`]&&!s.includes(`${this.options.pluralSeparator}zero`)&&s.push(`${this.options.pluralSeparator}zero`),s.forEach((s=>{i([t],h+s,n[`defaultValue${s}`]||O)}))})):i(t,h,O))}p=this.extendTranslation(p,s,n,f,e),i&&p===h&&this.options.appendNamespaceToMissingKey&&(p=`${c}${l}${h}`),(i||t)&&this.options.parseMissingKeyHandler&&(p=this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey?`${c}${l}${h}`:h,t?p:void 0,n))}else{if(!n.returnObjects&&!this.options.returnObjects){this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!");const t=this.options.returnedObjectHandler?this.options.returnedObjectHandler(g,L,{...n,ns:a}):`key '${h} (${this.language})' returned an object instead of string.`;return r?(f.res=t,f.usedParams=this.getUsedParamsDetails(n),f):t}if(o){const t=Array.isArray(L),s=t?[]:{},i=t?y:g;for(const t in L)if(Object.prototype.hasOwnProperty.call(L,t)){const e=`${i}${o}${t}`;s[t]=this.translate(e,b&&!p?{...n,defaultValue:k(O)?O[t]:void 0,joinArrays:!1,ns:a}:{...n,joinArrays:!1,ns:a}),s[t]===e&&(s[t]=L[t])}p=s}}return r?(f.res=p,f.usedParams=this.getUsedParamsDetails(n),f):p}extendTranslation(s,i,e,n,r){if(this.i18nFormat?.parse)s=this.i18nFormat.parse(s,{...this.options.interpolation.defaultVariables,...e},e.lng||this.language||n.usedLng,n.usedNS,n.usedKey,{resolved:n});else if(!e.skipInterpolation){e.interpolation&&this.interpolator.init({...e,interpolation:{...this.options.interpolation,...e.interpolation}});const o=t(s)&&(void 0!==e?.interpolation?.skipOnVariables?e.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables);let h;if(o){const t=s.match(this.interpolator.nestingRegexp);h=t&&t.length}let a=e.replace&&!t(e.replace)?e.replace:e;if(this.options.interpolation.defaultVariables&&(a={...this.options.interpolation.defaultVariables,...a}),s=this.interpolator.interpolate(s,a,e.lng||this.language||n.usedLng,e),o){const t=s.match(this.interpolator.nestingRegexp);h<(t&&t.length)&&(e.nest=!1)}!e.lng&&n&&n.res&&(e.lng=this.language||n.usedLng),!1!==e.nest&&(s=this.interpolator.nest(s,((...t)=>r?.[0]!==t[0]||e.context?this.translate(...t,i):(this.logger.warn(`It seems you are nesting recursively key: ${t[0]} in key: ${i[0]}`),null)),e)),e.interpolation&&this.interpolator.reset()}const o=e.postProcess||this.options.postProcess,h=t(o)?[o]:o;return null!=s&&h?.length&&!1!==e.applyPostProcessor&&(s=w.handle(h,s,i,this.options&&this.options.postProcessPassResolved?{i18nResolved:{...n,usedParams:this.getUsedParamsDetails(e)},...e}:e,this)),s}resolve(s,i={}){let e,n,r,o,h;return t(s)&&(s=[s]),Array.isArray(s)&&(s=s.map((t=>"function"==typeof t?S(t,{...this.options,...i}):t))),s.forEach((s=>{if(this.isValidLookup(e))return;const a=this.extractFromKey(s,i),c=a.key;n=c;let l=a.namespaces;this.options.fallbackNS&&(l=l.concat(this.options.fallbackNS));const u=void 0!==i.count&&!t(i.count),d=u&&!i.ordinal&&0===i.count,f=void 0!==i.context&&(t(i.context)||"number"==typeof i.context)&&""!==i.context,p=i.lngs?i.lngs:this.languageUtils.toResolveHierarchy(i.lng||this.language,i.fallbackLng);l.forEach((t=>{this.isValidLookup(e)||(h=t,this.checkedLoadedFor[`${p[0]}-${t}`]||!this.utils?.hasLoadedNamespace||this.utils?.hasLoadedNamespace(h)||(this.checkedLoadedFor[`${p[0]}-${t}`]=!0,this.logger.warn(`key "${n}" for languages "${p.join(", ")}" won't get resolved as namespace "${h}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),p.forEach((s=>{if(this.isValidLookup(e))return;o=s;const n=[c];if(this.i18nFormat?.addLookupKeys)this.i18nFormat.addLookupKeys(n,c,s,t,i);else{let t;u&&(t=this.pluralResolver.getSuffix(s,i.count,i));const e=`${this.options.pluralSeparator}zero`,r=`${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;if(u&&(i.ordinal&&t.startsWith(r)&&n.push(c+t.replace(r,this.options.pluralSeparator)),n.push(c+t),d&&n.push(c+e)),f){const s=`${c}${this.options.contextSeparator||"_"}${i.context}`;n.push(s),u&&(i.ordinal&&t.startsWith(r)&&n.push(s+t.replace(r,this.options.pluralSeparator)),n.push(s+t),d&&n.push(s+e))}}let h;for(;h=n.pop();)this.isValidLookup(e)||(r=h,e=this.getResource(s,t,h,i))})))}))})),{res:e,usedKey:n,exactUsedKey:r,usedLng:o,usedNS:h}}isValidLookup(t){return!(void 0===t||!this.options.returnNull&&null===t||!this.options.returnEmptyString&&""===t)}getResource(t,s,i,e={}){return this.i18nFormat?.getResource?this.i18nFormat.getResource(t,s,i,e):this.resourceStore.getResource(t,s,i,e)}getUsedParamsDetails(s={}){const i=["defaultValue","ordinal","context","replace","lng","lngs","fallbackLng","ns","keySeparator","nsSeparator","returnObjects","returnDetails","joinArrays","postProcess","interpolation"],e=s.replace&&!t(s.replace);let n=e?s.replace:s;if(e&&void 0!==s.count&&(n={...n,count:s.count}),this.options.interpolation.defaultVariables&&(n={...this.options.interpolation.defaultVariables,...n}),!e){n={...n};for(const t of i)delete n[t]}return n}static hasDefaultValue(t){for(const s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&s.startsWith("defaultValue")&&void 0!==t[s])return!0;return!1}}class L{constructor(t){this.options=t,this.supportedLngs=this.options.supportedLngs||!1,this.logger=m.create("languageUtils"),this.resolveHierarchyCache={}}clearCache(){this.resolveHierarchyCache={}}getScriptPartFromCode(t){if(!(t=y(t))||!t.includes("-"))return null;const s=t.split("-");return 2===s.length?null:(s.pop(),"x"===s[s.length-1].toLowerCase()?null:this.formatLanguageCode(s.join("-")))}getLanguagePartFromCode(t){if(!(t=y(t))||!t.includes("-"))return t;const s=t.split("-");return this.formatLanguageCode(s[0])}formatLanguageCode(s){if(t(s)&&s.includes("-")){let t;try{t=Intl.getCanonicalLocales(s)[0]}catch(t){}return t&&this.options.lowerCaseLng&&(t=t.toLowerCase()),t||(this.options.lowerCaseLng?s.toLowerCase():s)}return this.options.cleanCode||this.options.lowerCaseLng?s.toLowerCase():s}isSupportedCode(t){return("languageOnly"===this.options.load||this.options.nonExplicitSupportedLngs)&&(t=this.getLanguagePartFromCode(t)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.includes(t)}getBestMatchFromCodes(t){if(!t)return null;let s;return t.forEach((t=>{if(s)return;const i=this.formatLanguageCode(t);this.options.supportedLngs&&!this.isSupportedCode(i)||(s=i)})),!s&&this.options.supportedLngs&&t.forEach((t=>{if(s)return;const i=this.getScriptPartFromCode(t);if(this.isSupportedCode(i))return s=i;const e=this.getLanguagePartFromCode(t);if(this.isSupportedCode(e))return s=e;s=this.options.supportedLngs.find((t=>!(t!==e&&(!t.includes("-")&&!e.includes("-")||(!t.includes("-")||e.includes("-")||t.slice(0,t.indexOf("-"))!==e)&&!(t.startsWith(e)&&e.length>1)))))})),s||(s=this.getFallbackCodes(this.options.fallbackLng)[0]),s}getFallbackCodes(s,i){if(!s)return[];if("function"==typeof s&&(s=s(i)),t(s)&&(s=[s]),Array.isArray(s))return s;if(!i)return s.default||[];let e=s[i];return e||(e=s[this.getScriptPartFromCode(i)]),e||(e=s[this.formatLanguageCode(i)]),e||(e=s[this.getLanguagePartFromCode(i)]),e||(e=s.default),e||[]}toResolveHierarchy(s,i){const e=this.options.fallbackLng,n=Array.isArray(e)?e.join("|"):e;n!==this._cachedFallbackLng&&(this.resolveHierarchyCache={},this._cachedFallbackLng=n);const r=void 0===i||!1===i||t(i),o=void 0===i&&"function"==typeof this.options.fallbackLng;let h=null;if(t(s)&&r&&!o){let t;t=void 0===i?"undefined":!1===i?"boolean:false":`string:${i}`,h=`${s.length}:${s}|${t}`}if(null!==h){const t=this.resolveHierarchyCache[h];if(void 0!==t)return t.slice()}const a=this.getFallbackCodes((!1===i?[]:i)||this.options.fallbackLng||[],s),c=[],l=t=>{t&&(this.isSupportedCode(t)?c.push(t):this.logger.warn(`rejecting language code not found in supportedLngs: ${t}`))};return t(s)&&(s.includes("-")||s.includes("_"))?("languageOnly"!==this.options.load&&l(this.formatLanguageCode(s)),"languageOnly"!==this.options.load&&"currentOnly"!==this.options.load&&l(this.getScriptPartFromCode(s)),"currentOnly"!==this.options.load&&l(this.getLanguagePartFromCode(s))):t(s)&&l(this.formatLanguageCode(s)),a.forEach((t=>{const s=this.formatLanguageCode(t);c.includes(s)||l(s)})),null!==h?(this.resolveHierarchyCache[h]=c,c.slice()):c}}const R={zero:0,one:1,two:2,few:3,many:4,other:5},P={select:t=>1===t?"one":"other",resolvedOptions:()=>({pluralCategories:["one","other"]})};class E{constructor(t,s={}){this.languageUtils=t,this.options=s,this.logger=m.create("pluralResolver"),this.pluralRulesCache={}}clearCache(){this.pluralRulesCache={}}getRule(t,s={}){const i=y("dev"===t?"en":t),e=s.ordinal?"ordinal":"cardinal",n=JSON.stringify({cleanedCode:i,type:e});if(n in this.pluralRulesCache)return this.pluralRulesCache[n];let r;try{r=new Intl.PluralRules(i,{type:e})}catch(i){if("undefined"==typeof Intl)return this.logger.error("No Intl support, please use an Intl polyfill!"),P;if(!t.match(/-|_/))return P;const e=this.languageUtils.getLanguagePartFromCode(t);r=this.getRule(e,s)}return this.pluralRulesCache[n]=r,r}needsPlural(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?.resolvedOptions().pluralCategories.length>1}getPluralFormsOfKey(t,s,i={}){return this.getSuffixes(t,i).map((t=>`${s}${t}`))}getSuffixes(t,s={}){let i=this.getRule(t,s);return i||(i=this.getRule("dev",s)),i?i.resolvedOptions().pluralCategories.sort(((t,s)=>R[t]-R[s])).map((t=>`${this.options.prepend}${s.ordinal?`ordinal${this.options.prepend}`:""}${t}`)):[]}getSuffix(t,s,i={}){const e=this.getRule(t,i);return e?`${this.options.prepend}${i.ordinal?`ordinal${this.options.prepend}`:""}${e.select(s)}`:(this.logger.warn(`no plural rule found for: ${t}`),this.getSuffix("dev",s,i))}}const A=(s,i,e,n=".",r=!0)=>{let o=((t,s,i)=>{const e=a(t,i);return void 0!==e?e:a(s,i)})(s,i,e);return!o&&r&&t(e)&&(o=g(s,e,n),void 0===o&&(o=g(i,e,n))),o};class C{constructor(t={}){this.logger=m.create("interpolator"),this.options=t,this.format=t?.interpolation?.format||(t=>t),this.init(t)}init(t={}){t.interpolation||(t.interpolation={escapeValue:!0});const{escape:s,escapeValue:i,useRawValueToEscape:e,prefix:n,prefixEscaped:r,suffix:o,suffixEscaped:h,formatSeparator:a,unescapeSuffix:c,unescapePrefix:u,nestingPrefix:f,nestingPrefixEscaped:p,nestingSuffix:g,nestingSuffixEscaped:y,nestingOptionsSeparator:$,maxReplaces:v,alwaysFormat:m}=t.interpolation;this.escape=void 0!==s?s:d,this.escapeValue=void 0===i||i,this.useRawValueToEscape=void 0!==e&&e,this.prefix=n?l(n):r||"{{",this.suffix=o?l(o):h||"}}",this.formatSeparator=a||",",this.unescapePrefix=c?"":u?l(u):"-",this.unescapeSuffix=this.unescapePrefix?"":c?l(c):"",this.nestingPrefix=f?l(f):p||l("$t("),this.nestingSuffix=g?l(g):y||l(")"),this.nestingOptionsSeparator=$||",",this.maxReplaces=v||1e3,this.alwaysFormat=void 0!==m&&m,this.resetRegExp()}reset(){this.options&&this.init(this.options)}resetRegExp(){const t=(t,s)=>t?.source===s?(t.lastIndex=0,t):new RegExp(s,"g");this.regexp=t(this.regexp,`${this.prefix}(.+?)${this.suffix}`),this.regexpUnescape=t(this.regexpUnescape,`${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`),this.nestingRegexp=t(this.nestingRegexp,`${this.nestingPrefix}((?:[^()"']|"[^"]*"|'[^']*'|\\((?:[^()"']|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`)}interpolate(s,e,n,r){let o,h,a;const c=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{},l=t=>{if(!t.includes(this.formatSeparator)){const s=A(e,c,t,this.options.keySeparator,this.options.ignoreJSONStructure);return this.alwaysFormat?this.format(s,void 0,n,{...r,...e,interpolationkey:t}):s}const s=t.split(this.formatSeparator),i=s.shift().trim(),o=s.join(this.formatSeparator).trim();return this.format(A(e,c,i,this.options.keySeparator,this.options.ignoreJSONStructure),o,n,{...r,...e,interpolationkey:i})};this.resetRegExp(),!this.escapeValue&&"string"==typeof s&&/\$t\([^)]*\{[^}]*\{\{/.test(s)&&this.logger.warn("nesting options string contains interpolated variables with escapeValue: false — if any of those values are attacker-controlled they can inject additional nesting options (e.g. redirect lng/ns). Sanitise untrusted input before passing it to t(), or keep escapeValue: true.");const u=r?.missingInterpolationHandler||this.options.missingInterpolationHandler,d=void 0!==r?.interpolation?.skipOnVariables?r.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:t=>t},{regex:this.regexp,safeValue:t=>this.escapeValue?this.escape(t):t}].forEach((e=>{for(a=0;o=e.regex.exec(s);){const n=o[1].trim();if(h=l(n),void 0===h)if("function"==typeof u){const i=u(s,o,r);h=t(i)?i:""}else if(r&&Object.prototype.hasOwnProperty.call(r,n))h="";else{if(d){h=o[0];continue}this.logger.warn(`missed to pass in variable ${n} for interpolating ${s}`),h=""}else t(h)||this.useRawValueToEscape||(h=i(h));const c=e.safeValue(h);if(s=s.replace(o[0],c.replace(/\$/g,"$$$$")),d?(e.regex.lastIndex+=c.length,e.regex.lastIndex-=o[0].length):e.regex.lastIndex=0,a++,a>=this.maxReplaces)break}})),s}nest(s,e,n={}){let r,o,h;const a=(t,s)=>{const i=this.nestingOptionsSeparator;if(!t.includes(i))return t;const e=t.split(new RegExp(`${l(i)}[ ]*{`));let n=`{${e[1]}`;t=e[0],n=this.interpolate(n,h);const r=n.match(/'/g),o=n.match(/"/g);((r?.length??0)%2==0&&!o||(o?.length??0)%2!=0)&&(n=n.replace(/'/g,'"'));try{h=JSON.parse(n),s&&(h={...s,...h})}catch(s){return this.logger.warn(`failed parsing options string in nesting for key ${t}`,s),`${t}${i}${n}`}return h.defaultValue&&h.defaultValue.includes(this.prefix)&&delete h.defaultValue,t},c=new RegExp(this.nestingRegexp);let u="",d=0;for(;r=c.exec(s);){let l=[];h={...n},h=h.replace&&!t(h.replace)?h.replace:h,h.applyPostProcessor=!1,delete h.defaultValue;const f=/{.*}/s.test(r[1])?r[1].lastIndexOf("}")+1:r[1].indexOf(this.formatSeparator);if(-1!==f&&(l=r[1].slice(f).split(this.formatSeparator).map((t=>t.trim())).filter(Boolean),r[1]=r[1].slice(0,f)),o=e(a.call(this,r[1].trim(),h),h),o&&r[0]===s&&!t(o))return o;t(o)||(o=i(o)),o||(this.logger.warn(`missed to resolve ${r[1]} for nesting ${s}`),o=""),l.length&&(o=l.reduce(((t,s)=>this.format(t,s,n.lng,{...n,interpolationkey:r[1].trim()})),o.trim())),u+=s.slice(d,r.index)+i(o),d=c.lastIndex,this.regexp.lastIndex=0}return d?u+s.slice(d):s}}const I=t=>{const s={};return(i,e,n)=>{let r=n;n&&n.interpolationkey&&n.formatParams&&n.formatParams[n.interpolationkey]&&n[n.interpolationkey]&&(r={...r,[n.interpolationkey]:void 0});const o=e+JSON.stringify(r);let h=s[o];return h||(h=t(y(e),n),s[o]=h),h(i)}},V=t=>(s,i,e)=>t(y(i),e)(s);class T{constructor(t={}){this.logger=m.create("formatter"),this.options=t,this.init(t)}init(t,s={interpolation:{}}){this.formatSeparator=s.interpolation.formatSeparator||",";const i=s.cacheInBuiltFormats?I:V;this.formats={number:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s});return t=>i.format(t)})),currency:i(((t,s)=>{const i=new Intl.NumberFormat(t,{...s,style:"currency"});return t=>i.format(t)})),datetime:i(((t,s)=>{const i=new Intl.DateTimeFormat(t,{...s});return t=>i.format(t)})),relativetime:i(((t,s)=>{const i=new Intl.RelativeTimeFormat(t,{...s});return t=>i.format(t,s.range||"day")})),list:i(((t,s)=>{const i=new Intl.ListFormat(t,{...s});return t=>i.format(t)}))}}add(t,s){this.formats[t.toLowerCase().trim()]=s}addCached(t,s){this.formats[t.toLowerCase().trim()]=I(s)}format(t,s,i,e={}){if(!s)return t;if(null==t)return t;const n=s.split(this.formatSeparator),r=[];for(let t=0;t<n.length;t++){let s=n[t];for(;s.indexOf("(")>-1&&!s.includes(")")&&t+1<n.length;)s=`${s}${this.formatSeparator}${n[++t]}`;r.push(s)}return r.reduce(((t,s)=>{const{formatName:n,formatOptions:r}=(t=>{let s=t.toLowerCase().trim();const i={};if(t.includes("(")){const e=t.split("(");s=e[0].toLowerCase().trim();const n=e[1].slice(0,-1);"currency"!==s||n.includes(":")?"relativetime"!==s||n.includes(":")?n.split(";").forEach((t=>{if(t){const[s,...e]=t.split(":"),n=e.join(":").trim().replace(/^'+|'+$/g,""),r=s.trim();i[r]||(i[r]=n),"false"===n&&(i[r]=!1),"true"===n&&(i[r]=!0),isNaN(n)||(i[r]=parseInt(n,10))}})):i.range||(i.range=n.trim()):i.currency||(i.currency=n.trim())}return{formatName:s,formatOptions:i}})(s);if(this.formats[n]){let s=t;try{const o=e?.formatParams?.[e.interpolationkey]||{};s=this.formats[n](t,o.locale||o.lng||e.locale||e.lng||i,{...r,...e,...o})}catch(t){this.logger.warn(t)}return s}return this.logger.warn(`there was no format function for ${n}`),t}),t)}}class F extends b{constructor(t,s,i,e={}){super(),this.backend=t,this.store=s,this.services=i,this.languageUtils=i.languageUtils,this.options=e,this.logger=m.create("backendConnector"),this.waitingReads=[],this.maxParallelReads=e.maxParallelReads||10,this.readingCalls=0,this.maxRetries=e.maxRetries>=0?e.maxRetries:5,this.retryTimeout=e.retryTimeout>=1?e.retryTimeout:350,this.state={},this.queue=[],this.backend?.init?.(i,e.backend,e)}queueLoad(t,s,i,e){const n={},r={},o={},h={};return t.forEach((t=>{let e=!0;s.forEach((s=>{const o=`${t}|${s}`;!i.reload&&this.store.hasResourceBundle(t,s)?this.state[o]=2:this.state[o]<0||(1===this.state[o]?void 0===r[o]&&(r[o]=!0):(this.state[o]=1,e=!1,void 0===r[o]&&(r[o]=!0),void 0===n[o]&&(n[o]=!0),void 0===h[s]&&(h[s]=!0)))})),e||(o[t]=!0)})),(Object.keys(n).length||Object.keys(r).length)&&this.queue.push({pending:r,pendingCount:Object.keys(r).length,loaded:{},errors:[],callback:e}),{toLoad:Object.keys(n),pending:Object.keys(r),toLoadLanguages:Object.keys(o),toLoadNamespaces:Object.keys(h)}}loaded(t,s,i){const e=t.split("|"),n=e[0],r=e[1];s&&this.emit("failedLoading",n,r,s),!s&&i&&this.store.addResourceBundle(n,r,i,void 0,void 0,{skipCopy:!0}),this.state[t]=s?-1:2,s&&i&&(this.state[t]=0);const h={};this.queue.forEach((i=>{((t,s,i)=>{const{obj:e,k:n}=o(t,s,Object);e[n]=e[n]||[],e[n].push(i)})(i.loaded,[n],r),((t,s)=>{void 0!==t.pending[s]&&(delete t.pending[s],t.pendingCount--)})(i,t),s&&i.errors.push(s),0!==i.pendingCount||i.done||(Object.keys(i.loaded).forEach((t=>{h[t]||(h[t]={});const s=i.loaded[t];s.length&&s.forEach((s=>{void 0===h[t][s]&&(h[t][s]=!0)}))})),i.done=!0,i.errors.length?i.callback(i.errors):i.callback())})),this.emit("loaded",h),this.queue=this.queue.filter((t=>!t.done))}read(t,s,i,e=0,n=this.retryTimeout,r){if(!t.length)return r(null,{});if(this.readingCalls>=this.maxParallelReads)return void this.waitingReads.push({lng:t,ns:s,fcName:i,tried:e,wait:n,callback:r});this.readingCalls++;const o=(o,h)=>{if(this.readingCalls--,this.waitingReads.length>0){const t=this.waitingReads.shift();this.read(t.lng,t.ns,t.fcName,t.tried,t.wait,t.callback)}o&&h&&e<this.maxRetries?setTimeout((()=>{this.read(t,s,i,e+1,2*n,r)}),n):r(o,h)},h=this.backend[i].bind(this.backend);if(2!==h.length)return h(t,s,o);try{const i=h(t,s);i&&"function"==typeof i.then?i.then((t=>o(null,t))).catch(o):o(null,i)}catch(t){o(t)}}prepareLoading(s,i,e={},n){if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),n&&n();t(s)&&(s=this.languageUtils.toResolveHierarchy(s)),t(i)&&(i=[i]);const r=this.queueLoad(s,i,e,n);if(!r.toLoad.length)return r.pending.length||n(),null;r.toLoad.forEach((t=>{this.loadOne(t)}))}load(t,s,i){this.prepareLoading(t,s,{},i)}reload(t,s,i){this.prepareLoading(t,s,{reload:!0},i)}loadOne(t,s=""){const i=t.split("|"),e=i[0],n=i[1];this.read(e,n,"read",void 0,void 0,((i,r)=>{i&&this.logger.warn(`${s}loading namespace ${n} for language ${e} failed`,i),!i&&r&&this.logger.log(`${s}loaded namespace ${n} for language ${e}`,r),this.loaded(t,i,r)}))}saveMissing(t,s,i,e,n,r={},o=()=>{}){if(!this.services?.utils?.hasLoadedNamespace||this.services?.utils?.hasLoadedNamespace(s)){if(null!=i&&""!==i){if(this.backend?.create){const h={...r,isUpdate:n},a=this.backend.create.bind(this.backend);if(a.length<6)try{let n;n=5===a.length?a(t,s,i,e,h):a(t,s,i,e),n&&"function"==typeof n.then?n.then((t=>o(null,t))).catch(o):o(null,n)}catch(t){o(t)}else a(t,s,i,e,o,h)}t&&t[0]&&this.store.addResource(t[0],s,i,e)}}else this.logger.warn(`did not save key "${i}" as the namespace "${s}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")}}const K=()=>({debug:!1,initAsync:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",enableSelector:!1,partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!1,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:s=>{let i={};if("object"==typeof s[1]&&(i=s[1]),t(s[1])&&(i.defaultValue=s[1]),t(s[2])&&(i.tDescription=s[2]),"object"==typeof s[2]||"object"==typeof s[3]){const t=s[3]||s[2];Object.keys(t).forEach((s=>{i[s]=t[s]}))}return i},interpolation:{escapeValue:!0,prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!0},cacheInBuiltFormats:!0}),B=s=>(t(s.ns)&&(s.ns=[s.ns]),t(s.fallbackLng)&&(s.fallbackLng=[s.fallbackLng]),t(s.fallbackNS)&&(s.fallbackNS=[s.fallbackNS]),s.supportedLngs&&!s.supportedLngs.includes("cimode")&&(s.supportedLngs=s.supportedLngs.concat(["cimode"])),s),M=()=>{};class z extends b{constructor(t={},s){var i;if(super(),this.options=B(t),this.services={},this.logger=m,this.modules={external:[]},i=this,Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t=>{"function"==typeof i[t]&&(i[t]=i[t].bind(i))})),s&&!this.isInitialized&&!t.isClone){if(!this.options.initAsync)return this.init(t,s),this;setTimeout((()=>{this.init(t,s)}),0)}}init(i={},e){this.isInitializing=!0,"function"==typeof i&&(e=i,i={}),null==i.defaultNS&&i.ns&&(t(i.ns)?i.defaultNS=i.ns:i.ns.includes("translation")||(i.defaultNS=i.ns[0]));const n=K();this.options={...n,...this.options,...B(i)},this.options.interpolation={...n.interpolation,...this.options.interpolation},void 0!==i.keySeparator&&(this.options.userDefinedKeySeparator=i.keySeparator),void 0!==i.nsSeparator&&(this.options.userDefinedNsSeparator=i.nsSeparator),"function"!=typeof this.options.overloadTranslationOptionHandler&&(this.options.overloadTranslationOptionHandler=n.overloadTranslationOptionHandler);const r=t=>t?"function"==typeof t?new t:t:null;if(!this.options.isClone){let t;m.init(this.modules.logger?r(this.modules.logger):null,this.options),t=this.modules.formatter?this.modules.formatter:T;const s=new L(this.options);this.store=new j(this.options.resources,this.options);const i=this.services;i.logger=m,i.resourceStore=this.store,i.languageUtils=s,i.pluralResolver=new E(s,{prepend:this.options.pluralSeparator}),t&&(i.formatter=r(t),i.formatter.init&&i.formatter.init(i,this.options),this.options.interpolation.format=i.formatter.format.bind(i.formatter)),i.interpolator=new C(this.options),i.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},i.backendConnector=new F(r(this.modules.backend),i.resourceStore,i,this.options),i.backendConnector.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.languageDetector&&(i.languageDetector=r(this.modules.languageDetector),i.languageDetector.init&&i.languageDetector.init(i,this.options.detection,this.options)),this.modules.i18nFormat&&(i.i18nFormat=r(this.modules.i18nFormat),i.i18nFormat.init&&i.i18nFormat.init(this)),this.translator=new N(this.services,this.options),this.translator.on("*",((t,...s)=>{this.emit(t,...s)})),this.modules.external.forEach((t=>{t.init&&t.init(this)}))}if(this.format=this.options.interpolation.format,e||(e=M),this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){const t=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);t.length>0&&"dev"!==t[0]&&(this.options.lng=t[0])}this.services.languageDetector||this.options.lng||this.logger.warn("init: no languageDetector is used and no lng is defined"),["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"].forEach((t=>{this[t]=(...s)=>this.store[t](...s)})),["addResource","addResources","addResourceBundle","removeResourceBundle"].forEach((t=>{this[t]=(...s)=>(this.store[t](...s),this)}));const o=s(),h=()=>{const t=(t,s)=>{this.isInitializing=!1,this.isInitialized&&!this.initializedStoreOnce&&this.logger.warn("init: i18next is already initialized. You should call init just once!"),this.isInitialized=!0,this.options.isClone||this.logger.log("initialized",this.options),this.emit("initialized",this.options),o.resolve(s),e(t,s)};if((this.languages||this.isLanguageChangingTo)&&!this.isInitialized)return t(null,this.t.bind(this));this.changeLanguage(this.options.lng,t)};return this.options.resources||!this.options.initAsync?h():setTimeout(h,0),o}loadResources(s,i=M){let e=i;const n=t(s)?s:this.language;if("function"==typeof s&&(e=s),!this.options.resources||this.options.partialBundledLanguages){if("cimode"===n?.toLowerCase()&&(!this.options.preload||0===this.options.preload.length))return e();const t=[],s=s=>{s&&"cimode"!==s&&this.services.languageUtils.toResolveHierarchy(s).forEach((s=>{"cimode"!==s&&(t.includes(s)||t.push(s))}))};n?s(n):this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach((t=>s(t))),this.options.preload?.forEach?.((t=>s(t))),this.services.backendConnector.load(t,this.options.ns,(t=>{t||this.resolvedLanguage||!this.language||this.setResolvedLanguage(this.language),e(t)}))}else e(null)}reloadResources(t,i,e){const n=s();return"function"==typeof t&&(e=t,t=void 0),"function"==typeof i&&(e=i,i=void 0),t||(t=this.languages),i||(i=this.options.ns),e||(e=M),this.services.backendConnector.reload(t,i,(t=>{n.resolve(),e(t)})),n}use(t){if(!t)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!t.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return"backend"===t.type&&(this.modules.backend=t),("logger"===t.type||t.log&&t.warn&&t.error)&&(this.modules.logger=t),"languageDetector"===t.type&&(this.modules.languageDetector=t),"i18nFormat"===t.type&&(this.modules.i18nFormat=t),"postProcessor"===t.type&&w.addPostProcessor(t),"formatter"===t.type&&(this.modules.formatter=t),"3rdParty"===t.type&&this.modules.external.push(t),this}setResolvedLanguage(t){if(t&&this.languages&&!["cimode","dev"].includes(t)){for(let t=0;t<this.languages.length;t++){const s=this.languages[t];if(!["cimode","dev"].includes(s)&&this.store.hasLanguageSomeTranslations(s)){this.resolvedLanguage=s;break}}this.resolvedLanguage||this.languages.includes(t)||!this.store.hasLanguageSomeTranslations(t)||(this.resolvedLanguage=t,this.languages.unshift(t))}}changeLanguage(i,e){this.isLanguageChangingTo=i;const n=s();this.emit("languageChanging",i);const r=t=>{this.language=t,this.languages=this.services.languageUtils.toResolveHierarchy(t),this.resolvedLanguage=void 0,this.setResolvedLanguage(t)},o=(t,s)=>{s?this.isLanguageChangingTo===i&&(r(s),this.translator.changeLanguage(s),this.isLanguageChangingTo=void 0,this.emit("languageChanged",s),this.logger.log("languageChanged",s)):this.isLanguageChangingTo=void 0,n.resolve(((...t)=>this.t(...t))),e&&e(t,((...t)=>this.t(...t)))},h=s=>{i||s||!this.services.languageDetector||(s=[]);const e=t(s)?s:s&&s[0],n=this.store.hasLanguageSomeTranslations(e)?e:this.services.languageUtils.getBestMatchFromCodes(t(s)?[s]:s);n&&(this.language||r(n),this.translator.language||this.translator.changeLanguage(n),this.services.languageDetector?.cacheUserLanguage?.(n)),this.loadResources(n,(t=>{o(t,n)}))};return i||!this.services.languageDetector||this.services.languageDetector.async?!i&&this.services.languageDetector&&this.services.languageDetector.async?0===this.services.languageDetector.detect.length?this.services.languageDetector.detect().then(h):this.services.languageDetector.detect(h):h(i):h(this.services.languageDetector.detect()),n}getFixedT(s,i,e,n){const r=n?.scopeNs,o=(t,s,...i)=>{let n;n="object"!=typeof s?this.options.overloadTranslationOptionHandler([t,s].concat(i)):{...s},n.lng=n.lng||o.lng,n.lngs=n.lngs||o.lngs;const h=null!=n.ns;n.ns=n.ns||o.ns,""!==n.keyPrefix&&(n.keyPrefix=n.keyPrefix||e||o.keyPrefix);const a={...this.options,...n};Array.isArray(r)&&!h&&(a.ns=r),"function"==typeof n.keyPrefix&&(n.keyPrefix=S(n.keyPrefix,a));const c=this.options.keySeparator||".";let l;return n.keyPrefix&&Array.isArray(t)?l=t.map((t=>("function"==typeof t&&(t=S(t,a)),`${n.keyPrefix}${c}${t}`))):("function"==typeof t&&(t=S(t,a)),l=n.keyPrefix?`${n.keyPrefix}${c}${t}`:t),this.t(l,n)};return t(s)?o.lng=s:o.lngs=s,o.ns=i,o.keyPrefix=e,o}t(...t){return this.translator?.translate(...t)}exists(...t){return this.translator?.exists(...t)}setDefaultNamespace(t){this.options.defaultNS=t}hasLoadedNamespace(t,s={}){if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;const i=s.lng||this.resolvedLanguage||this.languages[0],e=!!this.options&&this.options.fallbackLng,n=this.languages[this.languages.length-1];if("cimode"===i.toLowerCase())return!0;const r=(t,s)=>{const i=this.services.backendConnector.state[`${t}|${s}`];return-1===i||0===i||2===i};if(s.precheck){const t=s.precheck(this,r);if(void 0!==t)return t}if(this.hasResourceBundle(i,t))return!0;if(!this.services.backendConnector.backend||this.options.resources&&!this.options.partialBundledLanguages)return!0;const{languageUtils:o}=this.services,h=s.lng?o.isSupportedCode(i)&&o.toResolveHierarchy(i,!1)[0]:i;return!(h&&!r(h,t)||e&&!r(n,t))}loadNamespaces(i,e){const n=s();return this.options.ns?(t(i)&&(i=[i]),i.forEach((t=>{this.options.ns.includes(t)||this.options.ns.push(t)})),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}loadLanguages(i,e){const n=s();t(i)&&(i=[i]);const r=this.options.preload||[],o=i.filter((t=>!r.includes(t)&&this.services.languageUtils.isSupportedCode(t)));return o.length?(this.options.preload=r.concat(o),this.loadResources((t=>{n.resolve(),e&&e(t)})),n):(e&&e(),Promise.resolve())}dir(t){if(t||(t=this.resolvedLanguage||(this.languages?.length>0?this.languages[0]:this.language)),!t)return"rtl";try{const s=new Intl.Locale(t);if(s&&s.getTextInfo){const t=s.getTextInfo();if(t&&t.direction)return t.direction}}catch(t){}const s=this.services?.languageUtils||new L(K());return t.toLowerCase().indexOf("-latn")>1?"ltr":["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"].includes(s.getLanguagePartFromCode(t))||t.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}static createInstance(t={},s){const i=new z(t,s);return i.createInstance=z.createInstance,i}cloneInstance(t={},s=M){const i=t.forkResourceStore;i&&delete t.forkResourceStore;const e={...this.options,preload:!1,...t,isClone:!0},n=new z(e);if(void 0===t.debug&&void 0===t.prefix||(n.logger=n.logger.clone(t)),["store","services","language"].forEach((t=>{n[t]=this[t]})),n.services={...this.services},n.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},i){const t=Object.keys(this.store.data).reduce(((t,s)=>(t[s]={...this.store.data[s]},t[s]=Object.keys(t[s]).reduce(((i,e)=>(i[e]={...t[s][e]},i)),t[s]),t)),{});n.store=new j(t,e),n.services.resourceStore=n.store}if(t.interpolation){const s={...K().interpolation,...this.options.interpolation,...t.interpolation},i={...e,interpolation:s};n.services.interpolator=new C(i)}return n.translator=new N(n.services,e),n.translator.on("*",((t,...s)=>{n.emit(t,...s)})),n.init(e,s),n.translator.options=e,n.translator.backendConnector.services.utils={hasLoadedNamespace:n.hasLoadedNamespace.bind(n)},n}toJSON(){return{options:this.options,store:this.store,language:this.language,languages:this.languages,resolvedLanguage:this.resolvedLanguage}}}const _=z.createInstance().createInstance,D="nl";function H(t){const s=t.closest("[lang]");return s instanceof HTMLElement?s.lang||D:t.parentNode instanceof ShadowRoot&&t.parentNode.host instanceof HTMLElement?H(t.parentNode.host):t.parentElement instanceof HTMLElement?H(t.parentElement):D}function J(t,s){const i=t(),e=_();e.init({fallbackLng:D,resources:s,defaultNS:i.tagName.toLowerCase(),interpolation:{escapeValue:!1}});let n=!1;return(t,s)=>{if(!n){n=!0;const t=H(i);e.changeLanguage(t)}return e.t(t,s)}}export{J as i}

package/dist/components/icon-button.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as e,transformTag as n}from"@stencil/core/internal/client";import{T as s}from"./tooltip.controller.js";import{T as a}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.tooltipController=new s({getReferenceElement:()=>this.buttonElRef,getTipElement:()=>this.tooltipElRef,getTipArrowElement:()=>this.tooltipArrowElRef,getPlacement:()=>this.tooltipPlacement,showDelay:500}),this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.handleShowTooltip=()=>{this.disabled||this.tooltipController.show()},this.handleHideTooltip=()=>{this.tooltipController.hide()},this.handleClick=o=>{this.tooltipController.notifyClick(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o,toggled:!this.toggled})}}async setFocus(){this.buttonElRef?.focus()}disconnectedCallback(){this.tooltipController.dispose()}render(){return e("button",{key:"7d3bf4a79f897ec497bd7309b4f841bfa894a577",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant} ${this.toggled?"toggled":""}`,"aria-pressed":this.toggled?.toString(),"aria-expanded":this.expanded?.toString(),onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},e("dso-icon",{key:"a3c3df83e533e83df10f5b8d7926f70a49422e30",icon:this.icon,"aria-hidden":"true"}),e(a,{key:"8e2334a4b4ecaecf91394a4743f5757bf3e3044e",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;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_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-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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 {   --_dso-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;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_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-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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(--_dso-icon-button-position, static);   inset-block-start: var(--_dso-icon-button-inset-block-start, 0);   inset-inline-end: var(--_dso-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(--_dso-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(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-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(--_dso-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(--_dso-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(--_dso-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(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px);   border-block-end-width: var(--_dso-icon-button-border-block-end-width, 1px);   border-inline-end-width: var(--_dso-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(--_dso-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(--_dso-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(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-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(--_dso-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(--_dso-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(--_dso-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(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-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],expanded:[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(n(o))||customElements.define(n(o),i);break;case"dso-icon":customElements.get(n(o))||d()}}))}export{i as I,c as d}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as e,transformTag as n}from"@stencil/core/internal/client";import{T as s}from"./tooltip.controller.js";import{T as a}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.tooltipController=new s({getReferenceElement:()=>this.buttonElRef,getTipElement:()=>this.tooltipElRef,getTipArrowElement:()=>this.tooltipArrowElRef,getPlacement:()=>this.tooltipPlacement,showDelay:500}),this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.handleShowTooltip=()=>{this.disabled||this.tooltipController.show()},this.handleHideTooltip=()=>{this.tooltipController.hide()},this.handleClick=o=>{this.tooltipController.notifyClick(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o,toggled:!this.toggled})}}async setFocus(){this.buttonElRef?.focus()}disconnectedCallback(){this.tooltipController.dispose()}componentDidRender(){this.buttonElRef&&Object.assign(this.buttonElRef,{ariaControlsElements:this.controlsElement?[this.controlsElement]:null,ariaDescribedByElements:this.describedByElement?[this.describedByElement]:null})}render(){return e("button",{key:"9bf48abb6605ca685ce380b65ffaeacd66bb12d2",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant} ${this.toggled?"toggled":""}`,"aria-pressed":this.toggled?.toString(),"aria-expanded":this.expanded?.toString(),onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},e("dso-icon",{key:"0815abe603bc590898366bf6ffafb51a7c4d71a1",icon:this.icon,"aria-hidden":"true"}),e(a,{key:"5aa6aa5397384dde536db5e613f5eae5886d838f",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;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_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-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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 {   --_dso-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;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_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-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_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(--_dso-icon-button-position, static);   inset-block-start: var(--_dso-icon-button-inset-block-start, 0);   inset-inline-end: var(--_dso-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(--_dso-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(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-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(--_dso-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(--_dso-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(--_dso-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(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px);   border-block-end-width: var(--_dso-icon-button-border-block-end-width, 1px);   border-inline-end-width: var(--_dso-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(--_dso-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(--_dso-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(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-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(--_dso-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(--_dso-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(--_dso-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(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-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],expanded:[516],controlsElement:[16],describedByElement:[16],toggled:[516],setFocus:[64]}]);function c(){"undefined"!=typeof customElements&&["dso-icon-button","dso-icon"].forEach((o=>{switch(o){case"dso-icon-button":customElements.get(n(o))||customElements.define(n(o),i);break;case"dso-icon":customElements.get(n(o))||d()}}))}export{i as I,c as d}

package/dist/components/image-overlay.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,forceUpdate as i,h as r,Host as e,transformTag as n}from"@stencil/core/internal/client";import{d as c}from"./index3.js";import{d}from"./icon.js";import{d as s}from"./icon-button.js";const l={verwijder:"Verwijderd",voegtoe:"Toegevoegd"},a=({active:o,src:t,alt:i,ref:e,close:n,click:c},d)=>o&&t&&r("dialog",{class:"wrapper",ref:e,onClose:n,onClick:n},r("div",{onClick:n},d[2],d[0],r("img",{src:t,alt:i}),r("dso-icon-button",{icon:"cross",variant:"map",class:"close",label:"Sluiten",onDsoClick:c}),d[1])),b=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.zoomable=!1,this.titelSlot=null,this.bijschriftSlot=null,this.dialogCloseEventListener=o=>{o.target instanceof HTMLDialogElement&&this.closeZoomedImage()}}loadListener(o){o.target instanceof HTMLImageElement&&this.scheduleZoomableUpdate(o.target)}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']"),this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(c((()=>{const o=this.host.querySelector("img");o instanceof HTMLImageElement&&this.setZoomable(o)}),200)),this.mutationObserver=new MutationObserver((o=>{i(this.host),"childList"===o[0]?.type&&(this.resizeObserver?.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}componentDidRender(){this.active&&!this.wrapperElement?.open&&this.wrapperElement?.showModal()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),void 0!==this.zoomableFrameId&&(cancelAnimationFrame(this.zoomableFrameId),this.zoomableFrameId=void 0)}initZoomableImage(){const o=this.host.querySelector("img");o instanceof HTMLImageElement&&(o.complete&&this.scheduleZoomableUpdate(o),this.resizeObserver?.observe(o))}scheduleZoomableUpdate(o){const{width:t,naturalWidth:i,height:r,naturalHeight:e}=o;this.pendingZoomable=t<i||r<e,void 0===this.zoomableFrameId&&(this.zoomableFrameId=requestAnimationFrame((()=>{this.zoomableFrameId=void 0,this.host.isConnected&&void 0!==this.pendingZoomable&&this.zoomable!==this.pendingZoomable&&(this.zoomable=this.pendingZoomable)})))}setZoomable(o){this.scheduleZoomableUpdate(o)}isWijzigactie(o){return"voegtoe"===o||"verwijder"===o}closeZoomedImage(){this.wrapperElement?.close(),this.active=!1}render(){const{src:o,alt:t}=this.host.querySelector("img")??{},i=this.wijzigactie&&this.isWijzigactie(this.wijzigactie)&&l[this.wijzigactie]||void 0,n=this.zoomable&&r("dso-icon-button",{icon:"external-link",class:"open",variant:"map",label:"Afbeelding vergroot weergeven",ref:o=>this.iconButtonElement=o,onDsoClick:()=>this.active=!0});return"verwijder"===this.wijzigactie?r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r("del",{class:"editaction-remove"},r("div",{class:"editaction-label"},i,":"),r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},i,":")),r("slot",null),n)):"voegtoe"===this.wijzigactie?r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r("ins",{class:"editaction-add"},r("div",{class:"editaction-label"},i,":"),r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},i,":")),r("slot",null),n)):r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"}))),r("slot",null),n)}get host(){return this}static get style(){return":host{display:inline-block;position:relative}:host .wrapper{overflow:visible;padding:0;border:0}:host .wrapper::backdrop{background-color:rgba(255, 255, 255, 0.8)}:host(:hover) .open,.open:focus{opacity:1}.open{opacity:0;position:absolute;inset-inline-end:16px;inset-block-start:16px}.wrapper{align-self:center;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);line-height:0;outline:4px solid #fff;z-index:20}.wrapper .title{background-color:#fff;font-weight:700;line-height:initial;padding:8px;position:absolute}.wrapper img{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:calc(100vh - 64px)}.wrapper .figuur-bijschrift:not([hidden]){display:block;font-size:0.75rem;font-style:italic;padding-block-end:12px;padding-block-start:16px}.close{position:absolute;inset-block-start:16px;inset-inline-end:16px}ins.editaction-add{display:inline-block;margin-block-end:8px;padding:8px;text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper{outline:none;padding: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper .editaction-label{line-height:1.5}ins.editaction-add .wrapper .close{inset-block-start:48px}ins.editaction-add .open{inset-block-start:48px}del.editaction-remove{display:inline-block;margin-block-end:8px;padding: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove{font-family:sans-serif}}del.editaction-remove .wrapper{outline:none;padding: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove .wrapper{font-family:sans-serif}}del.editaction-remove .wrapper .title{text-decoration:line-through}del.editaction-remove .wrapper .editaction-label{line-height:1.5}del.editaction-remove .wrapper .close{inset-block-start:48px}del.editaction-remove .open{inset-block-start:48px}.editaction-label{font-style:italic;margin-block-end:8px}"}},[257,"dso-image-overlay",{wijzigactie:[1],active:[32],zoomable:[32]},[[2,"load","loadListener"]]]);function h(){"undefined"!=typeof customElements&&["dso-image-overlay","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-image-overlay":customElements.get(n(o))||customElements.define(n(o),b);break;case"dso-icon":customElements.get(n(o))||d();break;case"dso-icon-button":customElements.get(n(o))||s()}}))}export{b as I,h as d}
+import{proxyCustomElement as o,HTMLElement as t,forceUpdate as i,h as r,Host as e,transformTag as n}from"@stencil/core/internal/client";import{d}from"./index3.js";import{d as c}from"./icon.js";import{d as s}from"./icon-button.js";const l={verwijder:"Verwijderd",voegtoe:"Toegevoegd"},a=({active:o,src:t,alt:i,ref:e,close:n,click:d},c)=>o&&t&&r("dialog",{class:"wrapper",ref:e,onClose:n,onClick:n},r("div",{onClick:n},c[2],r("div",{class:"figure"},c[0],r("div",{class:"content"},r("img",{src:t,alt:i}),r("dso-icon-button",{icon:"cross",variant:"map",class:"close",label:"Sluiten",onDsoClick:d}),c[1])))),b=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.zoomable=!1,this.titelSlot=null,this.bijschriftSlot=null,this.dialogCloseEventListener=o=>{o.target instanceof HTMLDialogElement&&this.closeZoomedImage()}}loadListener(o){o.target instanceof HTMLImageElement&&this.scheduleZoomableUpdate(o.target)}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']"),this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(d((()=>{const o=this.host.querySelector("img");o instanceof HTMLImageElement&&this.setZoomable(o)}),200)),this.mutationObserver=new MutationObserver((o=>{i(this.host),"childList"===o[0]?.type&&(this.resizeObserver?.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}componentDidRender(){this.active&&!this.wrapperElement?.open&&this.wrapperElement?.showModal()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),void 0!==this.zoomableFrameId&&(cancelAnimationFrame(this.zoomableFrameId),this.zoomableFrameId=void 0)}initZoomableImage(){const o=this.host.querySelector("img");o instanceof HTMLImageElement&&(o.complete&&this.scheduleZoomableUpdate(o),this.resizeObserver?.observe(o))}scheduleZoomableUpdate(o){const{width:t,naturalWidth:i,height:r,naturalHeight:e}=o;this.pendingZoomable=t<i||r<e,void 0===this.zoomableFrameId&&(this.zoomableFrameId=requestAnimationFrame((()=>{this.zoomableFrameId=void 0,this.host.isConnected&&void 0!==this.pendingZoomable&&this.zoomable!==this.pendingZoomable&&(this.zoomable=this.pendingZoomable)})))}setZoomable(o){this.scheduleZoomableUpdate(o)}isWijzigactie(o){return"voegtoe"===o||"verwijder"===o}closeZoomedImage(){this.wrapperElement?.close(),this.active=!1}render(){const{src:o,alt:t}=this.host.querySelector("img")??{},i=this.wijzigactie&&this.isWijzigactie(this.wijzigactie)&&l[this.wijzigactie]||void 0,n=this.zoomable&&r("dso-icon-button",{icon:"external-link",class:"open",variant:"map",label:"Afbeelding vergroot weergeven",ref:o=>this.iconButtonElement=o,onDsoClick:()=>this.active=!0});return"verwijder"===this.wijzigactie?r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r("del",{class:"editaction-remove"},r("div",{class:"editaction-label"},i,":"),r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},i,":")),r("slot",null),n)):"voegtoe"===this.wijzigactie?r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r("ins",{class:"editaction-add"},r("div",{class:"editaction-label"},i,":"),r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"})),r("div",{class:"editaction-label"},i,":")),r("slot",null),n)):r(e,{onClick:()=>this.iconButtonElement?.setFocus()},r(a,{active:this.active,src:o,alt:t,ref:o=>this.wrapperElement=o,close:this.dialogCloseEventListener,click:()=>this.closeZoomedImage()},this.titelSlot&&r("div",{class:"title"},r("slot",{name:"titel"})),r("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},r("slot",{name:"bijschrift"}))),r("slot",null),n)}get host(){return this}static get style(){return':host{display:inline-block;position:relative}:host .wrapper{overflow:visible;padding:0;border:0}:host .wrapper::backdrop{background-color:rgba(255, 255, 255, 0.8)}:host(:hover) .open,.open:focus{opacity:1}.open{opacity:0;position:absolute;inset-inline-end:16px;inset-block-start:16px}.wrapper{align-self:center;background-color:transparent;line-height:0;z-index:20}.wrapper>div{display:grid}.wrapper .figure{display:grid;filter:drop-shadow(4px 0 4px rgba(0, 0, 0, 0.25));clip-path:inset(-8px -16px -8px 0)}.wrapper .title{justify-self:start;background-color:#fff;font-size:1.25rem;font-weight:600;line-height:1.3;padding:8px}.wrapper .content{position:relative;display:grid;grid-template-areas:"image" "caption";background-color:#fff;padding-block:4px;padding-inline:4px}.wrapper img{grid-area:image;display:block;inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:calc(100vh - calc(32px + 1.625rem + 1.3125rem + 38px))}.wrapper .figuur-bijschrift:not([hidden]){grid-area:caption;display:block;font-size:0.875rem;font-style:italic;line-height:1.5;padding-block-start:10px;padding-block-end:4px;padding-inline:4px}.close{grid-area:image;position:absolute;inset-block-start:16px;inset-inline-end:16px}ins.editaction-add{display:inline-block;margin-block-end:8px;padding:8px;text-decoration:none;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper{outline:none;padding: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}ins.editaction-add .wrapper .editaction-label{line-height:1.5}ins.editaction-add .open{inset-block-start:48px}del.editaction-remove{display:inline-block;margin-block-end:8px;padding: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove{font-family:sans-serif}}del.editaction-remove .wrapper{outline:none;padding: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del.editaction-remove .wrapper{font-family:sans-serif}}del.editaction-remove .wrapper .title{text-decoration:line-through}del.editaction-remove .wrapper .editaction-label{line-height:1.5}del.editaction-remove .open{inset-block-start:48px}.editaction-label{font-style:italic;margin-block-end:8px}'}},[257,"dso-image-overlay",{wijzigactie:[1],active:[32],zoomable:[32]},[[2,"load","loadListener"]]]);function h(){"undefined"!=typeof customElements&&["dso-image-overlay","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-image-overlay":customElements.get(n(o))||customElements.define(n(o),b);break;case"dso-icon":customElements.get(n(o))||c();break;case"dso-icon-button":customElements.get(n(o))||s()}}))}export{b as I,h as d}

package/dist/components/info-button.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{T as r,i as l}from"./toggletip.controller.js";import{T as a}from"./tooltip.functional-component.js";import{d as c}from"./icon.js";import{d}from"./icon-button.js";import{d as p}from"./scrollable.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsoToggle=i(this,"dsoToggle",7),this.toggletipController=new r({getReferenceElement:()=>this.button,getTipElement:()=>this.toggletipElRef,getTipArrowElement:()=>this.toggletipArrowElRef,getRestrictContentElement:()=>this.restrictContentElement,getPlacement:()=>this.toggletipPlacement}),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=t=>{this.toggletipActive&&l(this.host,t)&&this.closeToggletip()},this.keyDownHandler=t=>{this.toggletipActive&&"Escape"===t.key&&this.closeToggletip()}}onDocumentFocusIn(t){this.handleOutsideEvent(t)}onDocumentPointerDown(t){this.handleOutsideEvent(t)}async setFocus(){this.button?.setFocus?.()}handleToggle(t){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:t,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipController.update(!1)}componentDidRender(){this.toggletipController.update(this.hasToggletip&&this.toggletipActive)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.toggletipController.dispose(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return e(s,{key:"b38212731ef3325d9d9b87919248494ce7eb27ab",onKeyDown:this.keyDownHandler},e("dso-icon-button",{key:"3f5e645d8e69e01b1342914c330f7951bd3d38cc",variant:"tertiary",label:this.label,onDsoClick:t=>this.handleToggle(t.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:t=>this.button=t,expanded:this.hasToggletip?this.toggletipActive:void 0}),this.hasToggletip&&e(a,{key:"01af1c555dadef251f3076c9137fd5d3cff3d34a",tipElementRef:t=>this.toggletipElRef=t,tipArrowElementRef:t=>this.toggletipArrowElRef=t},e("dso-scrollable",{key:"d5b69968072ca345f825685643a9d371b62a6562",ref:t=>this.restrictContentElement=t,"aria-live":"polite"},e("slot",{key:"01f5101e35bfb869909b1b9788c88dcdc9d91351",name:"toggletip"}))))}get host(){return this}static get style(){return":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;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:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}"}},[257,"dso-info-button",{active:[516],label:[513],toggletipPlacement:[513,"toggletip-placement"],toggletipActive:[32],hasToggletip:[32],setFocus:[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]);function b(){"undefined"!=typeof customElements&&["dso-info-button","dso-icon","dso-icon-button","dso-scrollable"].forEach((t=>{switch(t){case"dso-info-button":customElements.get(n(t))||customElements.define(n(t),h);break;case"dso-icon":customElements.get(n(t))||c();break;case"dso-icon-button":customElements.get(n(t))||d();break;case"dso-scrollable":customElements.get(n(t))||p()}}))}export{h as I,b as d}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{T as r,i as l}from"./toggletip.controller.js";import{T as a}from"./tooltip.functional-component.js";import{d as c}from"./icon.js";import{d}from"./icon-button.js";import{d as h}from"./scrollable.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsoToggle=i(this,"dsoToggle",7),this.toggletipController=new r({getReferenceElement:()=>this.button,getTipElement:()=>this.toggletipElRef,getTipArrowElement:()=>this.toggletipArrowElRef,getRestrictContentElement:()=>this.restrictContentElement,getPlacement:()=>this.toggletipPlacement}),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=t=>{this.toggletipActive&&l(this.host,t)&&this.closeToggletip()},this.keyDownHandler=t=>{this.toggletipActive&&"Escape"===t.key&&this.closeToggletip()}}onDocumentFocusIn(t){this.handleOutsideEvent(t)}onDocumentPointerDown(t){this.handleOutsideEvent(t)}async setFocus(){this.button?.setFocus?.()}handleToggle(t){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:t,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipController.update(!1)}getControlsElement(){const t=this.host.getRootNode();return this.controls&&(t instanceof Document||t instanceof ShadowRoot)?t.getElementById(this.controls)??void 0:void 0}componentDidRender(){this.toggletipController.update(this.hasToggletip&&this.toggletipActive)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.toggletipController.dispose(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){const t=this.hasToggletip?void 0:this.getControlsElement(),o=this.hasToggletip?this.toggletipActive:this.controls?this.active:void 0;return e(s,{key:"d9986d5207ae18ec61bbaf3b7e2b8f6ddb135a24",onKeyDown:this.keyDownHandler},e("dso-icon-button",{key:"03755cba4330e008e5a5af6a3e1d794f641cb53e",variant:"tertiary",label:this.label,onDsoClick:t=>this.handleToggle(t.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:t=>this.button=t,expanded:o,controlsElement:t,describedByElement:o?this.hasToggletip?this.toggletipElRef:t:void 0}),this.hasToggletip&&e(a,{key:"1b19cc978bb25886aec79d8b16f19fb5b9bffbcf",tipElementRef:t=>this.toggletipElRef=t,tipArrowElementRef:t=>this.toggletipArrowElRef=t},e("dso-scrollable",{key:"b618c5a4eee1ecf604e1307f5515bc8499f744b6",ref:t=>this.restrictContentElement=t,"aria-live":"polite"},e("slot",{key:"965f7e1a0b2a26ae7ad8b497aa25c30529eda7ef",name:"toggletip"}))))}get host(){return this}static get style(){return":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;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:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}"}},[257,"dso-info-button",{active:[516],label:[513],toggletipPlacement:[513,"toggletip-placement"],controls:[513],toggletipActive:[32],hasToggletip:[32],setFocus:[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]);function p(){"undefined"!=typeof customElements&&["dso-info-button","dso-icon","dso-icon-button","dso-scrollable"].forEach((t=>{switch(t){case"dso-info-button":customElements.get(n(t))||customElements.define(n(t),b);break;case"dso-icon":customElements.get(n(t))||c();break;case"dso-icon-button":customElements.get(n(t))||d();break;case"dso-scrollable":customElements.get(n(t))||h()}}))}export{b as I,p as d}

package/dist/components/info.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,createEvent as r,h as e,Fragment as n,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./icon.js";import{d as s}from"./icon-button.js";const d=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=r(this,"dsoClose",7)}render(){return e(n,{key:"501034aaf66e9109b35acead40058a4a42081904"},e("slot",{key:"3e92f25b24180c39db9cbe8967baac16e41e0f03"}),!this.fixed&&e("dso-icon-button",{key:"568cdfc82e1fb885849226689812843a9045184d",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit(o.detail.originalEvent)}))}static get style(){return"*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}"}},[257,"dso-info",{fixed:[516],active:[516]}]);function a(){"undefined"!=typeof customElements&&["dso-info","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-info":customElements.get(i(o))||customElements.define(i(o),d);break;case"dso-icon":customElements.get(i(o))||c();break;case"dso-icon-button":customElements.get(i(o))||s()}}))}export{d as I,a as d}
+import{proxyCustomElement as o,HTMLElement as t,createEvent as r,h as e,Fragment as n,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./icon.js";import{d}from"./icon-button.js";const s=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=r(this,"dsoClose",7)}render(){return e(n,{key:"943df64625f93307bd76327b6659a36d591b6301"},e("slot",{key:"032e327a6ad730378710bb8cd5ebe4ae0506665e"}),!this.fixed&&e("dso-icon-button",{key:"64af9e7a36634d09c2d9a6089d1226c7dcebf0f9",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit(o.detail.originalEvent)}))}static get style(){return"*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}"}},[257,"dso-info",{fixed:[516],active:[516]}]);function a(){"undefined"!=typeof customElements&&["dso-info","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-info":customElements.get(i(o))||customElements.define(i(o),s);break;case"dso-icon":customElements.get(i(o))||c();break;case"dso-icon-button":customElements.get(i(o))||d()}}))}export{s as I,a as d}