@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta5

package/dist/stzh-components/p-b4ce8e10.entry.js

@@ -1,9 +0,0 @@
-import{r as t,c as o,h as e,a as r,g as i}from"./p-c7bfac7a.js";import{h as s}from"./p-7e304ea3.js";import{S as n}from"./p-fc692303.js";import"./p-9b063923.js";function l(t,o){t.split(/\s+/).forEach((t=>{o(t)}))}class a{constructor(){this._events=void 0;this._events={}}on(t,o){l(t,(t=>{const e=this._events[t]||[];e.push(o);this._events[t]=e}))}off(t,o){var e=arguments.length;if(e===0){this._events={};return}l(t,(t=>{if(e===1){delete this._events[t];return}const r=this._events[t];if(r===undefined)return;r.splice(r.indexOf(o),1);this._events[t]=r}))}trigger(t,...o){var e=this;l(t,(t=>{const r=e._events[t];if(r===undefined)return;r.forEach((t=>{t.apply(e,o)}))}))}}function d(t){t.plugins={};return class extends t{constructor(...t){super(...t);this.plugins={names:[],settings:{},requested:{},loaded:{}}}static define(o,e){t.plugins[o]={name:o,fn:e}}initializePlugins(t){var o,e;const r=this;const i=[];if(Array.isArray(t)){t.forEach((t=>{if(typeof t==="string"){i.push(t)}else{r.plugins.settings[t.name]=t.options;i.push(t.name)}}))}else if(t){for(o in t){if(t.hasOwnProperty(o)){r.plugins.settings[o]=t[o];i.push(o)}}}while(e=i.shift()){r.require(e)}}loadPlugin(o){var e=this;var r=e.plugins;var i=t.plugins[o];if(!t.plugins.hasOwnProperty(o)){throw new Error('Unable to find "'+o+'" plugin')}r.requested[o]=true;r.loaded[o]=i.fn.apply(e,[e.plugins.settings[o]||{}]);r.names.push(o)}require(t){var o=this;var e=o.plugins;if(!o.plugins.loaded.hasOwnProperty(t)){if(e.requested[t]){throw new Error('Plugin has circular dependency ("'+t+'")')}o.loadPlugin(t)}return e.loaded[t]}}}
-/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const h=t=>{t=t.filter(Boolean);if(t.length<2){return t[0]||""}return v(t)==1?"["+t.join("")+"]":"(?:"+t.join("|")+")"};const c=t=>{if(!u(t)){return t.join("")}let o="";let e=0;const r=()=>{if(e>1){o+="{"+e+"}"}};t.forEach(((i,s)=>{if(i===t[s-1]){e++;return}r();o+=i;e=1}));r();return o};const p=t=>{let o=m(t);return h(o)};const u=t=>new Set(t).size!==t.length;const f=t=>(t+"").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu,"\\$1");const v=t=>t.reduce(((t,o)=>Math.max(t,z(o))),0);const z=t=>m(t).length;const m=t=>Array.from(t)
-/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */;const w=t=>{if(t.length===1)return[[t]];let o=[];const e=t.substring(1);const r=w(e);r.forEach((function(e){let r=e.slice(0);r[0]=t.charAt(0)+r[0];o.push(r);r=e.slice(0);r.unshift(t.charAt(0));o.push(r)}));return o};
-/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const g=[[0,65535]];const _="[̀-ͯ·ʾʼ]";let b;let y;const x=3;const k={};const O={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"};for(let t in O){let o=O[t]||"";for(let e=0;e<o.length;e++){let r=o.substring(e,e+1);k[r]=t}}const S=new RegExp(Object.keys(k).join("|")+"|"+_,"gu");const F=t=>{if(b!==undefined)return;b=T(t||g)};const A=(t,o="NFKD")=>t.normalize(o);const $=t=>m(t).reduce(((t,o)=>t+C(o)),"");const C=t=>{t=A(t).toLowerCase().replace(S,(t=>k[t]||""));return A(t,"NFC")};function*I(t){for(const[o,e]of t){for(let t=o;t<=e;t++){let o=String.fromCharCode(t);let e=$(o);if(e==o.toLowerCase()){continue}if(e.length>x){continue}if(e.length==0){continue}yield{folded:e,composed:o,code_point:t}}}}const j=t=>{const o={};const e=(t,e)=>{const r=o[t]||new Set;const i=new RegExp("^"+p(r)+"$","iu");if(e.match(i)){return}r.add(f(e));o[t]=r};for(let o of I(t)){e(o.folded,o.folded);e(o.folded,o.composed)}return o};const T=t=>{const o=j(t);const e={};let r=[];for(let t in o){let i=o[t];if(i){e[t]=p(i)}if(t.length>1){r.push(f(t))}}r.sort(((t,o)=>o.length-t.length));const i=h(r);y=new RegExp("^"+i,"u");return e};const E=(t,o=1)=>{let e=0;t=t.map((t=>{if(b[t]){e+=t.length}return b[t]||t}));if(e>=o){return c(t)}return""};const L=(t,o=1)=>{o=Math.max(o,t.length-1);return h(w(t).map((t=>E(t,o))))};const R=(t,o=true)=>{let e=t.length>1?1:0;return h(t.map((t=>{let r=[];const i=o?t.length():t.length()-1;for(let o=0;o<i;o++){r.push(L(t.substrs[o]||"",e))}return c(r)})))};const M=(t,o)=>{for(const e of o){if(e.start!=t.start||e.end!=t.end){continue}if(e.substrs.join("")!==t.substrs.join("")){continue}let o=t.parts;const r=t=>{for(const e of o){if(e.start===t.start&&e.substr===t.substr){return false}if(t.length==1||e.length==1){continue}if(t.start<e.start&&t.end>e.start){return true}if(e.start<t.start&&e.end>t.start){return true}}return false};let i=e.parts.filter(r);if(i.length>0){continue}return true}return false};class D{constructor(){this.parts=[];this.substrs=[];this.start=0;this.end=0}add(t){if(t){this.parts.push(t);this.substrs.push(t.substr);this.start=Math.min(t.start,this.start);this.end=Math.max(t.end,this.end)}}last(){return this.parts[this.parts.length-1]}length(){return this.parts.length}clone(t,o){let e=new D;let r=JSON.parse(JSON.stringify(this.parts));let i=r.pop();for(const t of r){e.add(t)}let s=o.substr.substring(0,t-i.start);let n=s.length;e.add({start:i.start,end:i.start+n,length:n,substr:s});return e}}const N=t=>{F();t=$(t);let o="";let e=[new D];for(let r=0;r<t.length;r++){let i=t.substring(r);let s=i.match(y);const n=t.substring(r,r+1);const l=s?s[0]:null;let a=[];let d=new Set;for(const t of e){const o=t.last();if(!o||o.length==1||o.end<=r){if(l){const o=l.length;t.add({start:r,end:r+o,length:o,substr:l});d.add("1")}else{t.add({start:r,end:r+1,length:1,substr:n});d.add("2")}}else if(l){let e=t.clone(r,o);const i=l.length;e.add({start:r,end:r+i,length:i,substr:l});a.push(e)}else{d.add("3")}}if(a.length>0){a=a.sort(((t,o)=>t.length()-o.length()));for(let t of a){if(M(t,e)){continue}e.push(t)}continue}if(r>0&&d.size==1&&!d.has("3")){o+=R(e,false);let t=new D;const r=e[0];if(r){t.add(r.last())}e=[t]}}o+=R(e,true);return o};
-/*! sifter.js | https://github.com/orchidjs/sifter.js | Apache License (v2) */const q=(t,o)=>{if(!t)return;return t[o]};const W=(t,o)=>{if(!t)return;var e,r=o.split(".");while((e=r.shift())&&(t=t[e]));return t};const P=(t,o,e)=>{var r,i;if(!t)return 0;t=t+"";if(o.regex==null)return 0;i=t.search(o.regex);if(i===-1)return 0;r=o.string.length/t.length;if(i===0)r+=.5;return r*e};const V=(t,o)=>{var e=t[o];if(typeof e=="function")return e;if(e&&!Array.isArray(e)){t[o]=[e]}};const J=(t,o)=>{if(Array.isArray(t)){t.forEach(o)}else{for(var e in t){if(t.hasOwnProperty(e)){o(t[e],e)}}}};const B=(t,o)=>{if(typeof t==="number"&&typeof o==="number"){return t>o?1:t<o?-1:0}t=$(t+"").toLowerCase();o=$(o+"").toLowerCase();if(t>o)return 1;if(o>t)return-1;return 0};
-/*! sifter.js | https://github.com/orchidjs/sifter.js | Apache License (v2) */class H{constructor(t,o){this.items=void 0;this.settings=void 0;this.items=t;this.settings=o||{diacritics:true}}tokenize(t,o,e){if(!t||!t.length)return[];const r=[];const i=t.split(/\s+/);var s;if(e){s=new RegExp("^("+Object.keys(e).map(f).join("|")+"):(.*)$")}i.forEach((t=>{let e;let i=null;let n=null;if(s&&(e=t.match(s))){i=e[1];t=e[2]}if(t.length>0){if(this.settings.diacritics){n=N(t)||null}else{n=f(t)}if(n&&o)n="\\b"+n}r.push({string:t,regex:n?new RegExp(n,"iu"):null,field:i})}));return r}getScoreFunction(t,o){var e=this.prepareSearch(t,o);return this._getScoreFunction(e)}_getScoreFunction(t){const o=t.tokens,e=o.length;if(!e){return function(){return 0}}const r=t.options.fields,i=t.weights,s=r.length,n=t.getAttrFn;if(!s){return function(){return 1}}const l=function(){if(s===1){return function(t,o){const e=r[0].field;return P(n(o,e),t,i[e]||1)}}return function(t,o){var e=0;if(t.field){const r=n(o,t.field);if(!t.regex&&r){e+=1/s}else{e+=P(r,t,1)}}else{J(i,((r,i)=>{e+=P(n(o,i),t,r)}))}return e/s}}();if(e===1){return function(t){return l(o[0],t)}}if(t.options.conjunction==="and"){return function(t){var r,i=0;for(let e of o){r=l(e,t);if(r<=0)return 0;i+=r}return i/e}}else{return function(t){var r=0;J(o,(o=>{r+=l(o,t)}));return r/e}}}getSortFunction(t,o){var e=this.prepareSearch(t,o);return this._getSortFunction(e)}_getSortFunction(t){var o,e=[];const r=this,i=t.options,s=!t.query&&i.sort_empty?i.sort_empty:i.sort;if(typeof s=="function"){return s.bind(this)}const n=function o(e,i){if(e==="$score")return i.score;return t.getAttrFn(r.items[i.id],e)};if(s){for(let o of s){if(t.query||o.field!=="$score"){e.push(o)}}}if(t.query){o=true;for(let t of e){if(t.field==="$score"){o=false;break}}if(o){e.unshift({field:"$score",direction:"desc"})}}else{e=e.filter((t=>t.field!=="$score"))}const l=e.length;if(!l){return null}return function(t,o){var r,i;for(let s of e){i=s.field;let e=s.direction==="desc"?-1:1;r=e*B(n(i,t),n(i,o));if(r)return r}return 0}}prepareSearch(t,o){const e={};var r=Object.assign({},o);V(r,"sort");V(r,"sort_empty");if(r.fields){V(r,"fields");const t=[];r.fields.forEach((o=>{if(typeof o=="string"){o={field:o,weight:1}}t.push(o);e[o.field]="weight"in o?o.weight:1}));r.fields=t}return{options:r,query:t.toLowerCase().trim(),tokens:this.tokenize(t,r.respect_word_boundaries,e),total:0,items:[],weights:e,getAttrFn:r.nesting?W:q}}search(t,o){var e=this,r,i;i=this.prepareSearch(t,o);o=i.options;t=i.query;const s=o.score||e._getScoreFunction(i);if(t.length){J(e.items,((t,e)=>{r=s(t);if(o.filter===false||r>0){i.items.push({score:r,id:e})}}))}else{J(e.items,((t,o)=>{i.items.push({score:1,id:o})}))}const n=e._getSortFunction(i);if(n)i.items.sort(n);i.total=i.items.length;if(typeof o.limit==="number"){i.items=i.items.slice(0,o.limit)}return i}}const K=(t,o)=>{if(Array.isArray(t)){t.forEach(o)}else{for(var e in t){if(t.hasOwnProperty(e)){o(t[e],e)}}}};const G=t=>{if(t.jquery){return t[0]}if(t instanceof HTMLElement){return t}if(U(t)){var o=document.createElement("template");o.innerHTML=t.trim();return o.content.firstChild}return document.querySelector(t)};const U=t=>{if(typeof t==="string"&&t.indexOf("<")>-1){return true}return false};const Y=t=>t.replace(/['"\\]/g,"\\$&");const Q=(t,o)=>{var e=document.createEvent("HTMLEvents");e.initEvent(o,true,false);t.dispatchEvent(e)};const X=(t,o)=>{Object.assign(t.style,o)};const Z=(t,...o)=>{var e=ot(o);t=et(t);t.map((t=>{e.map((o=>{t.classList.add(o)}))}))};const tt=(t,...o)=>{var e=ot(o);t=et(t);t.map((t=>{e.map((o=>{t.classList.remove(o)}))}))};const ot=t=>{var o=[];K(t,(t=>{if(typeof t==="string"){t=t.trim().split(/[\11\12\14\15\40]/)}if(Array.isArray(t)){o=o.concat(t)}}));return o.filter(Boolean)};const et=t=>{if(!Array.isArray(t)){t=[t]}return t};const rt=(t,o,e)=>{if(e&&!e.contains(t)){return}while(t&&t.matches){if(t.matches(o)){return t}t=t.parentNode}};const it=(t,o=0)=>{if(o>0){return t[t.length-1]}return t[0]};const st=t=>Object.keys(t).length===0;const nt=(t,o)=>{if(!t)return-1;o=o||t.nodeName;var e=0;while(t=t.previousElementSibling){if(t.matches(o)){e++}}return e};const lt=(t,o)=>{K(o,((o,e)=>{if(o==null){t.removeAttribute(e)}else{t.setAttribute(e,""+o)}}))};const at=(t,o)=>{if(t.parentNode)t.parentNode.replaceChild(o,t)};const dt=(t,o)=>{if(o===null)return;if(typeof o==="string"){if(!o.length)return;o=new RegExp(o,"i")}const e=t=>{var e=t.data.match(o);if(e&&t.data.length>0){var r=document.createElement("span");r.className="highlight";var i=t.splitText(e.index);i.splitText(e[0].length);var s=i.cloneNode(true);r.appendChild(s);at(i,r);return 1}return 0};const r=t=>{if(t.nodeType===1&&t.childNodes&&!/(script|style)/i.test(t.tagName)&&(t.className!=="highlight"||t.tagName!=="SPAN")){Array.from(t.childNodes).forEach((t=>{i(t)}))}};const i=t=>{if(t.nodeType===3){return e(t)}r(t);return 0};i(t)};const ht=t=>{var o=t.querySelectorAll("span.highlight");Array.prototype.forEach.call(o,(function(t){var o=t.parentNode;o.replaceChild(t.firstChild,t);o.normalize()}))};const ct=65;const pt=13;const ut=27;const ft=37;const vt=38;const zt=39;const mt=40;const wt=8;const gt=46;const _t=9;const bt=typeof navigator==="undefined"?false:/Mac/.test(navigator.userAgent);const yt=bt?"metaKey":"ctrlKey";var xt={options:[],optgroups:[],plugins:[],delimiter:",",splitOn:null,persist:true,diacritics:true,create:null,createOnBlur:false,createFilter:null,highlight:true,openOnFocus:true,shouldOpen:null,maxOptions:50,maxItems:null,hideSelected:null,duplicates:false,addPrecedence:false,selectOnTab:false,preload:null,allowEmptyOption:false,loadThrottle:300,loadingClass:"loading",dataAttr:null,optgroupField:"optgroup",valueField:"value",labelField:"text",disabledField:"disabled",optgroupLabelField:"label",optgroupValueField:"value",lockOptgroupOrder:false,sortField:"$order",searchField:["text"],searchConjunction:"and",mode:null,openDisplay:"block",wrapperClass:"ts-wrapper",controlClass:"ts-control",dropdownClass:"ts-dropdown",dropdownContentClass:"ts-dropdown-content",itemClass:"item",optionClass:"option",dropdownParent:null,controlInput:'<input type="text" autocomplete="off" size="1" />',copyClassesToDropdown:false,placeholder:null,hidePlaceholder:null,transformLoadQuery:function(t){return t.trim()},shouldLoad:function(t){return t.length>0},render:{}};const kt=t=>{if(typeof t==="undefined"||t===null)return null;return Ot(t)};const Ot=t=>{if(typeof t==="boolean")return t?"1":"0";return t+""};const St=t=>(t+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");const Ft=(t,o)=>{var e;return function(r,i){var s=this;if(e){s.loading=Math.max(s.loading-1,0);clearTimeout(e)}e=setTimeout((function(){e=null;s.loadedSearches[r]=true;t.call(s,r,i)}),o)}};const At=(t,o,e)=>{var r;var i=t.trigger;var s={};t.trigger=function(){var e=arguments[0];if(o.indexOf(e)!==-1){s[e]=arguments}else{return i.apply(t,arguments)}};e.apply(t,[]);t.trigger=i;for(r of o){if(r in s){i.apply(t,s[r])}}};const $t=t=>({start:t.selectionStart||0,length:(t.selectionEnd||0)-(t.selectionStart||0)});const Ct=(t,o=false)=>{if(t){t.preventDefault();if(o){t.stopPropagation()}}};const It=(t,o,e,r)=>{t.addEventListener(o,e,r)};const jt=(t,o)=>{if(!o){return false}if(!o[t]){return false}var e=(o.altKey?1:0)+(o.ctrlKey?1:0)+(o.shiftKey?1:0)+(o.metaKey?1:0);if(e===1){return true}return false};const Tt=(t,o)=>{const e=t.getAttribute("id");if(e){return e}t.setAttribute("id",o);return o};const Et=t=>t.replace(/[\\"']/g,"\\$&");const Lt=(t,o)=>{if(o)t.append(o)};function Rt(t,o){var e=Object.assign({},xt,o);var r=e.dataAttr;var i=e.labelField;var s=e.valueField;var n=e.disabledField;var l=e.optgroupField;var a=e.optgroupLabelField;var d=e.optgroupValueField;var h=t.tagName.toLowerCase();var c=t.getAttribute("placeholder")||t.getAttribute("data-placeholder");if(!c&&!e.allowEmptyOption){let o=t.querySelector('option[value=""]');if(o){c=o.textContent}}var p={placeholder:c,options:[],optgroups:[],items:[],maxItems:null};var u=()=>{var o;var h=p.options;var c={};var u=1;var f=t=>{var o=Object.assign({},t.dataset);var e=r&&o[r];if(typeof e==="string"&&e.length){o=Object.assign(o,JSON.parse(e))}return o};var v=(t,o)=>{var r=kt(t.value);if(r==null)return;if(!r&&!e.allowEmptyOption)return;if(c.hasOwnProperty(r)){if(o){var a=c[r][l];if(!a){c[r][l]=o}else if(!Array.isArray(a)){c[r][l]=[a,o]}else{a.push(o)}}}else{var d=f(t);d[i]=d[i]||t.textContent;d[s]=d[s]||r;d[n]=d[n]||t.disabled;d[l]=d[l]||o;d.$option=t;c[r]=d;h.push(d)}if(t.selected){p.items.push(r)}};var z=t=>{var o,e;e=f(t);e[a]=e[a]||t.getAttribute("label")||"";e[d]=e[d]||u++;e[n]=e[n]||t.disabled;p.optgroups.push(e);o=e[d];K(t.children,(t=>{v(t,o)}))};p.maxItems=t.hasAttribute("multiple")?null:1;K(t.children,(t=>{o=t.tagName.toLowerCase();if(o==="optgroup"){z(t)}else if(o==="option"){v(t)}}))};var f=()=>{const o=t.getAttribute(r);if(!o){var n=t.value.trim()||"";if(!e.allowEmptyOption&&!n.length)return;const o=n.split(e.delimiter);K(o,(t=>{const o={};o[i]=t;o[s]=t;p.options.push(o)}));p.items=o}else{p.options=JSON.parse(o);K(p.options,(t=>{p.items.push(t[s])}))}};if(h==="select"){u()}else{f()}return Object.assign({},xt,p,o)}var Mt=0;class Dt extends(d(a)){constructor(t,o){super();this.control_input=void 0;this.wrapper=void 0;this.dropdown=void 0;this.control=void 0;this.dropdown_content=void 0;this.focus_node=void 0;this.order=0;this.settings=void 0;this.input=void 0;this.tabIndex=void 0;this.is_select_tag=void 0;this.rtl=void 0;this.inputId=void 0;this._destroy=void 0;this.sifter=void 0;this.isOpen=false;this.isDisabled=false;this.isRequired=void 0;this.isInvalid=false;this.isValid=true;this.isLocked=false;this.isFocused=false;this.isInputHidden=false;this.isSetup=false;this.ignoreFocus=false;this.ignoreHover=false;this.hasOptions=false;this.currentResults=void 0;this.lastValue="";this.caretPos=0;this.loading=0;this.loadedSearches={};this.activeOption=null;this.activeItems=[];this.optgroups={};this.options={};this.userOptions={};this.items=[];Mt++;var e;var r=G(t);if(r.tomselect){throw new Error("Tom Select already initialized on this element")}r.tomselect=this;var i=window.getComputedStyle&&window.getComputedStyle(r,null);e=i.getPropertyValue("direction");const s=Rt(r,o);this.settings=s;this.input=r;this.tabIndex=r.tabIndex||0;this.is_select_tag=r.tagName.toLowerCase()==="select";this.rtl=/rtl/i.test(e);this.inputId=Tt(r,"tomselect-"+Mt);this.isRequired=r.required;this.sifter=new H(this.options,{diacritics:s.diacritics});s.mode=s.mode||(s.maxItems===1?"single":"multi");if(typeof s.hideSelected!=="boolean"){s.hideSelected=s.mode==="multi"}if(typeof s.hidePlaceholder!=="boolean"){s.hidePlaceholder=s.mode!=="multi"}var n=s.createFilter;if(typeof n!=="function"){if(typeof n==="string"){n=new RegExp(n)}if(n instanceof RegExp){s.createFilter=t=>n.test(t)}else{s.createFilter=t=>this.settings.duplicates||!this.options[t]}}this.initializePlugins(s.plugins);this.setupCallbacks();this.setupTemplates();const l=G("<div>");const a=G("<div>");const d=this._render("dropdown");const h=G(`<div role="listbox" tabindex="-1">`);const c=this.input.getAttribute("class")||"";const p=s.mode;var u;Z(l,s.wrapperClass,c,p);Z(a,s.controlClass);Lt(l,a);Z(d,s.dropdownClass,p);if(s.copyClassesToDropdown){Z(d,c)}Z(h,s.dropdownContentClass);Lt(d,h);G(s.dropdownParent||l).appendChild(d);if(U(s.controlInput)){u=G(s.controlInput);var f=["autocorrect","autocapitalize","autocomplete"];J(f,(t=>{if(r.getAttribute(t)){lt(u,{[t]:r.getAttribute(t)})}}));u.tabIndex=-1;a.appendChild(u);this.focus_node=u}else if(s.controlInput){u=G(s.controlInput);this.focus_node=u}else{u=G("<input/>");this.focus_node=a}this.wrapper=l;this.dropdown=d;this.dropdown_content=h;this.control=a;this.control_input=u;this.setup()}setup(){const t=this;const o=t.settings;const e=t.control_input;const r=t.dropdown;const i=t.dropdown_content;const s=t.wrapper;const n=t.control;const l=t.input;const a=t.focus_node;const d={passive:true};const h=t.inputId+"-ts-dropdown";lt(i,{id:h});lt(a,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":h});const c=Tt(a,t.inputId+"-ts-control");const p="label[for='"+Y(t.inputId)+"']";const u=document.querySelector(p);const v=t.focus.bind(t);const z=l.getAttribute("aria-labelledby");if(u){It(u,"click",v);lt(u,{for:c})}if(z){lt(a,{"aria-labelledby":z});lt(i,{"aria-labelledby":z})}s.style.width=l.style.width;if(t.plugins.names.length){const o="plugin-"+t.plugins.names.join(" plugin-");Z([s,r],o)}if(o.mode==="multi"){lt(i,{"aria-multiselectable":"true"});if(t.is_select_tag){lt(l,{multiple:"multiple"})}}if(o.placeholder){lt(e,{placeholder:o.placeholder})}if(!o.splitOn&&o.delimiter){o.splitOn=new RegExp("\\s*"+f(o.delimiter)+"+\\s*")}if(o.load&&o.loadThrottle){o.load=Ft(o.load,o.loadThrottle)}t.control_input.type=l.type;It(r,"mousemove",(()=>{t.ignoreHover=false}));It(r,"mouseenter",(o=>{var e=rt(o.target,"[data-selectable]",r);if(e)t.onOptionHover(o,e)}),{capture:true});It(r,"click",(o=>{const e=rt(o.target,"[data-selectable]");if(e){t.onOptionSelect(o,e);Ct(o,true)}}));It(n,"click",(o=>{var r=rt(o.target,"[data-ts-item]",n);if(r&&t.onItemSelect(o,r)){Ct(o,true);return}if(e.value!=""){return}t.onClick();Ct(o,true)}));It(a,"keydown",(o=>t.onKeyDown(o)));It(e,"keypress",(o=>t.onKeyPress(o)));It(e,"input",(o=>t.onInput(o)));It(a,"blur",(o=>t.onBlur(o)));It(a,"focus",(o=>t.onFocus(o)));It(e,"paste",(o=>t.onPaste(o)));const m=o=>{const i=o.composedPath()[0];if(!s.contains(i)&&!r.contains(i)){if(t.isFocused){t.blur()}t.inputState();return}if(i==e&&t.isOpen){o.stopPropagation()}else{Ct(o,true)}};const w=()=>{if(t.isOpen){t.positionDropdown()}};It(document,"mousedown",m);It(window,"scroll",w,d);It(window,"resize",w,d);this._destroy=()=>{document.removeEventListener("mousedown",m);window.removeEventListener("scroll",w);window.removeEventListener("resize",w);if(u)u.removeEventListener("click",v)};this.revertSettings={innerHTML:l.innerHTML,tabIndex:l.tabIndex};l.tabIndex=-1;l.insertAdjacentElement("afterend",t.wrapper);t.sync(false);o.items=[];delete o.optgroups;delete o.options;It(l,"invalid",(()=>{if(t.isValid){t.isValid=false;t.isInvalid=true;t.refreshState()}}));t.updateOriginalInput();t.refreshItems();t.close(false);t.inputState();t.isSetup=true;if(l.disabled){t.disable()}else{t.enable()}t.on("change",this.onChange);Z(l,"tomselected","ts-hidden-accessible");t.trigger("initialize");if(o.preload===true){t.preload()}}setupOptions(t=[],o=[]){this.addOptions(t);J(o,(t=>{this.registerOptionGroup(t)}))}setupTemplates(){var t=this;var o=t.settings.labelField;var e=t.settings.optgroupLabelField;var r={optgroup:t=>{let o=document.createElement("div");o.className="optgroup";o.appendChild(t.options);return o},optgroup_header:(t,o)=>'<div class="optgroup-header">'+o(t[e])+"</div>",option:(t,e)=>"<div>"+e(t[o])+"</div>",item:(t,e)=>"<div>"+e(t[o])+"</div>",option_create:(t,o)=>'<div class="create">Add <strong>'+o(t.input)+"</strong>&hellip;</div>",no_results:()=>'<div class="no-results">No results found</div>',loading:()=>'<div class="spinner"></div>',not_loading:()=>{},dropdown:()=>"<div></div>"};t.settings.render=Object.assign({},r,t.settings.render)}setupCallbacks(){var t,o;var e={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",item_select:"onItemSelect",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"};for(t in e){o=this.settings[e[t]];if(o)this.on(t,o)}}sync(t=true){const o=this;const e=t?Rt(o.input,{delimiter:o.settings.delimiter}):o.settings;o.setupOptions(e.options,e.optgroups);o.setValue(e.items||[],true);o.lastQuery=null}onClick(){var t=this;if(t.activeItems.length>0){t.clearActiveItems();t.focus();return}if(t.isFocused&&t.isOpen){t.blur()}else{t.focus()}}onMouseDown(){}onChange(){Q(this.input,"input");Q(this.input,"change")}onPaste(t){var o=this;if(o.isInputHidden||o.isLocked){Ct(t);return}if(!o.settings.splitOn){return}setTimeout((()=>{var t=o.inputValue();if(!t.match(o.settings.splitOn)){return}var e=t.trim().split(o.settings.splitOn);J(e,(t=>{const e=kt(t);if(e){if(this.options[t]){o.addItem(t)}else{o.createItem(t)}}}))}),0)}onKeyPress(t){var o=this;if(o.isLocked){Ct(t);return}var e=String.fromCharCode(t.keyCode||t.which);if(o.settings.create&&o.settings.mode==="multi"&&e===o.settings.delimiter){o.createItem();Ct(t);return}}onKeyDown(t){var o=this;o.ignoreHover=true;if(o.isLocked){if(t.keyCode!==_t){Ct(t)}return}switch(t.keyCode){case ct:if(jt(yt,t)){if(o.control_input.value==""){Ct(t);o.selectAll();return}}break;case ut:if(o.isOpen){Ct(t,true);o.close()}o.clearActiveItems();return;case mt:if(!o.isOpen&&o.hasOptions){o.open()}else if(o.activeOption){let t=o.getAdjacent(o.activeOption,1);if(t)o.setActiveOption(t)}Ct(t);return;case vt:if(o.activeOption){let t=o.getAdjacent(o.activeOption,-1);if(t)o.setActiveOption(t)}Ct(t);return;case pt:if(o.canSelect(o.activeOption)){o.onOptionSelect(t,o.activeOption);Ct(t)}else if(o.settings.create&&o.createItem()){Ct(t)}else if(document.activeElement==o.control_input&&o.isOpen){Ct(t)}return;case ft:o.advanceSelection(-1,t);return;case zt:o.advanceSelection(1,t);return;case _t:if(o.settings.selectOnTab){if(o.canSelect(o.activeOption)){o.onOptionSelect(t,o.activeOption);Ct(t)}if(o.settings.create&&o.createItem()){Ct(t)}}return;case wt:case gt:o.deleteSelection(t);return}if(o.isInputHidden&&!jt(yt,t)){Ct(t)}}onInput(t){var o=this;if(o.isLocked){return}var e=this.settings.transformLoadQuery(this.control_input.value);if(o.lastValue!==e){o.lastValue=e;if(o.settings.shouldLoad.call(o,e)){o.load(e)}o.refreshOptions();o.trigger("type",e)}}onOptionHover(t,o){if(this.ignoreHover)return;this.setActiveOption(o,false)}onFocus(t){var o=this;var e=o.isFocused;if(o.isDisabled){o.blur();Ct(t);return}if(o.ignoreFocus)return;o.isFocused=true;if(o.settings.preload==="focus")o.preload();if(!e)o.trigger("focus");if(!o.activeItems.length){o.showInput();o.refreshOptions(!!o.settings.openOnFocus)}o.refreshState()}onBlur(t){if(document.hasFocus()===false)return;var o=this;if(!o.isFocused)return;o.isFocused=false;o.ignoreFocus=false;var e=()=>{o.close();o.setActiveItem();o.setCaret(o.items.length);o.trigger("blur")};if(o.settings.create&&o.settings.createOnBlur){o.createItem(null,e)}else{e()}}onOptionSelect(t,o){var e,r=this;if(o.parentElement&&o.parentElement.matches("[data-disabled]")){return}if(o.classList.contains("create")){r.createItem(null,(()=>{if(r.settings.closeAfterSelect){r.close()}}))}else{e=o.dataset.value;if(typeof e!=="undefined"){r.lastQuery=null;r.addItem(e);if(r.settings.closeAfterSelect){r.close()}if(!r.settings.hideSelected&&t.type&&/click/.test(t.type)){r.setActiveOption(o)}}}}canSelect(t){if(this.isOpen&&t&&this.dropdown_content.contains(t)){return true}return false}onItemSelect(t,o){var e=this;if(!e.isLocked&&e.settings.mode==="multi"){Ct(t);e.setActiveItem(o,t);return true}return false}canLoad(t){if(!this.settings.load)return false;if(this.loadedSearches.hasOwnProperty(t))return false;return true}load(t){const o=this;if(!o.canLoad(t))return;Z(o.wrapper,o.settings.loadingClass);o.loading++;const e=o.loadCallback.bind(o);o.settings.load.call(o,t,e)}loadCallback(t,o){const e=this;e.loading=Math.max(e.loading-1,0);e.lastQuery=null;e.clearActiveOption();e.setupOptions(t,o);e.refreshOptions(e.isFocused&&!e.isInputHidden);if(!e.loading){tt(e.wrapper,e.settings.loadingClass)}e.trigger("load",t,o)}preload(){var t=this.wrapper.classList;if(t.contains("preloaded"))return;t.add("preloaded");this.load("")}setTextboxValue(t=""){var o=this.control_input;var e=o.value!==t;if(e){o.value=t;Q(o,"update");this.lastValue=t}}getValue(){if(this.settings.mode==="multi"&&this.is_select_tag){return this.items}return this.items.join(this.settings.delimiter)}setValue(t,o){var e=o?[]:["change"];At(this,e,(()=>{this.clear(o);this.addItems(t,o)}))}setMaxItems(t){if(t===0)t=null;this.settings.maxItems=t;this.refreshState()}setActiveItem(t,o){var e=this;var r;var i,s,n,l;var a;if(e.settings.mode==="single")return;if(!t){e.clearActiveItems();if(e.isFocused){e.showInput()}return}r=o&&o.type.toLowerCase();if(r==="click"&&jt("shiftKey",o)&&e.activeItems.length){a=e.getLastActive();s=Array.prototype.indexOf.call(e.control.children,a);n=Array.prototype.indexOf.call(e.control.children,t);if(s>n){l=s;s=n;n=l}for(i=s;i<=n;i++){t=e.control.children[i];if(e.activeItems.indexOf(t)===-1){e.setActiveItemClass(t)}}Ct(o)}else if(r==="click"&&jt(yt,o)||r==="keydown"&&jt("shiftKey",o)){if(t.classList.contains("active")){e.removeActiveItem(t)}else{e.setActiveItemClass(t)}}else{e.clearActiveItems();e.setActiveItemClass(t)}e.hideInput();if(!e.isFocused){e.focus()}}setActiveItemClass(t){const o=this;const e=o.control.querySelector(".last-active");if(e)tt(e,"last-active");Z(t,"active last-active");o.trigger("item_select",t);if(o.activeItems.indexOf(t)==-1){o.activeItems.push(t)}}removeActiveItem(t){var o=this.activeItems.indexOf(t);this.activeItems.splice(o,1);tt(t,"active")}clearActiveItems(){tt(this.activeItems,"active");this.activeItems=[]}setActiveOption(t,o=true){if(t===this.activeOption){return}this.clearActiveOption();if(!t)return;this.activeOption=t;lt(this.focus_node,{"aria-activedescendant":t.getAttribute("id")});if(this.settings.mode==="single"||this.settings.hideSelected){lt(t,{"aria-selected":"true"})}Z(t,"active");if(o)this.scrollToOption(t)}scrollToOption(t,o){if(!t)return;const e=this.dropdown_content;const r=e.clientHeight;const i=e.scrollTop||0;const s=t.offsetHeight;const n=t.getBoundingClientRect().top-e.getBoundingClientRect().top+i;if(n+s>r+i){this.scroll(n-r+s,o)}else if(n<i){this.scroll(n,o)}}scroll(t,o){const e=this.dropdown_content;if(o){e.style.scrollBehavior=o}e.scrollTop=t;e.style.scrollBehavior=""}clearActiveOption(){if(this.activeOption){tt(this.activeOption,"active");if(this.settings.mode==="single"||this.settings.hideSelected){lt(this.activeOption,{"aria-selected":null})}}this.activeOption=null;lt(this.focus_node,{"aria-activedescendant":null})}selectAll(){const t=this;if(t.settings.mode==="single")return;const o=t.controlChildren();if(!o.length)return;t.hideInput();t.close();t.activeItems=o;J(o,(o=>{t.setActiveItemClass(o)}))}inputState(){var t=this;if(!t.control.contains(t.control_input))return;lt(t.control_input,{placeholder:t.settings.placeholder});if(t.activeItems.length>0||!t.isFocused&&t.settings.hidePlaceholder&&t.items.length>0){t.setTextboxValue();t.isInputHidden=true}else{if(t.settings.hidePlaceholder&&t.items.length>0){lt(t.control_input,{placeholder:""})}t.isInputHidden=false}t.wrapper.classList.toggle("input-hidden",t.isInputHidden)}hideInput(){this.inputState()}showInput(){this.inputState()}inputValue(){return this.control_input.value.trim()}focus(){var t=this;if(t.isDisabled)return;t.ignoreFocus=true;if(t.control_input.offsetWidth){t.control_input.focus()}else{t.focus_node.focus()}setTimeout((()=>{t.ignoreFocus=false;t.onFocus()}),0)}blur(){this.focus_node.blur();this.onBlur()}getScoreFunction(t){return this.sifter.getScoreFunction(t,this.getSearchOptions())}getSearchOptions(){var t=this.settings;var o=t.sortField;if(typeof t.sortField==="string"){o=[{field:t.sortField}]}return{fields:t.searchField,conjunction:t.searchConjunction,sort:o,nesting:t.nesting}}search(t){var o,e;var r=this;var i=this.getSearchOptions();if(r.settings.score){e=r.settings.score.call(r,t);if(typeof e!=="function"){throw new Error('Tom Select "score" setting must be a function that returns a function')}}if(t!==r.lastQuery){r.lastQuery=t;o=r.sifter.search(t,Object.assign(i,{score:e}));r.currentResults=o}else{o=Object.assign({},r.currentResults)}if(r.settings.hideSelected){o.items=o.items.filter((t=>{let o=kt(t.id);return!(o&&r.items.indexOf(o)!==-1)}))}return o}refreshOptions(t=true){var o,e,r,i,s,n,l,a,d;var h;const c={};const p=[];var u=this;var f=this.settings.transformLoadQuery(this.control_input.value);const v=f===u.lastQuery||f==""&&u.lastQuery==null;var z=u.search(f);var m=null;var w=u.settings.shouldOpen||false;var g=u.dropdown_content;if(v){m=u.activeOption;if(m){d=m.closest("[data-group]")}}i=z.items.length;if(typeof u.settings.maxOptions==="number"){i=Math.min(i,u.settings.maxOptions)}if(i>0){w=true}for(o=0;o<i;o++){let t=z.items[o];if(!t)continue;let i=t.id;let l=u.options[i];if(l===undefined)continue;let a=Ot(i);let h=u.getOption(a,true);const f=u.items.includes(a);if(!u.settings.hideSelected){h.classList.toggle("selected",f);if(this.settings.mode==="multi"){lt(h,{"aria-selected":f?"true":"false"})}}s=l[u.settings.optgroupField]||"";n=Array.isArray(s)?s:[s];for(e=0,r=n&&n.length;e<r;e++){s=n[e];if(!u.optgroups.hasOwnProperty(s)){s=""}let t=c[s];if(t===undefined){t=document.createDocumentFragment();p.push(s)}if(e>0){h=h.cloneNode(true);if(this.settings.mode==="multi"&&!u.settings.hideSelected){lt(h,{id:l.$id+"-clone-"+e,"aria-selected":f?"true":"false"})}else{lt(h,{id:l.$id+"-clone-"+e,"aria-selected":null})}h.classList.add("ts-cloned");tt(h,"active");if(u.activeOption&&u.activeOption.dataset.value==i){if(d&&d.dataset.group===s.toString()){m=h}}}t.appendChild(h);c[s]=t}}if(u.settings.lockOptgroupOrder){p.sort(((t,o)=>{const e=u.optgroups[t];const r=u.optgroups[o];const i=e&&e.$order||0;const s=r&&r.$order||0;return i-s}))}l=document.createDocumentFragment();J(p,(t=>{let o=c[t];if(!o||!o.children.length)return;let e=u.optgroups[t];if(e!==undefined){let t=document.createDocumentFragment();let r=u.render("optgroup_header",e);Lt(t,r);Lt(t,o);let i=u.render("optgroup",{group:e,options:t});Lt(l,i)}else{Lt(l,o)}}));g.innerHTML="";Lt(g,l);if(u.settings.highlight){ht(g);if(z.query.length&&z.tokens.length){J(z.tokens,(t=>{dt(g,t.regex)}))}}var _=t=>{let o=u.render(t,{input:f});if(o){w=true;g.insertBefore(o,g.firstChild)}return o};if(u.loading){_("loading")}else if(!u.settings.shouldLoad.call(u,f)){_("not_loading")}else if(z.items.length===0){_("no_results")}a=u.canCreate(f);if(a){h=_("option_create")}u.hasOptions=z.items.length>0||a;if(w){if(z.items.length>0){if(!m&&u.settings.mode==="single"&&u.items[0]!=undefined){m=u.getOption(u.items[0])}if(!g.contains(m)){let t=0;if(h&&!u.settings.addPrecedence){t=1}m=u.selectable()[t]}}else if(h){m=h}if(t&&!u.isOpen){u.open();u.scrollToOption(m,"auto")}u.setActiveOption(m)}else{u.clearActiveOption();if(t&&u.isOpen){u.close(false)}}}selectable(){return this.dropdown_content.querySelectorAll("[data-selectable]")}addOption(t,o=false){const e=this;if(Array.isArray(t)){e.addOptions(t,o);return false}const r=kt(t[e.settings.valueField]);if(r===null||e.options.hasOwnProperty(r)){return false}t.$order=t.$order||++e.order;t.$id=e.inputId+"-opt-"+t.$order;e.options[r]=t;e.lastQuery=null;if(o){e.userOptions[r]=o;e.trigger("option_add",r,t)}return r}addOptions(t,o=false){J(t,(t=>{this.addOption(t,o)}))}registerOption(t){return this.addOption(t)}registerOptionGroup(t){var o=kt(t[this.settings.optgroupValueField]);if(o===null)return false;t.$order=t.$order||++this.order;this.optgroups[o]=t;return o}addOptionGroup(t,o){var e;o[this.settings.optgroupValueField]=t;if(e=this.registerOptionGroup(o)){this.trigger("optgroup_add",e,o)}}removeOptionGroup(t){if(this.optgroups.hasOwnProperty(t)){delete this.optgroups[t];this.clearCache();this.trigger("optgroup_remove",t)}}clearOptionGroups(){this.optgroups={};this.clearCache();this.trigger("optgroup_clear")}updateOption(t,o){const e=this;var r;var i;const s=kt(t);const n=kt(o[e.settings.valueField]);if(s===null)return;const l=e.options[s];if(l==undefined)return;if(typeof n!=="string")throw new Error("Value must be set in option data");const a=e.getOption(s);const d=e.getItem(s);o.$order=o.$order||l.$order;delete e.options[s];e.uncacheValue(n);e.options[n]=o;if(a){if(e.dropdown_content.contains(a)){const t=e._render("option",o);at(a,t);if(e.activeOption===a){e.setActiveOption(t)}}a.remove()}if(d){i=e.items.indexOf(s);if(i!==-1){e.items.splice(i,1,n)}r=e._render("item",o);if(d.classList.contains("active"))Z(r,"active");at(d,r)}e.lastQuery=null}removeOption(t,o){const e=this;t=Ot(t);e.uncacheValue(t);delete e.userOptions[t];delete e.options[t];e.lastQuery=null;e.trigger("option_remove",t);e.removeItem(t,o)}clearOptions(t){const o=(t||this.clearFilter).bind(this);this.loadedSearches={};this.userOptions={};this.clearCache();const e={};J(this.options,((t,r)=>{if(o(t,r)){e[r]=t}}));this.options=this.sifter.items=e;this.lastQuery=null;this.trigger("option_clear")}clearFilter(t,o){if(this.items.indexOf(o)>=0){return true}return false}getOption(t,o=false){const e=kt(t);if(e===null)return null;const r=this.options[e];if(r!=undefined){if(r.$div){return r.$div}if(o){return this._render("option",r)}}return null}getAdjacent(t,o,e="option"){var r=this,i;if(!t){return null}if(e=="item"){i=r.controlChildren()}else{i=r.dropdown_content.querySelectorAll("[data-selectable]")}for(let e=0;e<i.length;e++){if(i[e]!=t){continue}if(o>0){return i[e+1]}return i[e-1]}return null}getItem(t){if(typeof t=="object"){return t}var o=kt(t);return o!==null?this.control.querySelector(`[data-value="${Et(o)}"]`):null}addItems(t,o){var e=this;var r=Array.isArray(t)?t:[t];r=r.filter((t=>e.items.indexOf(t)===-1));const i=r[r.length-1];r.forEach((t=>{e.isPending=t!==i;e.addItem(t,o)}))}addItem(t,o){var e=o?[]:["change","dropdown_close"];At(this,e,(()=>{var e,r;const i=this;const s=i.settings.mode;const n=kt(t);if(n&&i.items.indexOf(n)!==-1){if(s==="single"){i.close()}if(s==="single"||!i.settings.duplicates){return}}if(n===null||!i.options.hasOwnProperty(n))return;if(s==="single")i.clear(o);if(s==="multi"&&i.isFull())return;e=i._render("item",i.options[n]);if(i.control.contains(e)){e=e.cloneNode(true)}r=i.isFull();i.items.splice(i.caretPos,0,n);i.insertAtCaret(e);if(i.isSetup){if(!i.isPending&&i.settings.hideSelected){let t=i.getOption(n);let o=i.getAdjacent(t,1);if(o){i.setActiveOption(o)}}if(!i.isPending&&!i.settings.closeAfterSelect){i.refreshOptions(i.isFocused&&s!=="single")}if(i.settings.closeAfterSelect!=false&&i.isFull()){i.close()}else if(!i.isPending){i.positionDropdown()}i.trigger("item_add",n,e);if(!i.isPending){i.updateOriginalInput({silent:o})}}if(!i.isPending||!r&&i.isFull()){i.inputState();i.refreshState()}}))}removeItem(t=null,o){const e=this;t=e.getItem(t);if(!t)return;var r,i;const s=t.dataset.value;r=nt(t);t.remove();if(t.classList.contains("active")){i=e.activeItems.indexOf(t);e.activeItems.splice(i,1);tt(t,"active")}e.items.splice(r,1);e.lastQuery=null;if(!e.settings.persist&&e.userOptions.hasOwnProperty(s)){e.removeOption(s,o)}if(r<e.caretPos){e.setCaret(e.caretPos-1)}e.updateOriginalInput({silent:o});e.refreshState();e.positionDropdown();e.trigger("item_remove",s,t)}createItem(t=null,o=(()=>{})){if(arguments.length===3){o=arguments[2]}if(typeof o!="function"){o=()=>{}}var e=this;var r=e.caretPos;var i;t=t||e.inputValue();if(!e.canCreate(t)){o();return false}e.lock();var s=false;var n=t=>{e.unlock();if(!t||typeof t!=="object")return o();var i=kt(t[e.settings.valueField]);if(typeof i!=="string"){return o()}e.setTextboxValue();e.addOption(t,true);e.setCaret(r);e.addItem(i);o(t);s=true};if(typeof e.settings.create==="function"){i=e.settings.create.call(this,t,n)}else{i={[e.settings.labelField]:t,[e.settings.valueField]:t}}if(!s){n(i)}return true}refreshItems(){var t=this;t.lastQuery=null;if(t.isSetup){t.addItems(t.items)}t.updateOriginalInput();t.refreshState()}refreshState(){const t=this;t.refreshValidityState();const o=t.isFull();const e=t.isLocked;t.wrapper.classList.toggle("rtl",t.rtl);const r=t.wrapper.classList;r.toggle("focus",t.isFocused);r.toggle("disabled",t.isDisabled);r.toggle("required",t.isRequired);r.toggle("invalid",!t.isValid);r.toggle("locked",e);r.toggle("full",o);r.toggle("input-active",t.isFocused&&!t.isInputHidden);r.toggle("dropdown-active",t.isOpen);r.toggle("has-options",st(t.options));r.toggle("has-items",t.items.length>0)}refreshValidityState(){var t=this;if(!t.input.validity){return}t.isValid=t.input.validity.valid;t.isInvalid=!t.isValid}isFull(){return this.settings.maxItems!==null&&this.items.length>=this.settings.maxItems}updateOriginalInput(t={}){const o=this;var e,r;const i=o.input.querySelector('option[value=""]');if(o.is_select_tag){const s=[];const n=o.input.querySelectorAll("option:checked").length;function l(t,e,r){if(!t){t=G('<option value="'+St(e)+'">'+St(r)+"</option>")}if(t!=i){o.input.append(t)}s.push(t);if(t!=i||n>0){t.selected=true}return t}o.input.querySelectorAll("option:checked").forEach((t=>{t.selected=false}));if(o.items.length==0&&o.settings.mode=="single"){l(i,"","")}else{o.items.forEach((t=>{e=o.options[t];r=e[o.settings.labelField]||"";if(s.includes(e.$option)){const e=o.input.querySelector(`option[value="${Et(t)}"]:not(:checked)`);l(e,t,r)}else{e.$option=l(e.$option,t,r)}}))}}else{o.input.value=o.getValue()}if(o.isSetup){if(!t.silent){o.trigger("change",o.getValue())}}}open(){var t=this;if(t.isLocked||t.isOpen||t.settings.mode==="multi"&&t.isFull())return;t.isOpen=true;lt(t.focus_node,{"aria-expanded":"true"});t.refreshState();X(t.dropdown,{visibility:"hidden",display:t.settings.openDisplay});t.positionDropdown();X(t.dropdown,{visibility:"visible",display:t.settings.openDisplay});t.focus();t.trigger("dropdown_open",t.dropdown)}close(t=true){var o=this;var e=o.isOpen;if(t){o.setTextboxValue();if(o.settings.mode==="single"&&o.items.length){o.hideInput()}}o.isOpen=false;lt(o.focus_node,{"aria-expanded":"false"});X(o.dropdown,{display:"none"});if(o.settings.hideSelected){o.clearActiveOption()}o.refreshState();if(e)o.trigger("dropdown_close",o.dropdown)}positionDropdown(){if(this.settings.dropdownParent!=="body"){return}var t=this.control;var o=t.getBoundingClientRect();var e=t.offsetHeight+o.top+window.scrollY;var r=o.left+window.scrollX;X(this.dropdown,{width:o.width+"px",top:e+"px",left:r+"px"})}clear(t){var o=this;if(!o.items.length)return;var e=o.controlChildren();J(e,(t=>{o.removeItem(t,true)}));o.showInput();if(!t)o.updateOriginalInput();o.trigger("clear")}insertAtCaret(t){const o=this;const e=o.caretPos;const r=o.control;r.insertBefore(t,r.children[e]||null);o.setCaret(e+1)}deleteSelection(t){var o,e,r,i;var s=this;o=t&&t.keyCode===wt?-1:1;e=$t(s.control_input);const n=[];if(s.activeItems.length){i=it(s.activeItems,o);r=nt(i);if(o>0){r++}J(s.activeItems,(t=>n.push(t)))}else if((s.isFocused||s.settings.mode==="single")&&s.items.length){const t=s.controlChildren();let r;if(o<0&&e.start===0&&e.length===0){r=t[s.caretPos-1]}else if(o>0&&e.start===s.inputValue().length){r=t[s.caretPos]}if(r!==undefined){n.push(r)}}if(!s.shouldDelete(n,t)){return false}Ct(t,true);if(typeof r!=="undefined"){s.setCaret(r)}while(n.length){s.removeItem(n.pop())}s.showInput();s.positionDropdown();s.refreshOptions(false);return true}shouldDelete(t,o){const e=t.map((t=>t.dataset.value));if(!e.length||typeof this.settings.onDelete==="function"&&this.settings.onDelete(e,o)===false){return false}return true}advanceSelection(t,o){var e,r,i=this;if(i.rtl)t*=-1;if(i.inputValue().length)return;if(jt(yt,o)||jt("shiftKey",o)){e=i.getLastActive(t);if(e){if(!e.classList.contains("active")){r=e}else{r=i.getAdjacent(e,t,"item")}}else if(t>0){r=i.control_input.nextElementSibling}else{r=i.control_input.previousElementSibling}if(r){if(r.classList.contains("active")){i.removeActiveItem(e)}i.setActiveItemClass(r)}}else{i.moveCaret(t)}}moveCaret(t){}getLastActive(t){let o=this.control.querySelector(".last-active");if(o){return o}var e=this.control.querySelectorAll(".active");if(e){return it(e,t)}}setCaret(t){this.caretPos=this.items.length}controlChildren(){return Array.from(this.control.querySelectorAll("[data-ts-item]"))}lock(){this.isLocked=true;this.refreshState()}unlock(){this.isLocked=false;this.refreshState()}disable(){var t=this;t.input.disabled=true;t.control_input.disabled=true;t.focus_node.tabIndex=-1;t.isDisabled=true;this.close();t.lock()}enable(){var t=this;t.input.disabled=false;t.control_input.disabled=false;t.focus_node.tabIndex=t.tabIndex;t.isDisabled=false;t.unlock()}destroy(){var t=this;var o=t.revertSettings;t.trigger("destroy");t.off();t.wrapper.remove();t.dropdown.remove();t.input.innerHTML=o.innerHTML;t.input.tabIndex=o.tabIndex;tt(t.input,"tomselected","ts-hidden-accessible");t._destroy();delete t.input.tomselect}render(t,o){var e,r;const i=this;if(typeof this.settings.render[t]!=="function"){return null}r=i.settings.render[t].call(this,o,St);if(!r){return null}r=G(r);if(t==="option"||t==="option_create"){if(o[i.settings.disabledField]){lt(r,{"aria-disabled":"true"})}else{lt(r,{"data-selectable":""})}}else if(t==="optgroup"){e=o.group[i.settings.optgroupValueField];lt(r,{"data-group":e});if(o.group[i.settings.disabledField]){lt(r,{"data-disabled":""})}}if(t==="option"||t==="item"){const e=Ot(o[i.settings.valueField]);lt(r,{"data-value":e});if(t==="item"){Z(r,i.settings.itemClass);lt(r,{"data-ts-item":""})}else{Z(r,i.settings.optionClass);lt(r,{role:"option",id:o.$id});o.$div=r;i.options[e]=o}}return r}_render(t,o){const e=this.render(t,o);if(e==null){throw"HTMLElement expected"}return e}clearCache(){J(this.options,(t=>{if(t.$div){t.$div.remove();delete t.$div}}))}uncacheValue(t){const o=this.getOption(t);if(o)o.remove()}canCreate(t){return this.settings.create&&t.length>0&&this.settings.createFilter.call(this,t)}hook(t,o,e){var r=this;var i=r[o];r[o]=function(){var o,s;if(t==="after"){o=i.apply(r,arguments)}s=e.apply(r,arguments);if(t==="instead"){return s}if(t==="before"){o=i.apply(r,arguments)}return o}}}
-/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const Nt="[̀-ͯ·ʾʼ]";const qt={};const Wt={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"};for(let t in Wt){let o=Wt[t]||"";for(let e=0;e<o.length;e++){let r=o.substring(e,e+1);qt[r]=t}}new RegExp(Object.keys(qt).join("|")+"|"+Nt,"gu");const Pt=t=>{if(t.jquery){return t[0]}if(t instanceof HTMLElement){return t}if(Vt(t)){var o=document.createElement("template");o.innerHTML=t.trim();return o.content.firstChild}return document.querySelector(t)};const Vt=t=>{if(typeof t==="string"&&t.indexOf("<")>-1){return true}return false};const Jt=t=>(t+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");const Bt=(t,o=false)=>{if(t){t.preventDefault();if(o){t.stopPropagation()}}};const Ht=(t,o,e,r)=>{t.addEventListener(o,e,r)};function Kt(t){const o=Object.assign({label:"&times;",title:"Remove",className:"remove",append:true},t);var e=this;if(!o.append){return}var r='<a href="javascript:void(0)" class="'+o.className+'" tabindex="-1" title="'+Jt(o.title)+'">'+o.label+"</a>";e.hook("after","setupTemplates",(()=>{var t=e.settings.render.item;e.settings.render.item=(o,i)=>{var s=Pt(t.call(e,o,i));var n=Pt(r);s.appendChild(n);Ht(n,"mousedown",(t=>{Bt(t,true)}));Ht(n,"click",(t=>{Bt(t,true);if(e.isLocked)return;if(!e.shouldDelete([s],t))return;e.removeItem(s);e.refreshOptions(false);e.inputState()}));return s}}))}const Gt=t=>{if(typeof t==="undefined"||t===null)return null;return Ut(t)};const Ut=t=>{if(typeof t==="boolean")return t?"1":"0";return t+""};const Yt=(t,o=false)=>{if(t){t.preventDefault();if(o){t.stopPropagation()}}};
-/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const Qt="[̀-ͯ·ʾʼ]";const Xt={};const Zt={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"};for(let t in Zt){let o=Zt[t]||"";for(let e=0;e<o.length;e++){let r=o.substring(e,e+1);Xt[r]=t}}new RegExp(Object.keys(Xt).join("|")+"|"+Qt,"gu");const to=t=>{if(t.jquery){return t[0]}if(t instanceof HTMLElement){return t}if(oo(t)){var o=document.createElement("template");o.innerHTML=t.trim();return o.content.firstChild}return document.querySelector(t)};const oo=t=>{if(typeof t==="string"&&t.indexOf("<")>-1){return true}return false};function eo(){var t=this;var o=t.onOptionSelect;t.settings.hideSelected=false;var e=function t(o){setTimeout((()=>{var t=o.querySelector("input");if(t instanceof HTMLInputElement){if(o.classList.contains("selected")){t.checked=true}else{t.checked=false}}}),1)};t.hook("after","setupTemplates",(()=>{var o=t.settings.render.option;t.settings.render.option=(e,r)=>{var i=to(o.call(t,e,r));var s=document.createElement("input");s.addEventListener("click",(function(t){Yt(t)}));s.type="checkbox";const n=Gt(e[t.settings.valueField]);if(n&&t.items.indexOf(n)>-1){s.checked=true}i.prepend(s);return i}}));t.on("item_remove",(o=>{var r=t.getOption(o);if(r){r.classList.remove("selected");e(r)}}));t.on("item_add",(o=>{var r=t.getOption(o);if(r){e(r)}}));t.hook("instead","onOptionSelect",((r,i)=>{if(i.classList.contains("selected")){i.classList.remove("selected");t.removeItem(i.dataset.value);t.refreshOptions();Yt(r,true);return}o.call(t,r,i);e(i)}))}const ro=(t,o,e,r)=>{t.addEventListener(o,e,r)};function io(){var t=this;t.on("initialize",(()=>{var o=document.createElement("span");var e=t.control_input;o.style.cssText="position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ";t.wrapper.appendChild(o);var r=["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"];for(const t of r){o.style[t]=e.style[t]}var i=()=>{o.textContent=e.value;e.style.width=o.clientWidth+"px"};i();t.on("update item_add item_remove",i);ro(e,"input",i);ro(e,"keyup",i);ro(e,"blur",i);ro(e,"update",i)}))}function so(){var t=this;var o=t.deleteSelection;this.hook("instead","deleteSelection",(e=>{if(t.activeItems.length){return o.call(t,e)}return false}))}const no='@charset "UTF-8";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--color:var(--stzh-color-secondary60);--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--height:var(--stzh-form-input-height);--label-color:var(--stzh-color-primary);--placeholder-color:var(--stzh-color-grey70);--icon-size:var(--stzh-icon-size-medium);--icon-color:var(--stzh-color-grey80);--icon-angle-size:var(--stzh-icon-size-medium);--icon-angle-color:var(--stzh-color-grey80);--hover-color:var(--stzh-color-secondary60);--hover-border-color:var(--stzh-color-secondary50);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-primary);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-label-color:var(--stzh-color-primary);--focus-icon-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-primary70);--active-icon-angle-transform:rotate(180deg) translateY(50%);--popover-width:100%;--popover-min-width:initial;--popover-max-width:initial;--popover-height:auto;--popover-min-height:initial;--popover-max-height:calc(4.5 * var(--stzh-menu-item-height));--popover-background-color:var(--stzh-popover-background-color);--popover-box-shadow:var(--stzh-box-shadow-popover);--popover-border-radius:var(--stzh-popover-border-radius);--popover-distance:var(--stzh-space-xsmall);--popover-skidding:0px;position:relative;width:100%;border-radius:var(--border-radius);}stzh-dropdown[hidden]{display:none}stzh-dropdown::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown *,stzh-dropdown *::before,stzh-dropdown *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-dropdown .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-dropdown .stzh-fylingfocus-focused{outline-style:none !important}stzh-dropdown .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown[variant=plain]{--background-color:transparent;--hover-background-color:transparent;--hover-label-color:var(--stzh-color-primary90);--focus-background-color:transparent;--focus-label-color:var(--stzh-color-primary90)}stzh-dropdown[inline]:not([inline=false]){--popover-width:auto;width:auto}stzh-dropdown[size=small]{--height:var(--stzh-form-input-small-height);--icon-angle-size:var(--stzh-icon-size-small)}stzh-dropdown[is-filled]:not([is-filled=false]){--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-black);--focus-icon-color:var(--stzh-color-black)}stzh-dropdown[is-invalid]{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--icon-color:var(--stzh-color-error60);--icon-angle-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-error60);--hover-icon-color:var(--stzh-color-error60);--hover-icon-angle-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-label-color:var(--stzh-color-error60);--focus-icon-color:var(--stzh-color-error60);--focus-icon-angle-color:var(--stzh-color-error60)}stzh-dropdown[disabled]:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-grey70);--icon-angle-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-label-color:var(--stzh-color-grey70);--hover-icon-color:var(--stzh-color-grey70);--hover-icon-angle-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-label-color:var(--stzh-color-grey70);--focus-icon-color:var(--stzh-color-grey70);--focus-icon-angle-color:var(--stzh-color-grey70)}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}stzh-dropdown:is(:has(.stzh-dropdown__label:hover)),stzh-dropdown:is(:has(.ts-control:hover)){--color:var(--hover-color);--border-color:var(--hover-border-color);--background-color:var(--hover-background-color);--label-color:var(--hover-label-color);--icon-color:var(--hover-icon-color);--icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:is(:has(.ts-control:focus-within)){--color:var(--focus-color);--border-color:var(--focus-border-color);--background-color:var(--focus-background-color);--label-color:var(--focus-label-color);--icon-color:var(--focus-icon-color);--icon-angle-color:var(--focus-icon-angle-color)}.stzh-dropdown{}.stzh-dropdown__marker-symbol{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-dropdown__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__description-wrapper{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-dropdown__error,.stzh-dropdown__description{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-dropdown__error{color:var(--stzh-color-error60)}.stzh-dropdown__error-list{list-style:none;margin:0;padding:0}.stzh-dropdown__description{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__description-long{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-dropdown__description-long{margin-top:0}}.stzh-dropdown__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-dropdown__description-long-button{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-dropdown stzh-icon.stzh-dropdown__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--has-error .stzh-dropdown__error,.stzh-dropdown--has-description .stzh-dropdown__description{margin-top:var(--stzh-space-xxxsmall)}.stzh-dropdown__wrapper{position:relative}.stzh-dropdown .ts-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown .ts-dropdown-content{width:100%;overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch}.stzh-dropdown .ts-control{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:var(--height);border-radius:var(--border-radius);background-color:var(--background-color);transition-property:border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown .ts-control>*{vertical-align:baseline;display:inline-block}.stzh-dropdown .ts-control,.stzh-dropdown .ts-control>input,.stzh-dropdown__sizer{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);width:100%;border:0.125rem solid var(--border-color)}.stzh-dropdown .ts-control>input{flex:1 1 auto;display:inline-block;padding:0;min-height:0;max-height:none;max-width:100%;margin:0;text-indent:0;border:0 none;background:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;box-shadow:none;cursor:pointer}.stzh-dropdown .ts-control>input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-ms-clear{display:none}.stzh-dropdown .ts-control>input:focus{outline:none}.stzh-dropdown .ts-control>input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:placeholder-shown{text-overflow:ellipsis}.stzh-dropdown__vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__field-wrapper,.stzh-dropdown__select{position:relative}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item,.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item{color:var(--color)}.stzh-dropdown__icon-wrapper{position:absolute;color:var(--icon-color)}.stzh-dropdown__icon-angle-wrapper{color:var(--icon-angle-color)}.stzh-dropdown__sizer{height:var(--height);display:flex;align-items:center;margin-top:calc(var(--height) / -1);pointer-events:none;visibility:hidden}.stzh-dropdown__select.has-items~.stzh-dropdown__sizer{display:none}.stzh-dropdown__select.plugin-input_hide~.stzh-dropdown__sizer{visibility:visible}.stzh-dropdown__select.input-active .ts-control,.stzh-dropdown__select.input-active .ts-control>input{cursor:text}.stzh-dropdown__select.input-hidden .ts-control>input,.stzh-dropdown__select.plugin-input_hide .ts-control>input{opacity:0;position:absolute;left:-625rem}.stzh-dropdown__select.single .ts-control,.stzh-dropdown__select.multi .ts-control,.stzh-dropdown__sizer{padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:calc(var(--stzh-icon-size-medium) + var(--stzh-space-medium) + var(--stzh-space-xsmall))}.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{display:flex;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.stzh-dropdown__icon-wrapper{left:var(--stzh-space-medium)}.stzh-dropdown__icon-angle-wrapper{right:var(--stzh-space-medium)}.stzh-dropdown__icon-wrapper stzh-icon,.stzh-dropdown__icon{--size:var(--icon-size)}.stzh-dropdown__icon-angle-wrapper stzh-icon,.stzh-dropdown__icon-angle{--size:var(--icon-angle-size)}.stzh-dropdown__label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--label-color);display:block;width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-dropdown__label:empty{display:none}.stzh-dropdown__marker{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-dropdown__option,.stzh-dropdown__create,.stzh-dropdown__no-results,.stzh-dropdown__not-loading{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:var(--stzh-space-large)}.stzh-dropdown__option,.stzh-dropdown__create{display:flex;align-items:center;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;border:none;color:var(--stzh-color-black);min-height:var(--stzh-menu-item-height);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown__option:hover,.stzh-dropdown__option.active,.stzh-dropdown__create:hover,.stzh-dropdown__create.active{background-color:var(--stzh-color-grey20)}.stzh-dropdown__option input,.stzh-dropdown__create input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__option.selected{color:var(--stzh-color-primary70)}.stzh-dropdown__option.selected::before{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute;content:"✓"}.stzh-dropdown__option[aria-disabled=true]{cursor:not-allowed;color:var(--stzh-color-grey70);background-color:var(--stzh-color-grey10)}.stzh-dropdown__create{display:block}.stzh-dropdown__option-title{flex-grow:1}.stzh-dropdown__option[data-selectable] .highlight{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-dropdown__option-check{display:none}.stzh-dropdown__no-results{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.stzh-dropdown__optgroup-header{cursor:default}.stzh-dropdown__loader{display:flex;align-items:center;justify-content:center;height:var(--stzh-menu-item-height)}.stzh-dropdown__dropdown{position:absolute;top:auto;left:auto;margin-top:var(--popover-distance);margin-left:var(--popover-skidding);transform:none;z-index:var(--stzh-z-index-popover);width:var(--popover-width);min-width:var(--popover-min-width);max-width:var(--popover-max-width);height:var(--popover-height);min-height:var(--popover-min-height);max-height:var(--popover-max-height);background-color:var(--popover-background-color);box-shadow:var(--popover-box-shadow);border-radius:var(--popover-border-radius)}.stzh-dropdown__select.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.stzh-dropdown__select.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:0.25rem}.stzh-dropdown__select.has-items .ts-control>input{margin:0 0.25rem}.stzh-dropdown__select.has-items .ts-control>input::-webkit-input-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input::-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-ms-input-placeholder{color:transparent}.stzh-dropdown__select.dropdown-active~.stzh-dropdown__icon-angle-wrapper{transform:var(--active-icon-angle-transform)}.stzh-dropdown--is-multiple .stzh-dropdown__option-check{display:inline-flex;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-xsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__option.selected .stzh-dropdown__option-check{opacity:1}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;height:1.5rem;line-height:1.5rem;display:flex;flex-direction:row;align-items:center;border-radius:0.75rem;padding:0 var(--stzh-space-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:0.0625rem solid transparent;color:var(--stzh-color-primary70);background-color:var(--stzh-color-primary10);transition:all var(--stzh-base-transition-animation-speed);margin:var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) 0;cursor:pointer}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary20)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item.active{color:var(--stzh-color-white);background-color:var(--stzh-color-primary70)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:inline-flex;align-items:center;padding-right:calc(1.5rem + var(--stzh-space-xxsmall))}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:absolute;top:50%;right:-0.0625rem;transform:translateY(-50%);-webkit-text-decoration-line:none;text-decoration-line:none;width:1.5rem;height:1.5rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--stzh-color-primary70);transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary30)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item.active .stzh-dropdown__remove-icon{color:var(--stzh-color-white)}.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-top:0;top:auto;bottom:100%;margin-bottom:calc(var(--popover-distance) - 1.21875rem)}.stzh-dropdown--popover-placement-top.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-bottom:0}.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-end .stzh-dropdown__dropdown{left:auto;right:0}.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-center .stzh-dropdown__dropdown{left:50%;transform:translateX(-50%)}.stzh-dropdown--popover-fullwidth-horizontal .stzh-dropdown__dropdown{left:0;right:0;transform:none}.stzh-dropdown--has-label-hidden .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--size-small .ts-control,.stzh-dropdown--size-small .stzh-dropdown__sizer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-dropdown--size-small .stzh-dropdown__select.single .ts-control,.stzh-dropdown--size-small .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--size-small .stzh-dropdown__sizer{padding:var(--stzh-space-xxsmall) var(--stzh-space-medium);padding-right:calc(var(--stzh-icon-size-small) + var(--stzh-space-medium) + var(--stzh-space-xsmall))}.stzh-dropdown--size-small.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--icon-size) + var(--stzh-space-medium) + var(--stzh-space-xsmall))}.stzh-dropdown--plain .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain .stzh-dropdown__sizer{border:none;padding-left:0;padding-right:calc(var(--stzh-icon-size-medium) + var(--stzh-space-xsmall))}.stzh-dropdown--plain .stzh-dropdown__icon-wrapper{left:0}.stzh-dropdown--plain .stzh-dropdown__icon-angle-wrapper{right:0}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:calc(var(--height) / 2);transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--plain .stzh-dropdown__label::before{content:none}.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-top:0}.stzh-dropdown--plain.stzh-dropdown--size-small .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain.stzh-dropdown--size-small .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain.stzh-dropdown--size-small .stzh-dropdown__sizer{padding-right:calc(var(--stzh-icon-size-small) + var(--stzh-space-xsmall))}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--stzh-space-medium) + var(--stzh-space-xsmall) + 0.0625rem)}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--icon-size) + var(--stzh-space-xsmall))}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--stzh-space-xsmall) + 0.0625rem)}.stzh-dropdown--plain.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-no-search .ts-control>input{position:absolute;width:0px;height:0px}.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control,.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control>input{cursor:pointer}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{cursor:not-allowed}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-grey70);background-color:var(--stzh-color-white)}.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-grey70);background-color:transparent}';const lo=function(t){const o=this;o.on("initialize",(()=>{const t=o.control_input;if(t)t.readOnly=true}))};const ao="stzh-dropdown--is-filled";const ho="stzh-dropdown--has-focus";Dt.define("remove_button",Kt);Dt.define("checkbox_options",eo);Dt.define("input_autogrow",io);Dt.define("no_backspace_delete",so);Dt.define("input_readonly",lo);let co=0;const po=class{constructor(e){t(this,e);this.stzhChange=o(this,"stzhChange",7);this.stzhItemAdd=o(this,"stzhItemAdd",7);this.stzhItemRemove=o(this,"stzhItemRemove",7);this.stzhOptionAdd=o(this,"stzhOptionAdd",7);this.stzhOptionRemove=o(this,"stzhOptionRemove",7);this.stzhOpen=o(this,"stzhOpen",7);this.stzhClose=o(this,"stzhClose",7);this.stzhFocus=o(this,"stzhFocus",7);this.stzhBlur=o(this,"stzhBlur",7);this.stzhInit=o(this,"stzhInit",7);this.focusedByInput=false;this.handleReset=()=>{this.items=[...this.defaultItems]};this.onRootFocus=()=>{if(!this.focusedByInput){this.tomSelect.focus()}this.focusedByInput=false};this.options=undefined;this.optgroups=undefined;this.items=undefined;this.defaultItems=undefined;this.searchField=["text"];this.multiple=false;this.inline=false;this.maxOptions=null;this.searchConjunction="and";this.transformLoadQuery="trim";this.allowEmptyOption=false;this.openOnFocus=true;this.closeAfterSelect=null;this.load=null;this.minCharacters=3;this.loadThrottle=300;this.preload=false;this.labelField="text";this.valueField="value";this.value="";this.optgroupField="optgroup";this.optgroupLabelField="label";this.optgroupValueField="value";this.lockOptgroupOrder=undefined;this.name="";this.open=false;this.isOpen=false;this.variant="default";this.size="default";this.disabled=false;this.popoverPlacement="bottom";this.popoverFullwidth="";this.label="";this.labelHidden=false;this.icon="";this.iconAngle="angle-down";this.noSearch=false;this.noBackspaceDelete=false;this.invalid=false;this.required=false;this.hideOptional=false;this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.localization=undefined;this.a11yDescribedby=""}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}optionsWatcher(t){if(typeof t==="string"){this._options=JSON.parse(t)}else{this._options=t}}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}this.value=this._items}searchFieldWatcher(t){if(typeof t==="string"){this._searchField=JSON.parse(t)}else{this._searchField=t}}optgroupsWatcher(t){if(typeof t==="string"){this._optgroups=JSON.parse(t)}else{this._optgroups=t}}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(o){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}async getValue(){return this.tomSelect.getValue()}async setValue(t,o=false){this.tomSelect.setValue(t,o)}async resetLoadedSearches(){this.tomSelect.loadedSearches={}}async getLoadedSearches(){return this.tomSelect.loadedSearches}async getItems(){return this.tomSelect.items}async loadItems(t){return this.tomSelect.load(t)}async show(){return this.tomSelect.open()}async hide(){return this.tomSelect.close()}updateFilled(){if(this._items.length>0){this.rootElement.classList.add(ao);this.element.setAttribute("is-filled","true")}else{this.rootElement.classList.remove(ao);this.element.removeAttribute("is-filled")}}async componentWillLoad(){this.dropdownId=`stzh-dropdown-${co++}`;this.optionsWatcher(this.options);this.optgroupsWatcher(this.optgroups);this.itemsWatcher(this.items);this.searchFieldWatcher(this.searchField);this.errorWatcher(this.error);this.defaultItems=this.defaultItems||this._items;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"dropdown")}}componentShouldUpdate(t,o,e){return["isOpen"].includes(e)===false}async componentWillUpdate(){if(this.tomSelect){this.tomSelect.destroy();this.tomSelect=null}}async componentDidRender(){if(this.tomSelect){return}const t={};if(this.noSearch){t["input_readonly"]={}}else{t["input_autogrow"]={}}if(this.noBackspaceDelete){t["no_backspace_delete"]={}}if(this.multiple){t["checkbox_options"]={};t["remove_button"]={title:this.localization.removeButtonTitle,label:'<stzh-icon name="close-big" class="stzh-dropdown__remove-icon"></stzh-icon>'}}const o={dropdownParent:this.dropdownWrapperElement,openDisplay:"flex",plugins:t,maxItems:this.multiple?null:1,maxOptions:this.maxOptions,items:this._items,optgroups:this._optgroups,searchField:this._searchField,searchConjunction:this.searchConjunction,allowEmptyOption:this.allowEmptyOption,closeAfterSelect:this.closeAfterSelect!==null?this.closeAfterSelect:!this.multiple,labelField:this.labelField,valueField:this.valueField,optgroupField:this.optgroupField,optgroupLabelField:this.optgroupLabelField,optgroupValueField:this.optgroupValueField,lockOptgroupOrder:this.lockOptgroupOrder,load:this.load,transformLoadQuery:t=>{if(typeof this.transformLoadQuery==="function"){return this.transformLoadQuery(t)}else if(this.transformLoadQuery==="join"){const o=Array.from(this.tomSelect.controlChildren()).map((t=>t.innerText));return(o.length>0?o.join(" ")+(t?" ":""):"")+t.replace(/\s\s+/g," ")}else if(this.transformLoadQuery==="trim-to-single-ws"){return t.replace(/\s\s+/g," ")}else{return t.trim()}},shouldLoad:t=>t.length>=this.minCharacters,loadThrottle:this.loadThrottle,preload:this.preload,openOnFocus:this.openOnFocus,loadingClass:"is-loading",hideSelected:false,duplicates:false,delimiter:",",copyClassesToDropdown:false,hidePlaceholder:null,render:{option:(t,o)=>`\n            <div class="stzh-dropdown__option">\n              <span class="stzh-dropdown__option-title">\n                ${o(t[this.labelField])}\n              </span>\n              <stzh-icon name="checkmark" class="stzh-dropdown__option-check"></stzh-icon>\n            </div>\n          `,item:(t,o)=>`\n            <div class="stzh-dropdown__item">\n              ${o(t[this.labelField])}\n            </div>\n          `,option_create:(t,o)=>`\n            <div class="stzh-dropdown__create">\n              ${this.localization.create.replace(/\{x\}/gi,o(t.input))}&hellip;\n            </div>\n          `,no_results:(t,o)=>`\n            <div class="stzh-dropdown__no-results" id="${this.dropdownId}-no-results">\n              ${this.localization.noResults.replace(/\{x\}/gi,o(t.input))}\n            </div>`,not_loading:this.load===null?null:(t,o)=>`\n            <div class="stzh-dropdown__not-loading" id="${this.dropdownId}-not-loading">\n              ${this.localization.notLoading.replace(/\{x\}/gi,o(this.minCharacters.toString()))}\n            </div>\n          `,optgroup:t=>{let o=document.createElement("div");o.className="stzh-dropdown__optgroup";o.appendChild(t.options);return o},optgroup_header:(t,o)=>`\n            <div class="stzh-dropdown__optgroup-header">\n              ${o(t.label)}\n            </div>\n          `,loading:()=>`\n            <div class="stzh-dropdown__loader">\n              <stzh-loader></stzh-loader>\n            </div>\n          `,dropdown:()=>`<div class="stzh-dropdown__dropdown"></div>`},onChange:t=>{this._items=this.tomSelect.items;this.updateFilled();this.value=this.multiple?this._items:this._items[0];this.stzhChange.emit({component:"stzh-dropdown",value:t})},onItemAdd:t=>{this._items=this.tomSelect.items;this.stzhItemAdd.emit({component:"stzh-dropdown",value:t})},onItemRemove:t=>{this._items=this.tomSelect.items;this.stzhItemRemove.emit({component:"stzh-dropdown",value:t})},onOptionAdd:t=>{this._options=this.tomSelect.options;this.updateFilled();this.stzhOptionAdd.emit({component:"stzh-dropdown",value:t})},onOptionRemove:t=>{this._options=this.tomSelect.options;this.updateFilled();this.stzhOptionRemove.emit({component:"stzh-dropdown",value:t})},onDropdownOpen:()=>{this.isOpen=true;this.stzhOpen.emit({component:"stzh-dropdown"})},onDropdownClose:()=>{this.isOpen=false;this.stzhClose.emit({component:"stzh-dropdown"})},onFocus:()=>{this.focusedByInput=true;if(this.tomSelect.load&&this.preload==="focus"){this.resetLoadedSearches();if(this.tomSelect.wrapper.classList.contains("preloaded")){this.tomSelect.load("")}}this.rootElement.classList.add(ho);const t=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhFocus.emit({component:"stzh-dropdown",originalEvent:{target:this.tomSelect.control}})},onBlur:()=>{this.rootElement.classList.remove(ho);const t=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhBlur.emit({component:"stzh-dropdown"})},onInitialize:()=>{this.stzhInit.emit({component:"stzh-dropdown"})},onLoad:()=>{this._options=this.tomSelect.options}};if(this._options){o.options=this._options}if(this._optgroups){o.optgroups=this._optgroups}if(this._items){o.items=this._items}this.tomSelect=new Dt(this.select,o);if(!this.openOnFocus){this.tomSelect.control.addEventListener("click",(()=>{this.tomSelect.open()}))}if(this.open){this.show()}}disconnectedCallback(){if(this.tomSelect){this.tomSelect.destroy();this.tomSelect=null}}render(){var t;const o=s(this.element,"icon")||!!this.icon;const i=s(this.element,"description")||!!this.description;const l=s(this.element,"description-long")||!!this.descriptionLong;const a=s(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const d={"stzh-dropdown":true,"stzh-dropdown--is-inline":this.inline,"stzh-dropdown--is-multiple":this.multiple,"stzh-dropdown--is-disabled":this.disabled,"stzh-dropdown--is-required":this.required,"stzh-dropdown--is-invalid":this.invalid||a,[ao]:this._items&&this._items.length>0,"stzh-dropdown--has-icon":o,"stzh-dropdown--has-description":i,"stzh-dropdown--has-description-long":l,"stzh-dropdown--has-error":a,"stzh-dropdown--has-no-search":this.noSearch,"stzh-dropdown--has-label-hidden":this.labelHidden,[`stzh-dropdown--popover-placement-${this.popoverPlacement}`]:!!this.popoverPlacement,[`stzh-dropdown--popover-fullwidth-${this.popoverFullwidth}`]:!!this.popoverFullwidth,[`stzh-dropdown--size-${this.size}`]:!!this.size,[`stzh-dropdown--${this.variant}`]:!!this.variant};return e(r,{"is-invalid":this.invalid||a,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{class:d,ref:t=>this.rootElement=t},e("div",{class:"stzh-dropdown__wrapper"},e("label",{id:`${this.dropdownId}-label`,class:"stzh-dropdown__label",htmlFor:this.dropdownId},this.label?this.label:e("slot",{name:"label"}),!this.hideOptional&&e("span",{class:"stzh-dropdown__marker"},e("span",{class:"stzh-dropdown__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{class:"stzh-dropdown__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),e("div",{class:"stzh-dropdown__field-wrapper"},e("select",{id:this.dropdownId,class:"stzh-dropdown__select",ref:t=>this.select=t,multiple:this.multiple,name:this.name,disabled:this.disabled,"aria-labelledby":`${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional&&this.required&&`${this.dropdownId}-required`} ${this.invalid&&`${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}`},e("slot",null)),e("div",{class:"stzh-dropdown__icon-angle-wrapper"},this.iconAngle?e("stzh-icon",{name:this.iconAngle,class:"stzh-dropdown__icon-angle"}):e("slot",{name:"icon-angle"})),e("div",{class:"stzh-dropdown__icon-wrapper"},this.icon?e("stzh-icon",{class:"stzh-dropdown__icon",name:this.icon}):e("slot",{name:"icon"})),this.hideOptional&&this.required&&e("div",{id:`${this.dropdownId}-required`,class:"stzh-dropdown__vhidden"},this.localization.$globals.requiredFieldText),this.invalid&&e("div",{id:`${this.dropdownId}-invalid`,class:"stzh-dropdown__vhidden"},this.localization.$globals.invalidFieldText))),e("div",{class:"stzh-dropdown__dropdown-wrapper",ref:t=>this.dropdownWrapperElement=t}),e(n,{classPrefix:"stzh-dropdown",id:`${this.dropdownId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:l,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return i(this)}static get watchers(){return{options:["optionsWatcher"],items:["itemsWatcher"],searchField:["searchFieldWatcher"],optgroups:["optgroupsWatcher"],error:["errorWatcher"]}}};po.style=no;export{po as stzh_dropdown};
-//# sourceMappingURL=p-b4ce8e10.entry.js.map

package/dist/stzh-components/p-ba37488e.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as e,F as r,a,g as h}from"./p-c7bfac7a.js";import{h as c}from"./p-7e304ea3.js";import"./p-9b063923.js";const i='.sc-stzh-card-searchresult-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-searchresult-h{display:none}.sc-stzh-card-searchresult-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::before,.sc-stzh-card-searchresult-h *.sc-stzh-card-searchresult::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-searchresult-h .has-focus.sc-stzh-card-searchresult{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult{outline-style:none !important}.sc-stzh-card-searchresult-h .stzh-fylingfocus-focused.sc-stzh-card-searchresult::-moz-focus-inner{border:0 !important}.sc-stzh-card-searchresult-h{--tag-right-background-color:var(--stzh-color-secondary30);--tag-right-color:var(--stzh-color-primary70);--grid-template-areas:"heading"\n    "description"\n    "meta"\n    "download";--grid-template-rows:repeat(3, auto);--grid-template-columns:minmax(0, 1fr);display:grid}.sc-stzh-card-searchresult-h .sc-stzh-card-searchresult-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"image"\n    "heading"\n    "description"\n    "meta"\n    "download";--grid-template-rows:repeat(4, auto);--grid-template-columns:minmax(0, 1fr)}@media screen and (min-width: 600px){[has-image].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image"\n      "description image"\n      "meta image"\n      "download image";--grid-template-rows:repeat(3, auto);--grid-template-columns:minmax(0, 1fr) minmax(11.25rem, min-content)}}@media screen and (max-width: 599px){[has-image][image-position=right].sc-stzh-card-searchresult-h{--grid-template-areas:"heading image"\n      "description description"\n      "meta meta"\n      "download download";--grid-template-rows:repeat(3, auto);--grid-template-columns:minmax(0, 1fr) minmax(6.25rem, min-content)}}.stzh-card-searchresult.sc-stzh-card-searchresult{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-searchresult__tag-left.sc-stzh-card-searchresult,.stzh-card-searchresult__dateline.sc-stzh-card-searchresult,.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult,.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult,.stzh-card-searchresult__heading-link-text.sc-stzh-card-searchresult,.stzh-card-searchresult__description.sc-stzh-card-searchresult,.stzh-card-searchresult__meta.sc-stzh-card-searchresult,.stzh-card-searchresult__download.sc-stzh-card-searchresult{z-index:1;position:relative}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult__meta.sc-stzh-card-searchresult,.stzh-card-searchresult__download.sc-stzh-card-searchresult{margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);margin-bottom:var(--stzh-space-large)}.stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{grid-area:heading;display:grid;margin-top:var(--stzh-space-xxxlarge)}.stzh-card-searchresult__image.sc-stzh-card-searchresult{display:grid;grid-area:image;width:100%}.stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{grid-area:description}.stzh-card-searchresult__meta.sc-stzh-card-searchresult{grid-area:meta;overflow:hidden}.stzh-card-searchresult__download.sc-stzh-card-searchresult{grid-area:download;display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall);overflow:hidden}.stzh-card-searchresult__download-button.sc-stzh-card-searchresult{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-searchresult__download-heading.sc-stzh-card-searchresult{color:var(--stzh-color-primary70);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-card-searchresult__tag-left.sc-stzh-card-searchresult,.stzh-card-searchresult__tag-right.sc-stzh-card-searchresult,.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{z-index:2}.stzh-card-searchresult__tag-left.sc-stzh-card-searchresult{position:absolute;left:0;top:0}.stzh-card-searchresult__tag-right.sc-stzh-card-searchresult{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--tag-right-background-color);color:var(--tag-right-color);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);text-align:center}@media screen and (min-width: 600px){.stzh-card-searchresult__tag-right.sc-stzh-card-searchresult{min-width:11.25rem}}.stzh-card-searchresult__dateline.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__heading.sc-stzh-card-searchresult{margin-top:0px;margin-bottom:var(--stzh-space-xsmall)}.stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:block;color:var(--stzh-color-primary70);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black)}.stzh-card-searchresult.sc-stzh-card-searchresult:has(.stzh-card-searchresult__description:not(:empty)) .stzh-card-searchresult__event-infos.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__description.sc-stzh-card-searchresult:empty{display:none}.stzh-card-searchresult__breadcrumb.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult__event-date-teaser.sc-stzh-card-searchresult{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5rem;height:5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-searchresult__event-date-teaser-day.sc-stzh-card-searchresult{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-searchresult__meta-list.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list.sc-stzh-card-searchresult{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;-moz-column-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-xsmall);margin-left:calc((var(--stzh-space-xsmall) + 0.0625rem) / -1)}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall);white-space:nowrap}.stzh-card-searchresult__meta-list-item.sc-stzh-card-searchresult::before,.stzh-card-searchresult__download-meta-list-item.sc-stzh-card-searchresult::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before,.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::after{z-index:10}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__heading-link.sc-stzh-card-searchresult::before{background-color:var(--stzh-color-secondary10)}.stzh-card-searchresult--has-link.sc-stzh-card-searchresult:has(.stzh-card-searchresult__heading-link:hover) .stzh-card-searchresult__tag-left.sc-stzh-card-searchresult{--color:var(--stzh-color-secondary60)}.stzh-card-searchresult--has-tag-right.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-big)}.stzh-card-searchresult--has-breadcrumb.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-xlarge)}.stzh-card-searchresult--has-image.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{z-index:1;position:relative}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-default.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-top:var(--stzh-space-small)}}@media screen and (max-width: 599px){.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__image.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}}.stzh-card-searchresult--has-image-right.sc-stzh-card-searchresult .stzh-card-searchresult__tag-right.sc-stzh-card-searchresult{position:static}.stzh-card-searchresult--has-description-wrapper.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__heading-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult,.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description-wrapper.sc-stzh-card-searchresult{margin-bottom:0px}.stzh-card-searchresult--has-meta.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty),.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__description.sc-stzh-card-searchresult:not(:empty){margin-bottom:var(--stzh-space-small)}.stzh-card-searchresult--has-download.sc-stzh-card-searchresult .stzh-card-searchresult__meta.sc-stzh-card-searchresult{margin-bottom:var(--stzh-space-xsmall)}';const l=class{constructor(e){s(this,e);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=s=>{this.stzhClick.emit({component:"stzh-card-searchresult",originalEvent:s})};this.localization=undefined;this.href=undefined;this.target=undefined;this.download=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.description="";this.tagLeft=undefined;this.tagRight=undefined;this.dateline=undefined;this.meta=undefined;this.breadcrumbItems=undefined;this.eventDateStart=undefined;this.eventDateEnd=undefined;this.eventLocation=undefined;this.imagePosition="default";this.downloadHeading=undefined;this.downloadMeta=undefined;this.dateAdapter=undefined}metaWatcher(s){if(!s){this._meta=[]}else if(typeof s==="string"){try{this._meta=JSON.parse(s)}catch(s){this._meta=[]}}else{this._meta=s}}breadcrumbItemsWatcher(s){if(!s){this._breadcrumbItems=[]}else if(typeof s==="string"){try{this._breadcrumbItems=JSON.parse(s)}catch(s){this._breadcrumbItems=[]}}else{this._breadcrumbItems=s}}downloadMetaWatcher(s){if(!s){this._downloadMeta=[]}else if(typeof s==="string"){try{this._downloadMeta=JSON.parse(s)}catch(s){this._downloadMeta=[]}}else{this._downloadMeta=s}}componentDidRender(){requestAnimationFrame((()=>{var s,t;const e=this.analyticsId||((s=this.headingTextElement)===null||s===void 0?void 0:s.innerText);if(e){(t=this.headingLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",e)}}))}async componentWillLoad(){this.metaWatcher(this.meta);this.breadcrumbItemsWatcher(this.breadcrumbItems);this.downloadMetaWatcher(this.downloadMeta);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-searchresult")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}render(){const s=!!this.heading||c(this.element,"heading");const t=!!this.description||c(this.element,"description");const h=c(this.element,"image");const i=this.eventDateStart&&new Date(this.eventDateStart);const l=this.eventDateEnd&&new Date(this.eventDateEnd);const d={"stzh-card-searchresult":true,"stzh-card-searchresult--has-heading":s,"stzh-card-searchresult--has-description":t,"stzh-card-searchresult--has-description-wrapper":t||!!i||!!this.eventLocation,"stzh-card-searchresult--has-link":!!this.href,"stzh-card-searchresult--has-tag-right":!!this.tagRight,"stzh-card-searchresult--has-image":h,"stzh-card-searchresult--has-image-default":h&&this.imagePosition==="default","stzh-card-searchresult--has-image-right":h&&this.imagePosition==="right","stzh-card-searchresult--has-meta":this._meta.length>0,"stzh-card-searchresult--has-download":!!this.downloadHeading||this._downloadMeta.length>0,"stzh-card-searchresult--has-breadcrumb":this._breadcrumbItems.length>0};const n=`h${this.headingLevel}`;const o=this.href?"a":"div";return e(a,{"has-image":h},e("article",{class:d,"aria-label":this.heading,role:"listitem"},this.tagLeft&&e("stzh-tag",{class:"stzh-card-searchresult__tag-left",label:this.tagLeft,nonInteractive:true}),e("div",{class:"stzh-card-searchresult__heading-wrapper"},this._breadcrumbItems.length>0&&e("stzh-breadcrumb",{class:"stzh-card-searchresult__breadcrumb",items:this._breadcrumbItems,variant:"teaser"}),this.dateline&&e("div",{class:"stzh-card-searchresult__dateline"},this.dateline),e(n,{class:"stzh-card-searchresult__heading"},e(o,{ref:s=>this.headingLinkElement=s,class:"stzh-card-searchresult__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},e("div",{class:"stzh-card-searchresult__heading-link-text",ref:s=>this.headingTextElement=s},this.heading?this.heading:e("slot",{name:"heading"}))))),e("div",{class:"stzh-card-searchresult__description-wrapper"},(i||this.eventLocation)&&e("div",{class:"stzh-card-searchresult__event-infos"},i&&e("div",{class:"stzh-card-searchresult__event-date"},e("span",null,this.dateAdapter.format(i,"dateLong"),", "),this.dateAdapter.formatSpan(i,l,"time")),this.eventLocation&&e("div",{class:"stzh-card-searchresult__event-location"},this.eventLocation)),e("div",{class:"stzh-card-searchresult__description"},this.description?this.description:e("slot",{name:"description"}))),e("div",{class:"stzh-card-searchresult__image"},i&&e("div",{class:"stzh-card-searchresult__event-date-teaser"},e("div",{class:"stzh-card-searchresult__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[i.getDay()]),e("div",{class:"stzh-card-searchresult__event-date-teaser-day"},i.getDate()<10&&"0",i.getDate()),e("div",{class:"stzh-card-searchresult__event-date-teaser-month"},this.localization.$globals.monthNamesShort[i.getMonth()])),this.tagRight&&e("div",{class:"stzh-card-searchresult__tag-right"},this.tagRight),e("slot",{name:"image"})),this._meta.length>0&&e("div",{class:"stzh-card-searchresult__meta"},e("div",{class:"stzh-card-searchresult__meta-list"},this._meta.map((s=>e(r,null,e("div",{class:"stzh-card-searchresult__meta-list-item"},s)))))),(!!this.downloadHeading||this._downloadMeta.length>0)&&e("div",{class:"stzh-card-searchresult__download"},e("div",{class:"stzh-card-searchresult__download-data"},this.downloadHeading&&e("div",{class:"stzh-card-searchresult__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&e("div",{class:"stzh-card-searchresult__download-meta-list"},this._downloadMeta.map((s=>e(r,null,e("div",{class:"stzh-card-searchresult__download-meta-list-item"},s)))))),e("div",{class:"stzh-card-searchresult__download-button"},e("stzh-icon",{class:"stzh-card-searchresult__download-icon",name:"download"})))))}get element(){return h(this)}static get watchers(){return{meta:["metaWatcher"],breadcrumbItems:["breadcrumbItemsWatcher"],downloadMeta:["downloadMetaWatcher"]}}};l.style=i;export{l as stzh_card_searchresult};
-//# sourceMappingURL=p-ba37488e.entry.js.map

package/dist/stzh-components/p-ba37488e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCardSearchresultCss","StzhCardSearchresult","this","handleCardClick","originalEvent","stzhClick","emit","component","metaWatcher","newValue","_meta","JSON","parse","e","breadcrumbItemsWatcher","_breadcrumbItems","downloadMetaWatcher","_downloadMeta","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","headingLinkElement","setAttribute","componentWillLoad","meta","breadcrumbItems","downloadMeta","localization","window","stzhComponents","utils","fetchTranslations","element","dateAdapter","createFormatParseAdapter","$formats","$globals","render","hasHeading","heading","hasSlot","hasDescription","description","hasImage","eventDateStart","Date","eventDateEnd","classes","eventLocation","href","tagRight","imagePosition","length","downloadHeading","Heading","headingLevel","HeadingLink","h","Host","class","role","tagLeft","label","nonInteractive","items","variant","dateline","ref","el","target","download","onClick","name","format","formatSpan","dayNamesShort","getDay","getDate","monthNamesShort","getMonth","map","Fragment"],"sources":["src/components/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":[":host {\n  --tag-right-background-color: #{$colorSecondary30};\n  --tag-right-color: #{$colorPrimary70};\n\n  --grid-template-areas:\n    \"heading\"\n    \"description\"\n    \"meta\"\n    \"download\";\n  --grid-template-rows: repeat(3, auto);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas:\n      \"image\"\n      \"heading\"\n      \"description\"\n      \"meta\"\n      \"download\";\n    --grid-template-rows: repeat(4, auto);\n    --grid-template-columns: minmax(0, 1fr);\n\n    @include mq($from: small) {\n      --grid-template-areas:\n        \"heading image\"\n        \"description image\"\n        \"meta image\"\n        \"download image\";\n      --grid-template-rows: repeat(3, auto);\n      --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n    }\n  }\n\n  &[has-image][image-position=\"right\"] {\n    @include mq($to: small) {\n      --grid-template-areas:\n        \"heading image\"\n        \"description description\"\n        \"meta meta\"\n        \"download download\";\n      --grid-template-rows: repeat(3, auto);\n      --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n    }\n  }\n}\n\n.stzh-card-searchresult {\n  @include fontSize('milli');\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag-left,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta,\n  &__download {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &__description-wrapper,\n  &__meta,\n  &__download {\n    margin-left: space('medium');\n    margin-right: space('medium');\n    margin-bottom: space('large');\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space('xxxlarge');\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta {\n    grid-area: meta;\n    overflow: hidden;\n  }\n\n  &__download {\n    grid-area: download;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space('xsmall');\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  &__download-heading {\n    color: $colorPrimary70;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  }\n\n  &__tag-left,\n  &__tag-right,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag-left {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__tag-right {\n    @include font('heavy');\n    @include fontSize('micro');\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: var(--tag-right-background-color);\n    color: var(--tag-right-color);\n    padding: space('xsmall') space('medium');\n    text-align: center;\n\n    @include mq($from: small) {\n      min-width: 180px;\n    }\n  }\n\n  &__dateline {\n    @include fontSize('micro');\n    margin-bottom: space('small');\n  }\n\n  &__heading {\n    margin-top: 0px;\n    margin-bottom: space('xsmall');\n  }\n\n  &__heading-link {\n    @include font('heavy');\n    @include fontSize('milli');\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize('micro');\n    color: $colorBlack;\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space('small');\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space('small');\n  }\n\n  &__event-date-teaser {\n    @include fontSize('nano');\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 80px;\n    height: 80px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font('heavy');\n    @include fontSize('hecto');\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n    margin-left: calc((#{space('xsmall')} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space('xsmall');\n    white-space: nowrap;\n\n    &::before {\n      content: '';\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag-left {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has tag right */\n\n  &--has-tag-right &__heading-wrapper {\n    margin-top: space('big');\n  }\n\n  /* Has breadcrumb */\n\n  &--has-breadcrumb &__heading-wrapper {\n    margin-top: space('xlarge');\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    @include mq($to: small) {\n      margin-top: space('small');\n    }\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    @include mq($to: small) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &--has-image-right &__tag-right {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space('small');\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhCardSearchresultClickEvent,\n  StzhBreadcrumbItem,\n  StzhLocaleAdapter\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhCardSearchresultLocalizedText } from './stzh-card-searchresult.localization';\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: \"stzh-card-searchresult\",\n  styleUrl: \"stzh-card-searchresult.scss\",\n  scoped: true\n})\nexport class StzhCardSearchresult {\n  /** Translation strings */\n  @Prop() localization: StzhCardSearchresultLocalizedText;\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** Download attribute (if href is used) */\n  @Prop() download: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = \"\";\n\n  /** Tag left */\n  @Prop() tagLeft: string;\n\n  /** Tag right */\n  @Prop() tagRight: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n  private _breadcrumbItems: StzhBreadcrumbItem[];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: \"default\" | \"right\" = \"default\";\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n  @Watch(\"meta\")\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch(\"breadcrumbItems\")\n  breadcrumbItemsWatcher(newValue: string | StzhBreadcrumbItem[]) {\n    if (!newValue) {\n      this._breadcrumbItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._breadcrumbItems = JSON.parse(newValue);\n      } catch (e) {\n        this._breadcrumbItems = [];\n      }\n    } else {\n      this._breadcrumbItems = newValue;\n    }\n  }\n\n  @Watch(\"downloadMeta\")\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-searchresult\",\n      originalEvent\n    });\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.breadcrumbItemsWatcher(this.breadcrumbItems);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card-searchresult\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, 'heading');\n    const hasDescription = !!this.description || hasSlot(this.element, 'description');\n    const hasImage = hasSlot(this.element, 'image');\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n\n    const classes = {\n      \"stzh-card-searchresult\": true,\n      \"stzh-card-searchresult--has-heading\": hasHeading,\n      \"stzh-card-searchresult--has-description\": hasDescription,\n      \"stzh-card-searchresult--has-description-wrapper\": hasDescription || !!eventDateStart || !!this.eventLocation,\n      \"stzh-card-searchresult--has-link\": !!this.href,\n      \"stzh-card-searchresult--has-tag-right\": !!this.tagRight,\n      \"stzh-card-searchresult--has-image\": hasImage,\n      \"stzh-card-searchresult--has-image-default\": hasImage && this.imagePosition === \"default\",\n      \"stzh-card-searchresult--has-image-right\": hasImage && this.imagePosition === \"right\",\n      \"stzh-card-searchresult--has-meta\": this._meta.length > 0,\n      \"stzh-card-searchresult--has-download\": !!this.downloadHeading || this._downloadMeta.length > 0,\n      \"stzh-card-searchresult--has-breadcrumb\": this._breadcrumbItems.length > 0,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? \"a\" : \"div\";\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tagLeft &&\n            <stzh-tag\n              class=\"stzh-card-searchresult__tag-left\"\n              label={this.tagLeft}\n              nonInteractive={true}\n            ></stzh-tag>\n          }\n\n          <div class=\"stzh-card-searchresult__heading-wrapper\">\n            {this._breadcrumbItems.length > 0 &&\n              <stzh-breadcrumb\n                class=\"stzh-card-searchresult__breadcrumb\"\n                items={this._breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            }\n\n            {this.dateline &&\n              <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>\n            }\n\n            <Heading class=\"stzh-card-searchresult__heading\">\n              <HeadingLink\n                ref={(el) => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-searchresult__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                <div\n                  class=\"stzh-card-searchresult__heading-link-text\"\n                  ref={(el) => (this.headingTextElement = el as HTMLDivElement)}\n                >\n                  {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                </div>\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-searchresult__description-wrapper\">\n            {(eventDateStart || this.eventLocation) &&\n              <div class=\"stzh-card-searchresult__event-infos\">\n                {eventDateStart &&\n                  <div class=\"stzh-card-searchresult__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, \"dateLong\")},&nbsp;</span>\n                    {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}\n                  </div>\n                }\n                {this.eventLocation &&\n                  <div class=\"stzh-card-searchresult__event-location\">\n                    {this.eventLocation}\n                  </div>\n                }\n              </div>\n            }\n\n            <div class=\"stzh-card-searchresult__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-searchresult__image\">\n            {eventDateStart &&\n              <div class=\"stzh-card-searchresult__event-date-teaser\">\n                <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n                {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && '0'}{eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            }\n            {this.tagRight && <div class=\"stzh-card-searchresult__tag-right\">{this.tagRight}</div>}\n            <slot name=\"image\"></slot>\n          </div>\n\n          {this._meta.length > 0 &&\n            <div class=\"stzh-card-searchresult__meta\">\n              <div class=\"stzh-card-searchresult__meta-list\">\n                {this._meta.map((meta) =>\n                  <Fragment>\n                    <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n                  </Fragment>\n                )}\n              </div>\n            </div>\n          }\n\n          {(!!this.downloadHeading || this._downloadMeta.length > 0) &&\n            <div class=\"stzh-card-searchresult__download\">\n              <div class=\"stzh-card-searchresult__download-data\">\n                {this.downloadHeading &&\n                  <div class=\"stzh-card-searchresult__download-heading\">\n                    {this.downloadHeading}\n                  </div>\n                }\n                {this._downloadMeta.length > 0 &&\n                  <div class=\"stzh-card-searchresult__download-meta-list\">\n                    {this._downloadMeta.map((meta) =>\n                      <Fragment>\n                        <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n                      </Fragment>\n                    )}\n                  </div>\n                }\n              </div>\n\n              <div class=\"stzh-card-searchresult__download-button\">\n                <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n              </div>\n            </div>\n          }\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-bb87a6e2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhLinkCss","StzhLink","this","focusedByInput","onRootFocus","link","focus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","renderIcon","h","class","icon","name","badge","badgeEmpty","label","type","badgeType","renderContent","rel","includes","localization","$globals","externalLinkLabel","download","downloadLinkLabel","ref","el","text","renderInner","iconUsed","Fragment","iconPosition","componentWillLoad","stzhComponents","utils","fetchTranslations","componentDidRender","requestAnimationFrame","_a","setAttribute","analyticsId","innerText","render","hasSlot","classes","iconOnly","fullwidth","disabled","active","badgePosition","textAlign","variant","Host","tabindex","href","target","id","linkId","accessKey","linkAccesskey","a11yTabindex","a11yLabel","a11yDescribedby","a11yDisabled","a11yExpanded","a11yControls","a11yCurrent"],"sources":["src/components/stzh-link/stzh-link.scss?tag=stzh-link&encapsulation=scoped","src/components/stzh-link/stzh-link.tsx"],"sourcesContent":["/**\n * @prop --color: Color of link\n * @prop --hover-color: Hover color of link\n * @prop --text-decoration-line: Text decoration of link\n * @prop --hover-text-decoration-line: Hover text decoration of link\n * @prop --icon-size: Size of icon next to link\n * @prop --min-height: Min height of link\n *\n * @prop --stzh-link-color: **Global**: Color of link\n * @prop --stzh-link-hover-color: **Global**: Hover color of link\n * @prop --stzh-link-text-decoration-line: **Global**: Text decoration of link\n * @prop --stzh-link-hover-text-decoration-line: **Global**: Text decoration of link\n * @prop --stzh-link-icon-size: **Global**: Size of icon next to link\n * @prop --stzh-link-text-decoration-thickness: **Global**: Text decoration thickness\n * @prop --stzh-link-text-decoration-skip-ink: **Global**: Whether to skip ink in text decoration\n * @prop --stzh-link-text-underline-offset: **Global**: Text underline offset\n */\n\n@mixin link--size-default() {\n  --font-size: var(--stzh-font-milli-font-size);\n  --line-height: var(--stzh-font-milli-text-line-height);\n  --letter-spacing: normal;\n\n  @include mq($from: medium) {\n    --font-size: var(--stzh-font-centi-font-size);\n    --line-height: var(--stzh-font-centi-text-line-height);\n    --letter-spacing: normal;\n  }\n}\n\n@mixin link--size-small() {\n  --font-size: var(--stzh-font-micro-font-size);\n  --line-height: var(--stzh-font-micro-text-line-height);\n  --letter-spacing: normal;\n}\n\n@mixin link--size-inherit() {\n  --font-size: inherit;\n  --line-height: inherit;\n  --letter-spacing: inherit;\n}\n\n:host {\n  @include link--size-default;\n  --color: #{$linkColor};\n  --text-decoration-line: #{$linkTextDecorationLine};\n  --icon-wrapper-height: #{$linkIconWrapperHeight};\n  --icon-size: #{$linkIconSize};\n  --height: var(--stzh-link-height, 40px);\n\n  --hover-color: #{$linkHoverColor};\n  --hover-text-decoration-line: #{$linkHoverTextDecorationLine};\n\n  @include mq($from: medium) {\n    --height: var(--stzh-link-height, auto);\n  }\n\n  color: var(--color);\n  display: inline-grid;\n  width: auto;\n  min-height: var(--height);\n  pointer-events: var(--stzh-link-pointer-events, auto);\n\n  &[height=\"auto\"] {\n    --height: var(--stzh-link-auto-height, auto);\n  }\n\n  &[fullwidth]:not([fullwidth=\"false\"]) {\n    width: 100%;\n    display: grid;\n  }\n\n  &[variant=\"secondary\"] {\n    --color: #{$linkSecondaryColor};\n    --hover-color: #{$linkSecondaryHoverColor};\n  }\n\n  &[variant=\"back\"] {\n    --text-decoration-line: none;\n    --hover-color: var(--color);\n  }\n\n  &[active]:not([active=\"false\"]) {\n    --color: var(--hover-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$colorGrey60};\n    --hover-color: #{$colorGrey60};\n  }\n}\n\n:host(:where([size=\"small\"])) {\n  @include link--size-small;\n}\n\n:host(:where([size=\"inherit\"])) {\n  @include link--size-inherit;\n}\n\n@each $breakpoint, $size in $breakpoints {\n  @include mq($from: $breakpoint) {\n    :host(:where([size-#{$breakpoint}=\"default\"])) {\n      @include link--size-default;\n    }\n    \n    :host(:where([size-#{$breakpoint}=\"small\"])) {\n      @include link--size-small;\n    }\n    \n    :host(:where([size-#{$breakpoint}=\"inherit\"])) {\n      @include link--size-inherit;\n    }\n  }\n}\n\n.stzh-link {\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  letter-spacing: var(--letter-spacing);\n  font-family: inherit;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: stretch;\n  appearance: none;\n  border: none;\n  color: var(--color);\n  transition: color $baseTransitionAnimationSpeed;\n  cursor: pointer;\n  width: 100%;\n  text-decoration-line: none;\n  background-color: transparent;\n  padding: 0;\n  border-radius: $buttonBorderRadius;\n  text-align: left;\n\n  &:hover {\n    color: var(--hover-color);\n  }\n\n  &:hover &__text {\n    text-decoration-line: var(--hover-text-decoration-line);\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-grow: 1;\n  }\n\n  &__icon-wrapper {\n    --stzh-icon-size: var(--icon-size);\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: auto;\n    height: var(--icon-wrapper-height);\n  }\n\n  &__text {\n    --stzh-base-color: initial;\n\n    text-decoration-line: var(--text-decoration-line);\n  }\n\n  &__icon-wrapper:not(:empty) + &__text:not(:empty),\n  &__text:not(:empty) + &__icon-wrapper:not(:empty) {\n    margin-left: space('xxsmall');\n  }\n\n  &__badge {\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    right: 0;\n  }\n\n  /* Variant if link only has icon */\n\n  &--has-icon-only &__text {\n    @include visuallyhidden;\n  }\n\n  /* Badge positioning variants */\n\n  &--badge-position-link &__icon-wrapper {\n    position: static;\n  }\n\n  &__badge,\n  &--badge-position-link &__badge {\n    top: calc(#{space('xxsmall')} * -1);\n    right: calc(#{space('large')} * -1);\n  }\n\n  &--badge-position-icon#{&}--has-icon &__icon-wrapper {\n    position: relative;\n  }\n\n  &--badge-position-icon#{&}--has-icon &__badge {\n    top: calc(#{space('xsmall')} * -1);\n    right: calc(#{space('small')} * -1);;\n  }\n\n  &--badge-position-icon#{&}--has-icon#{&}--has-badge &__icon-wrapper + &__text:not(:empty) {\n    margin-left: space('small');\n  }\n\n  /* Alignment variants */\n\n  &--align-left &__inner {\n    justify-content: flex-start;\n  }\n\n  &--align-right &__inner {\n    justify-content: flex-end;\n  }\n\n  &--align-center &__inner {\n    justify-content: center;\n  }\n\n  &--align-space-between &__inner {\n    justify-content: space-between;\n  }\n\n  /* Disabled variant */\n\n  &--is-disabled {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  Fragment,\n  Element,\n  h,\n  Prop,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhLinkFocusEvent,\n  StzhLinkBlurEvent,\n  StzhLinkSize,\n  StzhBadgeType\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\n/**\n * @slot - Slot for text content\n * @slot icon - Slot for icon element\n */\n@Component({\n  tag: \"stzh-link\",\n  styleUrl: \"stzh-link.scss\",\n  scoped: true\n})\nexport class StzhLink {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Icon Position */\n  @Prop({ reflect: true }) iconPosition: \"left\" | \"right\" = \"left\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: StzhLinkSize = \"default\";\n\n  /** Height variant (none prevent setting min-height for mikro and small breakpoint) */\n  @Prop({ reflect: true }) height: \"default\" | \"auto\" = \"default\";\n\n  /** Size variant (abobe small breakpoint) */\n  @Prop({ reflect: true }) sizeSmall: StzhLinkSize;\n\n  /** Size variant (abobe medium breakpoint) */\n  @Prop({ reflect: true }) sizeMedium: StzhLinkSize;\n\n  /** Size variant (abobe large breakpoint) */\n  @Prop({ reflect: true }) sizeLarge: StzhLinkSize;\n\n  /** Size variant (abobe ultra breakpoint) */\n  @Prop({ reflect: true }) sizeUltra: StzhLinkSize;\n\n  /** href attribute of the link */\n  @Prop() href: string = \"\";\n\n  /** Rel (if href is used) */\n  @Prop() rel: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string = \"\";\n\n  /** Download attribute of link (if `href` used) */\n  @Prop() download: string;\n\n  /** type of the button, if used as button (if no href used) */\n  @Prop() type: \"button\" | \"submit\" | \"reset\" = \"button\";\n\n  /** Variant style */\n  @Prop({ reflect: true }) variant: \"default\" | \"secondary\" | \"back\" = \"default\";\n\n  /** Whether the link is full width */\n  @Prop({ reflect: true }) fullwidth: boolean = false;\n\n  /** Text alignment */\n  @Prop({ reflect: true }) textAlign: \"left\" | \"center\" | \"right\" | \"space-between\" | \"default\" = \"default\";\n\n  /** Badge text */\n  @Prop() badge: string = \"\";\n\n  /** Badge type */\n  @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n  /** Whether badge should be displayed empty */\n  @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n  /** Badge position */\n  @Prop({ reflect: true }) badgePosition: \"icon\" | \"link\" = \"icon\";\n\n  /** Disabled status */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Active status */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /** Whether only an icon is used inside the link */\n  @Prop({ reflect: true }) iconOnly: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Access key of link (usually a number e.g. 1) */\n  @Prop() linkAccesskey: string;\n\n  /** ID of link element */\n  @Prop() linkId: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Aria expanded of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n  /** Aria disabled of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-disabled\" }) a11yDisabled: boolean;\n\n  /** Aria controls of link/button */\n  @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Aria current of link/button */\n  @Prop({ attribute: \"a11y-current\" }) a11yCurrent: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhLinkElement;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhLinkFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhLinkBlurEvent>;\n\n  private link: HTMLButtonElement | HTMLAnchorElement;\n  private text: HTMLDivElement;\n  private focusedByInput: boolean = false;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.link.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-link\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-link\",\n      originalEvent: event\n    });\n  }\n\n  private renderIcon(): HTMLInputElement {\n    return (\n      <div class=\"stzh-link__icon-wrapper\">\n        {this.icon ?\n          <stzh-icon class=\"stzh-link__icon\" name={this.icon}></stzh-icon>\n          :\n          <slot name=\"icon\"></slot>\n        }\n        {(this.badge || this.badgeEmpty) &&\n          <stzh-badge class=\"stzh-link__badge\" label={this.badge} type={this.badgeType}></stzh-badge>\n        }\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLDivElement {\n    return (\n      <div class=\"stzh-link__text\">\n        {this.rel && this.rel.includes('external') && <div class=\"stzh-link__vhidden\">{this.localization.$globals.externalLinkLabel}</div>}\n        {this.download && <div class=\"stzh-link__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>}\n        <div ref={(el) => (this.text = el as HTMLDivElement)}>{this.label ? this.label : <slot></slot>}</div>\n      </div>\n    );\n  }\n\n  private renderInner(iconUsed: boolean): DocumentFragment {\n    return (\n      <Fragment>\n        <div class=\"stzh-link__inner\">\n          {this.iconPosition === \"left\" && this.renderIcon()}\n          {this.renderContent()}\n          {this.iconPosition === \"right\" && this.renderIcon()}\n        </div>\n        {(this.badge || this.badgeEmpty) && !iconUsed &&\n          <stzh-badge class=\"stzh-link__badge\" label={this.badge} type={this.badgeType}></stzh-badge>\n        }\n      </Fragment>\n    );\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"link\");\n    }\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.link?.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  render() {\n    const iconUsed = hasSlot(this.element, \"icon\") || !!this.icon;\n    const classes = {\n      \"stzh-link\": true,\n      \"stzh-link--has-icon\": iconUsed,\n      \"stzh-link--has-icon-only\": this.iconOnly,\n      \"stzh-link--has-badge\": !!this.badge,\n      \"stzh-link--is-fullwidth\": this.fullwidth,\n      \"stzh-link--is-disabled\": this.disabled,\n      \"stzh-link--is-active\": this.active,\n      [`stzh-link--badge-position-${this.badgePosition}`]: !!this.badgePosition,\n      [`stzh-link--align-${this.textAlign}`]: !!this.textAlign,\n      [`stzh-link--${this.variant}`]: !!this.variant,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        {this.href ?\n          <a\n            ref={(el) => (this.link = el as HTMLAnchorElement)}\n            href={this.disabled ? null : this.href}\n            download={this.download}\n            rel={this.rel}\n            target={this.target}\n            class={classes}\n            id={this.linkId}\n            accessKey={this.linkAccesskey}\n            tabindex={this.a11yTabindex}\n            aria-label={this.a11yLabel || null}\n            aria-describedby={this.a11yDescribedby || null}\n            aria-disabled={typeof this.a11yDisabled !== \"undefined\"\n              ? (this.a11yDisabled ? \"true\" : \"false\") : null}\n            aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n              ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n            aria-controls={this.a11yControls || null}\n            aria-current={this.a11yCurrent || null}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          >\n            {this.renderInner(iconUsed)}\n          </a>\n          :\n          <button\n            ref={(el) => (this.link = el as HTMLButtonElement)}\n            class={classes}\n            type={this.type}\n            disabled={this.disabled}\n            id={this.linkId}\n            accessKey={this.linkAccesskey}\n            tabindex={this.a11yTabindex}\n            aria-label={this.a11yLabel || null}\n            aria-describedby={this.a11yDescribedby || null}\n            aria-disabled={typeof this.a11yDisabled !== \"undefined\"\n              ? (this.a11yDisabled ? \"true\" : \"false\") : null}\n            aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n              ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n            aria-controls={this.a11yControls || null}\n            aria-current={this.a11yCurrent || null}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          >\n            {this.renderInner(iconUsed)}\n          </button>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-bd494b47.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhIframeCss","COOKIE_PREFIX_CONFIRM","iframeCounter","StzhIframe","this","_src","updateFocus","handleIframeLoad","iframeElement","focus","handleCookiewallCloseClick","view","stzhViewChange","emit","component","value","handleCookiewallConfirmClick","Cookies","set","cookie","expires","cookieExpires","handlePreviewClick","cookieAccepted","get","srcWatcher","newValue","viewWatcher","src","componentWillLoad","iframeId","skipPreviewIfCookieAccepted","skipPreview","stzhPreviewSkip","localization","window","stzhComponents","utils","fetchTranslations","element","componentDidRender","previewButtonElement","confirmButtonElement","render","classes","h","Host","class","ref","el","allow","onLoad","onClick","previewLabel","defaultPreviewLabel","name","previewIcon","id","cookieConfirmText","size","a11yDescribedby","icon","cookieConfirmIcon","label","cookieConfirmLabel","defaultConfirmLabel","confirmCloseLabel"],"sources":["src/components/stzh-iframe/stzh-iframe.scss?tag=stzh-iframe&encapsulation=scoped","src/components/stzh-iframe/stzh-iframe.tsx"],"sourcesContent":[":host {\n  position: relative;\n\n  ::slotted([slot=\"preview-logo\"]) {\n    width: 100%;\n  }\n\n  ::slotted([slot=\"preview-image\"]) {\n    position: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n  }\n\n  ::slotted([slot=\"cookiewall-text\"]) {\n    margin: 0;\n\n    p {\n      margin: 0;\n\n      &:not(:last-child) {\n        @include spaceCurve('margin-bottom', 'small');\n      }\n    }\n  }\n}\n\n.stzh-iframe {\n  &__iframe,\n  &__cookiewall,\n  &__preview {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &__iframe,\n  &__preview {\n\t\tborder: none;\n  }\n\n  &__preview,\n  &__cookiewall {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: space('medium');\n    visibility: hidden;\n\n    &.is-visible {\n      visibility: visible;\n    }\n  }\n\n  &__preview {\n    z-index: 1;\n    appearance: none;\n    cursor: pointer;\n    background-color: $colorGrey20;\n  }\n\n  &__preview-image-wrapper:not(:empty) + &__preview-logo-wrapper {\n    display: none;\n  }\n\n  &__preview-logo-wrapper {\n    @include spaceCurve('top', 'medium');\n    @include spaceCurve('left', 'medium');\n\t\tposition: absolute;\n\t\twidth: 45%;\n\t}\n\n\t&__preview-run {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tappearance: none;\n\t\tborder: none;\n\t\tbackground-color: $colorPrimary;\n    color: $colorWhite;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: $formInputHeightSmall;\n\t\theight: $formInputHeightSmall;\n    visibility: hidden;\n    transition: background-color $baseTransitionAnimationSpeed;\n\n    &.is-visible {\n      visibility: visible;\n    }\n\n\t\t@include mq($from: medium) {\n\t\t\twidth: $formInputHeight;\n\t\t\theight: $formInputHeight;\n\t\t}\n\t}\n\n  &__preview:hover &__preview-run {\n    background-color: $colorSecondary60;\n  }\n\n  &__preview-run-icon {\n    @include mq($from: medium) {\n      --size: #{iconSize('large')};\n    }\n  }\n\n\t&__cookiewall {\n    @include spaceCurve('padding-left', 'regular');\n    @include spaceCurve('padding-right', 'regular');\n    z-index: 2;\n\t\ttext-align: center;\n    background-color: $colorBlack60op;\n    color: $colorWhite;\n\n    @include mq($from: medium) {\n      @include gridGutter;\n      display: grid;\n      grid-template-areas: \". content content content content content content .\";\n      grid-template-columns: repeat(8, minmax(0, 1fr));\n      padding-left: 0;\n      padding-right: 0;\n    }\n\t}\n\n  &__cookiewall-content {\n    @include mq($from: medium) {\n      grid-area: content;\n    }\n  }\n\n  &__cookiewall-text {\n    @include fontSize('milli');\n    @include spaceCurve('padding-top', 'small');\n    @include spaceCurve('padding-bottom', 'small');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n\t&__cookiewall-close {\n    top: 0;\n    right: 0;\n\t\tposition: absolute;\n\t\tappearance: none;\n\t\tborder: none;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: space('xsmall');\n    background-color: transparent;\n    color: $colorWhite;\n    cursor: pointer;\n\t}\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  StzhIframeView,\n  StzhIframePreviewSkipEvent,\n  StzhIframeViewChangeEvent,\n} from \"../../index\";\nimport { StzhIframeLocalizedText } from \"./stzh-iframe.localization\";\n\nimport Cookies from \"js-cookie\";\n\nconst COOKIE_PREFIX_CONFIRM = \"stzh-components-iframe-confirm\";\n\nlet iframeCounter = 0;\n\n/**\n * @slot preview-logo - Slot for logo\n * @slot preview-image - Slot for preview image\n * @slot cookiewall-text - Slot for cookiewall text\n */\n@Component({\n  tag: \"stzh-iframe\",\n  styleUrl: \"stzh-iframe.scss\",\n  scoped: true\n})\nexport class StzhIframe {\n  /** Translation strings */\n  @Prop() localization: StzhIframeLocalizedText;\n\n  /** `src` of iframe */\n  @Prop() src: string = \"\";\n  private _src: string | null = null;\n\n  /**\n   * Cookie name (if not empty, the user will be shown a cookie wall)\n   * Will be prefixed with `stzh-components-iframe-confirm-`.\n   */\n  @Prop() cookie: string;\n\n  /**\n   * Number of days the cookie is valid for.\n   * If omitted or set to null, the cookie expires when browser is closed.\n   * Maximum is on year (365 days, is default).\n   */\n  @Prop() cookieExpires: number | null = 365;\n\n  /** Confirm button icon */\n  @Prop() cookieConfirmIcon: string;\n\n  /** Confirm button label */\n  @Prop() cookieConfirmLabel: string;\n\n  /** Confirm text (use instead of `cookiewall-text` slot) */\n  @Prop() cookieConfirmText: string;\n\n  /** Preview label */\n  @Prop() previewLabel: string;\n\n  /** Preview icon */\n  @Prop() previewIcon: string = \"external-link\";\n\n  /** Whether preview should be skipped, if user has passed the cookiewall before */\n  @Prop() skipPreviewIfCookieAccepted: boolean = false;\n\n  /** Whether preview should always be skipped */\n  @Prop() skipPreview: boolean = false;\n\n  @Element() element: HTMLStzhIframeElement;\n\n  @State() view: StzhIframeView = \"preview\";\n\n  /** Preview skip (only gets executed if it goes directly to iframe and not cookiewall) */\n  @Event() stzhPreviewSkip: EventEmitter<StzhIframePreviewSkipEvent>;\n\n  /** View change */\n  @Event() stzhViewChange: EventEmitter<StzhIframeViewChangeEvent>;\n\n  @Watch(\"src\")\n  srcWatcher(newValue: string) {\n    if (this.view === \"iframe\") {\n      this._src = newValue;\n    }\n  }\n\n  @Watch(\"view\")\n  viewWatcher(newValue: StzhIframeView) {\n    if (newValue === \"iframe\") {\n      this._src = this.src;\n    } else {\n      this._src = null;\n    }\n  }\n\n  private iframeId: string;\n  private iframeElement: HTMLIFrameElement;\n  private previewButtonElement: HTMLButtonElement;\n  private confirmButtonElement: HTMLStzhButtonElement;\n  private updateFocus: boolean = false;\n\n  private handleIframeLoad = () => {\n    if (this.updateFocus) {\n      this.iframeElement.focus();\n      this.updateFocus = false;\n    }\n  }\n\n  private handleCookiewallCloseClick = () => {\n    this.updateFocus = true;\n    this.view = \"preview\";\n\n    this.stzhViewChange.emit({\n      component: \"stzh-iframe\",\n      value: this.view\n    });\n  }\n\n  private handleCookiewallConfirmClick = () => {\n    Cookies.set(`${COOKIE_PREFIX_CONFIRM}-${this.cookie}`, \"1\", {\n      expires: this.cookieExpires || null\n    });\n\n    this.updateFocus = true;\n    this.view = \"iframe\";\n\n    this.stzhViewChange.emit({\n      component: \"stzh-iframe\",\n      value: this.view\n    });\n  }\n\n  private handlePreviewClick = () => {\n\t\tconst cookieAccepted = Cookies.get(`${COOKIE_PREFIX_CONFIRM}-${this.cookie}`) || false;\n    this.updateFocus = true;\n\n    if (!this.cookie || cookieAccepted) {\n      this.view = \"iframe\";\n    } else {\n      this.view = \"cookiewall\";\n    }\n\n    this.stzhViewChange.emit({\n      component: \"stzh-iframe\",\n      value: this.view\n    });\n  }\n\n  async componentWillLoad() {\n    this.iframeId = `stzh-iframe-${iframeCounter++}`;\n\n\t\tconst cookieAccepted = Cookies.get(`${COOKIE_PREFIX_CONFIRM}-${this.cookie}`) || false;\n\n    if (\n      ((!this.cookie || cookieAccepted) && (this.skipPreviewIfCookieAccepted || this.skipPreview))\n      || (!this.cookie && this.skipPreview)\n    ) {\n      this.stzhPreviewSkip.emit({\n        component: \"stzh-iframe\"\n      });\n\n      this.view = \"iframe\";\n    } else if (this.cookie && this.skipPreview) {\n      this.view = \"cookiewall\";\n    }\n\n    this.viewWatcher(this.view);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"iframe\");\n    }\n  }\n\n  async componentDidRender() {\n    if (this.updateFocus) {\n      if (this.view === \"iframe\") {\n        // wait for iframe load event (handleIframeLoad)\n      } else if (this.view === \"preview\") {\n        this.previewButtonElement.focus();\n        this.updateFocus = false;\n      } else if (this.view === \"cookiewall\") {\n        this.confirmButtonElement.focus();\n        this.updateFocus = false;\n      }\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-iframe\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this.view === \"iframe\" &&\n            <iframe\n              ref={(el) => (this.iframeElement = el as HTMLIFrameElement)}\n              class=\"stzh-iframe__iframe\"\n              src={this._src}\n              allow=\"autoplay; fullscreen\"\n              onLoad={this.handleIframeLoad}\n            ></iframe>\n          }\n\n          <button\n            ref={(el) => (this.previewButtonElement = el as HTMLButtonElement)}\n            onClick={this.handlePreviewClick}\n            aria-label={this.previewLabel || this.localization.defaultPreviewLabel}\n            // disabled={this.view === \"cookiewall\"}\n            class={{\n              \"stzh-iframe__preview\": true,\n              \"is-visible\": this.view === \"preview\" || this.view === \"cookiewall\"\n            }}\n          >\n            <div class=\"stzh-iframe__preview-image-wrapper\">\n              <slot name=\"preview-image\"></slot>\n            </div>\n\n            <div class=\"stzh-iframe__preview-logo-wrapper\">\n              <slot name=\"preview-logo\"></slot>\n            </div>\n\n            {this.previewIcon &&\n              <div class={{\n                \"stzh-iframe__preview-run\": true,\n                \"is-visible\": this.view === \"preview\"\n              }}>\n                <stzh-icon class=\"stzh-iframe__preview-run-icon\" name={this.previewIcon}></stzh-icon>\n              </div>\n            }\n          </button>\n\n          {this.cookie &&\n            <div\n              class={{\n                \"stzh-iframe__cookiewall\": true,\n                \"is-visible\": this.view === \"cookiewall\"\n              }}\n            >\n              <div class=\"stzh-iframe__cookiewall-content\">\n                <div\n                  class=\"stzh-iframe__cookiewall-text\"\n                  id={`${this.iframeId}-cookiewall-text`}\n                >\n                  {this.cookieConfirmText ? this.cookieConfirmText : <slot name=\"cookiewall-text\"></slot>}\n                </div>\n\n                <stzh-button\n                  ref={(el) => (this.confirmButtonElement = el as HTMLStzhButtonElement)}\n                  class=\"stzh-iframe__cookiewall-button\"\n                  size=\"small\"\n                  a11yDescribedby={`${this.iframeId}-cookiewall-text`}\n                  icon={this.cookieConfirmIcon}\n                  label={this.cookieConfirmLabel || this.localization.defaultConfirmLabel}\n                  onClick={this.handleCookiewallConfirmClick}\n                ></stzh-button>\n              </div>\n\n              {!this.skipPreview &&\n                <button\n                  class=\"stzh-iframe__cookiewall-close\"\n                  onClick={this.handleCookiewallCloseClick}\n                  aria-label={this.localization.confirmCloseLabel}\n                >\n                  <stzh-icon class=\"stzh-iframe__cookiewall-close-icon\" name=\"close\"></stzh-icon>\n                </button>\n              }\n            </div>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-cf96dafb.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,a as e}from"./p-c7bfac7a.js";const h=".sc-stzh-fieldset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-fieldset-h{display:none}.sc-stzh-fieldset-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h *.sc-stzh-fieldset,.sc-stzh-fieldset-h *.sc-stzh-fieldset::before,.sc-stzh-fieldset-h *.sc-stzh-fieldset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-fieldset-h .has-focus.sc-stzh-fieldset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset{outline-style:none !important}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset::-moz-focus-inner{border:0 !important}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-radio{--stzh-description-min-height:none}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2){margin-bottom:0}.stzh-fieldset.sc-stzh-fieldset{--stzh-description-min-height:1.375rem;margin:0;padding:0;border:none;min-inline-size:auto}.stzh-fieldset__wrapper.sc-stzh-fieldset{display:grid}.stzh-fieldset__legend.sc-stzh-fieldset{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-fieldset--hide-legend.sc-stzh-fieldset .stzh-fieldset__legend.sc-stzh-fieldset{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";const i=class{constructor(t){s(this,t);this.legend="";this.hideLegend=false;this.legendLevel="";this.legendCurve="auto"}render(){const s={"stzh-fieldset":true,"stzh-fieldset--hide-legend":this.hideLegend};return t(e,null,t("fieldset",{class:s},this.legend&&t("legend",{class:"stzh-fieldset__legend"},this.legendLevel?t("stzh-heading",{level:this.legendLevel,curve:this.legendCurve},this.legend):this.legend),t("div",{class:"stzh-fieldset__wrapper"},t("slot",null))))}};i.style=h;export{i as stzh_fieldset};
-//# sourceMappingURL=p-cf96dafb.entry.js.map

package/dist/stzh-components/p-cf96dafb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhFieldsetCss","StzhFieldset","render","classes","this","hideLegend","h","Host","class","legend","legendLevel","level","curve","legendCurve"],"sources":["src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx"],"sourcesContent":[":host {\n  // default spacing for form and layout elements\n  ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n  ::slotted(.stzh-fieldset-row),\n  ::slotted(.stzh-fieldset-row > stzh-input),\n  ::slotted(stzh-input),\n  ::slotted(.stzh-fieldset-row > stzh-datepicker),\n  ::slotted(stzh-datepicker),\n  ::slotted(.stzh-fieldset-row > stzh-dropdown),\n  ::slotted(stzh-dropdown),\n  ::slotted(.stzh-fieldset-row > stzh-fieldset),\n  ::slotted(stzh-fieldset),\n  ::slotted(.stzh-fieldset-row > stzh-upload),\n  ::slotted(stzh-upload),\n  ::slotted(.stzh-fieldset-row > stzh-checkbox),\n  ::slotted(stzh-checkbox),\n  ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(.stzh-fieldset-row > stzh-radio),\n  ::slotted(stzh-radio),\n  ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(.stzh-fieldset-row > stzh-row),\n  ::slotted(stzh-row),\n  ::slotted(.stzh-fieldset-row > stzh-vspace),\n  ::slotted(stzh-vspace),\n  ::slotted(.stzh-fieldset-row > stzh-hspace),\n  ::slotted(stzh-hspace),\n  ::slotted(.stzh-fieldset-row > stzh-text),\n  ::slotted(stzh-text) {\n    @include spaceCurve('margin-bottom', 'tiny');\n  }\n\n  ::slotted(.stzh-fieldset-row > stzh-message),\n  ::slotted(stzh-message) {\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(.stzh-fieldset-row > stzh-actions),\n  ::slotted(stzh-actions) {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'big');\n  }\n\n  ::slotted(*) {\n    stzh-checkbox,\n    stzh-radio {\n      --stzh-description-min-height: none;\n    }\n  }\n\n  ::slotted(.stzh-fieldset-row > :last-child),\n  ::slotted(:last-child),\n  ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n    margin-bottom: 0;\n  }\n}\n\n.stzh-fieldset {\n  // --stzh-row-row-gap: #{space('xsmall')};\n  --stzh-description-min-height: 22px;\n\n  margin: 0;\n  padding: 0;\n  border: none;\n  min-inline-size: auto;\n\n  &__wrapper {\n    display: grid;\n  }\n\n  &__legend {\n    @include font('title');\n    @include fontCurve('h4');\n    color: $colorPrimary70;\n    padding: 0;\n    margin-bottom: space('large');\n  }\n\n  &--hide-legend &__legend {\n    @include visuallyhidden;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n} from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Slot for any (mostly form) elements\n */\n@Component({\n  tag: \"stzh-fieldset\",\n  styleUrl: \"stzh-fieldset.scss\",\n  scoped: true\n})\nexport class StzhFieldset {\n  /** Legend describing the field group inside the fieldset */\n  @Prop() legend: string = \"\";\n\n  /** Hide legend to show only for screenreaders */\n  @Prop() hideLegend: boolean = false;\n\n  /** Heading level inside legend */\n  @Prop() legendLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n  /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n  @Prop() legendCurve: Font.Curves | \"auto\" = \"auto\";\n\n  render() {\n    const classes = {\n      \"stzh-fieldset\": true,\n      \"stzh-fieldset--hide-legend\": this.hideLegend\n    };\n\n    return (\n      <Host>\n        <fieldset class={classes}>\n          {this.legend &&\n            <legend class=\"stzh-fieldset__legend\">\n              {this.legendLevel ?\n                <stzh-heading\n                  level={this.legendLevel}\n                  curve={this.legendCurve}\n                >\n                  {this.legend}\n                </stzh-heading>\n              :\n                this.legend\n              }\n            </legend>\n          }\n          <div class=\"stzh-fieldset__wrapper\">\n            <slot></slot>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,qmV,MCiBXC,EAAY,M,qCAEE,G,gBAGK,M,iBAGoB,G,iBAGN,M,CAE5C,MAAAC,GACE,MAAMC,EAAU,CACd,gBAAiB,KACjB,6BAA8BC,KAAKC,YAGrC,OACEC,EAACC,EAAI,KACHD,EAAA,YAAUE,MAAOL,GACdC,KAAKK,QACJH,EAAA,UAAQE,MAAM,yBACXJ,KAAKM,YACJJ,EAAA,gBACEK,MAAOP,KAAKM,YACZE,MAAOR,KAAKS,aAEXT,KAAKK,QAGRL,KAAKK,QAIXH,EAAA,OAAKE,MAAM,0BACTF,EAAA,e"}

package/dist/stzh-components/p-d2ce78d1.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a,F as s,a as i,g as n}from"./p-c7bfac7a.js";import{h as c}from"./p-7e304ea3.js";import"./p-9b063923.js";const e='.sc-stzh-contact-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n    --stzh-contact-grid-template-areas,\n    "heading heading heading heading"\n    "image image image image"\n    "info info info info"\n    "availability availability availability availability"\n    "additional additional additional additional"\n  );--grid-template-columns:var(\n    --stzh-contact-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      "heading heading heading heading heading heading heading heading"\n      "image image image image . . . ."\n      "info info info info availability availability availability availability"\n      "additional additional additional additional additional additional additional additional"\n    );--grid-template-columns:var(\n      --stzh-contact-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large)}}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__address.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__numbers.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-wrap:wrap;-moz-column-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-xsmall)}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-medium);grid-area:additional;display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image-wrapper.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}';function h(t){return t.replace(/\s/g,"")}const o=class{constructor(a){t(this,a);this._numbers=[];this._emails=[];this._availability=[];this.type="Organization";this.mainHeading=undefined;this.mainHeadingLevel="2";this.heading=undefined;this.headingLevel="3";this.name=undefined;this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.emails=[];this.pobox=undefined;this.poboxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.availabilityTitleLevel="3";this.availability=undefined}availabilityWatcher(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}}numbersWatcher(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}}emailsWatcher(t){if(typeof t==="string"){this._emails=JSON.parse(t)}else{this._emails=t}}async componentWillLoad(){this.numbersWatcher(this.numbers);this.emailsWatcher(this.emails);this.availabilityWatcher(this.availability)}render(){const t=c(this.element,"image");const n=!!this.address||c(this.element,"address");const e=c(this.element,"addons");const o=c(this.element,"links");const l={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":n,"stzh-contact--has-addons":e,"stzh-contact--has-links":o};const r=`h${this.headingLevel}`;const d=`h${this.availabilityTitleLevel}`;return a(i,null,a("div",{class:l,itemscope:true,itemtype:`http://schema.org/${this.type}`},a("div",{class:"stzh-contact__main-heading",itemprop:this.type==="Organization"&&!this.heading||this.type==="Person"&&!this.name?"name":null},this.mainHeading?a("stzh-heading",{level:this.mainHeadingLevel},this.mainHeading):a("slot",{name:"main-heading"})),a("div",{class:"stzh-contact__image-wrapper"},a("div",{class:"stzh-contact__image"},a("slot",{name:"image"}))),a("div",{class:"stzh-contact__info"},this.heading&&a(r,{class:"stzh-contact__heading",itemprop:this.type==="Organization"||!this.name?"name":null,innerHTML:this.heading}),this.name&&a("div",{class:"stzh-contact__name",itemprop:this.type==="Person"?"name":null},this.name),a("div",{class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&a(s,null,this.street&&a("div",{class:"stzh-contact__street",itemprop:"streetAddress"},this.street,this.streetInfo&&a(s,null,a("br",null)," ",this.streetInfo)),this.postalCode&&a("span",{class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&a("span",{class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),a("slot",{name:"address"}))),this._numbers.length>0&&a("div",{class:"stzh-contact__numbers"},this._numbers.map((t=>a("div",{class:"stzh-contact__number"},a("span",null,t.label," "),a("stzh-link",{size:"inherit",height:"auto",class:"stzh-contact__number-link",href:`${t.type}:${h(t.number)}`,analyticsId:t.analyticsId||`${t.label} ${t.number}`,itemprop:t.type==="fax"?"faxNumber":"telephone"},t.number))))),this._emails.length>0&&a("div",{class:"stzh-contact__emails"},this._emails.map((t=>a("div",{class:"stzh-contact__email"},a("span",null,t.label," "),t.href?a("stzh-link",{size:"inherit",height:"auto",class:"stzh-container__email-link",href:`mailto:${t.href}`,analyticsId:t.analyticsId||`${t.label} ${t.text}`,itemprop:"email"},t.text):a("span",{class:"stzh-container__email-link",itemprop:"email"},t.text))))),a("div",{class:"stzh-contact__pobox",innerHTML:this.pobox},!this.pobox&&a(s,null,this.poboxHeading&&a("div",{class:"stzh-contact__pobox-heading"},this.poboxHeading),this.poboxTitle&&a("div",{class:"stzh-contact__pobox-title"},this.poboxTitle),this.poboxPostalCode&&a("span",{class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),this.poboxLocation&&a("span",{class:"stzh-contact__pobox-locality"},this.poboxLocation),a("slot",{name:"pobox"})))),this.availability&&a("div",{class:"stzh-contact__availability"},this.availabilityTitle&&a(d,{class:"stzh-contact__availability-title"},this.availabilityTitle),this._availability.length>0&&a("ul",{class:"stzh-contact__availability-list"},this._availability.map((t=>a("li",{class:"stzh-contact__availability-list-item"},a("div",{class:"stzh-contact__availability-weekday"},t.weekday),t.hours.length>0?a("div",{class:"stzh-contact__availability-hours"},t.hours.map(((i,n)=>a(s,null,a("div",{class:"stzh-contact__availability-hour"},i),n<t.hours.length-1&&a("div",{class:"stzh-contact__availability-hours-separator"}))))):a("div",{class:"stzh-contact__availability-hours"},"-")))))),a("div",{class:"stzh-contact__additional"},a("slot",null))))}get element(){return n(this)}static get watchers(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"],emails:["emailsWatcher"]}}};o.style=e;export{o as stzh_contact};
-//# sourceMappingURL=p-d2ce78d1.entry.js.map

package/dist/stzh-components/p-d2ce78d1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhContactCss","formatTel","tel","replace","StzhContact","this","_numbers","_emails","_availability","availabilityWatcher","newValue","JSON","parse","numbersWatcher","emailsWatcher","componentWillLoad","numbers","emails","availability","render","hasImage","hasSlot","element","hasAddress","address","hasAddons","hasLinks","classes","HeadingLevel","headingLevel","AvailabilityTitleElement","availabilityTitleLevel","h","Host","class","itemscope","itemtype","type","itemprop","heading","name","mainHeading","level","mainHeadingLevel","innerHTML","Fragment","street","streetInfo","postalCode","location","length","map","number","label","size","height","href","analyticsId","email","text","pobox","poboxHeading","poboxTitle","poboxPostalCode","poboxLocation","availabilityTitle","item","weekday","hours","hour","index"],"sources":["src/components/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\"\n    \"image image image image\"\n    \"info info info info\"\n    \"availability availability availability availability\"\n    \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n      \"image image image image . . . .\"\n      \"info info info info availability availability availability availability\"\n      \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.stzh-contact {\n  @include fontCurve('p1');\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    &:not(:empty) {\n      @include spaceCurve('margin-bottom', 'small');\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__heading,\n  &__name,\n  &__address,\n  &__numbers,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n  }\n\n  &__heading,\n  &__availability-title {\n    @include font('heavy');\n    @include fontCurve('p1');\n    margin: 0px;\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space('xlarge');\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve('gap', 'tiny');\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve('p2');\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &__additional {\n    @include spaceCurve('gap', 'regular');\n    grid-area: additional;\n    display: grid;\n\n    &:not(:empty) {\n      margin-top: space('medium');\n    }\n  }\n\n  /* Has image */\n\n  &--has-image &__image-wrapper {\n    margin-bottom: space('medium');\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ContactNumber,\n  ContactEmail,\n  StzhContactAvailabilityItem\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g,'');\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string;\n\n  /** Additional street info */\n  @Prop() streetInfo: string;\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n  // private _availabilityDataItems: StzhDatalistItemEntry[] = [];\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n\n    // if (this._availability) {\n    //   this._availabilityDataItems = this._availability.map((item) => ({\n    //     value: item.hours.join(' | '),\n    //     label: item.weekday\n    //   }));\n    // }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      this._numbers = JSON.parse(newValue);\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      this._emails = JSON.parse(newValue);\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n\n    return (\n      <Host>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(this.type === \"Organization\" && !this.heading\n              || this.type === \"Person\" && !this.name) ? \"name\" : null}\n          >\n            {this.mainHeading\n              ? <stzh-heading level={this.mainHeadingLevel}>{this.mainHeading}</stzh-heading>\n              : <slot name=\"main-heading\"></slot>\n            }\n          </div>\n\n          <div class=\"stzh-contact__image-wrapper\">\n            <div class=\"stzh-contact__image\">\n              <slot name=\"image\"></slot>\n            </div>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.heading &&\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.type === \"Organization\" || !this.name ? \"name\" : null}\n                innerHTML={this.heading}\n              ></HeadingLevel>\n            }\n\n            {this.name &&\n              <div\n                class=\"stzh-contact__name\"\n                itemprop={this.type === \"Person\" ? \"name\" : null}\n              >\n                {this.name}\n              </div>\n            }\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address &&\n                <Fragment>\n                  {this.street &&\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this.street}\n                      {this.streetInfo &&\n                        <Fragment>\n                          <br /> {this.streetInfo}\n                        </Fragment>\n                      }\n                    </div>\n                  }\n\n                  {this.postalCode &&\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  }\n\n                  {this.location &&\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  }\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              }\n            </div>\n\n            {this._numbers.length > 0 &&\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map((number) =>\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || (`${number.label} ${number.number}`)}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                )}\n              </div>\n            }\n\n            {this._emails.length > 0 &&\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map((email) =>\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href\n                      ?\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || (`${email.label} ${email.text}`)}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                      :\n                      <span\n                        class=\"stzh-container__email-link\"\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </span>\n                    }\n                  </div>\n                )}\n              </div>\n            }\n\n            <div\n              class=\"stzh-contact__pobox\"\n              innerHTML={this.pobox}\n            >\n              {!this.pobox &&\n                <Fragment>\n                  {this.poboxHeading &&\n                    <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>\n                  }\n                  {this.poboxTitle &&\n                    <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>\n                  }\n                  {this.poboxPostalCode &&\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  }\n                  {this.poboxLocation &&\n                    <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>\n                  }\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              }\n            </div>\n          </div>\n\n          {this.availability &&\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle &&\n                <AvailabilityTitleElement\n                  class=\"stzh-contact__availability-title\"\n                >\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              }\n\n              {this._availability.length > 0 &&\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map((item) =>\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0\n                        ?\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) =>\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 &&\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              }\n                            </Fragment>\n                          )}\n                        </div>\n                        :\n                        <div class=\"stzh-contact__availability-hours\">\n                          -\n                        </div>\n                      }\n                    </li>\n                  )}\n                </ul>\n              }\n            </div>\n          }\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}