@cas-smartdesign/combo-box 7.2.7 → 7.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/combo-box-with-externals.js +38 -35
- package/dist/combo-box-with-externals.js.map +3 -3
- package/dist/combo-box.mjs +10 -10
- package/dist/combo-box.mjs.map +1 -1
- package/dist/docs/doc.mjs +80 -77
- package/package.json +5 -5
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
var window;(window||={})["@cas-smartdesign/combo-box"]=(()=>{var Ne=Object.defineProperty;var
|
|
2
|
-
\f\r]`,te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ti=/-->/g,Ri=/>/g
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Vi=/'/g,ki=/"/g,zi=/^(?:script|style|textarea|title)$/i,qi=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),L=qi(1),Ys=qi(2),lt=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),Mi=new WeakMap,Et=It.createTreeWalker(It,129,null,!1);function Fi(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Li!==void 0?Li.createHTML(t):t}var Vo=(e,t)=>{let i=e.length-1,o=[],s,r=t===2?"<svg>":"",n=te;for(let l=0;l<i;l++){let a=e[l],c,d,p=-1,f=0;for(;f<a.length&&(n.lastIndex=f,d=n.exec(a),d!==null);)f=n.lastIndex,n===te?d[1]==="!--"?n=Ti:d[1]!==void 0?n=Ri:d[2]!==void 0?(zi.test(d[2])&&(s=RegExp("</"+d[2],"g")),n=$t):d[3]!==void 0&&(n=$t):n===$t?d[0]===">"?(n=s??te,p=-1):d[1]===void 0?p=-2:(p=n.lastIndex-d[2].length,c=d[1],n=d[3]===void 0?$t:d[3]==='"'?ki:Vi):n===ki||n===Vi?n=$t:n===Ti||n===Ri?n=te:(n=$t,s=void 0);let u=n===$t&&e[l+1].startsWith("/>")?" ":"";r+=n===te?a+To:p>=0?(o.push(c),a.slice(0,p)+Ge+a.slice(p)+mt+u):a+mt+(p===-2?(o.push(void 0),l):u)}return[Fi(e,r+(e[i]||"<?>")+(t===2?"</svg>":"")),o]},oe=class e{constructor({strings:t,_$litType$:i},o){let s;this.parts=[];let r=0,n=0,l=t.length-1,a=this.parts,[c,d]=Vo(t,i);if(this.el=e.createElement(c,o),Et.currentNode=this.el.content,i===2){let p=this.el.content,f=p.firstChild;f.remove(),p.append(...f.childNodes)}for(;(s=Et.nextNode())!==null&&a.length<l;){if(s.nodeType===1){if(s.hasAttributes()){let p=[];for(let f of s.getAttributeNames())if(f.endsWith(Ge)||f.startsWith(mt)){let u=d[n++];if(p.push(f),u!==void 0){let w=s.getAttribute(u.toLowerCase()+Ge).split(mt),m=/([.?@])?(.*)/.exec(u);a.push({type:1,index:r,name:m[2],strings:w,ctor:m[1]==="."?Ye:m[1]==="?"?Je:m[1]==="@"?Qe:qt})}else a.push({type:6,index:r})}for(let f of p)s.removeAttribute(f)}if(zi.test(s.tagName)){let p=s.textContent.split(mt),f=p.length-1;if(f>0){s.textContent=Ht?Ht.emptyScript:"";for(let u=0;u<f;u++)s.append(p[u],ee()),Et.nextNode(),a.push({type:2,index:++r});s.append(p[f],ee())}}}else if(s.nodeType===8)if(s.data===Ni)a.push({type:2,index:r});else{let p=-1;for(;(p=s.data.indexOf(mt,p+1))!==-1;)a.push({type:7,index:r}),p+=mt.length-1}r++}}static createElement(t,i){let o=It.createElement("template");return o.innerHTML=t,o}};function zt(e,t,i=e,o){var s,r,n,l;if(t===lt)return t;let a=o!==void 0?(s=i._$Co)===null||s===void 0?void 0:s[o]:i._$Cl,c=ie(t)?void 0:t._$litDirective$;return a?.constructor!==c&&((r=a?._$AO)===null||r===void 0||r.call(a,!1),c===void 0?a=void 0:(a=new c(e),a._$AT(e,i,o)),o!==void 0?((n=(l=i)._$Co)!==null&&n!==void 0?n:l._$Co=[])[o]=a:i._$Cl=a),a!==void 0&&(t=zt(e,a._$AS(e,t.values),a,o)),t}var Xe=class{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;let{el:{content:o},parts:s}=this._$AD,r=((i=t?.creationScope)!==null&&i!==void 0?i:It).importNode(o,!0);Et.currentNode=r;let n=Et.nextNode(),l=0,a=0,c=s[0];for(;c!==void 0;){if(l===c.index){let d;c.type===2?d=new se(n,n.nextSibling,this,t):c.type===1?d=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(d=new Ze(n,this,t)),this._$AV.push(d),c=s[++a]}l!==c?.index&&(n=Et.nextNode(),l++)}return Et.currentNode=It,r}v(t){let i=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,i),i+=o.strings.length-2):o._$AI(t[i])),i++}},se=class e{constructor(t,i,o,s){var r;this.type=2,this._$AH=y,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=o,this.options=s,this._$Cp=(r=s?.isConnected)===null||r===void 0||r}get _$AU(){var t,i;return(i=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&i!==void 0?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode,i=this._$AM;return i!==void 0&&t?.nodeType===11&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=zt(this,t,i),ie(t)?t===y||t==null||t===""?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==lt&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):Ro(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==y&&ie(this._$AH)?this._$AA.nextSibling.data=t:this.$(It.createTextNode(t)),this._$AH=t}g(t){var i;let{values:o,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=oe.createElement(Fi(s.h,s.h[0]),this.options)),s);if(((i=this._$AH)===null||i===void 0?void 0:i._$AD)===r)this._$AH.v(o);else{let n=new Xe(r,this),l=n.u(this.options);n.v(o),this.$(l),this._$AH=n}}_$AC(t){let i=Mi.get(t.strings);return i===void 0&&Mi.set(t.strings,i=new oe(t)),i}T(t){Hi(this._$AH)||(this._$AH=[],this._$AR());let i=this._$AH,o,s=0;for(let r of t)s===i.length?i.push(o=new e(this.k(ee()),this.k(ee()),this,this.options)):o=i[s],o._$AI(r),s++;s<i.length&&(this._$AR(o&&o._$AB.nextSibling,s),i.length=s)}_$AR(t=this._$AA.nextSibling,i){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,i);t&&t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){var i;this._$AM===void 0&&(this._$Cp=t,(i=this._$AP)===null||i===void 0||i.call(this,t))}},qt=class{constructor(t,i,o,s,r){this.type=1,this._$AH=y,this._$AN=void 0,this.element=t,this.name=i,this._$AM=s,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=y}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,o,s){let r=this.strings,n=!1;if(r===void 0)t=zt(this,t,i,0),n=!ie(t)||t!==this._$AH&&t!==lt,n&&(this._$AH=t);else{let l=t,a,c;for(t=r[0],a=0;a<r.length-1;a++)c=zt(this,l[o+a],i,a),c===lt&&(c=this._$AH[a]),n||(n=!ie(c)||c!==this._$AH[a]),c===y?t=y:t!==y&&(t+=(c??"")+r[a+1]),this._$AH[a]=c}n&&!s&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Ye=class extends qt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}},ko=Ht?Ht.emptyScript:"",Je=class extends qt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==y?this.element.setAttribute(this.name,ko):this.element.removeAttribute(this.name)}},Qe=class extends qt{constructor(t,i,o,s,r){super(t,i,o,s,r),this.type=5}_$AI(t,i=this){var o;if((t=(o=zt(this,t,i,0))!==null&&o!==void 0?o:y)===lt)return;let s=this._$AH,r=t===y&&s!==y||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==y&&(s===y||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,o;typeof this._$AH=="function"?this._$AH.call((o=(i=this.options)===null||i===void 0?void 0:i.host)!==null&&o!==void 0?o:this.element,t):this._$AH.handleEvent(t)}},Ze=class{constructor(t,i,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){zt(this,t)}};var Bi=Ae.litHtmlPolyfillSupport;Bi?.(oe,se),((je=Ae.litHtmlVersions)!==null&&je!==void 0?je:Ae.litHtmlVersions=[]).push("2.8.0");var Ui=(e,t,i)=>{var o,s;let r=(o=i?.renderBefore)!==null&&o!==void 0?o:t,n=r._$litPart$;if(n===void 0){let l=(s=i?.renderBefore)!==null&&s!==void 0?s:null;r._$litPart$=n=new se(t.insertBefore(ee(),l),l,void 0,i??{})}return n._$AI(e),n};var ti,ei;var U=class extends at{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,i;let o=super.createRenderRoot();return(t=(i=this.renderOptions).renderBefore)!==null&&t!==void 0||(i.renderBefore=o.firstChild),o}update(t){let i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ui(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return lt}};U.finalized=!0,U._$litElement$=!0,(ti=globalThis.litElementHydrateSupport)===null||ti===void 0||ti.call(globalThis,{LitElement:U});var Wi=globalThis.litElementPolyfillSupport;Wi?.({LitElement:U});((ei=globalThis.litElementVersions)!==null&&ei!==void 0?ei:globalThis.litElementVersions=[]).push("3.3.3");var Mo=(e,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(i){i.createProperty(t.key,e)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(i){i.createProperty(t.key,e)}},Bo=(e,t,i)=>{t.constructor.createProperty(i,e)};function h(e){return(t,i)=>i!==void 0?Bo(e,t,i):Mo(e,t)}var C="top",T="bottom",O="right",I="left",Se="auto",vt=[C,T,O,I],dt="start",Ot="end",ji="clippingParents",Ce="viewport",Ft="popper",Ki="reference",ii=vt.reduce(function(e,t){return e.concat([t+"-"+dt,t+"-"+Ot])},[]),$e=[].concat(vt,[Se]).reduce(function(e,t){return e.concat([t,t+"-"+dt,t+"-"+Ot])},[]),No="beforeRead",Ho="read",zo="afterRead",qo="beforeMain",Fo="main",Uo="afterMain",Wo="beforeWrite",jo="write",Ko="afterWrite",Gi=[No,Ho,zo,qo,Fo,Uo,Wo,jo,Ko];function M(e){return e?(e.nodeName||"").toLowerCase():null}function A(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Y(e){var t=A(e).Element;return e instanceof t||e instanceof Element}function R(e){var t=A(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Ut(e){if(typeof ShadowRoot>"u")return!1;var t=A(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Go(e){var t=e.state;Object.keys(t.elements).forEach(function(i){var o=t.styles[i]||{},s=t.attributes[i]||{},r=t.elements[i];!R(r)||!M(r)||(Object.assign(r.style,o),Object.keys(s).forEach(function(n){var l=s[n];l===!1?r.removeAttribute(n):r.setAttribute(n,l===!0?"":l)}))})}function Xo(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(o){var s=t.elements[o],r=t.attributes[o]||{},n=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:i[o]),l=n.reduce(function(a,c){return a[c]="",a},{});!R(s)||!M(s)||(Object.assign(s.style,l),Object.keys(r).forEach(function(a){s.removeAttribute(a)}))})}}var Xi={name:"applyStyles",enabled:!0,phase:"write",fn:Go,effect:Xo,requires:["computeStyles"]};function B(e){return e.split("-")[0]}var ot=Math.max,Pt=Math.min,ct=Math.round;function Wt(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function re(){return!/^((?!chrome|android).)*safari/i.test(Wt())}function J(e,t,i){t===void 0&&(t=!1),i===void 0&&(i=!1);var o=e.getBoundingClientRect(),s=1,r=1;t&&R(e)&&(s=e.offsetWidth>0&&ct(o.width)/e.offsetWidth||1,r=e.offsetHeight>0&&ct(o.height)/e.offsetHeight||1);var n=Y(e)?A(e):window,l=n.visualViewport,a=!re()&&i,c=(o.left+(a&&l?l.offsetLeft:0))/s,d=(o.top+(a&&l?l.offsetTop:0))/r,p=o.width/s,f=o.height/r;return{width:p,height:f,top:d,right:c+p,bottom:d+f,left:c,x:c,y:d}}function Dt(e){var t=J(e),i=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:o}}function ne(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(i&&Ut(i)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function W(e){return A(e).getComputedStyle(e)}function oi(e){return["table","td","th"].indexOf(M(e))>=0}function H(e){return((Y(e)?e.ownerDocument:e.document)||window.document).documentElement}function ht(e){return M(e)==="html"?e:e.assignedSlot||e.parentNode||(Ut(e)?e.host:null)||H(e)}function Yi(e){return!R(e)||W(e).position==="fixed"?null:e.offsetParent}function Yo(e){var t=/firefox/i.test(Wt()),i=/Trident/i.test(Wt());if(i&&R(e)){var o=W(e);if(o.position==="fixed")return null}var s=ht(e);for(Ut(s)&&(s=s.host);R(s)&&["html","body"].indexOf(M(s))<0;){var r=W(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none")return s;s=s.parentNode}return null}function st(e){for(var t=A(e),i=Yi(e);i&&oi(i)&&W(i).position==="static";)i=Yi(i);return i&&(M(i)==="html"||M(i)==="body"&&W(i).position==="static")?t:i||Yo(e)||t}function Lt(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Tt(e,t,i){return ot(e,Pt(t,i))}function Ji(e,t,i){var o=Tt(e,t,i);return o>i?i:o}function ae(){return{top:0,right:0,bottom:0,left:0}}function le(e){return Object.assign({},ae(),e)}function de(e,t){return t.reduce(function(i,o){return i[o]=e,i},{})}var Jo=function(t,i){return t=typeof t=="function"?t(Object.assign({},i.rects,{placement:i.placement})):t,le(typeof t!="number"?t:de(t,vt))};function Qo(e){var t,i=e.state,o=e.name,s=e.options,r=i.elements.arrow,n=i.modifiersData.popperOffsets,l=B(i.placement),a=Lt(l),c=[I,O].indexOf(l)>=0,d=c?"height":"width";if(!(!r||!n)){var p=Jo(s.padding,i),f=Dt(r),u=a==="y"?C:I,w=a==="y"?T:O,m=i.rects.reference[d]+i.rects.reference[a]-n[a]-i.rects.popper[d],g=n[a]-i.rects.reference[a],_=st(r),$=_?a==="y"?_.clientHeight||0:_.clientWidth||0:0,E=m/2-g/2,v=p[u],b=$-f[d]-p[w],x=$/2-f[d]/2+E,S=Tt(v,x,b),N=a;i.modifiersData[o]=(t={},t[N]=S,t.centerOffset=S-x,t)}}function Zo(e){var t=e.state,i=e.options,o=i.element,s=o===void 0?"[data-popper-arrow]":o;s!=null&&(typeof s=="string"&&(s=t.elements.popper.querySelector(s),!s)||ne(t.elements.popper,s)&&(t.elements.arrow=s))}var Qi={name:"arrow",enabled:!0,phase:"main",fn:Qo,effect:Zo,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Q(e){return e.split("-")[1]}var ts={top:"auto",right:"auto",bottom:"auto",left:"auto"};function es(e,t){var i=e.x,o=e.y,s=t.devicePixelRatio||1;return{x:ct(i*s)/s||0,y:ct(o*s)/s||0}}function Zi(e){var t,i=e.popper,o=e.popperRect,s=e.placement,r=e.variation,n=e.offsets,l=e.position,a=e.gpuAcceleration,c=e.adaptive,d=e.roundOffsets,p=e.isFixed,f=n.x,u=f===void 0?0:f,w=n.y,m=w===void 0?0:w,g=typeof d=="function"?d({x:u,y:m}):{x:u,y:m};u=g.x,m=g.y;var _=n.hasOwnProperty("x"),$=n.hasOwnProperty("y"),E=I,v=C,b=window;if(c){var x=st(i),S="clientHeight",N="clientWidth";if(x===A(i)&&(x=H(i),W(x).position!=="static"&&l==="absolute"&&(S="scrollHeight",N="scrollWidth")),x=x,s===C||(s===I||s===O)&&r===Ot){v=T;var k=p&&x===b&&b.visualViewport?b.visualViewport.height:x[S];m-=k-o.height,m*=a?1:-1}if(s===I||(s===C||s===T)&&r===Ot){E=O;var D=p&&x===b&&b.visualViewport?b.visualViewport.width:x[N];u-=D-o.width,u*=a?1:-1}}var z=Object.assign({position:l},c&&ts),tt=d===!0?es({x:u,y:m},A(i)):{x:u,y:m};if(u=tt.x,m=tt.y,a){var F;return Object.assign({},z,(F={},F[v]=$?"0":"",F[E]=_?"0":"",F.transform=(b.devicePixelRatio||1)<=1?"translate("+u+"px, "+m+"px)":"translate3d("+u+"px, "+m+"px, 0)",F))}return Object.assign({},z,(t={},t[v]=$?m+"px":"",t[E]=_?u+"px":"",t.transform="",t))}function is(e){var t=e.state,i=e.options,o=i.gpuAcceleration,s=o===void 0?!0:o,r=i.adaptive,n=r===void 0?!0:r,l=i.roundOffsets,a=l===void 0?!0:l,c={placement:B(t.placement),variation:Q(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Zi(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:a})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Zi(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var to={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:is,data:{}};var Ee={passive:!0};function os(e){var t=e.state,i=e.instance,o=e.options,s=o.scroll,r=s===void 0?!0:s,n=o.resize,l=n===void 0?!0:n,a=A(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return r&&c.forEach(function(d){d.addEventListener("scroll",i.update,Ee)}),l&&a.addEventListener("resize",i.update,Ee),function(){r&&c.forEach(function(d){d.removeEventListener("scroll",i.update,Ee)}),l&&a.removeEventListener("resize",i.update,Ee)}}var eo={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:os,data:{}};var ss={left:"right",right:"left",bottom:"top",top:"bottom"};function jt(e){return e.replace(/left|right|bottom|top/g,function(t){return ss[t]})}var rs={start:"end",end:"start"};function Ie(e){return e.replace(/start|end/g,function(t){return rs[t]})}function Rt(e){var t=A(e),i=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:i,scrollTop:o}}function Vt(e){return J(H(e)).left+Rt(e).scrollLeft}function si(e,t){var i=A(e),o=H(e),s=i.visualViewport,r=o.clientWidth,n=o.clientHeight,l=0,a=0;if(s){r=s.width,n=s.height;var c=re();(c||!c&&t==="fixed")&&(l=s.offsetLeft,a=s.offsetTop)}return{width:r,height:n,x:l+Vt(e),y:a}}function ri(e){var t,i=H(e),o=Rt(e),s=(t=e.ownerDocument)==null?void 0:t.body,r=ot(i.scrollWidth,i.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),n=ot(i.scrollHeight,i.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),l=-o.scrollLeft+Vt(e),a=-o.scrollTop;return W(s||i).direction==="rtl"&&(l+=ot(i.clientWidth,s?s.clientWidth:0)-r),{width:r,height:n,x:l,y:a}}function kt(e){var t=W(e),i=t.overflow,o=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(i+s+o)}function Oe(e){return["html","body","#document"].indexOf(M(e))>=0?e.ownerDocument.body:R(e)&&kt(e)?e:Oe(ht(e))}function gt(e,t){var i;t===void 0&&(t=[]);var o=Oe(e),s=o===((i=e.ownerDocument)==null?void 0:i.body),r=A(o),n=s?[r].concat(r.visualViewport||[],kt(o)?o:[]):o,l=t.concat(n);return s?l:l.concat(gt(ht(n)))}function Kt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ns(e,t){var i=J(e,!1,t==="fixed");return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}function io(e,t,i){return t===Ce?Kt(si(e,i)):Y(t)?ns(t,i):Kt(ri(H(e)))}function as(e){var t=gt(ht(e)),i=["absolute","fixed"].indexOf(W(e).position)>=0,o=i&&R(e)?st(e):e;return Y(o)?t.filter(function(s){return Y(s)&&ne(s,o)&&M(s)!=="body"}):[]}function ni(e,t,i,o){var s=t==="clippingParents"?as(e):[].concat(t),r=[].concat(s,[i]),n=r[0],l=r.reduce(function(a,c){var d=io(e,c,o);return a.top=ot(d.top,a.top),a.right=Pt(d.right,a.right),a.bottom=Pt(d.bottom,a.bottom),a.left=ot(d.left,a.left),a},io(e,n,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function ce(e){var t=e.reference,i=e.element,o=e.placement,s=o?B(o):null,r=o?Q(o):null,n=t.x+t.width/2-i.width/2,l=t.y+t.height/2-i.height/2,a;switch(s){case C:a={x:n,y:t.y-i.height};break;case T:a={x:n,y:t.y+t.height};break;case O:a={x:t.x+t.width,y:l};break;case I:a={x:t.x-i.width,y:l};break;default:a={x:t.x,y:t.y}}var c=s?Lt(s):null;if(c!=null){var d=c==="y"?"height":"width";switch(r){case dt:a[c]=a[c]-(t[d]/2-i[d]/2);break;case Ot:a[c]=a[c]+(t[d]/2-i[d]/2);break;default:}}return a}function rt(e,t){t===void 0&&(t={});var i=t,o=i.placement,s=o===void 0?e.placement:o,r=i.strategy,n=r===void 0?e.strategy:r,l=i.boundary,a=l===void 0?ji:l,c=i.rootBoundary,d=c===void 0?Ce:c,p=i.elementContext,f=p===void 0?Ft:p,u=i.altBoundary,w=u===void 0?!1:u,m=i.padding,g=m===void 0?0:m,_=le(typeof g!="number"?g:de(g,vt)),$=f===Ft?Ki:Ft,E=e.rects.popper,v=e.elements[w?$:f],b=ni(Y(v)?v:v.contextElement||H(e.elements.popper),a,d,n),x=J(e.elements.reference),S=ce({reference:x,element:E,strategy:"absolute",placement:s}),N=Kt(Object.assign({},E,S)),k=f===Ft?N:x,D={top:b.top-k.top+_.top,bottom:k.bottom-b.bottom+_.bottom,left:b.left-k.left+_.left,right:k.right-b.right+_.right},z=e.modifiersData.offset;if(f===Ft&&z){var tt=z[s];Object.keys(D).forEach(function(F){var wt=[O,T].indexOf(F)>=0?1:-1,_t=[C,T].indexOf(F)>=0?"y":"x";D[F]+=tt[_t]*wt})}return D}function ai(e,t){t===void 0&&(t={});var i=t,o=i.placement,s=i.boundary,r=i.rootBoundary,n=i.padding,l=i.flipVariations,a=i.allowedAutoPlacements,c=a===void 0?$e:a,d=Q(o),p=d?l?ii:ii.filter(function(w){return Q(w)===d}):vt,f=p.filter(function(w){return c.indexOf(w)>=0});f.length===0&&(f=p);var u=f.reduce(function(w,m){return w[m]=rt(e,{placement:m,boundary:s,rootBoundary:r,padding:n})[B(m)],w},{});return Object.keys(u).sort(function(w,m){return u[w]-u[m]})}function ls(e){if(B(e)===Se)return[];var t=jt(e);return[Ie(e),t,Ie(t)]}function ds(e){var t=e.state,i=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var s=i.mainAxis,r=s===void 0?!0:s,n=i.altAxis,l=n===void 0?!0:n,a=i.fallbackPlacements,c=i.padding,d=i.boundary,p=i.rootBoundary,f=i.altBoundary,u=i.flipVariations,w=u===void 0?!0:u,m=i.allowedAutoPlacements,g=t.options.placement,_=B(g),$=_===g,E=a||($||!w?[jt(g)]:ls(g)),v=[g].concat(E).reduce(function(Nt,ft){return Nt.concat(B(ft)===Se?ai(t,{placement:ft,boundary:d,rootBoundary:p,padding:c,flipVariations:w,allowedAutoPlacements:m}):ft)},[]),b=t.rects.reference,x=t.rects.popper,S=new Map,N=!0,k=v[0],D=0;D<v.length;D++){var z=v[D],tt=B(z),F=Q(z)===dt,wt=[C,T].indexOf(tt)>=0,_t=wt?"width":"height",G=rt(t,{placement:z,boundary:d,rootBoundary:p,altBoundary:f,padding:c}),et=wt?F?O:I:F?T:C;b[_t]>x[_t]&&(et=jt(et));var fe=jt(et),At=[];if(r&&At.push(G[tt]<=0),l&&At.push(G[et]<=0,G[fe]<=0),At.every(function(Nt){return Nt})){k=z,N=!1;break}S.set(z,At)}if(N)for(var me=w?3:1,Ve=function(ft){var Qt=v.find(function(ge){var St=S.get(ge);if(St)return St.slice(0,ft).every(function(ke){return ke})});if(Qt)return k=Qt,"break"},Jt=me;Jt>0;Jt--){var ve=Ve(Jt);if(ve==="break")break}t.placement!==k&&(t.modifiersData[o]._skip=!0,t.placement=k,t.reset=!0)}}var oo={name:"flip",enabled:!0,phase:"main",fn:ds,requiresIfExists:["offset"],data:{_skip:!1}};function so(e,t,i){return i===void 0&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function ro(e){return[C,O,T,I].some(function(t){return e[t]>=0})}function cs(e){var t=e.state,i=e.name,o=t.rects.reference,s=t.rects.popper,r=t.modifiersData.preventOverflow,n=rt(t,{elementContext:"reference"}),l=rt(t,{altBoundary:!0}),a=so(n,o),c=so(l,s,r),d=ro(a),p=ro(c);t.modifiersData[i]={referenceClippingOffsets:a,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}var no={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:cs};function hs(e,t,i){var o=B(e),s=[I,C].indexOf(o)>=0?-1:1,r=typeof i=="function"?i(Object.assign({},t,{placement:e})):i,n=r[0],l=r[1];return n=n||0,l=(l||0)*s,[I,O].indexOf(o)>=0?{x:l,y:n}:{x:n,y:l}}function ps(e){var t=e.state,i=e.options,o=e.name,s=i.offset,r=s===void 0?[0,0]:s,n=$e.reduce(function(d,p){return d[p]=hs(p,t.rects,r),d},{}),l=n[t.placement],a=l.x,c=l.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=a,t.modifiersData.popperOffsets.y+=c),t.modifiersData[o]=n}var ao={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:ps};function us(e){var t=e.state,i=e.name;t.modifiersData[i]=ce({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var lo={name:"popperOffsets",enabled:!0,phase:"read",fn:us,data:{}};function li(e){return e==="x"?"y":"x"}function fs(e){var t=e.state,i=e.options,o=e.name,s=i.mainAxis,r=s===void 0?!0:s,n=i.altAxis,l=n===void 0?!1:n,a=i.boundary,c=i.rootBoundary,d=i.altBoundary,p=i.padding,f=i.tether,u=f===void 0?!0:f,w=i.tetherOffset,m=w===void 0?0:w,g=rt(t,{boundary:a,rootBoundary:c,padding:p,altBoundary:d}),_=B(t.placement),$=Q(t.placement),E=!$,v=Lt(_),b=li(v),x=t.modifiersData.popperOffsets,S=t.rects.reference,N=t.rects.popper,k=typeof m=="function"?m(Object.assign({},t.rects,{placement:t.placement})):m,D=typeof k=="number"?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),z=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,tt={x:0,y:0};if(x){if(r){var F,wt=v==="y"?C:I,_t=v==="y"?T:O,G=v==="y"?"height":"width",et=x[v],fe=et+g[wt],At=et-g[_t],me=u?-N[G]/2:0,Ve=$===dt?S[G]:N[G],Jt=$===dt?-N[G]:-S[G],ve=t.elements.arrow,Nt=u&&ve?Dt(ve):{width:0,height:0},ft=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ae(),Qt=ft[wt],ge=ft[_t],St=Tt(0,S[G],Nt[G]),ke=E?S[G]/2-me-St-Qt-D.mainAxis:Ve-St-Qt-D.mainAxis,yo=E?-S[G]/2+me+St+ge+D.mainAxis:Jt+St+ge+D.mainAxis,Me=t.elements.arrow&&st(t.elements.arrow),wo=Me?v==="y"?Me.clientTop||0:Me.clientLeft||0:0,xi=(F=z?.[v])!=null?F:0,_o=et+ke-xi-wo,Ao=et+yo-xi,yi=Tt(u?Pt(fe,_o):fe,et,u?ot(At,Ao):At);x[v]=yi,tt[v]=yi-et}if(l){var wi,So=v==="x"?C:I,Co=v==="x"?T:O,Ct=x[b],be=b==="y"?"height":"width",_i=Ct+g[So],Ai=Ct-g[Co],Be=[C,I].indexOf(_)!==-1,Si=(wi=z?.[b])!=null?wi:0,Ci=Be?_i:Ct-S[be]-N[be]-Si+D.altAxis,$i=Be?Ct+S[be]+N[be]-Si-D.altAxis:Ai,Ei=u&&Be?Ji(Ci,Ct,$i):Tt(u?Ci:_i,Ct,u?$i:Ai);x[b]=Ei,tt[b]=Ei-Ct}t.modifiersData[o]=tt}}var co={name:"preventOverflow",enabled:!0,phase:"main",fn:fs,requiresIfExists:["offset"]};function di(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function ci(e){return e===A(e)||!R(e)?Rt(e):di(e)}function ms(e){var t=e.getBoundingClientRect(),i=ct(t.width)/e.offsetWidth||1,o=ct(t.height)/e.offsetHeight||1;return i!==1||o!==1}function hi(e,t,i){i===void 0&&(i=!1);var o=R(t),s=R(t)&&ms(t),r=H(t),n=J(e,s,i),l={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!i)&&((M(t)!=="body"||kt(r))&&(l=ci(t)),R(t)?(a=J(t,!0),a.x+=t.clientLeft,a.y+=t.clientTop):r&&(a.x=Vt(r))),{x:n.left+l.scrollLeft-a.x,y:n.top+l.scrollTop-a.y,width:n.width,height:n.height}}function vs(e){var t=new Map,i=new Set,o=[];e.forEach(function(r){t.set(r.name,r)});function s(r){i.add(r.name);var n=[].concat(r.requires||[],r.requiresIfExists||[]);n.forEach(function(l){if(!i.has(l)){var a=t.get(l);a&&s(a)}}),o.push(r)}return e.forEach(function(r){i.has(r.name)||s(r)}),o}function pi(e){var t=vs(e);return Gi.reduce(function(i,o){return i.concat(t.filter(function(s){return s.phase===o}))},[])}function ui(e){var t;return function(){return t||(t=new Promise(function(i){Promise.resolve().then(function(){t=void 0,i(e())})})),t}}function fi(e){var t=e.reduce(function(i,o){var s=i[o.name];return i[o.name]=s?Object.assign({},s,o,{options:Object.assign({},s.options,o.options),data:Object.assign({},s.data,o.data)}):o,i},{});return Object.keys(t).map(function(i){return t[i]})}var ho={placement:"bottom",modifiers:[],strategy:"absolute"};function po(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return!t.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function uo(e){e===void 0&&(e={});var t=e,i=t.defaultModifiers,o=i===void 0?[]:i,s=t.defaultOptions,r=s===void 0?ho:s;return function(l,a,c){c===void 0&&(c=r);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},ho,r),modifiersData:{},elements:{reference:l,popper:a},attributes:{},styles:{}},p=[],f=!1,u={state:d,setOptions:function(_){var $=typeof _=="function"?_(d.options):_;m(),d.options=Object.assign({},r,d.options,$),d.scrollParents={reference:Y(l)?gt(l):l.contextElement?gt(l.contextElement):[],popper:gt(a)};var E=pi(fi([].concat(o,d.options.modifiers)));return d.orderedModifiers=E.filter(function(v){return v.enabled}),w(),u.update()},forceUpdate:function(){if(!f){var _=d.elements,$=_.reference,E=_.popper;if(po($,E)){d.rects={reference:hi($,st(E),d.options.strategy==="fixed"),popper:Dt(E)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(D){return d.modifiersData[D.name]=Object.assign({},D.data)});for(var v=0;v<d.orderedModifiers.length;v++){if(d.reset===!0){d.reset=!1,v=-1;continue}var b=d.orderedModifiers[v],x=b.fn,S=b.options,N=S===void 0?{}:S,k=b.name;typeof x=="function"&&(d=x({state:d,options:N,name:k,instance:u})||d)}}}},update:ui(function(){return new Promise(function(g){u.forceUpdate(),g(d)})}),destroy:function(){m(),f=!0}};if(!po(l,a))return u;u.setOptions(c).then(function(g){!f&&c.onFirstUpdate&&c.onFirstUpdate(g)});function w(){d.orderedModifiers.forEach(function(g){var _=g.name,$=g.options,E=$===void 0?{}:$,v=g.effect;if(typeof v=="function"){var b=v({state:d,name:_,instance:u,options:E}),x=function(){};p.push(b||x)}})}function m(){p.forEach(function(g){return g()}),p=[]}return u}}var gs=[eo,lo,to,Xi,ao,oo,co,Qi,no],mi=uo({defaultModifiers:gs});var K=e=>e??y;var bs=":host{display:inline-block;font-size:13px;line-height:20px;font-family:Segoe UI,Lucida Sans,Arial,sans-serif;color:#111;contain:content}:host([hidden]){display:none!important}:host([level=warn i]){color:#555}:host([level=suggest i]){color:#bf8800}:host([level=error i]){color:#cc0017}:host([level=warn]){color:#555}:host([level=suggest]){color:#bf8800}:host([level=error]){color:#cc0017}.icon{height:12px;width:12px;padding-right:4px;margin-bottom:-1px}",xs="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cstyle%20id='style3'%3e%20.st0{fill:%23fff}.st1{fill:%23c00}%20%3c/style%3e%3cg%20id='g5'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20id='path9'/%3e%3c/g%3e%3cg%20id='g11'%3e%3cpath%20class='st0'%20id='rect13'%20d='M5.5%202.5h1v4h-1z'/%3e%3cpath%20class='st1'%20d='M6%203v3-3m1-1H5v5h2V2z'%20id='path15'/%3e%3c/g%3e%3cg%20id='g17'%3e%3cpath%20class='st0'%20id='rect19'%20d='M5.5%208.5h1v1h-1z'/%3e%3cpath%20class='st1'%20id='polygon21'%20d='M7%208H5v2h2V8z'/%3e%3c/g%3e%3c/svg%3e",ys="data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M12%20.8l11%2019.8v1.3H1v-1.3L12%20.8zm.8-.6h-1.6L0%2020v3h24v-3L12.8.2z'/%3e%3cpath%20class='st0'%20d='M11%208h2v8h-2zm0%2010h2v2h-2z'/%3e%3c/svg%3e",ws="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20fill='%23555'/%3e%3cpath%20d='M6%209V6v3m-1%201h2V5H5v5zm2-8H5v2h2z'%20class='st1'%20fill='%23555'/%3e%3c/svg%3e",_s=Object.defineProperty,As=Object.getOwnPropertyDescriptor,gi=(e,t,i,o)=>{for(var s=o>1?void 0:o?As(t,i):t,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(o?n(t,i,s):n(s))||s);return o&&s&&_s(t,i,s),s},Gt,he=(Gt=class extends U{static parseLevel(e){if(e){let t=Object.keys(Xt).find(i=>i.toLowerCase()===e.toLowerCase());return t&&Xt[t]}}static get styles(){return[it`
|
|
1
|
+
var window;(window||={})["@cas-smartdesign/combo-box"]=(()=>{var Ne=Object.defineProperty;var Eo=Object.getOwnPropertyDescriptor;var $o=Object.getOwnPropertyNames;var Io=Object.prototype.hasOwnProperty;var Oo=(e,t)=>{for(var i in t)Ne(e,i,{get:t[i],enumerable:!0})},Po=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of $o(t))!Io.call(e,s)&&s!==i&&Ne(e,s,{get:()=>t[s],enumerable:!(o=Eo(t,s))||o.enumerable});return e};var Lo=e=>Po(Ne({},"__esModule",{value:!0}),e);var Us={};Oo(Us,{default:()=>xo});var xe=window,ye=xe.ShadowRoot&&(xe.ShadyCSS===void 0||xe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,He=Symbol(),Ii=new WeakMap,Zt=class{constructor(t,i,o){if(this._$cssResult$=!0,o!==He)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=i}get styleSheet(){let t=this.o,i=this.t;if(ye&&t===void 0){let o=i!==void 0&&i.length===1;o&&(t=Ii.get(i)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&Ii.set(i,t))}return t}toString(){return this.cssText}},X=e=>new Zt(typeof e=="string"?e:e+"",void 0,He),it=(e,...t)=>{let i=e.length===1?e[0]:t.reduce((o,s,r)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+e[r+1],e[0]);return new Zt(i,e,He)},ze=(e,t)=>{ye?e.adoptedStyleSheets=t.map(i=>i instanceof CSSStyleSheet?i:i.styleSheet):t.forEach(i=>{let o=document.createElement("style"),s=xe.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=i.cssText,e.appendChild(o)})},we=ye?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let i="";for(let o of t.cssRules)i+=o.cssText;return X(i)})(e):e;var Fe,_e=window,Oi=_e.trustedTypes,Do=Oi?Oi.emptyScript:"",Pi=_e.reactiveElementPolyfillSupport,Ue={toAttribute(e,t){switch(t){case Boolean:e=e?Do:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=e!==null;break;case Number:i=e===null?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch{i=null}}return i}},Li=(e,t)=>t!==e&&(t==t||e==e),qe={attribute:!0,type:String,converter:Ue,reflect:!1,hasChanged:Li},We="finalized",at=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var i;this.finalize(),((i=this.h)!==null&&i!==void 0?i:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((i,o)=>{let s=this._$Ep(o,i);s!==void 0&&(this._$Ev.set(s,o),t.push(s))}),t}static createProperty(t,i=qe){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){let o=typeof t=="symbol"?Symbol():"__"+t,s=this.getPropertyDescriptor(t,o,i);s!==void 0&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,i,o){return{get(){return this[i]},set(s){let r=this[t];this[i]=s,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||qe}static finalize(){if(this.hasOwnProperty(We))return!1;this[We]=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let i=this.properties,o=[...Object.getOwnPropertyNames(i),...Object.getOwnPropertySymbols(i)];for(let s of o)this.createProperty(s,i[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let i=[];if(Array.isArray(t)){let o=new Set(t.flat(1/0).reverse());for(let s of o)i.unshift(we(s))}else t!==void 0&&i.push(we(t));return i}static _$Ep(t,i){let o=i.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise(i=>this.enableUpdating=i),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(i=>i(this))}addController(t){var i,o;((i=this._$ES)!==null&&i!==void 0?i:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((o=t.hostConnected)===null||o===void 0||o.call(t))}removeController(t){var i;(i=this._$ES)===null||i===void 0||i.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i])})}createRenderRoot(){var t;let i=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return ze(i,this.constructor.elementStyles),i}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(i=>{var o;return(o=i.hostConnected)===null||o===void 0?void 0:o.call(i)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(i=>{var o;return(o=i.hostDisconnected)===null||o===void 0?void 0:o.call(i)})}attributeChangedCallback(t,i,o){this._$AK(t,o)}_$EO(t,i,o=qe){var s;let r=this.constructor._$Ep(t,o);if(r!==void 0&&o.reflect===!0){let n=(((s=o.converter)===null||s===void 0?void 0:s.toAttribute)!==void 0?o.converter:Ue).toAttribute(i,o.type);this._$El=t,n==null?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,i){var o;let s=this.constructor,r=s._$Ev.get(t);if(r!==void 0&&this._$El!==r){let n=s.getPropertyOptions(r),l=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?n.converter:Ue;this._$El=r,this[r]=l.fromAttribute(i,n.type),this._$El=null}}requestUpdate(t,i,o){let s=!0;t!==void 0&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||Li)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),o.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,o))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(i){Promise.reject(i)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((s,r)=>this[r]=s),this._$Ei=void 0);let i=!1,o=this._$AL;try{i=this.shouldUpdate(o),i?(this.willUpdate(o),(t=this._$ES)===null||t===void 0||t.forEach(s=>{var r;return(r=s.hostUpdate)===null||r===void 0?void 0:r.call(s)}),this.update(o)):this._$Ek()}catch(s){throw i=!1,this._$Ek(),s}i&&this._$AE(o)}willUpdate(t){}_$AE(t){var i;(i=this._$ES)===null||i===void 0||i.forEach(o=>{var s;return(s=o.hostUpdated)===null||s===void 0?void 0:s.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((i,o)=>this._$EO(o,this[o],i)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};at[We]=!0,at.elementProperties=new Map,at.elementStyles=[],at.shadowRootOptions={mode:"open"},Pi?.({ReactiveElement:at}),((Fe=_e.reactiveElementVersions)!==null&&Fe!==void 0?Fe:_e.reactiveElementVersions=[]).push("1.6.3");var je,Ae=window,Ht=Ae.trustedTypes,Di=Ht?Ht.createPolicy("lit-html",{createHTML:e=>e}):void 0,Ge="$lit$",mt=`lit$${(Math.random()+"").slice(9)}$`,Ni="?"+mt,To=`<${Ni}>`,It=document,ee=()=>It.createComment(""),ie=e=>e===null||typeof e!="object"&&typeof e!="function",Hi=Array.isArray,Ro=e=>Hi(e)||typeof e?.[Symbol.iterator]=="function",Ke=`[
|
|
2
|
+
\f\r]`,te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ti=/-->/g,Ri=/>/g,Et=RegExp(`>|${Ke}(?:([^\\s"'>=/]+)(${Ke}*=${Ke}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Vi=/'/g,ki=/"/g,zi=/^(?:script|style|textarea|title)$/i,Fi=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),T=Fi(1),Ys=Fi(2),lt=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),Mi=new WeakMap,$t=It.createTreeWalker(It,129,null,!1);function qi(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Di!==void 0?Di.createHTML(t):t}var Vo=(e,t)=>{let i=e.length-1,o=[],s,r=t===2?"<svg>":"",n=te;for(let l=0;l<i;l++){let a=e[l],c,d,p=-1,f=0;for(;f<a.length&&(n.lastIndex=f,d=n.exec(a),d!==null);)f=n.lastIndex,n===te?d[1]==="!--"?n=Ti:d[1]!==void 0?n=Ri:d[2]!==void 0?(zi.test(d[2])&&(s=RegExp("</"+d[2],"g")),n=Et):d[3]!==void 0&&(n=Et):n===Et?d[0]===">"?(n=s??te,p=-1):d[1]===void 0?p=-2:(p=n.lastIndex-d[2].length,c=d[1],n=d[3]===void 0?Et:d[3]==='"'?ki:Vi):n===ki||n===Vi?n=Et:n===Ti||n===Ri?n=te:(n=Et,s=void 0);let u=n===Et&&e[l+1].startsWith("/>")?" ":"";r+=n===te?a+To:p>=0?(o.push(c),a.slice(0,p)+Ge+a.slice(p)+mt+u):a+mt+(p===-2?(o.push(void 0),l):u)}return[qi(e,r+(e[i]||"<?>")+(t===2?"</svg>":"")),o]},oe=class e{constructor({strings:t,_$litType$:i},o){let s;this.parts=[];let r=0,n=0,l=t.length-1,a=this.parts,[c,d]=Vo(t,i);if(this.el=e.createElement(c,o),$t.currentNode=this.el.content,i===2){let p=this.el.content,f=p.firstChild;f.remove(),p.append(...f.childNodes)}for(;(s=$t.nextNode())!==null&&a.length<l;){if(s.nodeType===1){if(s.hasAttributes()){let p=[];for(let f of s.getAttributeNames())if(f.endsWith(Ge)||f.startsWith(mt)){let u=d[n++];if(p.push(f),u!==void 0){let w=s.getAttribute(u.toLowerCase()+Ge).split(mt),m=/([.?@])?(.*)/.exec(u);a.push({type:1,index:r,name:m[2],strings:w,ctor:m[1]==="."?Ye:m[1]==="?"?Je:m[1]==="@"?Qe:Ft})}else a.push({type:6,index:r})}for(let f of p)s.removeAttribute(f)}if(zi.test(s.tagName)){let p=s.textContent.split(mt),f=p.length-1;if(f>0){s.textContent=Ht?Ht.emptyScript:"";for(let u=0;u<f;u++)s.append(p[u],ee()),$t.nextNode(),a.push({type:2,index:++r});s.append(p[f],ee())}}}else if(s.nodeType===8)if(s.data===Ni)a.push({type:2,index:r});else{let p=-1;for(;(p=s.data.indexOf(mt,p+1))!==-1;)a.push({type:7,index:r}),p+=mt.length-1}r++}}static createElement(t,i){let o=It.createElement("template");return o.innerHTML=t,o}};function zt(e,t,i=e,o){var s,r,n,l;if(t===lt)return t;let a=o!==void 0?(s=i._$Co)===null||s===void 0?void 0:s[o]:i._$Cl,c=ie(t)?void 0:t._$litDirective$;return a?.constructor!==c&&((r=a?._$AO)===null||r===void 0||r.call(a,!1),c===void 0?a=void 0:(a=new c(e),a._$AT(e,i,o)),o!==void 0?((n=(l=i)._$Co)!==null&&n!==void 0?n:l._$Co=[])[o]=a:i._$Cl=a),a!==void 0&&(t=zt(e,a._$AS(e,t.values),a,o)),t}var Xe=class{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;let{el:{content:o},parts:s}=this._$AD,r=((i=t?.creationScope)!==null&&i!==void 0?i:It).importNode(o,!0);$t.currentNode=r;let n=$t.nextNode(),l=0,a=0,c=s[0];for(;c!==void 0;){if(l===c.index){let d;c.type===2?d=new se(n,n.nextSibling,this,t):c.type===1?d=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(d=new Ze(n,this,t)),this._$AV.push(d),c=s[++a]}l!==c?.index&&(n=$t.nextNode(),l++)}return $t.currentNode=It,r}v(t){let i=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,i),i+=o.strings.length-2):o._$AI(t[i])),i++}},se=class e{constructor(t,i,o,s){var r;this.type=2,this._$AH=y,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=o,this.options=s,this._$Cp=(r=s?.isConnected)===null||r===void 0||r}get _$AU(){var t,i;return(i=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&i!==void 0?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode,i=this._$AM;return i!==void 0&&t?.nodeType===11&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=zt(this,t,i),ie(t)?t===y||t==null||t===""?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==lt&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):Ro(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==y&&ie(this._$AH)?this._$AA.nextSibling.data=t:this.$(It.createTextNode(t)),this._$AH=t}g(t){var i;let{values:o,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=oe.createElement(qi(s.h,s.h[0]),this.options)),s);if(((i=this._$AH)===null||i===void 0?void 0:i._$AD)===r)this._$AH.v(o);else{let n=new Xe(r,this),l=n.u(this.options);n.v(o),this.$(l),this._$AH=n}}_$AC(t){let i=Mi.get(t.strings);return i===void 0&&Mi.set(t.strings,i=new oe(t)),i}T(t){Hi(this._$AH)||(this._$AH=[],this._$AR());let i=this._$AH,o,s=0;for(let r of t)s===i.length?i.push(o=new e(this.k(ee()),this.k(ee()),this,this.options)):o=i[s],o._$AI(r),s++;s<i.length&&(this._$AR(o&&o._$AB.nextSibling,s),i.length=s)}_$AR(t=this._$AA.nextSibling,i){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,i);t&&t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){var i;this._$AM===void 0&&(this._$Cp=t,(i=this._$AP)===null||i===void 0||i.call(this,t))}},Ft=class{constructor(t,i,o,s,r){this.type=1,this._$AH=y,this._$AN=void 0,this.element=t,this.name=i,this._$AM=s,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=y}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,o,s){let r=this.strings,n=!1;if(r===void 0)t=zt(this,t,i,0),n=!ie(t)||t!==this._$AH&&t!==lt,n&&(this._$AH=t);else{let l=t,a,c;for(t=r[0],a=0;a<r.length-1;a++)c=zt(this,l[o+a],i,a),c===lt&&(c=this._$AH[a]),n||(n=!ie(c)||c!==this._$AH[a]),c===y?t=y:t!==y&&(t+=(c??"")+r[a+1]),this._$AH[a]=c}n&&!s&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Ye=class extends Ft{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}},ko=Ht?Ht.emptyScript:"",Je=class extends Ft{constructor(){super(...arguments),this.type=4}j(t){t&&t!==y?this.element.setAttribute(this.name,ko):this.element.removeAttribute(this.name)}},Qe=class extends Ft{constructor(t,i,o,s,r){super(t,i,o,s,r),this.type=5}_$AI(t,i=this){var o;if((t=(o=zt(this,t,i,0))!==null&&o!==void 0?o:y)===lt)return;let s=this._$AH,r=t===y&&s!==y||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==y&&(s===y||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,o;typeof this._$AH=="function"?this._$AH.call((o=(i=this.options)===null||i===void 0?void 0:i.host)!==null&&o!==void 0?o:this.element,t):this._$AH.handleEvent(t)}},Ze=class{constructor(t,i,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){zt(this,t)}};var Bi=Ae.litHtmlPolyfillSupport;Bi?.(oe,se),((je=Ae.litHtmlVersions)!==null&&je!==void 0?je:Ae.litHtmlVersions=[]).push("2.8.0");var Ui=(e,t,i)=>{var o,s;let r=(o=i?.renderBefore)!==null&&o!==void 0?o:t,n=r._$litPart$;if(n===void 0){let l=(s=i?.renderBefore)!==null&&s!==void 0?s:null;r._$litPart$=n=new se(t.insertBefore(ee(),l),l,void 0,i??{})}return n._$AI(e),n};var ti,ei;var W=class extends at{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,i;let o=super.createRenderRoot();return(t=(i=this.renderOptions).renderBefore)!==null&&t!==void 0||(i.renderBefore=o.firstChild),o}update(t){let i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ui(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return lt}};W.finalized=!0,W._$litElement$=!0,(ti=globalThis.litElementHydrateSupport)===null||ti===void 0||ti.call(globalThis,{LitElement:W});var Wi=globalThis.litElementPolyfillSupport;Wi?.({LitElement:W});((ei=globalThis.litElementVersions)!==null&&ei!==void 0?ei:globalThis.litElementVersions=[]).push("3.3.3");var Mo=(e,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(i){i.createProperty(t.key,e)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(i){i.createProperty(t.key,e)}},Bo=(e,t,i)=>{t.constructor.createProperty(i,e)};function h(e){return(t,i)=>i!==void 0?Bo(e,t,i):Mo(e,t)}var E="top",R="bottom",L="right",P="left",Se="auto",vt=[E,R,L,P],dt="start",Ot="end",ji="clippingParents",Ce="viewport",qt="popper",Ki="reference",ii=vt.reduce(function(e,t){return e.concat([t+"-"+dt,t+"-"+Ot])},[]),Ee=[].concat(vt,[Se]).reduce(function(e,t){return e.concat([t,t+"-"+dt,t+"-"+Ot])},[]),No="beforeRead",Ho="read",zo="afterRead",Fo="beforeMain",qo="main",Uo="afterMain",Wo="beforeWrite",jo="write",Ko="afterWrite",Gi=[No,Ho,zo,Fo,qo,Uo,Wo,jo,Ko];function M(e){return e?(e.nodeName||"").toLowerCase():null}function A(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function Y(e){var t=A(e).Element;return e instanceof t||e instanceof Element}function V(e){var t=A(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Ut(e){if(typeof ShadowRoot>"u")return!1;var t=A(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Go(e){var t=e.state;Object.keys(t.elements).forEach(function(i){var o=t.styles[i]||{},s=t.attributes[i]||{},r=t.elements[i];!V(r)||!M(r)||(Object.assign(r.style,o),Object.keys(s).forEach(function(n){var l=s[n];l===!1?r.removeAttribute(n):r.setAttribute(n,l===!0?"":l)}))})}function Xo(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(o){var s=t.elements[o],r=t.attributes[o]||{},n=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:i[o]),l=n.reduce(function(a,c){return a[c]="",a},{});!V(s)||!M(s)||(Object.assign(s.style,l),Object.keys(r).forEach(function(a){s.removeAttribute(a)}))})}}var Xi={name:"applyStyles",enabled:!0,phase:"write",fn:Go,effect:Xo,requires:["computeStyles"]};function B(e){return e.split("-")[0]}var ot=Math.max,Pt=Math.min,ct=Math.round;function Wt(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function re(){return!/^((?!chrome|android).)*safari/i.test(Wt())}function J(e,t,i){t===void 0&&(t=!1),i===void 0&&(i=!1);var o=e.getBoundingClientRect(),s=1,r=1;t&&V(e)&&(s=e.offsetWidth>0&&ct(o.width)/e.offsetWidth||1,r=e.offsetHeight>0&&ct(o.height)/e.offsetHeight||1);var n=Y(e)?A(e):window,l=n.visualViewport,a=!re()&&i,c=(o.left+(a&&l?l.offsetLeft:0))/s,d=(o.top+(a&&l?l.offsetTop:0))/r,p=o.width/s,f=o.height/r;return{width:p,height:f,top:d,right:c+p,bottom:d+f,left:c,x:c,y:d}}function Lt(e){var t=J(e),i=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:o}}function ne(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(i&&Ut(i)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function j(e){return A(e).getComputedStyle(e)}function oi(e){return["table","td","th"].indexOf(M(e))>=0}function H(e){return((Y(e)?e.ownerDocument:e.document)||window.document).documentElement}function ht(e){return M(e)==="html"?e:e.assignedSlot||e.parentNode||(Ut(e)?e.host:null)||H(e)}function Yi(e){return!V(e)||j(e).position==="fixed"?null:e.offsetParent}function Yo(e){var t=/firefox/i.test(Wt()),i=/Trident/i.test(Wt());if(i&&V(e)){var o=j(e);if(o.position==="fixed")return null}var s=ht(e);for(Ut(s)&&(s=s.host);V(s)&&["html","body"].indexOf(M(s))<0;){var r=j(s);if(r.transform!=="none"||r.perspective!=="none"||r.contain==="paint"||["transform","perspective"].indexOf(r.willChange)!==-1||t&&r.willChange==="filter"||t&&r.filter&&r.filter!=="none")return s;s=s.parentNode}return null}function st(e){for(var t=A(e),i=Yi(e);i&&oi(i)&&j(i).position==="static";)i=Yi(i);return i&&(M(i)==="html"||M(i)==="body"&&j(i).position==="static")?t:i||Yo(e)||t}function Dt(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Tt(e,t,i){return ot(e,Pt(t,i))}function Ji(e,t,i){var o=Tt(e,t,i);return o>i?i:o}function ae(){return{top:0,right:0,bottom:0,left:0}}function le(e){return Object.assign({},ae(),e)}function de(e,t){return t.reduce(function(i,o){return i[o]=e,i},{})}var Jo=function(t,i){return t=typeof t=="function"?t(Object.assign({},i.rects,{placement:i.placement})):t,le(typeof t!="number"?t:de(t,vt))};function Qo(e){var t,i=e.state,o=e.name,s=e.options,r=i.elements.arrow,n=i.modifiersData.popperOffsets,l=B(i.placement),a=Dt(l),c=[P,L].indexOf(l)>=0,d=c?"height":"width";if(!(!r||!n)){var p=Jo(s.padding,i),f=Lt(r),u=a==="y"?E:P,w=a==="y"?R:L,m=i.rects.reference[d]+i.rects.reference[a]-n[a]-i.rects.popper[d],g=n[a]-i.rects.reference[a],_=st(r),I=_?a==="y"?_.clientHeight||0:_.clientWidth||0:0,O=m/2-g/2,v=p[u],b=I-f[d]-p[w],x=I/2-f[d]/2+O,C=Tt(v,x,b),N=a;i.modifiersData[o]=(t={},t[N]=C,t.centerOffset=C-x,t)}}function Zo(e){var t=e.state,i=e.options,o=i.element,s=o===void 0?"[data-popper-arrow]":o;s!=null&&(typeof s=="string"&&(s=t.elements.popper.querySelector(s),!s)||ne(t.elements.popper,s)&&(t.elements.arrow=s))}var Qi={name:"arrow",enabled:!0,phase:"main",fn:Qo,effect:Zo,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Q(e){return e.split("-")[1]}var ts={top:"auto",right:"auto",bottom:"auto",left:"auto"};function es(e,t){var i=e.x,o=e.y,s=t.devicePixelRatio||1;return{x:ct(i*s)/s||0,y:ct(o*s)/s||0}}function Zi(e){var t,i=e.popper,o=e.popperRect,s=e.placement,r=e.variation,n=e.offsets,l=e.position,a=e.gpuAcceleration,c=e.adaptive,d=e.roundOffsets,p=e.isFixed,f=n.x,u=f===void 0?0:f,w=n.y,m=w===void 0?0:w,g=typeof d=="function"?d({x:u,y:m}):{x:u,y:m};u=g.x,m=g.y;var _=n.hasOwnProperty("x"),I=n.hasOwnProperty("y"),O=P,v=E,b=window;if(c){var x=st(i),C="clientHeight",N="clientWidth";if(x===A(i)&&(x=H(i),j(x).position!=="static"&&l==="absolute"&&(C="scrollHeight",N="scrollWidth")),x=x,s===E||(s===P||s===L)&&r===Ot){v=R;var k=p&&x===b&&b.visualViewport?b.visualViewport.height:x[C];m-=k-o.height,m*=a?1:-1}if(s===P||(s===E||s===R)&&r===Ot){O=L;var D=p&&x===b&&b.visualViewport?b.visualViewport.width:x[N];u-=D-o.width,u*=a?1:-1}}var F=Object.assign({position:l},c&&ts),tt=d===!0?es({x:u,y:m},A(i)):{x:u,y:m};if(u=tt.x,m=tt.y,a){var U;return Object.assign({},F,(U={},U[v]=I?"0":"",U[O]=_?"0":"",U.transform=(b.devicePixelRatio||1)<=1?"translate("+u+"px, "+m+"px)":"translate3d("+u+"px, "+m+"px, 0)",U))}return Object.assign({},F,(t={},t[v]=I?m+"px":"",t[O]=_?u+"px":"",t.transform="",t))}function is(e){var t=e.state,i=e.options,o=i.gpuAcceleration,s=o===void 0?!0:o,r=i.adaptive,n=r===void 0?!0:r,l=i.roundOffsets,a=l===void 0?!0:l,c={placement:B(t.placement),variation:Q(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:s,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Zi(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:a})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Zi(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var to={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:is,data:{}};var $e={passive:!0};function os(e){var t=e.state,i=e.instance,o=e.options,s=o.scroll,r=s===void 0?!0:s,n=o.resize,l=n===void 0?!0:n,a=A(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return r&&c.forEach(function(d){d.addEventListener("scroll",i.update,$e)}),l&&a.addEventListener("resize",i.update,$e),function(){r&&c.forEach(function(d){d.removeEventListener("scroll",i.update,$e)}),l&&a.removeEventListener("resize",i.update,$e)}}var eo={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:os,data:{}};var ss={left:"right",right:"left",bottom:"top",top:"bottom"};function jt(e){return e.replace(/left|right|bottom|top/g,function(t){return ss[t]})}var rs={start:"end",end:"start"};function Ie(e){return e.replace(/start|end/g,function(t){return rs[t]})}function Rt(e){var t=A(e),i=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:i,scrollTop:o}}function Vt(e){return J(H(e)).left+Rt(e).scrollLeft}function si(e,t){var i=A(e),o=H(e),s=i.visualViewport,r=o.clientWidth,n=o.clientHeight,l=0,a=0;if(s){r=s.width,n=s.height;var c=re();(c||!c&&t==="fixed")&&(l=s.offsetLeft,a=s.offsetTop)}return{width:r,height:n,x:l+Vt(e),y:a}}function ri(e){var t,i=H(e),o=Rt(e),s=(t=e.ownerDocument)==null?void 0:t.body,r=ot(i.scrollWidth,i.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),n=ot(i.scrollHeight,i.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),l=-o.scrollLeft+Vt(e),a=-o.scrollTop;return j(s||i).direction==="rtl"&&(l+=ot(i.clientWidth,s?s.clientWidth:0)-r),{width:r,height:n,x:l,y:a}}function kt(e){var t=j(e),i=t.overflow,o=t.overflowX,s=t.overflowY;return/auto|scroll|overlay|hidden/.test(i+s+o)}function Oe(e){return["html","body","#document"].indexOf(M(e))>=0?e.ownerDocument.body:V(e)&&kt(e)?e:Oe(ht(e))}function gt(e,t){var i;t===void 0&&(t=[]);var o=Oe(e),s=o===((i=e.ownerDocument)==null?void 0:i.body),r=A(o),n=s?[r].concat(r.visualViewport||[],kt(o)?o:[]):o,l=t.concat(n);return s?l:l.concat(gt(ht(n)))}function Kt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ns(e,t){var i=J(e,!1,t==="fixed");return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}function io(e,t,i){return t===Ce?Kt(si(e,i)):Y(t)?ns(t,i):Kt(ri(H(e)))}function as(e){var t=gt(ht(e)),i=["absolute","fixed"].indexOf(j(e).position)>=0,o=i&&V(e)?st(e):e;return Y(o)?t.filter(function(s){return Y(s)&&ne(s,o)&&M(s)!=="body"}):[]}function ni(e,t,i,o){var s=t==="clippingParents"?as(e):[].concat(t),r=[].concat(s,[i]),n=r[0],l=r.reduce(function(a,c){var d=io(e,c,o);return a.top=ot(d.top,a.top),a.right=Pt(d.right,a.right),a.bottom=Pt(d.bottom,a.bottom),a.left=ot(d.left,a.left),a},io(e,n,o));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}function ce(e){var t=e.reference,i=e.element,o=e.placement,s=o?B(o):null,r=o?Q(o):null,n=t.x+t.width/2-i.width/2,l=t.y+t.height/2-i.height/2,a;switch(s){case E:a={x:n,y:t.y-i.height};break;case R:a={x:n,y:t.y+t.height};break;case L:a={x:t.x+t.width,y:l};break;case P:a={x:t.x-i.width,y:l};break;default:a={x:t.x,y:t.y}}var c=s?Dt(s):null;if(c!=null){var d=c==="y"?"height":"width";switch(r){case dt:a[c]=a[c]-(t[d]/2-i[d]/2);break;case Ot:a[c]=a[c]+(t[d]/2-i[d]/2);break;default:}}return a}function rt(e,t){t===void 0&&(t={});var i=t,o=i.placement,s=o===void 0?e.placement:o,r=i.strategy,n=r===void 0?e.strategy:r,l=i.boundary,a=l===void 0?ji:l,c=i.rootBoundary,d=c===void 0?Ce:c,p=i.elementContext,f=p===void 0?qt:p,u=i.altBoundary,w=u===void 0?!1:u,m=i.padding,g=m===void 0?0:m,_=le(typeof g!="number"?g:de(g,vt)),I=f===qt?Ki:qt,O=e.rects.popper,v=e.elements[w?I:f],b=ni(Y(v)?v:v.contextElement||H(e.elements.popper),a,d,n),x=J(e.elements.reference),C=ce({reference:x,element:O,strategy:"absolute",placement:s}),N=Kt(Object.assign({},O,C)),k=f===qt?N:x,D={top:b.top-k.top+_.top,bottom:k.bottom-b.bottom+_.bottom,left:b.left-k.left+_.left,right:k.right-b.right+_.right},F=e.modifiersData.offset;if(f===qt&&F){var tt=F[s];Object.keys(D).forEach(function(U){var wt=[L,R].indexOf(U)>=0?1:-1,_t=[E,R].indexOf(U)>=0?"y":"x";D[U]+=tt[_t]*wt})}return D}function ai(e,t){t===void 0&&(t={});var i=t,o=i.placement,s=i.boundary,r=i.rootBoundary,n=i.padding,l=i.flipVariations,a=i.allowedAutoPlacements,c=a===void 0?Ee:a,d=Q(o),p=d?l?ii:ii.filter(function(w){return Q(w)===d}):vt,f=p.filter(function(w){return c.indexOf(w)>=0});f.length===0&&(f=p);var u=f.reduce(function(w,m){return w[m]=rt(e,{placement:m,boundary:s,rootBoundary:r,padding:n})[B(m)],w},{});return Object.keys(u).sort(function(w,m){return u[w]-u[m]})}function ls(e){if(B(e)===Se)return[];var t=jt(e);return[Ie(e),t,Ie(t)]}function ds(e){var t=e.state,i=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var s=i.mainAxis,r=s===void 0?!0:s,n=i.altAxis,l=n===void 0?!0:n,a=i.fallbackPlacements,c=i.padding,d=i.boundary,p=i.rootBoundary,f=i.altBoundary,u=i.flipVariations,w=u===void 0?!0:u,m=i.allowedAutoPlacements,g=t.options.placement,_=B(g),I=_===g,O=a||(I||!w?[jt(g)]:ls(g)),v=[g].concat(O).reduce(function(Nt,ft){return Nt.concat(B(ft)===Se?ai(t,{placement:ft,boundary:d,rootBoundary:p,padding:c,flipVariations:w,allowedAutoPlacements:m}):ft)},[]),b=t.rects.reference,x=t.rects.popper,C=new Map,N=!0,k=v[0],D=0;D<v.length;D++){var F=v[D],tt=B(F),U=Q(F)===dt,wt=[E,R].indexOf(tt)>=0,_t=wt?"width":"height",G=rt(t,{placement:F,boundary:d,rootBoundary:p,altBoundary:f,padding:c}),et=wt?U?L:P:U?R:E;b[_t]>x[_t]&&(et=jt(et));var fe=jt(et),At=[];if(r&&At.push(G[tt]<=0),l&&At.push(G[et]<=0,G[fe]<=0),At.every(function(Nt){return Nt})){k=F,N=!1;break}C.set(F,At)}if(N)for(var me=w?3:1,Ve=function(ft){var Qt=v.find(function(ge){var St=C.get(ge);if(St)return St.slice(0,ft).every(function(ke){return ke})});if(Qt)return k=Qt,"break"},Jt=me;Jt>0;Jt--){var ve=Ve(Jt);if(ve==="break")break}t.placement!==k&&(t.modifiersData[o]._skip=!0,t.placement=k,t.reset=!0)}}var oo={name:"flip",enabled:!0,phase:"main",fn:ds,requiresIfExists:["offset"],data:{_skip:!1}};function so(e,t,i){return i===void 0&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function ro(e){return[E,L,R,P].some(function(t){return e[t]>=0})}function cs(e){var t=e.state,i=e.name,o=t.rects.reference,s=t.rects.popper,r=t.modifiersData.preventOverflow,n=rt(t,{elementContext:"reference"}),l=rt(t,{altBoundary:!0}),a=so(n,o),c=so(l,s,r),d=ro(a),p=ro(c);t.modifiersData[i]={referenceClippingOffsets:a,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}var no={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:cs};function hs(e,t,i){var o=B(e),s=[P,E].indexOf(o)>=0?-1:1,r=typeof i=="function"?i(Object.assign({},t,{placement:e})):i,n=r[0],l=r[1];return n=n||0,l=(l||0)*s,[P,L].indexOf(o)>=0?{x:l,y:n}:{x:n,y:l}}function ps(e){var t=e.state,i=e.options,o=e.name,s=i.offset,r=s===void 0?[0,0]:s,n=Ee.reduce(function(d,p){return d[p]=hs(p,t.rects,r),d},{}),l=n[t.placement],a=l.x,c=l.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=a,t.modifiersData.popperOffsets.y+=c),t.modifiersData[o]=n}var ao={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:ps};function us(e){var t=e.state,i=e.name;t.modifiersData[i]=ce({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var lo={name:"popperOffsets",enabled:!0,phase:"read",fn:us,data:{}};function li(e){return e==="x"?"y":"x"}function fs(e){var t=e.state,i=e.options,o=e.name,s=i.mainAxis,r=s===void 0?!0:s,n=i.altAxis,l=n===void 0?!1:n,a=i.boundary,c=i.rootBoundary,d=i.altBoundary,p=i.padding,f=i.tether,u=f===void 0?!0:f,w=i.tetherOffset,m=w===void 0?0:w,g=rt(t,{boundary:a,rootBoundary:c,padding:p,altBoundary:d}),_=B(t.placement),I=Q(t.placement),O=!I,v=Dt(_),b=li(v),x=t.modifiersData.popperOffsets,C=t.rects.reference,N=t.rects.popper,k=typeof m=="function"?m(Object.assign({},t.rects,{placement:t.placement})):m,D=typeof k=="number"?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),F=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,tt={x:0,y:0};if(x){if(r){var U,wt=v==="y"?E:P,_t=v==="y"?R:L,G=v==="y"?"height":"width",et=x[v],fe=et+g[wt],At=et-g[_t],me=u?-N[G]/2:0,Ve=I===dt?C[G]:N[G],Jt=I===dt?-N[G]:-C[G],ve=t.elements.arrow,Nt=u&&ve?Lt(ve):{width:0,height:0},ft=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ae(),Qt=ft[wt],ge=ft[_t],St=Tt(0,C[G],Nt[G]),ke=O?C[G]/2-me-St-Qt-D.mainAxis:Ve-St-Qt-D.mainAxis,yo=O?-C[G]/2+me+St+ge+D.mainAxis:Jt+St+ge+D.mainAxis,Me=t.elements.arrow&&st(t.elements.arrow),wo=Me?v==="y"?Me.clientTop||0:Me.clientLeft||0:0,xi=(U=F?.[v])!=null?U:0,_o=et+ke-xi-wo,Ao=et+yo-xi,yi=Tt(u?Pt(fe,_o):fe,et,u?ot(At,Ao):At);x[v]=yi,tt[v]=yi-et}if(l){var wi,So=v==="x"?E:P,Co=v==="x"?R:L,Ct=x[b],be=b==="y"?"height":"width",_i=Ct+g[So],Ai=Ct-g[Co],Be=[E,P].indexOf(_)!==-1,Si=(wi=F?.[b])!=null?wi:0,Ci=Be?_i:Ct-C[be]-N[be]-Si+D.altAxis,Ei=Be?Ct+C[be]+N[be]-Si-D.altAxis:Ai,$i=u&&Be?Ji(Ci,Ct,Ei):Tt(u?Ci:_i,Ct,u?Ei:Ai);x[b]=$i,tt[b]=$i-Ct}t.modifiersData[o]=tt}}var co={name:"preventOverflow",enabled:!0,phase:"main",fn:fs,requiresIfExists:["offset"]};function di(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function ci(e){return e===A(e)||!V(e)?Rt(e):di(e)}function ms(e){var t=e.getBoundingClientRect(),i=ct(t.width)/e.offsetWidth||1,o=ct(t.height)/e.offsetHeight||1;return i!==1||o!==1}function hi(e,t,i){i===void 0&&(i=!1);var o=V(t),s=V(t)&&ms(t),r=H(t),n=J(e,s,i),l={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!i)&&((M(t)!=="body"||kt(r))&&(l=ci(t)),V(t)?(a=J(t,!0),a.x+=t.clientLeft,a.y+=t.clientTop):r&&(a.x=Vt(r))),{x:n.left+l.scrollLeft-a.x,y:n.top+l.scrollTop-a.y,width:n.width,height:n.height}}function vs(e){var t=new Map,i=new Set,o=[];e.forEach(function(r){t.set(r.name,r)});function s(r){i.add(r.name);var n=[].concat(r.requires||[],r.requiresIfExists||[]);n.forEach(function(l){if(!i.has(l)){var a=t.get(l);a&&s(a)}}),o.push(r)}return e.forEach(function(r){i.has(r.name)||s(r)}),o}function pi(e){var t=vs(e);return Gi.reduce(function(i,o){return i.concat(t.filter(function(s){return s.phase===o}))},[])}function ui(e){var t;return function(){return t||(t=new Promise(function(i){Promise.resolve().then(function(){t=void 0,i(e())})})),t}}function fi(e){var t=e.reduce(function(i,o){var s=i[o.name];return i[o.name]=s?Object.assign({},s,o,{options:Object.assign({},s.options,o.options),data:Object.assign({},s.data,o.data)}):o,i},{});return Object.keys(t).map(function(i){return t[i]})}var ho={placement:"bottom",modifiers:[],strategy:"absolute"};function po(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return!t.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function uo(e){e===void 0&&(e={});var t=e,i=t.defaultModifiers,o=i===void 0?[]:i,s=t.defaultOptions,r=s===void 0?ho:s;return function(l,a,c){c===void 0&&(c=r);var d={placement:"bottom",orderedModifiers:[],options:Object.assign({},ho,r),modifiersData:{},elements:{reference:l,popper:a},attributes:{},styles:{}},p=[],f=!1,u={state:d,setOptions:function(_){var I=typeof _=="function"?_(d.options):_;m(),d.options=Object.assign({},r,d.options,I),d.scrollParents={reference:Y(l)?gt(l):l.contextElement?gt(l.contextElement):[],popper:gt(a)};var O=pi(fi([].concat(o,d.options.modifiers)));return d.orderedModifiers=O.filter(function(v){return v.enabled}),w(),u.update()},forceUpdate:function(){if(!f){var _=d.elements,I=_.reference,O=_.popper;if(po(I,O)){d.rects={reference:hi(I,st(O),d.options.strategy==="fixed"),popper:Lt(O)},d.reset=!1,d.placement=d.options.placement,d.orderedModifiers.forEach(function(D){return d.modifiersData[D.name]=Object.assign({},D.data)});for(var v=0;v<d.orderedModifiers.length;v++){if(d.reset===!0){d.reset=!1,v=-1;continue}var b=d.orderedModifiers[v],x=b.fn,C=b.options,N=C===void 0?{}:C,k=b.name;typeof x=="function"&&(d=x({state:d,options:N,name:k,instance:u})||d)}}}},update:ui(function(){return new Promise(function(g){u.forceUpdate(),g(d)})}),destroy:function(){m(),f=!0}};if(!po(l,a))return u;u.setOptions(c).then(function(g){!f&&c.onFirstUpdate&&c.onFirstUpdate(g)});function w(){d.orderedModifiers.forEach(function(g){var _=g.name,I=g.options,O=I===void 0?{}:I,v=g.effect;if(typeof v=="function"){var b=v({state:d,name:_,instance:u,options:O}),x=function(){};p.push(b||x)}})}function m(){p.forEach(function(g){return g()}),p=[]}return u}}var gs=[eo,lo,to,Xi,ao,oo,co,Qi,no],mi=uo({defaultModifiers:gs});var z=e=>e??y;var bs=":host{display:inline-block;font-size:13px;line-height:20px;font-family:Segoe UI,Lucida Sans,Arial,sans-serif;color:#111;contain:content}:host([hidden]){display:none!important}:host([level=warn i]){color:#555}:host([level=suggest i]){color:#bf8800}:host([level=error i]){color:#cc0017}:host([level=warn]){color:#555}:host([level=suggest]){color:#bf8800}:host([level=error]){color:#cc0017}.icon{height:12px;width:12px;padding-right:4px;margin-bottom:-1px}",xs="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cstyle%20id='style3'%3e%20.st0{fill:%23fff}.st1{fill:%23c00}%20%3c/style%3e%3cg%20id='g5'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20id='path9'/%3e%3c/g%3e%3cg%20id='g11'%3e%3cpath%20class='st0'%20id='rect13'%20d='M5.5%202.5h1v4h-1z'/%3e%3cpath%20class='st1'%20d='M6%203v3-3m1-1H5v5h2V2z'%20id='path15'/%3e%3c/g%3e%3cg%20id='g17'%3e%3cpath%20class='st0'%20id='rect19'%20d='M5.5%208.5h1v1h-1z'/%3e%3cpath%20class='st1'%20id='polygon21'%20d='M7%208H5v2h2V8z'/%3e%3c/g%3e%3c/svg%3e",ys="data:image/svg+xml,%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cstyle%3e%20.st0{fill:%23bf8800}%20%3c/style%3e%3cpath%20class='st0'%20d='M12%20.8l11%2019.8v1.3H1v-1.3L12%20.8zm.8-.6h-1.6L0%2020v3h24v-3L12.8.2z'/%3e%3cpath%20class='st0'%20d='M11%208h2v8h-2zm0%2010h2v2h-2z'/%3e%3c/svg%3e",ws="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2012'%3e%3cpath%20class='st1'%20d='M6%20.9c2.8%200%205.1%202.3%205.1%205.1S8.8%2011.1%206%2011.1.9%208.8.9%206%203.2.9%206%20.9m0-1C2.7-.1-.1%202.7-.1%206s2.7%206.1%206.1%206.1%206.1-2.7%206.1-6.1S9.3-.1%206-.1z'%20fill='%23555'/%3e%3cpath%20d='M6%209V6v3m-1%201h2V5H5v5zm2-8H5v2h2z'%20class='st1'%20fill='%23555'/%3e%3c/svg%3e",_s=Object.defineProperty,As=Object.getOwnPropertyDescriptor,gi=(e,t,i,o)=>{for(var s=o>1?void 0:o?As(t,i):t,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(o?n(t,i,s):n(s))||s);return o&&s&&_s(t,i,s),s},Gt,he=(Gt=class extends W{static parseLevel(e){if(e){let t=Object.keys(Xt).find(i=>i.toLowerCase()===e.toLowerCase());return t&&Xt[t]}}static get styles(){return[it`
|
|
4
4
|
${X(bs)}
|
|
5
|
-
`]}render(){return
|
|
5
|
+
`]}render(){return T`${this.iconToUse&&T`<img class="icon" src="${this.iconToUse}">`}${this.message}`}get iconToUse(){return this.icon||this._defaultIconPath}shouldUpdate(e){return e.has("level")&&(this._defaultIconPath=this.iconForLevel,!this.icon)?!0:super.shouldUpdate(e)}get iconForLevel(){switch(Gt.parseLevel(this.level)){case"warn":return ws;case"suggest":return ys;case"error":return xs;default:return null}}},Gt.ID="sd-field-validation-message",Gt.levelConverter={fromAttribute(e){return Gt.parseLevel(e)},toAttribute(e){return e&&e.toLowerCase()}},Gt);gi([h({type:String,attribute:!0})],he.prototype,"message",2);gi([h({type:String,attribute:!0})],he.prototype,"icon",2);gi([h({converter:he.levelConverter,reflect:!0})],he.prototype,"level",2);var vi=he,Xt=(e=>(e.Warn="warn",e.Suggest="suggest",e.Error="error",e))(Xt||{});customElements.get(vi.ID)||customElements.define(vi.ID,vi);var Ss=":host{display:inline-flex;position:relative;cursor:text;font-family:Segoe UI,Lucida Sans,Arial,sans-serif;font-size:16px;color:#111;contain:layout style;flex-direction:column}:host([hidden]),:host([type=hidden]){display:none!important}:host([effective-disabled]){opacity:.6;cursor:default;filter:grayscale(100%)}:host([effective-disabled]) .unfocused-line,:host([effective-disabled]) .focused-line{border-bottom-style:dashed}:host(:not([effective-disabled]):focus) .focused-line,:host(:not([effective-disabled])[focused]) .focused-line{transform:none;transition:transform .25s}:host(:not([effective-disabled]):focus) .label.float,:host(:not([effective-disabled])[focused]) .label.float{color:var(--sd-input-focused-color, #1467ba)}:host([inactive]) .input{pointer-events:none}:host([effective-disabled]:focus),:host([effective-disabled][focused]){box-shadow:0 0 0 1px #111}:host(:not([effective-disabled])[validationlevel]) .focused-line,:host(:not([effective-disabled]):invalid) .focused-line{transform:none;transition:transform .25s}:host([validationlevel=warn i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #555555)}:host([validationlevel=warn i]) .label,:host([validationlevel=warn i]) .validation-message{color:var(--sd-input-validation-color, #555555)!important}:host([validationlevel=suggest i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #bf8800)}:host([validationlevel=suggest i]) .label,:host([validationlevel=suggest i]) .validation-message{color:var(--sd-input-validation-color, #bf8800)!important}:host([validationlevel=error i]) .focused-line,:host(:not([validationlevel]):invalid) .focused-line{border-bottom-color:var(--sd-input-validation-color, #cc0017)}:host([validationlevel=error i]) .label,:host([validationlevel=error i]) .validation-message,:host(:not([validationlevel]):invalid) .label,:host(:not([validationlevel]):invalid) .validation-message{color:var(--sd-input-validation-color, #cc0017)!important}.validation-message-wrapper{position:relative}.validation-message{position:absolute;left:0;right:0}.label.float{transform:translateY(-75%) scale(.75);width:133%}.label:not(.float){max-width:100%}.floated-label-placeholder{height:20px;width:100%}.label{position:absolute;top:0;left:0;line-height:24px;pointer-events:none;color:var(--sd-input-color, #767676);transition:transform .25s,width .25s;transform-origin:left top}.input-wrapper{position:relative;display:flex;flex-direction:row;align-items:center;background-color:var(--input-wrapper-background-color)}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-wrapper{flex-direction:column;align-items:baseline}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-container{width:100%}:host([extended-prefix]:not(:focus-within)) .input-container,:host([extended-prefix][effective-disabled]) .input-container{width:0px}.input-container{line-height:var(--sd-input-line-height, 24px);flex:1 1 auto}.input{width:100%;background:var(--sd-input-background, transparent);font-family:inherit;font-size:inherit;text-align:inherit;color:inherit;border:none;outline:none;resize:none;padding-left:0;padding-right:0}.input:-webkit-autofill{animation-name:onautofillstart}.input:not(:-webkit-autofill){animation-name:onautofillcancel}@keyframes onautofillstart{0%{outline:none}}@keyframes onautofillcancel{0%{outline:none}}.label,input.input,.validation-message{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.input::placeholder{color:var(--sd-input-color, #767676)}.underline{height:2px;width:100%;position:relative}.unfocused-line,.focused-line{position:absolute;top:0;right:0;bottom:0;left:0}.unfocused-line{border-bottom:1px solid var(--sd-input-underline-color, #959595)}.focused-line{border-bottom:2px solid var(--sd-input-focused-color, #1467ba);transform-origin:center center;transform:scale3d(0,1,1)}.prefix,.suffix{display:flex;flex-wrap:nowrap;max-width:100%}.prefix ::slotted(*),.suffix ::slotted(*){display:flex}",Cs=Object.defineProperty,Es=Object.getOwnPropertyDescriptor,$=(e,t,i,o)=>{for(var s=o>1?void 0:o?Es(t,i):t,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(o?n(t,i,s):n(s))||s);return o&&s&&Cs(t,i,s),s},$s="sd-lit-input",fo="delegatesFocus"in window.ShadowRoot.prototype,Is=0,nt,S=(nt=class extends W{constructor(){super(),this.rows=1,this.effectiveDisabled=!1,this.type="text",this.autocomplete="off";let e=Is++;this._validationMessageId=nt.ID+"_message_"+e,this._inputId=nt.ID+"_input_"+e,this.attachInternals&&!this.activeShadyDOM&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabIndex")||(this.tabIndex=0)}firstUpdated(e){super.firstUpdated(e),this.initAutocompleted(this.inputElement),this.updateInitialValue(),this.updateFormValidity(),this.hasAttribute("disabled")&&(this.disabled=!0),this.inputElement.oninput=t=>{this.autocompleted=t.inputType==="insertReplacementText"||!("data"in t),this.currentText=this.inputElement.value,this.fireValueChange(!0)},this.inputElement.onchange=()=>this.fireValueChange(),fo||(this.inputElement.onfocus=()=>this.setAttribute("focused",""),this.inputElement.onblur=()=>this.removeAttribute("focused"),this.addEventListener("focus",t=>{t.target===this&&this.inputElement.focus()})),this.inputElement.addEventListener("keyup",()=>{this.updateFormValidity()}),this.addEventListener("keydown",t=>{var i,o;t.key=="Enter"&&((o=(i=this._internals)==null?void 0:i.form)==null||o.requestSubmit())}),this._initialized=!0}initAutocompleted(e){let t=i=>{/^onautofillstart(-sd-lit-input-\d+|\s?)$/.test(i.animationName)?this.autocompleted=!0:/^onautofillcancel(-sd-lit-input-\d+|\s?)$/.test(i.animationName)&&(this.autocompleted=!1)};this.activeShadyDOM?(this._needsAutocompletedCheck=!0,this.activeShadyDOM.nativeMethods.addEventListener.call(e,"animationstart",t)):e.addEventListener("animationstart",t)}get activeShadyDOM(){let e=window.ShadyDOM;return e&&e.inUse?e:null}updateInitialValue(){typeof this.currentText<"u"?this.value=this.currentText:this.value=this.getAttribute("value"),this.value&&(this.currentText=this.inputElement.value),this._initialValue=this.value}get disabled(){return this.hasAttribute("disabled")}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this._internals||(this.effectiveDisabled=e)}get inputElement(){return this.shadowRoot&&!this._inputElement&&(this._inputElement=this.shadowRoot.querySelector(".input")),this._inputElement}get value(){return this.inputElement&&this.inputElement.value}set value(e){this.currentText=e||"",this.inputElement&&(this.inputElement.value=this.currentText),this.setFormValue(this.currentText)}get selectionStart(){return this.inputElement?this.inputElement.selectionStart:0}focus(){this.inputElement?this.inputElement.focus():super.focus()}select(){this.inputElement&&this.inputElement.select()}setSelectionRange(e,t){this.updateComplete.then(()=>{this.inputElement&&this.inputElement.setSelectionRange(e,t)})}static get styles(){return[it`
|
|
6
6
|
${X(Ss)}
|
|
7
|
-
`]}render(){let e;return this.rows===1?
|
|
7
|
+
`]}render(){var e;let t,i=this.validationMessage||((e=this.inputElement)==null?void 0:e.validationMessage);return this.rows===1?t=T`
|
|
8
8
|
<input
|
|
9
9
|
id=${this._inputId}
|
|
10
10
|
class="input"
|
|
11
11
|
.type=${this.type}
|
|
12
|
-
placeholder=${
|
|
13
|
-
name=${
|
|
12
|
+
placeholder=${z(this.placeholder||void 0)}
|
|
13
|
+
name=${z(this.name||void 0)}
|
|
14
14
|
aria-disabled=${this.effectiveDisabled}
|
|
15
15
|
autocomplete=${this.autocomplete}
|
|
16
16
|
?disabled=${this.inactive}
|
|
@@ -18,15 +18,18 @@ var window;(window||={})["@cas-smartdesign/combo-box"]=(()=>{var Ne=Object.defin
|
|
|
18
18
|
?required=${this.required}
|
|
19
19
|
maxlength=${this.maxlength>0?this.maxlength:nt.DEFAULT_MAX_LENGTH}
|
|
20
20
|
aria-describedby=${this._validationMessageId}
|
|
21
|
-
aria-invalid=${
|
|
22
|
-
aria-label=${
|
|
21
|
+
aria-invalid=${z(!!i||void 0)}
|
|
22
|
+
aria-label=${z(this.sdAriaLabel||void 0)}
|
|
23
|
+
min=${z(this.min||void 0)}
|
|
24
|
+
max=${z(this.max||void 0)}
|
|
25
|
+
pattern=${z(this.pattern||void 0)}
|
|
23
26
|
/>
|
|
24
|
-
`:
|
|
27
|
+
`:t=T`
|
|
25
28
|
<textarea
|
|
26
29
|
id=${this._inputId}
|
|
27
30
|
class="input"
|
|
28
|
-
placeholder=${
|
|
29
|
-
name=${
|
|
31
|
+
placeholder=${z(this.placeholder||void 0)}
|
|
32
|
+
name=${z(this.name||void 0)}
|
|
30
33
|
aria-disabled=${this.effectiveDisabled}
|
|
31
34
|
autocomplete=${this.autocomplete}
|
|
32
35
|
?disabled=${this.inactive}
|
|
@@ -35,20 +38,20 @@ var window;(window||={})["@cas-smartdesign/combo-box"]=(()=>{var Ne=Object.defin
|
|
|
35
38
|
maxlength=${this.maxlength>0?this.maxlength:nt.DEFAULT_MAX_LENGTH}
|
|
36
39
|
rows=${this.rows}
|
|
37
40
|
aria-describedby=${this._validationMessageId}
|
|
38
|
-
aria-invalid=${
|
|
39
|
-
aria-label=${
|
|
41
|
+
aria-invalid=${z(!!i||void 0)}
|
|
42
|
+
aria-label=${z(this.sdAriaLabel||void 0)}
|
|
40
43
|
></textarea>
|
|
41
|
-
`,
|
|
42
|
-
${this.label?
|
|
44
|
+
`,T`
|
|
45
|
+
${this.label?T` <div class="floated-label-placeholder" aria-hidden="true"> </div> `:y}
|
|
43
46
|
<div class="input-wrapper">
|
|
44
47
|
<span class="prefix"><slot name="prefix"></slot></span>
|
|
45
48
|
<div class="input-container" style="position:${this.shouldFloat()?"static":"relative"};">
|
|
46
|
-
${this.label&&
|
|
49
|
+
${this.label&&T`
|
|
47
50
|
<label for="${this._inputId}" class="label ${this.shouldFloat()?"float":""}"
|
|
48
51
|
>${this.label}</label
|
|
49
52
|
>
|
|
50
53
|
`}
|
|
51
|
-
${
|
|
54
|
+
${t}
|
|
52
55
|
</div>
|
|
53
56
|
<span class="suffix"><slot name="suffix"></slot></span>
|
|
54
57
|
</div>
|
|
@@ -57,22 +60,22 @@ var window;(window||={})["@cas-smartdesign/combo-box"]=(()=>{var Ne=Object.defin
|
|
|
57
60
|
<div class="focused-line"></div>
|
|
58
61
|
</div>
|
|
59
62
|
<div class="validation-message-wrapper" aria-hidden="true">
|
|
60
|
-
${
|
|
63
|
+
${i&&T`
|
|
61
64
|
<sd-field-validation-message
|
|
62
65
|
id=${this._validationMessageId}
|
|
63
66
|
class="validation-message"
|
|
64
|
-
.message=${
|
|
67
|
+
.message=${i}
|
|
65
68
|
.icon=${this.validationIconSrc}
|
|
66
69
|
.level=${this.validationLevel}
|
|
67
70
|
>
|
|
68
71
|
</sd-field-validation-message>
|
|
69
72
|
`}
|
|
70
73
|
</div>
|
|
71
|
-
`}updated(e){super.updated(e),this._needsAutocompletedCheck&&!this.autocompleted&&setTimeout(()=>{try{this.autocompleted=this.autocompleted||!!this.shadowRoot.querySelector(":-webkit-autofill")}catch{}},0)}update(e){var t,i;if(super.update(e),e.has("validationMessage")&&(this.validationMessage?(this.validationLevel||(this.validationLevel=Xt.Error),(t=this._internals)==null||t.setValidity({customError:!0},this.validationMessage)):(this.validationLevel=null,(i=this._internals)==null||i.setValidity(
|
|
74
|
+
`}updated(e){super.updated(e),this._needsAutocompletedCheck&&!this.autocompleted&&setTimeout(()=>{try{this.autocompleted=this.autocompleted||!!this.shadowRoot.querySelector(":-webkit-autofill")}catch{}},0),this.rows>1&&((e.has("min")||e.has("max")||e.has("pattern"))&&console.warn("min, max & pattern attributes are not supported with multiple rows configuration."),this.type!="text"&&console.warn(`type: ${this.type} is not supported with multiple rows configuration.`))}update(e){var t,i;if(super.update(e),e.has("validationMessage")&&(this.validationMessage?(this.validationLevel||(this.validationLevel=Xt.Error),(t=this._internals)==null||t.setValidity({customError:!0},this.validationMessage)):(this.validationLevel=null,(i=this._internals)==null||i.setValidity(this.inputElement.validity,this.inputElement.validationMessage))),this._initialized&&e.has("rows"))throw Error("rows attribute cannot be changed after the input is attached to the DOM")}fireValueChange(e){this.dispatchEvent(new CustomEvent(`${e?"immediate-":""}value-change`,{detail:{value:this.value}})),this.setFormValue(this.value),this.updateFormValidity()}updateFormValidity(){if(this.validationMessage==null){this._internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage);let e=this.shadowRoot.querySelector("sd-field-validation-message");this.requestUpdate("validationMessage",e==null?null:e.message)}}shouldFloat(){return this.alwaysFloatLabel||this.currentText||this.placeholder||this.autocompleted||this.type==="date"}setFormValue(e){var t;(t=this._internals)==null||t.setFormValue(e)}formResetCallback(){this.value=this._initialValue}formDisabledCallback(e){this.effectiveDisabled=e||this.hasAttribute("disabled")}formAssociatedCallback(e){this._needsAutocompletedCheck=!0}formStateRestoreCallback(e,t){typeof e=="string"&&(this.value=e)}},nt.ID=$s,nt.DEFAULT_MAX_LENGTH=524288,nt.formAssociated=!0,nt.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:fo},nt);$([h({type:String,reflect:!0})],S.prototype,"label",2);$([h({type:String,attribute:!0})],S.prototype,"validationMessage",2);$([h({type:String,attribute:!0})],S.prototype,"validationIconSrc",2);$([h({type:Xt,attribute:!0,reflect:!0})],S.prototype,"validationLevel",2);$([h({type:String,hasChanged(e,t){return t!=null&&t!=e}})],S.prototype,"currentText",2);$([h({type:Boolean,attribute:!0})],S.prototype,"alwaysFloatLabel",2);$([h({type:Boolean,attribute:!0})],S.prototype,"autocompleted",2);$([h({type:Number,attribute:!0})],S.prototype,"rows",2);$([h({type:Boolean,reflect:!0,attribute:"effective-disabled"})],S.prototype,"effectiveDisabled",2);$([h({type:Boolean,reflect:!0,attribute:"extended-prefix"})],S.prototype,"extendedPrefix",2);$([h({type:String,reflect:!0})],S.prototype,"type",2);$([h({type:String,reflect:!0})],S.prototype,"placeholder",2);$([h({type:String,reflect:!0})],S.prototype,"sdAriaLabel",2);$([h({type:Number,reflect:!0})],S.prototype,"maxlength",2);$([h({type:Boolean,reflect:!0})],S.prototype,"readonly",2);$([h({type:Boolean,reflect:!0})],S.prototype,"required",2);$([h({type:String,reflect:!0})],S.prototype,"name",2);$([h({type:Boolean,reflect:!0})],S.prototype,"inactive",2);$([h({type:String,attribute:!0})],S.prototype,"autocomplete",2);$([h({type:String,attribute:!0})],S.prototype,"min",2);$([h({type:String,attribute:!0})],S.prototype,"max",2);$([h({type:String,attribute:!0})],S.prototype,"pattern",2);var pe=S;customElements.get(pe.ID)||customElements.define(pe.ID,pe);var mo={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},vo=e=>(...t)=>({_$litDirective$:e,values:t}),Pe=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,i,o){this._$Ct=t,this._$AM=i,this._$Ci=o}_$AS(t,i){return this.update(t,i)}update(t,i){return this.render(...i)}};var ue=class extends Pe{constructor(t){if(super(t),this.et=y,t.type!==mo.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===y||t==null)return this.ft=void 0,this.et=t;if(t===lt)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.ft;this.et=t;let i=[t];return i.raw=i,this.ft={_$litType$:this.constructor.resultType,strings:i,values:[]}}};ue.directiveName="unsafeHTML",ue.resultType=1;var go=vo(ue);var Le=class{static showImage(t,i,o,s){let r;if(s||!(t instanceof HTMLImageElement)?r=n=>t.style.backgroundImage=this.prepareSrc(n):r=n=>t.src=n,r(o),i){let n=()=>{r(i)},l=new Image;l.addEventListener("load",n),l.src=i,l.complete&&(l.removeEventListener("load",n),n())}}static prepareSrc(t){return t?t.startsWith("url")?t:`url("${t}")`:null}};var Os=':host{display:block;contain:strict;height:50px}:host([selected]){background-color:#d3e6fa}:host(:not([selected]):hover),:host(:not([selected])[focused]){background-color:#e7f1fa}@media (forced-colors: active){:host([selected]){outline:4px solid}:host(:not([selected]):hover){outline:4px dotted}:host(:not([selected])[focused]){outline:4px dashed}}:host([enable-line-clamp]) .labels>:only-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.container{display:flex;height:100%;box-sizing:border-box}.container .level-indicator{width:7px;height:100%}.container .level-indicator.level-0{background-color:#a0c3ef}.container .level-indicator.level-1{background-color:#e7c374}.container .level-indicator.level-2{background-color:#bfd596}.container .level-indicator.level-3{background-color:#fd998d}.container .level-indicator.level-4{background-color:#c6e8f5}.container .level-indicator.level-5{background-color:#fde3a4}.container .level-indicator.level-6{background-color:#dcbfe0}.side-content{display:flex;align-items:center;flex-grow:0}.labels{display:flex;flex-direction:column;justify-content:center;flex:1 1 0px;height:100%;line-height:normal;overflow:hidden;padding:var(--sd-list-item-label-content-padding, 0 8px)}.caption,.description{width:100%;font-family:var(--sd-list-item-font-family, "Segoe UI", "Lucida Sans", Arial, sans-serif);font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-decoration:var(--sd-list-item-text-decoration, inherit)}.caption em,.description em{font-weight:bolder}.caption{font-size:var(--sd-list-item-caption-font-size, 16px);color:var(--sd-list-item-caption-text-color, #111);font-weight:var(--sd-list-item-caption-font-weight, normal)}.description{font-size:var(--sd-list-item-description-font-size, 13px);color:var(--sd-list-item-description-text-color, #767676);font-weight:var(--sd-list-item-description-font-weight, normal)}.icon-wrapper{width:var(--sd-list-item-icon-wrapper-width, 45px);height:100%;display:flex;align-items:center;justify-content:center}.icon-wrapper .icon{min-height:var(--sd-list-item-icon-size, 24px);min-width:var(--sd-list-item-icon-size, 24px);background-repeat:no-repeat;background-position:center;background-size:cover}',Ps=Object.defineProperty,Ls=Object.getOwnPropertyDescriptor,K=(e,t,i,o)=>{for(var s=o>1?void 0:o?Ls(t,i):t,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(o?n(t,i,s):n(s))||s);return o&&s&&Ps(t,i,s),s},Mt,q=(Mt=class extends W{constructor(){super(...arguments),this.contentMode="text",this.role="option"}static get styles(){return[it`
|
|
72
75
|
${X(Os)}
|
|
73
|
-
`]}render(){return
|
|
76
|
+
`]}render(){return T`
|
|
74
77
|
<div class="container">
|
|
75
|
-
${this.getLevelIndicators().map((e,t)=>
|
|
78
|
+
${this.getLevelIndicators().map((e,t)=>T` <div class="level-indicator level-${t}"></div> `)}
|
|
76
79
|
<div class="side-content">
|
|
77
80
|
<slot name="left-content"></slot>
|
|
78
81
|
${this.renderIcon()}
|
|
@@ -85,42 +88,42 @@ var window;(window||={})["@cas-smartdesign/combo-box"]=(()=>{var Ne=Object.defin
|
|
|
85
88
|
<slot name="right-content"></slot>
|
|
86
89
|
</div>
|
|
87
90
|
</div>
|
|
88
|
-
`}renderIcon(){if(this.icon||this.iconPlaceholder){let e=this.iconBackgroundColor!=null?`background-color:${this.iconBackgroundColor}`:void 0;return
|
|
91
|
+
`}renderIcon(){if(this.icon||this.iconPlaceholder){let e=this.iconBackgroundColor!=null?`background-color:${this.iconBackgroundColor}`:void 0;return T`
|
|
89
92
|
<div
|
|
90
93
|
class="icon-wrapper"
|
|
91
94
|
@pointerdown="${this.handleIconClick}"
|
|
92
|
-
style="${
|
|
95
|
+
style="${z(e)}"
|
|
93
96
|
role="img"
|
|
94
|
-
aria-label="${
|
|
95
|
-
title="${
|
|
97
|
+
aria-label="${z(this.iconAttrAriaLabel)}"
|
|
98
|
+
title="${z(this.iconAttrTitle)}"
|
|
96
99
|
>
|
|
97
100
|
<div class="icon"></div>
|
|
98
101
|
</div>
|
|
99
|
-
`}return y}renderLabel(e,t,i){return t?
|
|
100
|
-
<div class="${e}" title="${
|
|
102
|
+
`}return y}renderLabel(e,t,i){return t?T`
|
|
103
|
+
<div class="${e}" title="${z(i)}">
|
|
101
104
|
${this.contentMode==="html"?go(t):t}
|
|
102
105
|
</div>
|
|
103
|
-
`:y}updated(e){super.updated(e),(e.has("icon")||e.has("iconPlaceholder"))&&(this.icon||this.iconPlaceholder)&&
|
|
106
|
+
`:y}updated(e){super.updated(e),(e.has("icon")||e.has("iconPlaceholder"))&&(this.icon||this.iconPlaceholder)&&Le.showImage(this.shadowRoot.querySelector(".icon"),this.icon,this.iconPlaceholder),e.has("selected")&&this.setAttribute("aria-selected",String(this.selected))}get missingWidthForTexts(){let e=this.enableLineClamp;this.removeAttribute("enable-line-clamp");let t=0,i=this.shadowRoot.querySelector(".caption");i&&(t+=i.scrollWidth-i.clientWidth);let o=this.shadowRoot.querySelector(".description");return o&&(t=Math.max(t,o.scrollWidth-o.clientWidth)),t>0&&t++,e&&this.setAttribute("enable-line-clamp",""),t}handleIconClick(e){!this.disabled&&!this.dispatchEvent(new PointerEvent("list-item-icon-click",e))&&e.preventDefault()}getLevelIndicators(){return this.level?Array(Number(this.level)).fill(null):[]}},Mt.ID="sd-list-item",Mt.ensureDefined=()=>{customElements.get(Mt.ID)||customElements.define(Mt.ID,Mt)},Mt);K([h({type:String})],q.prototype,"caption",2);K([h({type:String})],q.prototype,"description",2);K([h({type:Boolean})],q.prototype,"selected",2);K([h({type:String})],q.prototype,"icon",2);K([h({type:String})],q.prototype,"iconBackgroundColor",2);K([h({type:String})],q.prototype,"iconPlaceholder",2);K([h({type:Number})],q.prototype,"level",2);K([h()],q.prototype,"contentMode",2);K([h({type:Boolean,reflect:!0,attribute:"enable-line-clamp"})],q.prototype,"enableLineClamp",2);K([h({type:Boolean,reflect:!0,attribute:"aria-disabled"})],q.prototype,"disabled",2);K([h({type:String,attribute:"icon-attr-aria-label"})],q.prototype,"iconAttrAriaLabel",2);K([h({type:String,reflect:!0})],q.prototype,"role",2);K([h({type:String,attribute:"caption-attr-title"})],q.prototype,"captionAttrTitle",2);K([h({type:String,attribute:"description-attr-title"})],q.prototype,"descriptionAttrTitle",2);K([h({type:String,attribute:"icon-attr-title"})],q.prototype,"iconAttrTitle",2);var Bt=q,De=(e,t)=>{let i=document.createElement(Bt.ID);if(e){if(i.caption=e.caption,i.description=e.description,i.icon=e.icon,i.iconBackgroundColor=e.iconBackgroundColor,i.iconPlaceholder=e.iconPlaceholder,i.level=e.level,i.disabled=e.disabled,e.contentMode&&(i.contentMode=e.contentMode),e.leftContentGenerator){let o=e.leftContentGenerator(e,i);o&&(o.slot="left-content",i.appendChild(o))}if(e.rightContentGenerator){let o=e.rightContentGenerator(e,i);o&&(o.slot="right-content",i.appendChild(o))}}return i};Bt.ensureDefined();var bi=class{getOffsetForIndexAndAlignment(t,i,o,s,r,n){let l=Math.max(0,n*s),a=Math.min(l,t*s),c=Math.max(0,t*s-r+s);switch(i){case"start":return a;case"end":return c;case"center":{let d=Math.round(c+(a-c)/2);return d<Math.ceil(r/2)?0:d>l+Math.floor(r/2)?l:d}case"auto":default:return o>=c&&o<=a?o:o<c?c:a}}debounce(t){let i;return(...o)=>{i&&window.cancelAnimationFrame(i),i=window.requestAnimationFrame(()=>{t(...o),i=null})}}},Ds=new bi,Te=class{constructor(t=100,i=5){this.pageSize=t,this.preloadedItemsCount=i,this._finalSizeIsKnown=!1,this._itemCache=[],this._lastRequestedFirstIndex=0,this._lastRequestedLastIndex=0,this._lastLoadedIndex=0,this.handleListDataRequest=o=>{let{startIndex:s,stopIndex:r}=o.detail;this._lastRequestedFirstIndex=s,this._lastRequestedLastIndex=r,this._list.items=this._itemCache.slice(s,r+1),!this.finalSizeIsKnown&&this._lastLoadedIndex<r+this.preloadedItemsCount&&this.requestData()},this.itemCount=t}get currentPage(){return this.items.length==0&&this.finalSizeIsKnown?0:Math.floor((this.items.length-1)/this.pageSize)}get finalSizeIsKnown(){return this._finalSizeIsKnown}set finalSizeIsKnown(t){this._finalSizeIsKnown=t,t&&(this.itemCount=this._itemCache.length),this._list&&(this._list.finalSizeIsKnown=t)}get itemCount(){return this._itemCount}set itemCount(t){this._itemCount=t,this._list&&(this._list.itemCount=t)}get items(){return this._itemCache}set items(t){this._itemCache=t,this.onItemsChange()}addItems(t){this._itemCache=this._itemCache.concat(t),this.onItemsChange()}connectList(t){this._list&&this._list.removeEventListener("data-request",this.handleListDataRequest),this._list=t,t.itemCount=this.itemCount,t.addEventListener("data-request",this.handleListDataRequest),t.finalSizeIsKnown=this._finalSizeIsKnown}onItemsChange(){this._pendingDataRequest=!1,this._lastLoadedIndex=this._itemCache.length-1,this.finalSizeIsKnown?this.itemCount=this._itemCache.length:this._lastLoadedIndex>this.itemCount&&(this.itemCount=this._lastLoadedIndex),this._list&&(this._list.items=this._itemCache.slice(this._lastRequestedFirstIndex,this._lastRequestedLastIndex+1))}requestData(){if(!this._pendingDataRequest)if(this.onDataRequest)this._pendingDataRequest=!0,this.onDataRequest(this.currentPage+1),this._lastLoadedIndex+=this.pageSize-1,this._lastLoadedIndex>this.itemCount&&(this.itemCount=this._lastLoadedIndex);else throw Error("The final size is not yet known and the list would require item data from index "+this._lastRequestedFirstIndex+". to "+this._lastRequestedLastIndex+". which is not possible to load without a configured onDataRequest")}},Ts=":host{display:block;position:relative;contain:layout}:host(:focus){outline:none}:host(:focus-visible) ::slotted([focused]){box-shadow:0 0 0 1px #1467ba inset}.container{width:100%}.container>::slotted(*){width:100%;position:absolute;box-sizing:border-box}.container>::slotted(:not([last])){border-bottom:1px solid #d9d9d9}",Rs=Object.defineProperty,Vs=Object.getOwnPropertyDescriptor,xt=(e,t,i,o)=>{for(var s=o>1?void 0:o?Vs(t,i):t,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(o?n(t,i,s):n(s))||s);return o&&s&&Rs(t,i,s),s},Yt=(e=>(e.TriggerOnly="trigger-only",e.Single="single",e.Multi="multi",e))(Yt||{}),ks=0,bt,pt=(bt=class extends W{constructor(){super(),this.items=[],this.selectionType="trigger-only",this.id=bt.ID+"_"+ks++,this.role="listbox",this.itemGenerator=De,this._lastKnownScrollTop=0,this._lastRenderedScrollTop=0,this._itemsRenderData=[],this._elementCache=new Map,this._visibleItemsNum=0,this._selectedIndices=[],this._focusIndex=-1,this._lastKnownHeight=0,this.onScroll=()=>{this._lastKnownScrollTop=this.scrollTop;let e=this._lastRenderedScrollTop-this._lastKnownScrollTop;Math.abs(e)>=this.itemHeight&&(this._lastRenderedScrollTop=this._lastKnownScrollTop,this.requestUpdate())},this.handleKeyDown=e=>{let t=!0;switch(e.key){case"Down":case"ArrowDown":this.focusIndex=this.normalizeIndex(this.focusIndex+1);break;case"Up":case"ArrowUp":this.focusIndex=this.normalizeIndex(this.focusIndex-1);break;case"Enter":this.handleSelection(this.focusIndex,e.metaKey||e.ctrlKey);break;case"End":this.focusIndex=this.itemCount-1;break;case"PageDown":this.focusIndex=this.normalizeIndex(this.focusIndex+this._visibleItemsNum-1);break;case"Home":this.focusIndex=0;break;case"PageUp":this.focusIndex=this.normalizeIndex(this.focusIndex-this._visibleItemsNum+1);break;default:t=!1;break}t&&(e.preventDefault(),e.stopPropagation())},this._resizeObserver=new ResizeObserver(()=>{this._lastKnownHeight!==this.offsetHeight&&(this._lastKnownHeight=this.offsetHeight,this.requestUpdate())})}get focusTarget(){return this.hasAttribute("focus-target")}set focusTarget(e){this.toggleAttribute("focus-target",e)}get focusIndex(){return this._focusIndex}set focusIndex(e){if(e>=-1&&e<this.itemCount){let t=this._focusIndex;this._focusIndex=e,(e<=this._firstVisibleIndex||this._lastVisibleIndex<=e)&&this.scrollToItem(e),t!=e&&(e==-1&&this.removeAttribute("aria-activedescendant"),this.requestUpdate("focusIndex",t))}}get selectedIndices(){return this._selectedIndices}set selectedIndices(e){e?this._selectedIndices=e.map(t=>Number(t)):this._selectedIndices=[],this.requestUpdate("selectedIndices")}scrollToItem(e,t="auto"){this.scrollTop=Ds.getOffsetForIndexAndAlignment(this.normalizeIndex(e),t,this.scrollTop,this.itemHeight,this.height,this.itemCount),this._lastKnownScrollTop=this.scrollTop}getListItem(e){return!this.shadowRoot||e<this._firstVisibleIndex||this._lastVisibleIndex<e?null:this.querySelector(`[item-index="${e}"]`)}connectedCallback(){super.connectedCallback(),this._resizeObserver.observe(this),this.scrollTop!==this._lastKnownScrollTop&&(this.scrollTop=this._lastKnownScrollTop,this.requestUpdate())}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver.disconnect()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("scroll",this.onScroll),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick),this.addEventListener("mousedown",t=>{t.button==1&&t.preventDefault()}),this.addEventListener("auxclick",this.handleClick),this.addEventListener("focus",()=>{this.matches(":focus-visible")&&(this.focusIndex==-1?(this.selectedIndices&&(this.focusIndex=this.selectedIndices[0]),this.focusIndex==-1&&this.itemCount>0&&(this.focusIndex=0)):this.updateFocusedItemAttributes())}),this.addEventListener("blur",()=>{this.focusIndex!=-1&&this.updateFocusedItemAttributes()}),this.selectedIndices.length>0&&this.scrollToItem(this.selectedIndices[0],"center")}updateFocusedItemAttributes(){let e=this.getListItem(this.focusIndex);e&&(this.focusTarget||document.activeElement==this?(e.setAttribute("focused",""),this.setAttribute("aria-activedescendant",e.id)):(e.removeAttribute("focused"),this.removeAttribute("aria-activedescendant")))}static get styles(){return[it`
|
|
104
107
|
${X(Ts)}
|
|
105
|
-
`]}render(){return this.updateItemsRenderData(),
|
|
108
|
+
`]}render(){return this.updateItemsRenderData(),T`
|
|
106
109
|
<div class="container" style="height: ${this.itemCount*this.itemHeight}px">
|
|
107
110
|
<slot name="items"></slot>
|
|
108
111
|
</div>
|
|
109
|
-
`}updated(e){if(super.updated(e),this._lastRenderedScrollTop=this._lastKnownScrollTop,this.updateItems(),(this._increaseWidthOnNextRenderIfNeeded||this._reachedMaxWidth)&&this._firstVisibleIndex<this._lastVisibleIndex)if(this.querySelector("[item-index]"))this.adjustWidthIfNeeded();else{let t=new MutationObserver(()=>{this.adjustWidthIfNeeded(),t.disconnect()});t.observe(this)}}adjustWidthIfNeeded(){this._increaseWidthOnNextRenderIfNeeded?(this._increaseWidthOnNextRenderIfNeeded=!1,window.requestAnimationFrame(()=>{let e=Number.parseInt(getComputedStyle(this).maxWidth)-this.offsetWidth;if(e==0)this._reachedMaxWidth=!0,this.enableLineClampOnItemsIfNeeded();else{this._reachedMaxWidth=!1;let t=[...this.querySelectorAll("[item-index]")].map(o=>{if(o instanceof Bt){o.enableLineClamp=!1;let s=o.missingWidthForTexts;return s>e&&(o.enableLineClamp=!0),s}}),i=Math.max(...t);i>0&&(this.style.width=`${this.offsetWidth+i}px`)}})):this._reachedMaxWidth&&this.enableLineClampOnItemsIfNeeded()}enableLineClampOnItemsIfNeeded(){this.querySelectorAll("[item-index]").forEach(e=>{e instanceof Bt&&(e.enableLineClamp=e.enableLineClamp||e.missingWidthForTexts>0)})}increaseWidthOnNextRenderIfNeeded(){this._increaseWidthOnNextRenderIfNeeded=!0}updateItems(){let e=[...this.querySelectorAll("[item-index]")],t=new Map,i=document.createDocumentFragment();for(let o of this._itemsRenderData){let s=this.renderItem(o);s.parentElement||i.appendChild(s),t.set(o.dataHash,s);let r=e.indexOf(s);r!==-1&&e.splice(r,1)}this.appendChild(i);for(let o of e)o instanceof Bt&&(o.enableLineClamp=!1),this.removeChild(o);t.forEach((o,s)=>{this._elementCache.set(s,o)})}renderItem({index:e,top:t,dataHash:i,data:o}){let s;return o?this._elementCache.has(i)?(s=this._elementCache.get(i),this._elementCache.delete(i)):(s=this.itemGenerator(o,e),s.setAttribute("slot","items")):(s=document.createElement("div"),s.setAttribute("placeholder-item",""),s.setAttribute("slot","items")),Object.assign(s.style,{transform:`translateY(${t}px)`,height:`${this.itemHeight}px`}),s.setAttribute("item-index",e.toString()),s.setAttribute("aria-setsize",String(this.finalSizeIsKnown?this.itemCount:-1)),s.setAttribute("aria-posinset",String(e+1)),(!s.id||s.id.startsWith(this.id+"_item_"))&&(s.id=this.id+"_item_"+e),this.itemCount-1==e?s.setAttribute("last",""):s.removeAttribute("last"),this.updateSelectedAttribute(e,s),this.updateFocusedAttribute(e,s),s}updateFocusedAttribute(e,t){this.focusIndex==e&&(this.focusTarget||document.activeElement==this)?(t.setAttribute("focused",""),this.setAttribute("aria-activedescendant",t.id)):t.removeAttribute("focused")}updateSelectedAttribute(e,t){let i=this.selectedIndices.indexOf(e)!==-1;i?t.setAttribute("selected",""):t.removeAttribute("selected"),t.setAttribute("aria-selected",String(i))}updateItemsRenderData(){if(this._itemsRenderData=[],this._visibleItemsNum=Math.min(Math.ceil(this.height/this.itemHeight),this.itemCount),this._visibleItemsNum>0){this._firstVisibleIndex=this.normalizeIndex(Math.floor(this._lastKnownScrollTop/this.itemHeight)),this._lastVisibleIndex=this.normalizeIndex(this._firstVisibleIndex+this._visibleItemsNum);let e=this.normalizeIndex(this._firstVisibleIndex-2),t=this.normalizeIndex(this._lastVisibleIndex+2);this.requestData(e,t);for(let i=e;i<=t;i++){let o=i-e,s=this.items[o],r;s?r=JSON.stringify(s):r=`placeholder-${o}`,this._itemsRenderData.push({index:i,top:this.itemHeight*i,physicalIndex:o,dataHash:r,data:s})}}else this._firstVisibleIndex=0,this._lastVisibleIndex=0}normalizeIndex(e){return Math.max(0,Math.min(e,this.itemCount-1))}get height(){return this.offsetHeight}requestData(e,t){!Number.isNaN(e)&&!Number.isNaN(t)&&this.dispatchEvent(new CustomEvent("data-request",{detail:{startIndex:e,stopIndex:t}}))}handleSelection(e,t){if(e<0||this.itemCount<=e)return;let i=e%this._visibleItemsNum,o=this.items[i];if(!o||o.disabled)return;let s=!0;if(this.selectionType!=="trigger-only"){let r=this.selectedIndices.indexOf(e);s=r==-1,s?this.selectionType==="single"?this.selectedIndices=[e]:this.selectedIndices.push(e):this.selectedIndices.splice(r,1),this.requestUpdate("selectedIndices")}this.focusIndex=e,this.dispatchSelectionEvent(e,s,t)}dispatchSelectionEvent(e,t,i){this.dispatchEvent(new CustomEvent("selection",{detail:{index:e,selected:t,hasModifier:i}}))}handleClick(e){let t=e.composedPath().find(i=>i.hasAttribute&&i.hasAttribute("item-index"));if(t){let i=parseInt(t.getAttribute("item-index"));if(Number.isInteger(i)){if(e.button==0||e.button==1){let o=e.type=="auxclick"&&e.button==1||e.metaKey||e.ctrlKey;this.handleSelection(i,o)}this.focusIndex=i}}}},bt.ID="sd-virtual-list",bt.ensureDefined=()=>{Bt.ensureDefined(),customElements.get(bt.ID)||customElements.define(bt.ID,bt)},bt);xt([h({type:Number,attribute:"item-height",reflect:!0})],pt.prototype,"itemHeight",2);xt([h({type:Number})],pt.prototype,"itemCount",2);xt([h({type:Array,attribute:!1})],pt.prototype,"items",2);xt([h({type:String,attribute:"selection-type",reflect:!0,noAccessor:!0})],pt.prototype,"selectionType",2);xt([h({type:String,attribute:!0,reflect:!0})],pt.prototype,"id",2);xt([h({type:String,reflect:!0})],pt.prototype,"role",2);xt([h({type:Number,attribute:"focus-index",reflect:!0})],pt.prototype,"focusIndex",1);xt([h({type:Array,attribute:!1})],pt.prototype,"selectedIndices",1);var Re=pt;Re.ensureDefined();var Ms=":host{display:inline-flex;position:relative;cursor:text;font-family:Segoe UI,Lucida Sans,Arial,sans-serif;font-size:16px;color:#111;contain:layout style;flex-direction:column}:host([hidden]),:host([type=hidden]){display:none!important}:host([effective-disabled]){opacity:.6;cursor:default;filter:grayscale(100%)}:host([effective-disabled]) .unfocused-line,:host([effective-disabled]) .focused-line{border-bottom-style:dashed}:host(:not([effective-disabled]):focus) .focused-line,:host(:not([effective-disabled])[focused]) .focused-line{transform:none;transition:transform .25s}:host(:not([effective-disabled]):focus) .label.float,:host(:not([effective-disabled])[focused]) .label.float{color:var(--sd-input-focused-color, #1467ba)}:host([inactive]) .input{pointer-events:none}:host([effective-disabled]:focus),:host([effective-disabled][focused]){box-shadow:0 0 0 1px #111}:host(:not([effective-disabled])[validationlevel]) .focused-line{transform:none;transition:transform .25s}:host([validationlevel=warn i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #555555)}:host([validationlevel=warn i]) .label,:host([validationlevel=warn i]) .validation-message{color:var(--sd-input-validation-color, #555555)!important}:host([validationlevel=suggest i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #bf8800)}:host([validationlevel=suggest i]) .label,:host([validationlevel=suggest i]) .validation-message{color:var(--sd-input-validation-color, #bf8800)!important}:host([validationlevel=error i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #cc0017)}:host([validationlevel=error i]) .label,:host([validationlevel=error i]) .validation-message{color:var(--sd-input-validation-color, #cc0017)!important}:host([validationlevel=warn]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #555555)}:host([validationlevel=warn]) .label,:host([validationlevel=warn]) .validation-message{color:var(--sd-input-validation-color, #555555)!important}:host([validationlevel=suggest]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #bf8800)}:host([validationlevel=suggest]) .label,:host([validationlevel=suggest]) .validation-message{color:var(--sd-input-validation-color, #bf8800)!important}:host([validationlevel=error]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #cc0017)}:host([validationlevel=error]) .label,:host([validationlevel=error]) .validation-message{color:var(--sd-input-validation-color, #cc0017)!important}.validation-message-wrapper{position:relative}.validation-message{position:absolute;left:0;right:0}.label.float{transform:translateY(-75%) scale(.75);width:133%}.label:not(.float){max-width:100%}.floated-label-placeholder{height:20px;width:100%}.label{position:absolute;top:0;left:0;line-height:24px;pointer-events:none;color:var(--sd-input-color, #767676);transition:transform .25s,width .25s;transform-origin:left top}.input-wrapper{position:relative;display:flex;flex-direction:row;align-items:center;background-color:var(--input-wrapper-background-color)}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-wrapper{flex-direction:column;align-items:baseline}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-container{width:100%}:host([extended-prefix]:not(:focus-within)) .input-container,:host([extended-prefix][effective-disabled]) .input-container{width:0px}.input-container{line-height:var(--sd-input-line-height, 24px);flex:1 1 auto}.input{width:100%;background:var(--sd-input-background, transparent);font-family:inherit;font-size:inherit;text-align:inherit;color:inherit;border:none;outline:none;resize:none;padding-left:0;padding-right:0}.input:-webkit-autofill{animation-name:onautofillstart}.input:not(:-webkit-autofill){animation-name:onautofillcancel}@keyframes onautofillstart{0%{outline:none}}@keyframes onautofillcancel{0%{outline:none}}.label,input.input,.validation-message{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.input::-ms-clear{display:none}.input::placeholder{color:var(--sd-input-color, #767676)}.input:-ms-input-placeholder{color:var(--sd-input-color, #767676)}.input::-ms-input-placeholder{color:var(--sd-input-color, #767676)}.underline{height:2px;width:100%;position:relative}.unfocused-line,.focused-line{position:absolute;top:0;right:0;bottom:0;left:0}.unfocused-line{border-bottom:1px solid var(--sd-input-underline-color, #959595)}.focused-line{border-bottom:2px solid var(--sd-input-focused-color, #1467ba);transform-origin:center center;transform:scale3d(0,1,1)}.prefix,.suffix{display:flex;flex-wrap:nowrap;max-width:100%}.prefix ::slotted(*),.suffix ::slotted(*){display:flex}:host(:focus){outline:none}.suffix ::slotted(.clear-button),.suffix ::slotted(.toggle-button){cursor:pointer;width:16px;height:32px;padding:0 8px;margin-top:-8px;margin-bottom:-8px;fill:#666;outline:none;flex-shrink:0}.suffix ::slotted(.toggle-button){transition:transform .2s}:host([opened]) .suffix ::slotted(.toggle-button){transform:rotate(180deg)}:host([disabled]) .suffix ::slotted(.clear-button),:host([disabled]) .suffix ::slotted(.toggle-button){display:none!important}:host(:not([has-value])) .suffix ::slotted(.clear-button),:host([null-setting-disallowed]) .suffix ::slotted(.clear-button){display:none!important}:host(:not([allow-custom-value]):not([trigger-only])) .input{caret-color:transparent}:host(:not([allow-custom-value]):not([disabled])) .input{cursor:pointer}#default-slot{display:none}",Bs=`<svg xmlns="http://www.w3.org/2000/svg" class="toggle-button" slot="suffix" viewBox="0 0 16 16">\r
|
|
112
|
+
`}updated(e){if(super.updated(e),this._lastRenderedScrollTop=this._lastKnownScrollTop,this.updateItems(),(this._increaseWidthOnNextRenderIfNeeded||this._reachedMaxWidth)&&this._firstVisibleIndex<this._lastVisibleIndex)if(this.querySelector("[item-index]"))this.adjustWidthIfNeeded();else{let t=new MutationObserver(()=>{this.adjustWidthIfNeeded(),t.disconnect()});t.observe(this)}}adjustWidthIfNeeded(){this._increaseWidthOnNextRenderIfNeeded?(this._increaseWidthOnNextRenderIfNeeded=!1,window.requestAnimationFrame(()=>{let e=Number.parseInt(getComputedStyle(this).maxWidth)-this.offsetWidth;if(e==0)this._reachedMaxWidth=!0,this.enableLineClampOnItemsIfNeeded();else{this._reachedMaxWidth=!1;let t=[...this.querySelectorAll("[item-index]")].map(o=>{if(o instanceof Bt){o.enableLineClamp=!1;let s=o.missingWidthForTexts;return s>e&&(o.enableLineClamp=!0),s}}),i=Math.max(...t);i>0&&(this.style.width=`${this.offsetWidth+i}px`)}})):this._reachedMaxWidth&&this.enableLineClampOnItemsIfNeeded()}enableLineClampOnItemsIfNeeded(){this.querySelectorAll("[item-index]").forEach(e=>{e instanceof Bt&&(e.enableLineClamp=e.enableLineClamp||e.missingWidthForTexts>0)})}increaseWidthOnNextRenderIfNeeded(){this._increaseWidthOnNextRenderIfNeeded=!0}updateItems(){let e=[...this.querySelectorAll("[item-index]")],t=new Map,i=document.createDocumentFragment();for(let o of this._itemsRenderData){let s=this.renderItem(o);s.parentElement||i.appendChild(s),t.set(o.dataHash,s);let r=e.indexOf(s);r!==-1&&e.splice(r,1)}this.appendChild(i);for(let o of e)o instanceof Bt&&(o.enableLineClamp=!1),this.removeChild(o);t.forEach((o,s)=>{this._elementCache.set(s,o)})}renderItem({index:e,top:t,dataHash:i,data:o}){let s;return o?this._elementCache.has(i)?(s=this._elementCache.get(i),this._elementCache.delete(i)):(s=this.itemGenerator(o,e),s.setAttribute("slot","items")):(s=document.createElement("div"),s.setAttribute("placeholder-item",""),s.setAttribute("slot","items")),Object.assign(s.style,{transform:`translateY(${t}px)`,height:`${this.itemHeight}px`}),s.setAttribute("item-index",e.toString()),s.setAttribute("aria-setsize",String(this.finalSizeIsKnown?this.itemCount:-1)),s.setAttribute("aria-posinset",String(e+1)),(!s.id||s.id.startsWith(this.id+"_item_"))&&(s.id=this.id+"_item_"+e),this.itemCount-1==e?s.setAttribute("last",""):s.removeAttribute("last"),this.updateSelectedAttribute(e,s),this.updateFocusedAttribute(e,s),s}updateFocusedAttribute(e,t){this.focusIndex==e&&(this.focusTarget||document.activeElement==this)?(t.setAttribute("focused",""),this.setAttribute("aria-activedescendant",t.id)):t.removeAttribute("focused")}updateSelectedAttribute(e,t){let i=this.selectedIndices.indexOf(e)!==-1;i?t.setAttribute("selected",""):t.removeAttribute("selected"),t.setAttribute("aria-selected",String(i))}updateItemsRenderData(){if(this._itemsRenderData=[],this._visibleItemsNum=Math.min(Math.ceil(this.height/this.itemHeight),this.itemCount),this._visibleItemsNum>0){this._firstVisibleIndex=this.normalizeIndex(Math.floor(this._lastKnownScrollTop/this.itemHeight)),this._lastVisibleIndex=this.normalizeIndex(this._firstVisibleIndex+this._visibleItemsNum);let e=this.normalizeIndex(this._firstVisibleIndex-2),t=this.normalizeIndex(this._lastVisibleIndex+2);this.requestData(e,t);for(let i=e;i<=t;i++){let o=i-e,s=this.items[o],r;s?r=JSON.stringify(s):r=`placeholder-${o}`,this._itemsRenderData.push({index:i,top:this.itemHeight*i,physicalIndex:o,dataHash:r,data:s})}}else this._firstVisibleIndex=0,this._lastVisibleIndex=0}normalizeIndex(e){return Math.max(0,Math.min(e,this.itemCount-1))}get height(){return this.offsetHeight}requestData(e,t){!Number.isNaN(e)&&!Number.isNaN(t)&&this.dispatchEvent(new CustomEvent("data-request",{detail:{startIndex:e,stopIndex:t}}))}handleSelection(e,t){if(e<0||this.itemCount<=e)return;let i=e%this._visibleItemsNum,o=this.items[i];if(!o||o.disabled)return;let s=!0;if(this.selectionType!=="trigger-only"){let r=this.selectedIndices.indexOf(e);s=r==-1,s?this.selectionType==="single"?this.selectedIndices=[e]:this.selectedIndices.push(e):this.selectedIndices.splice(r,1),this.requestUpdate("selectedIndices")}this.focusIndex=e,this.dispatchSelectionEvent(e,s,t)}dispatchSelectionEvent(e,t,i){this.dispatchEvent(new CustomEvent("selection",{detail:{index:e,selected:t,hasModifier:i}}))}handleClick(e){let t=e.composedPath().find(i=>i.hasAttribute&&i.hasAttribute("item-index"));if(t){let i=parseInt(t.getAttribute("item-index"));if(Number.isInteger(i)){if(e.button==0||e.button==1){let o=e.type=="auxclick"&&e.button==1||e.metaKey||e.ctrlKey;this.handleSelection(i,o)}this.focusIndex=i}}}},bt.ID="sd-virtual-list",bt.ensureDefined=()=>{Bt.ensureDefined(),customElements.get(bt.ID)||customElements.define(bt.ID,bt)},bt);xt([h({type:Number,attribute:"item-height",reflect:!0})],pt.prototype,"itemHeight",2);xt([h({type:Number})],pt.prototype,"itemCount",2);xt([h({type:Array,attribute:!1})],pt.prototype,"items",2);xt([h({type:String,attribute:"selection-type",reflect:!0,noAccessor:!0})],pt.prototype,"selectionType",2);xt([h({type:String,attribute:!0,reflect:!0})],pt.prototype,"id",2);xt([h({type:String,reflect:!0})],pt.prototype,"role",2);xt([h({type:Number,attribute:"focus-index",reflect:!0})],pt.prototype,"focusIndex",1);xt([h({type:Array,attribute:!1})],pt.prototype,"selectedIndices",1);var Re=pt;Re.ensureDefined();var Ms=":host{display:inline-flex;position:relative;cursor:text;font-family:Segoe UI,Lucida Sans,Arial,sans-serif;font-size:16px;color:#111;contain:layout style;flex-direction:column}:host([hidden]),:host([type=hidden]){display:none!important}:host([effective-disabled]){opacity:.6;cursor:default;filter:grayscale(100%)}:host([effective-disabled]) .unfocused-line,:host([effective-disabled]) .focused-line{border-bottom-style:dashed}:host(:not([effective-disabled]):focus) .focused-line,:host(:not([effective-disabled])[focused]) .focused-line{transform:none;transition:transform .25s}:host(:not([effective-disabled]):focus) .label.float,:host(:not([effective-disabled])[focused]) .label.float{color:var(--sd-input-focused-color, #1467ba)}:host([inactive]) .input{pointer-events:none}:host([effective-disabled]:focus),:host([effective-disabled][focused]){box-shadow:0 0 0 1px #111}:host(:not([effective-disabled])[validationlevel]) .focused-line,:host(:not([effective-disabled]):invalid) .focused-line{transform:none;transition:transform .25s}:host([validationlevel=warn i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #555555)}:host([validationlevel=warn i]) .label,:host([validationlevel=warn i]) .validation-message{color:var(--sd-input-validation-color, #555555)!important}:host([validationlevel=suggest i]) .focused-line{border-bottom-color:var(--sd-input-validation-color, #bf8800)}:host([validationlevel=suggest i]) .label,:host([validationlevel=suggest i]) .validation-message{color:var(--sd-input-validation-color, #bf8800)!important}:host([validationlevel=error i]) .focused-line,:host(:not([validationlevel]):invalid) .focused-line{border-bottom-color:var(--sd-input-validation-color, #cc0017)}:host([validationlevel=error i]) .label,:host([validationlevel=error i]) .validation-message,:host(:not([validationlevel]):invalid) .label,:host(:not([validationlevel]):invalid) .validation-message{color:var(--sd-input-validation-color, #cc0017)!important}.validation-message-wrapper{position:relative}.validation-message{position:absolute;left:0;right:0}.label.float{transform:translateY(-75%) scale(.75);width:133%}.label:not(.float){max-width:100%}.floated-label-placeholder{height:20px;width:100%}.label{position:absolute;top:0;left:0;line-height:24px;pointer-events:none;color:var(--sd-input-color, #767676);transition:transform .25s,width .25s;transform-origin:left top}.input-wrapper{position:relative;display:flex;flex-direction:row;align-items:center;background-color:var(--input-wrapper-background-color)}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-wrapper{flex-direction:column;align-items:baseline}:host([extended-prefix]:focus-within:not([effective-disabled])) .input-container{width:100%}:host([extended-prefix]:not(:focus-within)) .input-container,:host([extended-prefix][effective-disabled]) .input-container{width:0px}.input-container{line-height:var(--sd-input-line-height, 24px);flex:1 1 auto}.input{width:100%;background:var(--sd-input-background, transparent);font-family:inherit;font-size:inherit;text-align:inherit;color:inherit;border:none;outline:none;resize:none;padding-left:0;padding-right:0}.input:-webkit-autofill{animation-name:onautofillstart}.input:not(:-webkit-autofill){animation-name:onautofillcancel}@keyframes onautofillstart{0%{outline:none}}@keyframes onautofillcancel{0%{outline:none}}.label,input.input,.validation-message{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.input::placeholder{color:var(--sd-input-color, #767676)}.underline{height:2px;width:100%;position:relative}.unfocused-line,.focused-line{position:absolute;top:0;right:0;bottom:0;left:0}.unfocused-line{border-bottom:1px solid var(--sd-input-underline-color, #959595)}.focused-line{border-bottom:2px solid var(--sd-input-focused-color, #1467ba);transform-origin:center center;transform:scale3d(0,1,1)}.prefix,.suffix{display:flex;flex-wrap:nowrap;max-width:100%}.prefix ::slotted(*),.suffix ::slotted(*){display:flex}:host(:focus){outline:none}.suffix ::slotted(.clear-button),.suffix ::slotted(.toggle-button){cursor:pointer;width:16px;height:32px;padding:0 8px;margin-top:-8px;margin-bottom:-8px;fill:#666;outline:none;flex-shrink:0}.suffix ::slotted(.toggle-button){transition:transform .2s}:host([opened]) .suffix ::slotted(.toggle-button){transform:rotate(180deg)}:host([disabled]) .suffix ::slotted(.clear-button),:host([disabled]) .suffix ::slotted(.toggle-button){display:none!important}:host(:not([has-value])) .suffix ::slotted(.clear-button),:host([null-setting-disallowed]) .suffix ::slotted(.clear-button){display:none!important}:host(:not([allow-custom-value]):not([trigger-only])) .input{caret-color:transparent}:host(:not([allow-custom-value]):not([disabled])) .input{cursor:pointer}#default-slot{display:none}",Bs=`<svg xmlns="http://www.w3.org/2000/svg" class="toggle-button" slot="suffix" viewBox="0 0 16 16">\r
|
|
110
113
|
<path d="M13 4v2l-5 5-5-5v-2l5 5z"/>\r
|
|
111
114
|
</svg>\r
|
|
112
115
|
`,Ns=`<svg xmlns="http://www.w3.org/2000/svg" class="clear-button" slot="suffix" viewBox="0 0 16 16">\r
|
|
113
116
|
<path d="M12.96 4.46l-1.42-1.42-3.54 3.55-3.54-3.55-1.42 1.42 3.55 3.54-3.55 3.54 1.42 1.42 3.54-3.55 3.54 3.55 1.42-1.42-3.55-3.54 3.55-3.54z"/>\r
|
|
114
117
|
</svg>\r
|
|
115
|
-
`,Hs=Object.defineProperty,zs=Object.getOwnPropertyDescriptor,yt=(e,t,i,o)=>{for(var s=o>1?void 0:o?zs(t,i):t,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(o?n(t,i,s):n(s))||s);return o&&s&&Hs(t,i,s),s},
|
|
118
|
+
`,Hs=Object.defineProperty,zs=Object.getOwnPropertyDescriptor,yt=(e,t,i,o)=>{for(var s=o>1?void 0:o?zs(t,i):t,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(o?n(t,i,s):n(s))||s);return o&&s&&Hs(t,i,s),s},Fs="sd-combo-box";function bo(e,t){let i;return function(...o){i!=null&&clearTimeout(i),i=window.setTimeout(()=>e(...o),t)}}var qs=0,Z,ut=(Z=class extends pe{constructor(){super(),this.opened=!1,this.itemHeight=50,this.displayValuePath="caption",this.id=Z.ID+"_"+qs++,this.inMemoryFilter=(e,t)=>{if(!e)return!0;let i=e.toLowerCase();return!!(typeof t.caption=="string"&&t.caption.toLowerCase().includes(i)||typeof t.description=="string"&&t.description.toLowerCase().includes(i))},this.minimumOverlayWidth=250,this._itemGenerator=De,this._itemCache=[],this.debouncedFilterItemsInMemory=bo(this.filterItemsInMemory.bind(this),200),this.handleSelection=e=>{let t=this._dataProvider.items[e.detail.index];e.detail.selected||(this._list.selectedIndices=[e.detail.index]),this.comboBoxValue={index:this._itemCache.indexOf(t),item:t},this.dispatchSelectionChangeEvent(),this.opened=!1},this.handleWindowPointerDown=e=>{!(e.target instanceof Node&&this.contains(e.target))&&this.opened&&e.composedPath().indexOf(this._list)===-1&&(this.triggerOnly&&(this.value=null),this.opened=!1)},this.handleKeyDown=e=>{switch(e.key){case"Down":case"ArrowDown":{e.preventDefault(),this.navigateInList(1);break}case"Up":case"ArrowUp":{e.preventDefault(),this.navigateInList(-1);break}case"Enter":{this.opened&&(e.preventDefault(),e.stopPropagation(),this.opened=!1);break}case"Escape":{this.opened&&(e.preventDefault(),e.stopPropagation(),this._list.selectedIndices.indexOf(this._list.focusIndex)>-1&&this._dataProvider.items.length>this._list.focusIndex?this.opened=!1:(this.clearFilter(),this.updateInputValue(null),this.updateFocusAndSelectedIndexFromValue(),this._list.selectedIndices.push(this._list.focusIndex)));break}case"Tab":{this.opened&&(this.triggerOnly&&(this.value=null),this.opened=!1);break}}},this.debouncedRequestData=bo(this.requestData.bind(this),250),this._dataProvider=new Te,this._dataProvider.finalSizeIsKnown=!0}get clearFilterOnLazyLoadedSelection(){return this.triggerOnly}set clearFilterOnLazyLoadedSelection(e){console.warn("Using clearFilterOnLazyLoadedSelection setting on a combo-box is deprecated. Use triggerOnly instead."),this.triggerOnly=e}get itemGenerator(){return this._itemGenerator}set itemGenerator(e){this._itemGenerator=e,this._list&&(this._list.itemGenerator=this._itemGenerator)}get items(){return this._itemCache}set items(e){this._itemCache=e,this.isLazyLoadConfigured&&(this._dataProvider.items=e,this._lastRequestedPage=null),this.value&&!this.comboBoxValue&&this.updateComboBoxValueFromValue(),this.filterItemsInMemory(),this.opened&&this._popper&&this._popper.update()}get finalSizeIsKnown(){return this._dataProvider.finalSizeIsKnown}set finalSizeIsKnown(e){this._dataProvider.finalSizeIsKnown=e}configureLazyLoad(e){if(!e)throw new Error("It is not possible to configure lazy load without a given onDataRequest calback.");this._dataProvider.finalSizeIsKnown=!1,this._onDataRequest=e,this._dataProvider.onDataRequest=t=>{this.requestData(t,!1)}}get comboBoxValue(){return this._comboBoxValue}set comboBoxValue(e){this._comboBoxValue=e,this.updateInputValue(null)}get selectedIndex(){return this.isCustomValue(this.comboBoxValue)||!this.comboBoxValue?-1:this.comboBoxValue.index}get displayValue(){return this.value}open(){this.opened=!0}static get styles(){return[it`
|
|
116
119
|
${X(Ms)}
|
|
117
|
-
`]}disconnectedCallback(){super.disconnectedCallback(),this._popper&&(this._popper.destroy(),this._popper=null)}render(){return
|
|
120
|
+
`]}disconnectedCallback(){super.disconnectedCallback(),this._popper&&(this._popper.destroy(),this._popper=null)}render(){return T`
|
|
118
121
|
${super.render()}
|
|
119
122
|
<slot @slotchange=${this.onDefaultSlotChange} id="default-slot"></slot>
|
|
120
123
|
`}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),t!==i)switch(e){case"opened":{this.handleOpenedStateChange();break}case"item-height":{this._list&&(this._list.itemHeight=this.itemHeight);break}case"id":{this.updateListId();break}}}firstUpdated(e){super.firstUpdated(e),this.value&&!this.comboBoxValue&&this.updateComboBoxValueFromValue(),window.requestAnimationFrame(()=>{this.initClearButtton(),this.initToggleButtton(),this.addEventListener("click",()=>{this.disabled||(this.opened=!this.opened)}),this.addEventListener("keydown",t=>{this.disabled||this.handleKeyDown(t)})}),this.inputElement.setAttribute("role","combobox"),this.inputElement.setAttribute("aria-autocomplete","list")}updateComboBoxValueFromValue(){if(this.value){let e=this._itemCache.findIndex(t=>t[this.displayValuePath]===this.value);e>-1?this._comboBoxValue={index:e,item:this._itemCache[e]}:this.allowCustomValue?this._comboBoxValue=this.value:this._comboBoxValue=null}}updated(e){super.updated(e),e.has("currentText")?this.currentText?(this.setAttribute("has-value",""),this._clearButton&&(this._clearButton.style.display="")):this.removeAttribute("has-value"):e.has("triggerOnly")&&this._list&&(this._list.selectionType=this.triggerOnly?Yt.TriggerOnly:Yt.Single)}initClearButtton(){let e=document.createElement("template");e.innerHTML=Ns,this._clearButton=e.content.firstChild,this.appendChild(this._clearButton),this._clearButton.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation(),this.opened=!1,this.clearValue()})}initToggleButtton(){let e=document.createElement("template");e.innerHTML=Bs,this._toggleButton=e.content.firstChild,this.appendChild(this._toggleButton),this._toggleButton.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation(),this.opened=!this.opened,this.select()})}filterItemsInMemory(){if(this.isLazyLoadConfigured)return;let e=!1;this.filterText&&(this.filterProperty?(this._dataProvider.items=this._itemCache.filter(t=>t[this.filterProperty]&&String(t[this.filterProperty]).indexOf(this.filterText)>-1),e=!0):this.inMemoryFilter&&(this._dataProvider.items=this._itemCache.filter(t=>this.inMemoryFilter(this.filterText,t)),e=!0)),e?this._list.focusIndex=null:this._dataProvider.items=this._itemCache,this.opened&&this._popper&&this._popper.update()}ensureListAndPopperInitialized(){if(this._list||(this._list=document.createElement(Re.ID),this.updateListId(),this._list.classList.add("combo-box-dropdown"),this._list.itemHeight=this.itemHeight,this._list.itemGenerator=this.itemGenerator,this._list.selectionType=this.triggerOnly?Yt.TriggerOnly:Yt.Single,this._list.setAttribute("focus-target",""),Object.assign(this._list.style,{zIndex:"21000",boxShadow:`rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
|
|
121
124
|
rgba(0, 0, 0, 0.12) 0px 1px 5px 0px,
|
|
122
125
|
rgba(0, 0, 0, 0.2) 0px 3px 1px -2px`,background:"white",overflowY:"auto"}),this._list.addEventListener("selection",this.handleSelection),this._dataProvider.connectList(this._list)),!this._popper){let e=this;this._popper=mi(this,this._list,{placement:"bottom-start",modifiers:[{name:"computeStyles",options:{gpuAcceleration:!0}},{name:"hide",enabled:!1},{name:"closeIfReferenceHidden",enabled:!0,phase:"afterWrite",fn({state:t}){t.elements.reference.closeIfNotVisible()}},{name:"offset",options:{offset:({placement:t})=>t.indexOf("top")>-1?[0,-parseInt(getComputedStyle(e).paddingTop,10)]:t.indexOf("bottom")>-1?[0,-parseInt(getComputedStyle(e).paddingBottom,10)]:[0,0]}},{name:"adjustWidthIfNeeded",enabled:!0,phase:"read",fn({state:t}){t.elements.popper.increaseWidthOnNextRenderIfNeeded()}}]})}}closeIfNotVisible(){let e=this.elementFromMiddleOfComboBox();!this.contains(e)&&!this.shadowRoot.contains(e)&&e!==this._list&&(this.triggerOnly&&(this.value=null),this.opened=!1)}elementFromMiddleOfComboBox(){let e=this.getBoundingClientRect();return document.elementFromPoint(e.left+e.width/2,e.top+e.height/2)}async handleOpenedStateChange(){if(this.inputElement.setAttribute("aria-expanded",String(this.opened)),this.opened){if(!this.disabled){this.ensureListAndPopperInitialized();let e=(this.filterText||"")!==(this._lastRequestedFilterText||"");this.isLazyLoadConfigured&&(this.items.length==0||e)&&this.requestData(0,e),this.updateDropdownSizes(),this.ownerDocument.body.appendChild(this._list),this.updateFocusAndSelectedIndexFromValue(),window.requestAnimationFrame(()=>{this._popper&&this._popper.update()}),window.addEventListener("pointerdown",this.handleWindowPointerDown),!this.allowCustomValue&&!this._openedByFilterTextChange&&this.select()}this._openedByFilterTextChange=!1}else await this._list.updateComplete,this._popper&&await this._popper.update,this.ownerDocument.body.removeChild(this._list),window.removeEventListener("pointerdown",this.handleWindowPointerDown),this.updateValueOnClose(),this.clearFilter(),this.setSelectionRange(0,0),this.inputElement.removeAttribute("aria-activedescendant"),this._popper&&(this._popper.destroy(),this._popper=null)}updateValueOnClose(){let e=this.comboBoxValue||"";if(this.nullSettingDisallowed&&!this.value&&this.comboBoxValue)this.restorePreviousSelection();else if(this.value!==this.convertToDisplayValue(null)){let t=this._dataProvider.items[this._list.focusIndex];if(t&&t[this.displayValuePath]===this.value){if(t.disabled)return;this.comboBoxValue={index:this._itemCache.indexOf(t),item:t}}else if(this.allowCustomValue||!this.value)this.comboBoxValue=this.value;else{let i=this._itemCache.findIndex(o=>o[this.displayValuePath]===this.value&&!o.disabled);i>-1?this.comboBoxValue={index:i,item:this._itemCache[i]}:this.restorePreviousSelection()}}e!==(this.comboBoxValue||"")&&this.dispatchSelectionChangeEvent()}restorePreviousSelection(){this.updateInputValue(null)}updateFocusAndSelectedIndexFromValue(){if(this.comboBoxValue&&!this.isCustomValue(this.comboBoxValue)&&!this._openedByFilterTextChange){let e=this.comboBoxValue.index;if((e==-1||this.isLazyLoadConfigured)&&(e=this.items.indexOf(this.comboBoxValue.item),e==-1)){let t=this.comboBoxValue.item.id;t!=null&&(e=this.items.findIndex(i=>i.id==t))}this._list.focusIndex=e,this._list.selectedIndices=e==-1?[]:[e]}else this._list.focusIndex=-1,this._list.selectedIndices=[];this.updateActiveDescendant()}navigateInList(e){this.opened?(this._list.focusIndex==null?e>0?this._list.focusIndex=0:this._list.focusIndex=Math.max(0,this._dataProvider.items.length-1):this._list.focusIndex=Math.max(0,Math.min(this._dataProvider.items.length-1,this._list.focusIndex+e)),this.updateInputValue(this._dataProvider.items[this._list.focusIndex]),this.updateActiveDescendant(),this.allowCustomValue||this.select()):this.opened=!0}updateActiveDescendant(){let e=this._list&&this._list.getListItem(this._list.focusIndex);e?this.inputElement.setAttribute("aria-activedescendant",e.id):this.inputElement.removeAttribute("aria-activedescendant")}updateInputValue(e){this.updateComplete.then(()=>{this.value=this.convertToDisplayValue(e)})}convertToDisplayValue(e){return e?e[this.displayValuePath]:this.comboBoxValue?this.isCustomValue(this.comboBoxValue)?this.comboBoxValue:this.comboBoxValue.item[this.displayValuePath]:null}fireValueChange(e){if(e&&this.filterText!==this.value){let t=(this.filterText||"")!==this.value;this.filterText=this.value,this.opened||(this._openedByFilterTextChange=!0,this.opened=!0),t&&(this.dispatchFilterChangeEvent(),this.debouncedFilterItemsInMemory())}}clearValue(){this.nullSettingDisallowed||(this.value=null,this.inputElement.removeAttribute("aria-activedescendant"),this._list&&(this._list.selectedIndices=[]),this.clearFilter(),this.comboBoxValue&&(this.comboBoxValue=null,this.dispatchSelectionChangeEvent()))}clearFilter(){this.filterText!=null&&(this.filterText=void 0,this.filterItemsInMemory(),this.dispatchFilterChangeEvent())}updateDropdownSizes(){let e=((window.innerHeight||document.documentElement.clientHeight)-this.offsetHeight)*.5;Object.assign(this._list.style,{maxHeight:`${e}px`,minWidth:`${Math.max(this.offsetWidth,this.minimumOverlayWidth)}px`,maxWidth:`max(50vw, ${this.offsetWidth}px)`})}updateListId(){this.inputElement&&this._list&&(this._list.id=this.id+"_list",this.inputElement.setAttribute("aria-controls",this._list.id))}isCustomValue(e){return typeof e=="string"}dispatchSelectionChangeEvent(){this.updateComplete.then(()=>{var e;if(this.dispatchEvent(new CustomEvent("selection-change",{detail:{selection:this.comboBoxValue,isCustomValue:this.isCustomValue(this.comboBoxValue)}})),this.triggerOnly)this.comboBoxValue=null;else{let t=this.comboBoxValue;typeof t=="string"?this.setFormValue(t):this.setFormValue((e=t?.item)==null?void 0:e.caption)}}).catch(e=>{console.error("Could not dispatch selection change event due to:",e)})}dispatchFilterChangeEvent(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{value:this.filterText},composed:!0})),this.debouncedRequestData(0)}get isLazyLoadConfigured(){return!!this._onDataRequest}requestData(e,t){if(t==null&&(t=(this.filterText||"")!==(this._lastRequestedFilterText||"")),this.isLazyLoadConfigured){if(!this.opened){t&&(this._dataProvider.items=[],this._itemCache=[]);return}if(this._lastRequestedPage==e&&!t)return;this._pendingDataRequest&&this._pendingDataRequest.cancel(Z.DATA_REQUEST_CANCELLED);let i=new Promise((o,s)=>{this._pendingDataRequest={cancel:s}});this._lastRequestedPage=e,this._lastRequestedFilterText=this.filterText,this.setAttribute("loading",""),Promise.race([i,this._onDataRequest(this._lastRequestedFilterText,e)]).then(o=>{if(this.filterText==this._lastRequestedFilterText&&this._lastRequestedPage==e&&(this._dataProvider.finalSizeIsKnown=o.finalSizeIsKnown,t?(this._dataProvider.items=o.items,this._itemCache=o.items):(this._dataProvider.addItems(o.items),this._itemCache=this._dataProvider.items),this._list&&(this._list.itemCount=this._dataProvider.items.length),this._popper&&this.opened)){if(this.comboBoxValue&&!this.isCustomValue(this.comboBoxValue)){let s=this.comboBoxValue.item;if(this._list.selectedIndices.length==0||this.items[this._list.selectedIndices[0]]!=s){let r=this.items.indexOf(s);if(r==-1){let n=s.id;n!=null&&(r=this.items.findIndex(l=>l.id==n))}this.comboBoxValue.index=r,this._list.selectedIndices=r==-1?[]:[r]}}this.updateDropdownSizes(),this._popper.update()}this._pendingDataRequest=null,this.removeAttribute("loading")}).catch(o=>{o!==Z.DATA_REQUEST_CANCELLED&&(console.error(`Data could not be loaded for filter "${this._lastRequestedFilterText}" and page number "${e}" due to the following error:
|
|
123
|
-
${o}`),this._dataProvider.finalSizeIsKnown=!0,this.items.length==0?this.opened=!1:this._list&&(this._list.itemCount=this.items.length),this.removeAttribute("loading")),this._pendingDataRequest=null})}}get defaultSlot(){return this.shadowRoot.querySelector("#default-slot")}onDefaultSlotChange(){this._declarativeItems=this.defaultSlot.assignedElements(),this._declarativeItems.length>0&&(this.finalSizeIsKnown=!0,this.itemGenerator=(e,t)=>this._declarativeItems[t].cloneNode(!0),this.items=this._declarativeItems.map(e=>{let t={caption:e.getAttribute("caption"),description:e.getAttribute("description")};return this.displayValuePath!="caption"&&this.displayValuePath!="description"&&(t[this.displayValuePath]=e[this.displayValuePath]||e.getAttribute(this.displayValuePath)),t}))}},Z.ID=
|
|
126
|
+
${o}`),this._dataProvider.finalSizeIsKnown=!0,this.items.length==0?this.opened=!1:this._list&&(this._list.itemCount=this.items.length),this.removeAttribute("loading")),this._pendingDataRequest=null})}}get defaultSlot(){return this.shadowRoot.querySelector("#default-slot")}onDefaultSlotChange(){this._declarativeItems=this.defaultSlot.assignedElements(),this._declarativeItems.length>0&&(this.finalSizeIsKnown=!0,this.itemGenerator=(e,t)=>this._declarativeItems[t].cloneNode(!0),this.items=this._declarativeItems.map(e=>{let t={caption:e.getAttribute("caption"),description:e.getAttribute("description")};return this.displayValuePath!="caption"&&this.displayValuePath!="description"&&(t[this.displayValuePath]=e[this.displayValuePath]||e.getAttribute(this.displayValuePath)),t}))}},Z.ID=Fs,Z.ensureDefined=()=>{Re.ensureDefined(),customElements.get(Z.ID)||customElements.define(Z.ID,Z)},Z.formAssociated=!0,Z.DATA_REQUEST_CANCELLED="cancel_data_request",Z);yt([h({type:Boolean,reflect:!0})],ut.prototype,"opened",2);yt([h({type:Number,attribute:"item-height"})],ut.prototype,"itemHeight",2);yt([h({type:Boolean,attribute:"allow-custom-value",reflect:!0})],ut.prototype,"allowCustomValue",2);yt([h({type:Boolean,attribute:"trigger-only",reflect:!0})],ut.prototype,"triggerOnly",2);yt([h({type:Boolean,attribute:"null-setting-disallowed",reflect:!0})],ut.prototype,"nullSettingDisallowed",2);yt([h({type:String,attribute:"display-value-path",noAccessor:!0})],ut.prototype,"displayValuePath",2);yt([h({type:String,attribute:"filter-property",noAccessor:!0})],ut.prototype,"filterProperty",2);yt([h({type:String,attribute:!0,reflect:!0})],ut.prototype,"id",2);var xo=ut;xo.ensureDefined();return Lo(Us);})();
|
|
124
127
|
/*! Bundled license information:
|
|
125
128
|
|
|
126
129
|
@lit/reactive-element/css-tag.js:
|