@momentum-design/components 0.28.8 → 0.28.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/browser/index.js +1032 -926
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/checkbox/checkbox.component.js +2 -0
  4. package/dist/components/input/input.component.d.ts +1 -0
  5. package/dist/components/input/input.component.js +3 -1
  6. package/dist/components/list/index.d.ts +8 -0
  7. package/dist/components/list/index.js +5 -0
  8. package/dist/components/list/list.component.d.ts +64 -0
  9. package/dist/components/list/list.component.js +138 -0
  10. package/dist/components/list/list.constants.d.ts +9 -0
  11. package/dist/components/list/list.constants.js +10 -0
  12. package/dist/components/list/list.styles.d.ts +2 -0
  13. package/dist/components/list/list.styles.js +7 -0
  14. package/dist/components/listitem/index.d.ts +8 -0
  15. package/dist/components/listitem/index.js +5 -0
  16. package/dist/components/listitem/listitem.component.d.ts +90 -0
  17. package/dist/components/listitem/listitem.component.js +153 -0
  18. package/dist/components/listitem/listitem.constants.d.ts +10 -0
  19. package/dist/components/listitem/listitem.constants.js +11 -0
  20. package/dist/components/listitem/listitem.styles.d.ts +2 -0
  21. package/dist/components/listitem/listitem.styles.js +70 -0
  22. package/dist/components/listitem/listitem.types.d.ts +4 -0
  23. package/dist/components/listitem/listitem.types.js +1 -0
  24. package/dist/components/radio/radio.component.js +2 -0
  25. package/dist/components/toggle/toggle.component.js +2 -0
  26. package/dist/custom-elements.json +700 -166
  27. package/dist/index.d.ts +19 -17
  28. package/dist/index.js +18 -16
  29. package/dist/react/index.d.ts +2 -0
  30. package/dist/react/index.js +2 -0
  31. package/dist/react/list/index.d.ts +12 -0
  32. package/dist/react/list/index.js +21 -0
  33. package/dist/react/listitem/index.d.ts +34 -0
  34. package/dist/react/listitem/index.js +43 -0
  35. package/dist/utils/mixins/FormInternalsMixin.js +0 -2
  36. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
- "use strict";(()=>{var Fs=Object.defineProperty;var Bs=Object.getOwnPropertyDescriptor;var c=(o,t,e,r)=>{for(var i=r>1?void 0:r?Bs(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Fs(t,e,i),i};var ar=globalThis,lr=ar.ShadowRoot&&(ar.ShadyCSS===void 0||ar.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,oo=Symbol(),mi=new WeakMap,Lt=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==oo)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(lr&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=mi.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&mi.set(e,t))}return t}toString(){return this.cssText}},hi=o=>new Lt(typeof o=="string"?o:o+"",void 0,oo),g=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((r,i,n)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[n+1],o[0]);return new Lt(e,o,oo)},io=(o,t)=>{if(lr)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),i=ar.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},cr=lr?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return hi(e)})(o):o;var{is:Gs,defineProperty:qs,getOwnPropertyDescriptor:Ys,getOwnPropertyNames:Ws,getOwnPropertySymbols:Xs,getPrototypeOf:Zs}=Object,Ne=globalThis,pi=Ne.trustedTypes,js=pi?pi.emptyScript:"",no=Ne.reactiveElementPolyfillSupport,Nt=(o,t)=>o,Ot={toAttribute(o,t){switch(t){case Boolean:o=o?js:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},dr=(o,t)=>!Gs(o,t),ui={attribute:!0,type:String,converter:Ot,reflect:!1,hasChanged:dr},fi,gi;(fi=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(gi=Ne.litPropertyMetadata)!=null||(Ne.litPropertyMetadata=new WeakMap);var be=class extends HTMLElement{static addInitializer(t){var e;this._$Ei(),((e=this.l)!=null?e:this.l=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=ui){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&qs(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){var s;let{get:i,set:n}=(s=Ys(this.prototype,t))!=null?s:{get(){return this[e]},set(a){this[e]=a}};return{get(){return i==null?void 0:i.call(this)},set(a){let l=i==null?void 0:i.call(this);n.call(this,a),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:ui}static _$Ei(){if(this.hasOwnProperty(Nt("elementProperties")))return;let t=Zs(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Nt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Nt("properties"))){let e=this.properties,r=[...Ws(e),...Xs(e)];for(let i of r)this.createProperty(i,e[i])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let i of r)e.unshift(cr(i))}else t!==void 0&&e.push(cr(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$EO)!=null?e:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)==null||r.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){var e;let t=(e=this.shadowRoot)!=null?e:this.attachShadow(this.constructor.shadowRootOptions);return io(t,this.constructor.elementStyles),t}connectedCallback(){var t,e;(t=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostConnected)==null?void 0:i.call(r)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){var n;let r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){let s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:Ot).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var n;let r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){let s=r.getPropertyOptions(i),a=typeof s.converter=="function"?{fromAttribute:s.converter}:((n=s.converter)==null?void 0:n.fromAttribute)!==void 0?s.converter:Ot;this._$Em=i,this[i]=a.fromAttribute(e,s.type),this._$Em=null}}requestUpdate(t,e,r){var i;if(t!==void 0){if(r!=null||(r=this.constructor.getPropertyOptions(t)),!((i=r.hasChanged)!=null?i:dr)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){var i;this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&((i=this._$Ej)!=null?i:this._$Ej=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r,i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((r=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,a]of this._$Ep)this[s]=a;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[s,a]of n)a.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],a)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(n=>{var s;return(s=n.hostUpdate)==null?void 0:s.call(n)}),this.update(e)):this._$EU()}catch(n){throw t=!1,this._$EU(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}},vi;be.elementStyles=[],be.shadowRootOptions={mode:"open"},be[Nt("elementProperties")]=new Map,be[Nt("finalized")]=new Map,no==null||no({ReactiveElement:be}),((vi=Ne.reactiveElementVersions)!=null?vi:Ne.reactiveElementVersions=[]).push("2.0.4");var Ks={attribute:!0,type:String,converter:Ot,reflect:!1,hasChanged:dr},Qs=(o=Ks,t,e)=>{let{kind:r,metadata:i}=e,n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(e.name,o),r==="accessor"){let{name:s}=e;return{set(a){let l=t.get.call(this);t.set.call(this,a),this.requestUpdate(s,l,o)},init(a){return a!==void 0&&this.P(s,void 0,o),a}}}if(r==="setter"){let{name:s}=e;return function(a){let l=this[s];t.call(this,a),this.requestUpdate(s,l,o)}}throw Error("Unsupported decorator location: "+r)};function d(o){return(t,e)=>typeof e=="object"?Qs(o,t,e):((r,i,n)=>{let s=i.hasOwnProperty(n);return i.constructor.createProperty(n,s?{...r,wrapped:!0}:r),s?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}function q(o){return d({...o,state:!0,attribute:!1})}var Be=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);function bi(o,t){return(e,r,i)=>{let n=s=>{var a,l;return(l=(a=s.renderRoot)==null?void 0:a.querySelector(o))!=null?l:null};if(t){let{get:s,set:a}=typeof r=="object"?e:i!=null?i:(()=>{let l=Symbol();return{get(){return this[l]},set(m){this[l]=m}}})();return Be(e,r,{get(){let l=s.call(this);return l===void 0&&(l=n(this),(l!==null||this.hasUpdated)&&a.call(this,l)),l}})}return Be(e,r,{get(){return n(this)}})}}var Js={PREFIX:"mdc",SEPARATOR:"-"},ea={NAMESPACE:Js},so=ea;var ta=o=>[so.NAMESPACE.PREFIX,o].join(so.NAMESPACE.SEPARATOR),x={constructTagName:ta};var mr=x.constructTagName("themeprovider"),ao={THEMECLASS:"mds-theme-stable-darkWebex"};var Mt=globalThis,hr=Mt.trustedTypes,yi=hr?hr.createPolicy("lit-html",{createHTML:o=>o}):void 0,mo="$lit$",ye=`lit$${Math.random().toFixed(9).slice(2)}$`,ho="?"+ye,ra=`<${ho}>`,Ye=document,Dt=()=>Ye.createComment(""),$t=o=>o===null||typeof o!="object"&&typeof o!="function",po=Array.isArray,wi=o=>po(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",lo=`[
2
- \f\r]`,zt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,xi=/-->/g,Ei=/>/g,Ge=RegExp(`>|${lo}(?:([^\\s"'>=/]+)(${lo}*=${lo}*(?:[^
3
- \f\r"'\`<>=]|("|')|))|$)`,"g"),Ti=/'/g,Ai=/"/g,Ii=/^(?:script|style|textarea|title)$/i,uo=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),u=uo(1),bc=uo(2),yc=uo(3),xe=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),Si=new WeakMap,qe=Ye.createTreeWalker(Ye,129);function Ci(o,t){if(!po(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return yi!==void 0?yi.createHTML(t):t}var ki=(o,t)=>{let e=o.length-1,r=[],i,n=t===2?"<svg>":t===3?"<math>":"",s=zt;for(let a=0;a<e;a++){let l=o[a],m,h,p=-1,v=0;for(;v<l.length&&(s.lastIndex=v,h=s.exec(l),h!==null);)v=s.lastIndex,s===zt?h[1]==="!--"?s=xi:h[1]!==void 0?s=Ei:h[2]!==void 0?(Ii.test(h[2])&&(i=RegExp("</"+h[2],"g")),s=Ge):h[3]!==void 0&&(s=Ge):s===Ge?h[0]===">"?(s=i!=null?i:zt,p=-1):h[1]===void 0?p=-2:(p=s.lastIndex-h[2].length,m=h[1],s=h[3]===void 0?Ge:h[3]==='"'?Ai:Ti):s===Ai||s===Ti?s=Ge:s===xi||s===Ei?s=zt:(s=Ge,i=void 0);let f=s===Ge&&o[a+1].startsWith("/>")?" ":"";n+=s===zt?l+ra:p>=0?(r.push(m),l.slice(0,p)+mo+l.slice(p)+ye+f):l+ye+(p===-2?a:f)}return[Ci(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},Pt=class o{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0,a=t.length-1,l=this.parts,[m,h]=ki(t,e);if(this.el=o.createElement(m,r),qe.currentNode=this.el.content,e===2||e===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=qe.nextNode())!==null&&l.length<a;){if(i.nodeType===1){if(i.hasAttributes())for(let p of i.getAttributeNames())if(p.endsWith(mo)){let v=h[s++],f=i.getAttribute(p).split(ye),b=/([.?@])?(.*)/.exec(v);l.push({type:1,index:n,name:b[2],strings:f,ctor:b[1]==="."?ur:b[1]==="?"?fr:b[1]==="@"?gr:Xe}),i.removeAttribute(p)}else p.startsWith(ye)&&(l.push({type:6,index:n}),i.removeAttribute(p));if(Ii.test(i.tagName)){let p=i.textContent.split(ye),v=p.length-1;if(v>0){i.textContent=hr?hr.emptyScript:"";for(let f=0;f<v;f++)i.append(p[f],Dt()),qe.nextNode(),l.push({type:2,index:++n});i.append(p[v],Dt())}}}else if(i.nodeType===8)if(i.data===ho)l.push({type:2,index:n});else{let p=-1;for(;(p=i.data.indexOf(ye,p+1))!==-1;)l.push({type:7,index:n}),p+=ye.length-1}n++}}static createElement(t,e){let r=Ye.createElement("template");return r.innerHTML=t,r}};function We(o,t,e=o,r){var s,a,l;if(t===xe)return t;let i=r!==void 0?(s=e.o)==null?void 0:s[r]:e.l,n=$t(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((a=i==null?void 0:i._$AO)==null||a.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?((l=e.o)!=null?l:e.o=[])[r]=i:e.l=i),i!==void 0&&(t=We(o,i._$AS(o,t.values),i,r)),t}var pr=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var m;let{el:{content:e},parts:r}=this._$AD,i=((m=t==null?void 0:t.creationScope)!=null?m:Ye).importNode(e,!0);qe.currentNode=i;let n=qe.nextNode(),s=0,a=0,l=r[0];for(;l!==void 0;){if(s===l.index){let h;l.type===2?h=new ut(n,n.nextSibling,this,t):l.type===1?h=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(h=new vr(n,this,t)),this._$AV.push(h),l=r[++a]}s!==(l==null?void 0:l.index)&&(n=qe.nextNode(),s++)}return qe.currentNode=Ye,i}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},ut=class o{get _$AU(){var t,e;return(e=(t=this._$AM)==null?void 0:t._$AU)!=null?e:this.v}constructor(t,e,r,i){var n;this.type=2,this._$AH=y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this.v=(n=i==null?void 0:i.isConnected)!=null?n:!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=We(this,t,e),$t(t)?t===y||t==null||t===""?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==xe&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):wi(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==y&&$t(this._$AH)?this._$AA.nextSibling.data=t:this.T(Ye.createTextNode(t)),this._$AH=t}$(t){var n;let{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=Pt.createElement(Ci(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{let s=new pr(i,this),a=s.u(this.options);s.p(e),this.T(a),this._$AH=s}}_$AC(t){let e=Si.get(t.strings);return e===void 0&&Si.set(t.strings,e=new Pt(t)),e}k(t){po(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,i=0;for(let n of t)i===e.length?e.push(r=new o(this.O(Dt()),this.O(Dt()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){let i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this.v=t,(e=this._$AP)==null||e.call(this,t))}},Xe=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=y}_$AI(t,e=this,r,i){let n=this.strings,s=!1;if(n===void 0)t=We(this,t,e,0),s=!$t(t)||t!==this._$AH&&t!==xe,s&&(this._$AH=t);else{let a=t,l,m;for(t=n[0],l=0;l<n.length-1;l++)m=We(this,a[r+l],e,l),m===xe&&(m=this._$AH[l]),s||(s=!$t(m)||m!==this._$AH[l]),m===y?t=y:t!==y&&(t+=(m!=null?m:"")+n[l+1]),this._$AH[l]=m}s&&!i&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},ur=class extends Xe{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}},fr=class extends Xe{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==y)}},gr=class extends Xe{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){var s;if((t=(s=We(this,t,e,0))!=null?s:y)===xe)return;let r=this._$AH,i=t===y&&r!==y||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==y&&(r===y||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;typeof this._$AH=="function"?this._$AH.call((r=(e=this.options)==null?void 0:e.host)!=null?r:this.element,t):this._$AH.handleEvent(t)}},vr=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){We(this,t)}},Ri={M:mo,P:ye,A:ho,C:1,L:ki,R:pr,D:wi,V:We,I:ut,H:Xe,N:fr,U:gr,B:ur,F:vr},co=Mt.litHtmlPolyfillSupport,_i;co==null||co(Pt,ut),((_i=Mt.litHtmlVersions)!=null?_i:Mt.litHtmlVersions=[]).push("3.2.0");var Li=(o,t,e)=>{var n,s;let r=(n=e==null?void 0:e.renderBefore)!=null?n:t,i=r._$litPart$;if(i===void 0){let a=(s=e==null?void 0:e.renderBefore)!=null?s:null;r._$litPart$=i=new ut(t.insertBefore(Dt(),a),a,void 0,e!=null?e:{})}return i._$AI(o),i};var Oe=class extends be{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){var e,r;let t=super.createRenderRoot();return(r=(e=this.renderOptions).renderBefore)!=null||(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=Li(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this.o)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.o)==null||t.setConnected(!1)}render(){return xe}},Ni;Oe._$litElement$=!0,Oe.finalized=!0,(Ni=globalThis.litElementHydrateSupport)==null||Ni.call(globalThis,{LitElement:Oe});var fo=globalThis.litElementPolyfillSupport;fo==null||fo({LitElement:Oe});var Oi;((Oi=globalThis.litElementVersions)!=null?Oi:globalThis.litElementVersions=[]).push("4.1.0");var zi=g`
1
+ "use strict";(()=>{var ea=Object.defineProperty;var ta=Object.getOwnPropertyDescriptor;var c=(o,t,e,r)=>{for(var i=r>1?void 0:r?ta(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ea(t,e,i),i};var hr=globalThis,pr=hr.ShadowRoot&&(hr.ShadyCSS===void 0||hr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,mo=Symbol(),xi=new WeakMap,Mt=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==mo)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(pr&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=xi.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&xi.set(e,t))}return t}toString(){return this.cssText}},Ei=o=>new Mt(typeof o=="string"?o:o+"",void 0,mo),g=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((r,i,n)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[n+1],o[0]);return new Mt(e,o,mo)},ho=(o,t)=>{if(pr)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),i=hr.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},ur=pr?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Ei(e)})(o):o;var{is:ra,defineProperty:oa,getOwnPropertyDescriptor:ia,getOwnPropertyNames:na,getOwnPropertySymbols:sa,getPrototypeOf:aa}=Object,Me=globalThis,Ti=Me.trustedTypes,la=Ti?Ti.emptyScript:"",po=Me.reactiveElementPolyfillSupport,zt=(o,t)=>o,Dt={toAttribute(o,t){switch(t){case Boolean:o=o?la:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},fr=(o,t)=>!ra(o,t),Ai={attribute:!0,type:String,converter:Dt,reflect:!1,hasChanged:fr},Si,_i;(Si=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(_i=Me.litPropertyMetadata)!=null||(Me.litPropertyMetadata=new WeakMap);var ye=class extends HTMLElement{static addInitializer(t){var e;this._$Ei(),((e=this.l)!=null?e:this.l=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ai){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&oa(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){var s;let{get:i,set:n}=(s=ia(this.prototype,t))!=null?s:{get(){return this[e]},set(a){this[e]=a}};return{get(){return i==null?void 0:i.call(this)},set(a){let l=i==null?void 0:i.call(this);n.call(this,a),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:Ai}static _$Ei(){if(this.hasOwnProperty(zt("elementProperties")))return;let t=aa(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(zt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(zt("properties"))){let e=this.properties,r=[...na(e),...sa(e)];for(let i of r)this.createProperty(i,e[i])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let i of r)e.unshift(ur(i))}else t!==void 0&&e.push(ur(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$EO)!=null?e:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)==null||r.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){var e;let t=(e=this.shadowRoot)!=null?e:this.attachShadow(this.constructor.shadowRootOptions);return ho(t,this.constructor.elementStyles),t}connectedCallback(){var t,e;(t=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostConnected)==null?void 0:i.call(r)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){var n;let r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){let s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:Dt).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var n;let r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){let s=r.getPropertyOptions(i),a=typeof s.converter=="function"?{fromAttribute:s.converter}:((n=s.converter)==null?void 0:n.fromAttribute)!==void 0?s.converter:Dt;this._$Em=i,this[i]=a.fromAttribute(e,s.type),this._$Em=null}}requestUpdate(t,e,r){var i;if(t!==void 0){if(r!=null||(r=this.constructor.getPropertyOptions(t)),!((i=r.hasChanged)!=null?i:fr)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){var i;this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&((i=this._$Ej)!=null?i:this._$Ej=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r,i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((r=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,a]of this._$Ep)this[s]=a;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[s,a]of n)a.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],a)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(n=>{var s;return(s=n.hostUpdate)==null?void 0:s.call(n)}),this.update(e)):this._$EU()}catch(n){throw t=!1,this._$EU(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}},Ii;ye.elementStyles=[],ye.shadowRootOptions={mode:"open"},ye[zt("elementProperties")]=new Map,ye[zt("finalized")]=new Map,po==null||po({ReactiveElement:ye}),((Ii=Me.reactiveElementVersions)!=null?Ii:Me.reactiveElementVersions=[]).push("2.0.4");var Pt=globalThis,gr=Pt.trustedTypes,wi=gr?gr.createPolicy("lit-html",{createHTML:o=>o}):void 0,go="$lit$",xe=`lit$${Math.random().toFixed(9).slice(2)}$`,vo="?"+xe,ca=`<${vo}>`,Ze=document,Ut=()=>Ze.createComment(""),Vt=o=>o===null||typeof o!="object"&&typeof o!="function",bo=Array.isArray,Mi=o=>bo(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",uo=`[
2
+ \f\r]`,$t=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ci=/-->/g,ki=/>/g,We=RegExp(`>|${uo}(?:([^\\s"'>=/]+)(${uo}*=${uo}*(?:[^
3
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),Ri=/'/g,Li=/"/g,zi=/^(?:script|style|textarea|title)$/i,yo=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),u=yo(1),oc=yo(2),ic=yo(3),Ee=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),Ni=new WeakMap,Xe=Ze.createTreeWalker(Ze,129);function Di(o,t){if(!bo(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return wi!==void 0?wi.createHTML(t):t}var $i=(o,t)=>{let e=o.length-1,r=[],i,n=t===2?"<svg>":t===3?"<math>":"",s=$t;for(let a=0;a<e;a++){let l=o[a],m,h,p=-1,v=0;for(;v<l.length&&(s.lastIndex=v,h=s.exec(l),h!==null);)v=s.lastIndex,s===$t?h[1]==="!--"?s=Ci:h[1]!==void 0?s=ki:h[2]!==void 0?(zi.test(h[2])&&(i=RegExp("</"+h[2],"g")),s=We):h[3]!==void 0&&(s=We):s===We?h[0]===">"?(s=i!=null?i:$t,p=-1):h[1]===void 0?p=-2:(p=s.lastIndex-h[2].length,m=h[1],s=h[3]===void 0?We:h[3]==='"'?Li:Ri):s===Li||s===Ri?s=We:s===Ci||s===ki?s=$t:(s=We,i=void 0);let f=s===We&&o[a+1].startsWith("/>")?" ":"";n+=s===$t?l+ca:p>=0?(r.push(m),l.slice(0,p)+go+l.slice(p)+xe+f):l+xe+(p===-2?a:f)}return[Di(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},Ht=class o{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0,a=t.length-1,l=this.parts,[m,h]=$i(t,e);if(this.el=o.createElement(m,r),Xe.currentNode=this.el.content,e===2||e===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=Xe.nextNode())!==null&&l.length<a;){if(i.nodeType===1){if(i.hasAttributes())for(let p of i.getAttributeNames())if(p.endsWith(go)){let v=h[s++],f=i.getAttribute(p).split(xe),x=/([.?@])?(.*)/.exec(v);l.push({type:1,index:n,name:x[2],strings:f,ctor:x[1]==="."?br:x[1]==="?"?yr:x[1]==="@"?xr:Ke}),i.removeAttribute(p)}else p.startsWith(xe)&&(l.push({type:6,index:n}),i.removeAttribute(p));if(zi.test(i.tagName)){let p=i.textContent.split(xe),v=p.length-1;if(v>0){i.textContent=gr?gr.emptyScript:"";for(let f=0;f<v;f++)i.append(p[f],Ut()),Xe.nextNode(),l.push({type:2,index:++n});i.append(p[v],Ut())}}}else if(i.nodeType===8)if(i.data===vo)l.push({type:2,index:n});else{let p=-1;for(;(p=i.data.indexOf(xe,p+1))!==-1;)l.push({type:7,index:n}),p+=xe.length-1}n++}}static createElement(t,e){let r=Ze.createElement("template");return r.innerHTML=t,r}};function je(o,t,e=o,r){var s,a,l;if(t===Ee)return t;let i=r!==void 0?(s=e.o)==null?void 0:s[r]:e.l,n=Vt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((a=i==null?void 0:i._$AO)==null||a.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?((l=e.o)!=null?l:e.o=[])[r]=i:e.l=i),i!==void 0&&(t=je(o,i._$AS(o,t.values),i,r)),t}var vr=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var m;let{el:{content:e},parts:r}=this._$AD,i=((m=t==null?void 0:t.creationScope)!=null?m:Ze).importNode(e,!0);Xe.currentNode=i;let n=Xe.nextNode(),s=0,a=0,l=r[0];for(;l!==void 0;){if(s===l.index){let h;l.type===2?h=new vt(n,n.nextSibling,this,t):l.type===1?h=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(h=new Er(n,this,t)),this._$AV.push(h),l=r[++a]}s!==(l==null?void 0:l.index)&&(n=Xe.nextNode(),s++)}return Xe.currentNode=Ze,i}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},vt=class o{get _$AU(){var t,e;return(e=(t=this._$AM)==null?void 0:t._$AU)!=null?e:this.v}constructor(t,e,r,i){var n;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this.v=(n=i==null?void 0:i.isConnected)!=null?n:!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=je(this,t,e),Vt(t)?t===b||t==null||t===""?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==Ee&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Mi(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==b&&Vt(this._$AH)?this._$AA.nextSibling.data=t:this.T(Ze.createTextNode(t)),this._$AH=t}$(t){var n;let{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=Ht.createElement(Di(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{let s=new vr(i,this),a=s.u(this.options);s.p(e),this.T(a),this._$AH=s}}_$AC(t){let e=Ni.get(t.strings);return e===void 0&&Ni.set(t.strings,e=new Ht(t)),e}k(t){bo(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,i=0;for(let n of t)i===e.length?e.push(r=new o(this.O(Ut()),this.O(Ut()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){let i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this.v=t,(e=this._$AP)==null||e.call(this,t))}},Ke=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=b}_$AI(t,e=this,r,i){let n=this.strings,s=!1;if(n===void 0)t=je(this,t,e,0),s=!Vt(t)||t!==this._$AH&&t!==Ee,s&&(this._$AH=t);else{let a=t,l,m;for(t=n[0],l=0;l<n.length-1;l++)m=je(this,a[r+l],e,l),m===Ee&&(m=this._$AH[l]),s||(s=!Vt(m)||m!==this._$AH[l]),m===b?t=b:t!==b&&(t+=(m!=null?m:"")+n[l+1]),this._$AH[l]=m}s&&!i&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},br=class extends Ke{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}},yr=class extends Ke{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==b)}},xr=class extends Ke{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){var s;if((t=(s=je(this,t,e,0))!=null?s:b)===Ee)return;let r=this._$AH,i=t===b&&r!==b||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==b&&(r===b||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;typeof this._$AH=="function"?this._$AH.call((r=(e=this.options)==null?void 0:e.host)!=null?r:this.element,t):this._$AH.handleEvent(t)}},Er=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){je(this,t)}},Pi={M:go,P:xe,A:vo,C:1,L:$i,R:vr,D:Mi,V:je,I:vt,H:Ke,N:yr,U:xr,B:br,F:Er},fo=Pt.litHtmlPolyfillSupport,Oi;fo==null||fo(Ht,vt),((Oi=Pt.litHtmlVersions)!=null?Oi:Pt.litHtmlVersions=[]).push("3.2.0");var Ui=(o,t,e)=>{var n,s;let r=(n=e==null?void 0:e.renderBefore)!=null?n:t,i=r._$litPart$;if(i===void 0){let a=(s=e==null?void 0:e.renderBefore)!=null?s:null;r._$litPart$=i=new vt(t.insertBefore(Ut(),a),a,void 0,e!=null?e:{})}return i._$AI(o),i};var ze=class extends ye{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){var e,r;let t=super.createRenderRoot();return(r=(e=this.renderOptions).renderBefore)!=null||(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=Ui(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this.o)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.o)==null||t.setConnected(!1)}render(){return Ee}},Vi;ze._$litElement$=!0,ze.finalized=!0,(Vi=globalThis.litElementHydrateSupport)==null||Vi.call(globalThis,{LitElement:ze});var xo=globalThis.litElementPolyfillSupport;xo==null||xo({LitElement:ze});var Hi;((Hi=globalThis.litElementVersions)!=null?Hi:globalThis.litElementVersions=[]).push("4.1.0");var da={attribute:!0,type:String,converter:Dt,reflect:!1,hasChanged:fr},ma=(o=da,t,e)=>{let{kind:r,metadata:i}=e,n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(e.name,o),r==="accessor"){let{name:s}=e;return{set(a){let l=t.get.call(this);t.set.call(this,a),this.requestUpdate(s,l,o)},init(a){return a!==void 0&&this.P(s,void 0,o),a}}}if(r==="setter"){let{name:s}=e;return function(a){let l=this[s];t.call(this,a),this.requestUpdate(s,l,o)}}throw Error("Unsupported decorator location: "+r)};function d(o){return(t,e)=>typeof e=="object"?ma(o,t,e):((r,i,n)=>{let s=i.hasOwnProperty(n);return i.constructor.createProperty(n,s?{...r,wrapped:!0}:r),s?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}function Y(o){return d({...o,state:!0,attribute:!1})}var De=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);function Fi(o,t){return(e,r,i)=>{let n=s=>{var a,l;return(l=(a=s.renderRoot)==null?void 0:a.querySelector(o))!=null?l:null};if(t){let{get:s,set:a}=typeof r=="object"?e:i!=null?i:(()=>{let l=Symbol();return{get(){return this[l]},set(m){this[l]=m}}})();return De(e,r,{get(){let l=s.call(this);return l===void 0&&(l=n(this),(l!==null||this.hasUpdated)&&a.call(this,l)),l}})}return De(e,r,{get(){return n(this)}})}}function Ft(o){return(t,e)=>{let{slot:r,selector:i}=o!=null?o:{},n="slot"+(r?`[name=${r}]`:":not([name])");return De(t,e,{get(){var l,m;let s=(l=this.renderRoot)==null?void 0:l.querySelector(n),a=(m=s==null?void 0:s.assignedElements(o))!=null?m:[];return i===void 0?a:a.filter(h=>h.matches(i))}})}}var A=o=>o!=null?o:b;var Bi=g`
4
4
  :host {
5
5
  box-sizing: border-box;
6
6
  }
@@ -10,40 +10,11 @@
10
10
  :host *::after {
11
11
  box-sizing: inherit;
12
12
  }
13
- `;var br=class extends Oe{static register(t){customElements.get(t)||customElements.define(t,this)}};br.styles=[zi];var Mi=br;var E=Mi;var ze=class extends Event{constructor(t,e,r){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=r!=null?r:!1}};var ft=class{constructor(t,e,r,i){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(s,a)=>{this.unsubscribe&&(this.unsubscribe!==a&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=s,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(s,a)),this.unsubscribe=a},this.host=t,e.context!==void 0){let s=e;this.context=s.context,this.callback=s.callback,this.subscribe=(n=s.subscribe)!=null?n:!1}else this.context=e,this.callback=r,this.subscribe=i!=null?i:!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new ze(this.context,this.t,this.subscribe))}};var yr=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){let r=e||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:r}]of this.subscriptions)e(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,e,r){if(!r)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});let{disposer:i}=this.subscriptions.get(t);t(this.value,i)}clearCallbacks(){this.subscriptions.clear()}};var go=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},gt=class extends yr{constructor(t,e,r){var i,n;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=s=>{let a=s.composedPath()[0];s.context===this.context&&a!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,a,s.subscribe))},this.onProviderRequest=s=>{let a=s.composedPath()[0];if(s.context!==this.context||a===this.host)return;let l=new Set;for(let[m,{consumerHost:h}]of this.subscriptions)l.has(m)||(l.add(m),h.dispatchEvent(new ze(this.context,m,!0)));s.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(n=(i=this.host).addController)==null||n.call(i,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new go(this.context))}};var oa=g`
13
+ `;var Tr=class extends ze{static register(t){customElements.get(t)||customElements.define(t,this)}};Tr.styles=[Bi];var Gi=Tr;var E=Gi;var $e=class extends Event{constructor(t,e,r){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=r!=null?r:!1}};var bt=class{constructor(t,e,r,i){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(s,a)=>{this.unsubscribe&&(this.unsubscribe!==a&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=s,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(s,a)),this.unsubscribe=a},this.host=t,e.context!==void 0){let s=e;this.context=s.context,this.callback=s.callback,this.subscribe=(n=s.subscribe)!=null?n:!1}else this.context=e,this.callback=r,this.subscribe=i!=null?i:!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new $e(this.context,this.t,this.subscribe))}};var Ar=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){let r=e||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:r}]of this.subscriptions)e(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,e,r){if(!r)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});let{disposer:i}=this.subscriptions.get(t);t(this.value,i)}clearCallbacks(){this.subscriptions.clear()}};var Eo=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},yt=class extends Ar{constructor(t,e,r){var i,n;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=s=>{let a=s.composedPath()[0];s.context===this.context&&a!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,a,s.subscribe))},this.onProviderRequest=s=>{let a=s.composedPath()[0];if(s.context!==this.context||a===this.host)return;let l=new Set;for(let[m,{consumerHost:h}]of this.subscriptions)l.has(m)||(l.add(m),h.dispatchEvent(new $e(this.context,m,!0)));s.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(n=(i=this.host).addController)==null||n.call(i,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Eo(this.context))}};var ha=g`
14
14
  :host {
15
15
  display: contents;
16
16
  }
17
- `,$i=oa;var xr=class extends E{constructor({context:t,initialValue:e}){super(),this.context=new gt(this,{context:t,initialValue:e})}render(){return this.updateContext(),u`<slot></slot>`}};xr.styles=[...E.styles,$i];var Pi=xr;var vt=Pi;var Er=class{constructor(t){this.themeclass=t}};Er.context=mr;var Tr=Er;var ia=g`
18
- :host {
19
- --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
20
- --mdc-themeprovider-font-family: var(--mds-font-family-primary);
21
- --mdc-themeprovider-font-weight: 400;
22
- /* adjusting Inter's letter spacing to better match the old CiscoSans */
23
- --mdc-themeprovider-letter-spacing-adjustment: -0.25px;
24
- /* Adjusting font feature settings for accessibility reasons */
25
- --mdc-themeprovider-font-feature-settings: "ss02" on;
26
-
27
- /* Custom scrollbar variables */
28
- --mdc-themeprovider-scrollbar-track-color: var(--mds-color-theme-background-secondary-normal);
29
- --mdc-themeprovider-scrollbar-thumb-color: var(--mds-color-theme-scrollbar-button-normal);
30
- --mdc-themeprovider-scrollbar-thumb-hover-color: var(--mds-color-theme-scrollbar-button-hover);
31
- --mdc-themeprovider-scrollbar-thumb-active-color: var(--mds-color-theme-scrollbar-button-pressed);
32
-
33
- color: var(--mdc-themeprovider-color-default);
34
- font-family: var(--mdc-themeprovider-font-family);
35
- font-weight: var(--mdc-themeprovider-font-weight);
36
- letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
37
-
38
- font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
39
- }
40
-
41
- /** Scrollbar Theme for Chrome, Edge, and Firefox. This has limited support on other browsers.
42
- https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color for more details */
43
- * {
44
- scrollbar-color: var(--mdc-themeprovider-scrollbar-thumb-color) var(--mdc-themeprovider-scrollbar-track-color);
45
- }
46
- `,Ui=[ia];var bt=class extends vt{constructor(){super({context:Tr.context,initialValue:new Tr(ao.THEMECLASS)});this.themeclass=ao.THEMECLASS}static get Context(){return Tr.context}updated(e){super.updated(e),e.has("themeclass")&&(this.setThemeInClassList(),this.currentThemeClass=this.themeclass)}updateContext(){this.context.value.themeclass!==this.themeclass&&(this.context.value.themeclass=this.themeclass,this.context.updateObservers())}setThemeInClassList(){this.currentThemeClass&&this.classList.remove(...this.currentThemeClass.split(" ")),this.themeclass&&this.classList.add(...this.themeclass.split(" "))}};bt.styles=[...vt.styles,...Ui],c([q()],bt.prototype,"currentThemeClass",2),c([d({type:String})],bt.prototype,"themeclass",2);var vo=bt;vo.register(mr);var na=vo;var C=g`
17
+ `,Yi=ha;var Sr=class extends E{constructor({context:t,initialValue:e}){super(),this.context=new yt(this,{context:t,initialValue:e})}render(){return this.updateContext(),u`<slot></slot>`}};Sr.styles=[...E.styles,Yi];var Wi=Sr;var xt=Wi;var pa={PREFIX:"mdc",SEPARATOR:"-"},ua={NAMESPACE:pa},To=ua;var fa=o=>[To.NAMESPACE.PREFIX,o].join(To.NAMESPACE.SEPARATOR),y={constructTagName:fa};var Xi=y.constructTagName("avatar"),G={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},Ao=99,ga="user-regular",N={24:24,32:32,48:48,64:64,72:72,88:88,124:124},Et={TYPE:G.PHOTO,SIZE:N[32],ICON_NAME:ga};var _r=o=>{class t extends o{constructor(){super(...arguments);this.size=Et.SIZE;this.isTyping=!1}}return c([d({type:String})],t.prototype,"src",2),c([d({type:String})],t.prototype,"initials",2),c([d({type:String})],t.prototype,"presence",2),c([d({type:Number,reflect:!0,attribute:"size"})],t.prototype,"size",2),c([d({type:Number})],t.prototype,"counter",2),c([d({type:Boolean,attribute:"is-typing"})],t.prototype,"isTyping",2),t};var de=o=>{class t extends o{}return c([d({type:String,attribute:"icon-name"})],t.prototype,"iconName",2),t};var C=g`
47
18
  :host {
48
19
  align-items: center;
49
20
  display: flex;
@@ -51,7 +22,7 @@
51
22
  justify-content: center;
52
23
  width: fit-content;
53
24
  }
54
- `,$=(o=!1)=>{let t=g`
25
+ `,z=(o=!1)=>{let t=g`
55
26
  :host {
56
27
  --mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);
57
28
  --mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);
@@ -108,22 +79,7 @@
108
79
  outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
109
80
  }
110
81
  }
111
- `]};var sa=[C,g`
112
- :host {
113
- --mdc-icon-fill-color: currentColor;
114
- --mdc-icon-size: var(--computed-icon-size);
115
- --mdc-icon-border-radius: 0.25rem;
116
-
117
- height: var(--mdc-icon-size);
118
- width: var(--mdc-icon-size);
119
- border-radius: var(--mdc-icon-border-radius);
120
- }
121
- :host::part(icon) {
122
- height: 100%;
123
- width: 100%;
124
- fill: var(--mdc-icon-fill-color);
125
- }
126
- `,...$()],Vi=sa;var aa=o=>{let{host:t,context:e,subscribe:r}=o;return new ft(t,{context:e,subscribe:r!=null?r:!0})},la={consume:aa},Hi=la;var Ar=x.constructTagName("iconprovider"),Fi=["svg"],Bi=["em","rem","px","%"],ca={px:16,em:1,rem:1,"%":100},Ee={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:ca.em,SHOULD_CACHE:!1,ICON_SET:"momentum-icons"};var Sr=class{};Sr.context=Ar;var _r=Sr;var ce=class extends vt{constructor(){super({context:_r.context,initialValue:new _r});this.iconSet=Ee.ICON_SET;this.fileExtension=Ee.FILE_EXTENSION;this.lengthUnit=Ee.LENGTH_UNIT;this.size=Ee.SIZE}static get Context(){return _r.context}updateValuesInContext(){this.fileExtension&&Fi.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=Ee.FILE_EXTENSION,this.context.value.fileExtension=Ee.FILE_EXTENSION),this.context.value.iconSet=this.iconSet,this.context.value.url=this.url,this.context.value.size=this.size,this.context.value.cacheName=this.cacheName,this.context.value.cacheStrategy=this.cacheStrategy,this.lengthUnit&&Bi.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=Ee.LENGTH_UNIT,this.context.value.lengthUnit=Ee.LENGTH_UNIT)}updateContext(){(this.context.value.fileExtension!==this.fileExtension||this.context.value.iconSet!==this.iconSet||this.context.value.url!==this.url||this.context.value.lengthUnit!==this.lengthUnit||this.context.value.size!==this.size||this.context.value.cacheName!==this.cacheName||this.context.value.cacheStrategy!==this.cacheStrategy)&&(this.updateValuesInContext(),this.context.updateObservers())}};c([d({type:String,attribute:"icon-set",reflect:!0})],ce.prototype,"iconSet",2),c([d({type:String})],ce.prototype,"url",2),c([d({type:String,attribute:"file-extension",reflect:!0})],ce.prototype,"fileExtension",2),c([d({type:String,attribute:"length-unit",reflect:!0})],ce.prototype,"lengthUnit",2),c([d({type:Number,reflect:!0})],ce.prototype,"size",2),c([d({type:String,attribute:"cache-strategy"})],ce.prototype,"cacheStrategy",2),c([d({type:String,attribute:"cache-name"})],ce.prototype,"cacheName",2);var Ut=ce;var Vt={},Gi=async o=>(Vt[o]===void 0&&(Vt[o]=new Map),{async set(t,e){Vt[o].set(t.url,await e.text())},async get(t){return Vt[o].get(t.url)},async delete(t){Vt[o].delete(t.url)}}),qi=async o=>{let t=await caches.open(o);return{set:async(e,r)=>{await t.put(e,r)},get:async e=>{let r=await t.match(e);return r==null?void 0:r.text()},delete:async e=>{await t.delete(e)}}},Yi=async(o,t)=>t==="in-memory-cache"?Gi(o):qi(o);var Wi=async o=>fetch(o).then(t=>{if(!t.ok)throw new Error("There was a problem while fetching the icon!");return t}),Xi=async({url:o,name:t,fileExtension:e,cacheStrategy:r,cacheName:i,renewSignal:n})=>{let s=n(),a=new Request(`${o}/${t}.${e}`,{signal:s});return!i||!r||!["in-memory-cache","web-cache-api"].includes(r)?Wi(a).then(l=>l.text()):Yi(i,r).then(l=>l.get(a).then(m=>m||Wi(a.clone()).then(h=>{var p;return h.status<400&&h.headers.has("content-type")?(p=l.set)==null?void 0:p.call(l,a,h.clone()).then(()=>h.text()):h.text()})).catch(m=>{throw new Error(`Error in caching the Icon ${t}, ${m}`)}))};var Zi=x.constructTagName("icon"),bo={NAME:void 0,SIZE:1};var j=class extends E{constructor(){super();this.name=bo.NAME;this.ariaLabel=null;this.iconProviderContext=Hi.consume({host:this,context:Ut.Context});this.abortController=new AbortController}prepareIconElement(e){let r=new DOMParser().parseFromString(e,"text/html").body.children[0];return this.name&&r.setAttribute("data-name",this.name),r.setAttribute("part","icon"),r.setAttribute("aria-hidden","true"),r}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:r,url:i,cacheName:n,iconSet:s,cacheStrategy:a}=this.iconProviderContext.value;if(s==="custom-icons"&&i&&r&&this.name){let l=()=>(this.abortController.abort(),this.abortController=new AbortController,this.abortController.signal);return Xi({url:i,name:this.name,fileExtension:r,cacheName:n,cacheStrategy:a,renewSignal:l}).then(m=>{let h=this.prepareIconElement(m);this.handleIconLoadedSuccess(h)}).catch(m=>{this.handleIconLoadedFailure(m)})}if(s==="momentum-icons"&&this.name)return import(`@momentum-design/icons/dist/ts/${this.name}.ts`).then(l=>{this.handleIconLoadedSuccess(l.default())}).catch(l=>{this.handleIconLoadedFailure(l)})}let e=new Error("IconProvider not found or not properly set up.");return this.handleIconLoadedFailure(e),Promise.reject(e)}handleIconLoadedSuccess(e){this.iconData=e;let r=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(r)}handleIconLoadedFailure(e){let r=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:e}});this.dispatchEvent(r)}updateSize(){var e;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let r=`${this.computedIconSize}${(e=this.lengthUnit)!=null?e:this.lengthUnitFromContext}`;this.style.setProperty("--computed-icon-size",r)}}get computedIconSize(){var e,r;return(r=(e=this.size)!=null?e:this.sizeFromContext)!=null?r:bo.SIZE}updated(e){var r,i,n,s;super.updated(e),e.has("name")&&this.getIconData().catch(a=>{a.name!=="AbortError"&&this.onerror&&this.onerror(a)}),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null),(e.has("size")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((r=this.iconProviderContext.value)==null?void 0:r.lengthUnit)&&(this.lengthUnitFromContext=(i=this.iconProviderContext.value)==null?void 0:i.lengthUnit,this.updateSize()),this.sizeFromContext!==((n=this.iconProviderContext.value)==null?void 0:n.size)&&(this.sizeFromContext=(s=this.iconProviderContext.value)==null?void 0:s.size,this.updateSize())}render(){return u` ${this.iconData} `}};j.styles=[...E.styles,...Vi],c([q()],j.prototype,"iconData",2),c([q()],j.prototype,"lengthUnitFromContext",2),c([q()],j.prototype,"sizeFromContext",2),c([d({type:String,reflect:!0})],j.prototype,"name",2),c([d({type:Number})],j.prototype,"size",2),c([d({type:String,attribute:"length-unit"})],j.prototype,"lengthUnit",2),c([d({type:String,attribute:"aria-label"})],j.prototype,"ariaLabel",2),c([q()],j.prototype,"abortController",2);var yo=j;yo.register(Zi);var da=yo;Ut.register(Ar);var ma=Ut;var A=o=>o!=null?o:y;var ji=x.constructTagName("avatar"),B={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},xo=99,ha="user-regular",L={24:24,32:32,48:48,64:64,72:72,88:88,124:124},yt={TYPE:B.PHOTO,SIZE:L[32],ICON_NAME:ha};var wr=o=>{class t extends o{constructor(){super(...arguments);this.size=yt.SIZE;this.isTyping=!1}}return c([d({type:String})],t.prototype,"src",2),c([d({type:String})],t.prototype,"initials",2),c([d({type:String})],t.prototype,"presence",2),c([d({type:Number,reflect:!0,attribute:"size"})],t.prototype,"size",2),c([d({type:Number})],t.prototype,"counter",2),c([d({type:Boolean,attribute:"is-typing"})],t.prototype,"isTyping",2),t};var de=o=>{class t extends o{}return c([d({type:String,attribute:"icon-name"})],t.prototype,"iconName",2),t};var pa=[C,g`
82
+ `]};var va=[C,g`
127
83
  :host {
128
84
  --mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
129
85
  --mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
@@ -246,9 +202,9 @@
246
202
  outline: 0.125rem solid;
247
203
  }
248
204
  }
249
- `],Ki=pa;var Qi=x.constructTagName("presence"),V={ACTIVE:"active",AWAY:"away",AWAY_CALLING:"away-calling",BUSY:"busy",DND:"dnd",MEETING:"meeting",ON_CALL:"on-call",ON_DEVICE:"on-device",ON_MOBILE:"on-mobile",PAUSE:"pause",PTO:"pto",PRESENTING:"presenting",QUIET:"quiet",SCHEDULED:"scheduled"},P={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},xt={TYPE:V.ACTIVE,SIZE:P.SMALL};var Ht=x.constructTagName("text"),O={BODY_SMALL_REGULAR:"body-small-regular",BODY_SMALL_MEDIUM:"body-small-medium",BODY_SMALL_BOLD:"body-small-bold",BODY_MIDSIZE_REGULAR:"body-midsize-regular",BODY_MIDSIZE_MEDIUM:"body-midsize-medium",BODY_MIDSIZE_BOLD:"body-midsize-bold",BODY_LARGE_REGULAR:"body-large-regular",BODY_LARGE_MEDIUM:"body-large-medium",BODY_LARGE_BOLD:"body-large-bold",BODY_SMALL_REGULAR_UNDERLINE:"body-small-regular-underline",BODY_SMALL_MEDIUM_UNDERLINE:"body-small-medium-underline",BODY_MIDSIZE_REGULAR_UNDERLINE:"body-midsize-regular-underline",BODY_MIDSIZE_MEDIUM_UNDERLINE:"body-midsize-medium-underline",BODY_LARGE_REGULAR_UNDERLINE:"body-large-regular-underline",BODY_LARGE_MEDIUM_UNDERLINE:"body-large-medium-underline",HEADING_SMALL_REGULAR:"heading-small-regular",HEADING_SMALL_MEDIUM:"heading-small-medium",HEADING_SMALL_BOLD:"heading-small-bold",HEADING_MIDSIZE_REGULAR:"heading-midsize-regular",HEADING_MIDSIZE_MEDIUM:"heading-midsize-medium",HEADING_MIDSIZE_BOLD:"heading-midsize-bold",HEADING_LARGE_REGULAR:"heading-large-regular",HEADING_LARGE_MEDIUM:"heading-large-medium",HEADING_LARGE_BOLD:"heading-large-bold",HEADING_XLARGE_REGULAR:"heading-xlarge-regular",HEADING_XLARGE_MEDIUM:"heading-xlarge-medium",HEADING_XLARGE_BOLD:"heading-xlarge-bold",HEADLINE_SMALL_LIGHT:"headline-small-light",HEADLINE_SMALL_REGULAR:"headline-small-regular"},z={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},X={TYPE:O.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:z.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Ji=o=>({[L[124]]:P.XX_LARGE,[L[88]]:P.X_LARGE,[L[72]]:P.LARGE,[L[64]]:P.MIDSIZE,[L[48]]:P.SMALL,[L[32]]:P.X_SMALL,[L[24]]:P.XX_SMALL})[o]||P.X_SMALL,en=o=>({[L[124]]:4.75,[L[88]]:3,[L[72]]:2.5,[L[64]]:2.25,[L[48]]:1.75,[L[32]]:1.25,[L[24]]:1})[o]||1.25,tn=o=>({[L[124]]:O.HEADING_XLARGE_MEDIUM,[L[88]]:O.HEADING_LARGE_MEDIUM,[L[72]]:O.HEADING_MIDSIZE_MEDIUM,[L[64]]:O.HEADING_SMALL_MEDIUM,[L[48]]:O.HEADING_SMALL_MEDIUM,[L[32]]:O.BODY_MIDSIZE_MEDIUM,[L[24]]:O.BODY_SMALL_MEDIUM})[o]||O.BODY_MIDSIZE_MEDIUM;var Ft=class extends wr(de(E)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===B.COUNTER&&(this.counter||this.counter===0)?y:this.presence?u`
250
- <mdc-presence part="presence" type="${this.presence}" size="${Ji(this.size)}"></mdc-presence>
251
- `:y}handleOnLoad(){this.isPhotoLoaded=!0}handleOnError(){this.isPhotoLoaded=!1,this.onerror&&this.onerror("There was a problem while fetching the <img/>. Please check the src attribute and try again.")}photoTemplate(){return u`
205
+ `],Zi=va;var ji=y.constructTagName("presence"),H={ACTIVE:"active",AWAY:"away",AWAY_CALLING:"away-calling",BUSY:"busy",DND:"dnd",MEETING:"meeting",ON_CALL:"on-call",ON_DEVICE:"on-device",ON_MOBILE:"on-mobile",PAUSE:"pause",PTO:"pto",PRESENTING:"presenting",QUIET:"quiet",SCHEDULED:"scheduled"},P={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},Tt={TYPE:H.ACTIVE,SIZE:P.SMALL};var Bt=y.constructTagName("text"),k={BODY_SMALL_REGULAR:"body-small-regular",BODY_SMALL_MEDIUM:"body-small-medium",BODY_SMALL_BOLD:"body-small-bold",BODY_MIDSIZE_REGULAR:"body-midsize-regular",BODY_MIDSIZE_MEDIUM:"body-midsize-medium",BODY_MIDSIZE_BOLD:"body-midsize-bold",BODY_LARGE_REGULAR:"body-large-regular",BODY_LARGE_MEDIUM:"body-large-medium",BODY_LARGE_BOLD:"body-large-bold",BODY_SMALL_REGULAR_UNDERLINE:"body-small-regular-underline",BODY_SMALL_MEDIUM_UNDERLINE:"body-small-medium-underline",BODY_MIDSIZE_REGULAR_UNDERLINE:"body-midsize-regular-underline",BODY_MIDSIZE_MEDIUM_UNDERLINE:"body-midsize-medium-underline",BODY_LARGE_REGULAR_UNDERLINE:"body-large-regular-underline",BODY_LARGE_MEDIUM_UNDERLINE:"body-large-medium-underline",HEADING_SMALL_REGULAR:"heading-small-regular",HEADING_SMALL_MEDIUM:"heading-small-medium",HEADING_SMALL_BOLD:"heading-small-bold",HEADING_MIDSIZE_REGULAR:"heading-midsize-regular",HEADING_MIDSIZE_MEDIUM:"heading-midsize-medium",HEADING_MIDSIZE_BOLD:"heading-midsize-bold",HEADING_LARGE_REGULAR:"heading-large-regular",HEADING_LARGE_MEDIUM:"heading-large-medium",HEADING_LARGE_BOLD:"heading-large-bold",HEADING_XLARGE_REGULAR:"heading-xlarge-regular",HEADING_XLARGE_MEDIUM:"heading-xlarge-medium",HEADING_XLARGE_BOLD:"heading-xlarge-bold",HEADLINE_SMALL_LIGHT:"headline-small-light",HEADLINE_SMALL_REGULAR:"headline-small-regular"},O={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},X={TYPE:k.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:O.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Ki=o=>({[N[124]]:P.XX_LARGE,[N[88]]:P.X_LARGE,[N[72]]:P.LARGE,[N[64]]:P.MIDSIZE,[N[48]]:P.SMALL,[N[32]]:P.X_SMALL,[N[24]]:P.XX_SMALL})[o]||P.X_SMALL,Qi=o=>({[N[124]]:4.75,[N[88]]:3,[N[72]]:2.5,[N[64]]:2.25,[N[48]]:1.75,[N[32]]:1.25,[N[24]]:1})[o]||1.25,Ji=o=>({[N[124]]:k.HEADING_XLARGE_MEDIUM,[N[88]]:k.HEADING_LARGE_MEDIUM,[N[72]]:k.HEADING_MIDSIZE_MEDIUM,[N[64]]:k.HEADING_SMALL_MEDIUM,[N[48]]:k.HEADING_SMALL_MEDIUM,[N[32]]:k.BODY_MIDSIZE_MEDIUM,[N[24]]:k.BODY_SMALL_MEDIUM})[o]||k.BODY_MIDSIZE_MEDIUM;var Gt=class extends _r(de(E)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===G.COUNTER&&(this.counter||this.counter===0)?b:this.presence?u`
206
+ <mdc-presence part="presence" type="${this.presence}" size="${Ki(this.size)}"></mdc-presence>
207
+ `:b}handleOnLoad(){this.isPhotoLoaded=!0}handleOnError(){this.isPhotoLoaded=!1,this.onerror&&this.onerror("There was a problem while fetching the <img/>. Please check the src attribute and try again.")}photoTemplate(){return u`
252
208
  <img
253
209
  part="photo"
254
210
  src="${A(this.src)}"
@@ -257,27 +213,42 @@
257
213
  @load="${this.handleOnLoad}"
258
214
  @error="${this.handleOnError}"
259
215
  />
260
- `}iconTemplate(){let e=this.iconName||yt.ICON_NAME;return u`
216
+ `}iconTemplate(){let e=this.iconName||Et.ICON_NAME;return u`
261
217
  <mdc-icon
262
218
  name="${A(e)}"
263
219
  length-unit="rem"
264
- size="${en(this.size)}"
220
+ size="${Qi(this.size)}"
265
221
  ></mdc-icon>
266
222
  `}textTemplate(e){return u`
267
223
  <mdc-text
268
- type="${tn(this.size)}"
224
+ type="${Ji(this.size)}"
269
225
  tagname="span"
270
226
  >
271
227
  ${e}
272
228
  </mdc-text>
273
- `}generateCounterText(e){return e<0?"0":e>xo?`${xo}+`:e.toString()}generateInitialsText(e){return e.toUpperCase().slice(0,2)}generateTextContent(e){let r="";return e===B.TEXT&&this.initials&&(r=this.generateInitialsText(this.initials)),e===B.COUNTER&&(this.counter||this.counter===0)&&(r=this.generateCounterText(this.counter)),this.textTemplate(r)}getTypeBasedOnInputs(){return this.src?B.PHOTO:this.iconName?B.ICON:this.initials?B.TEXT:this.counter||this.counter===0?B.COUNTER:B.ICON}getTemplateBasedOnType(e){switch(e){case B.PHOTO:return this.photoTemplate();case B.TEXT:case B.COUNTER:return this.generateTextContent(e);case B.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?u`<div part="loading-wrapper"><div part="loader"></div></div>`:y}getPhotoPlaceHolderContent(e){return this.isPhotoLoaded?y:e===B.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():y}update(e){super.update(e),e.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let e=this.getTypeBasedOnInputs();return u`
229
+ `}generateCounterText(e){return e<0?"0":e>Ao?`${Ao}+`:e.toString()}generateInitialsText(e){return e.toUpperCase().slice(0,2)}generateTextContent(e){let r="";return e===G.TEXT&&this.initials&&(r=this.generateInitialsText(this.initials)),e===G.COUNTER&&(this.counter||this.counter===0)&&(r=this.generateCounterText(this.counter)),this.textTemplate(r)}getTypeBasedOnInputs(){return this.src?G.PHOTO:this.iconName?G.ICON:this.initials?G.TEXT:this.counter||this.counter===0?G.COUNTER:G.ICON}getTemplateBasedOnType(e){switch(e){case G.PHOTO:return this.photoTemplate();case G.TEXT:case G.COUNTER:return this.generateTextContent(e);case G.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?u`<div part="loading-wrapper"><div part="loader"></div></div>`:b}getPhotoPlaceHolderContent(e){return this.isPhotoLoaded?b:e===G.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():b}update(e){super.update(e),e.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let e=this.getTypeBasedOnInputs();return u`
274
230
  <div part="content" aria-hidden="true">
275
231
  ${this.getPhotoPlaceHolderContent(e)}
276
232
  ${this.getTemplateBasedOnType(e)}
277
233
  ${this.getLoadingContent()}
278
234
  ${this.getPresenceTemplateBasedOnType(e)}
279
235
  </div>
280
- `}};Ft.styles=[...E.styles,...Ki],c([q()],Ft.prototype,"isPhotoLoaded",2);var Eo=Ft;var ua=[C,g`
236
+ `}};Gt.styles=[...E.styles,...Zi],c([Y()],Gt.prototype,"isPhotoLoaded",2);var So=Gt;var ba=[C,g`
237
+ :host {
238
+ --mdc-icon-fill-color: currentColor;
239
+ --mdc-icon-size: var(--computed-icon-size);
240
+ --mdc-icon-border-radius: 0.25rem;
241
+
242
+ height: var(--mdc-icon-size);
243
+ width: var(--mdc-icon-size);
244
+ border-radius: var(--mdc-icon-border-radius);
245
+ }
246
+ :host::part(icon) {
247
+ height: 100%;
248
+ width: 100%;
249
+ fill: var(--mdc-icon-fill-color);
250
+ }
251
+ `,...z()],en=ba;var ya=o=>{let{host:t,context:e,subscribe:r}=o;return new bt(t,{context:e,subscribe:r!=null?r:!0})},xa={consume:ya},tn=xa;var Ir=y.constructTagName("iconprovider"),rn=["svg"],on=["em","rem","px","%"],Ea={px:16,em:1,rem:1,"%":100},Te={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:Ea.em,SHOULD_CACHE:!1,ICON_SET:"momentum-icons"};var wr=class{};wr.context=Ir;var Cr=wr;var me=class extends xt{constructor(){super({context:Cr.context,initialValue:new Cr});this.iconSet=Te.ICON_SET;this.fileExtension=Te.FILE_EXTENSION;this.lengthUnit=Te.LENGTH_UNIT;this.size=Te.SIZE}static get Context(){return Cr.context}updateValuesInContext(){this.fileExtension&&rn.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=Te.FILE_EXTENSION,this.context.value.fileExtension=Te.FILE_EXTENSION),this.context.value.iconSet=this.iconSet,this.context.value.url=this.url,this.context.value.size=this.size,this.context.value.cacheName=this.cacheName,this.context.value.cacheStrategy=this.cacheStrategy,this.lengthUnit&&on.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=Te.LENGTH_UNIT,this.context.value.lengthUnit=Te.LENGTH_UNIT)}updateContext(){(this.context.value.fileExtension!==this.fileExtension||this.context.value.iconSet!==this.iconSet||this.context.value.url!==this.url||this.context.value.lengthUnit!==this.lengthUnit||this.context.value.size!==this.size||this.context.value.cacheName!==this.cacheName||this.context.value.cacheStrategy!==this.cacheStrategy)&&(this.updateValuesInContext(),this.context.updateObservers())}};c([d({type:String,attribute:"icon-set",reflect:!0})],me.prototype,"iconSet",2),c([d({type:String})],me.prototype,"url",2),c([d({type:String,attribute:"file-extension",reflect:!0})],me.prototype,"fileExtension",2),c([d({type:String,attribute:"length-unit",reflect:!0})],me.prototype,"lengthUnit",2),c([d({type:Number,reflect:!0})],me.prototype,"size",2),c([d({type:String,attribute:"cache-strategy"})],me.prototype,"cacheStrategy",2),c([d({type:String,attribute:"cache-name"})],me.prototype,"cacheName",2);var qt=me;var Yt={},nn=async o=>(Yt[o]===void 0&&(Yt[o]=new Map),{async set(t,e){Yt[o].set(t.url,await e.text())},async get(t){return Yt[o].get(t.url)},async delete(t){Yt[o].delete(t.url)}}),sn=async o=>{let t=await caches.open(o);return{set:async(e,r)=>{await t.put(e,r)},get:async e=>{let r=await t.match(e);return r==null?void 0:r.text()},delete:async e=>{await t.delete(e)}}},an=async(o,t)=>t==="in-memory-cache"?nn(o):sn(o);var ln=async o=>fetch(o).then(t=>{if(!t.ok)throw new Error("There was a problem while fetching the icon!");return t}),cn=async({url:o,name:t,fileExtension:e,cacheStrategy:r,cacheName:i,renewSignal:n})=>{let s=n(),a=new Request(`${o}/${t}.${e}`,{signal:s});return!i||!r||!["in-memory-cache","web-cache-api"].includes(r)?ln(a).then(l=>l.text()):an(i,r).then(l=>l.get(a).then(m=>m||ln(a.clone()).then(h=>{var p;return h.status<400&&h.headers.has("content-type")?(p=l.set)==null?void 0:p.call(l,a,h.clone()).then(()=>h.text()):h.text()})).catch(m=>{throw new Error(`Error in caching the Icon ${t}, ${m}`)}))};var dn=y.constructTagName("icon"),_o={NAME:void 0,SIZE:1};var j=class extends E{constructor(){super();this.name=_o.NAME;this.ariaLabel=null;this.iconProviderContext=tn.consume({host:this,context:qt.Context});this.abortController=new AbortController}prepareIconElement(e){let r=new DOMParser().parseFromString(e,"text/html").body.children[0];return this.name&&r.setAttribute("data-name",this.name),r.setAttribute("part","icon"),r.setAttribute("aria-hidden","true"),r}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:r,url:i,cacheName:n,iconSet:s,cacheStrategy:a}=this.iconProviderContext.value;if(s==="custom-icons"&&i&&r&&this.name){let l=()=>(this.abortController.abort(),this.abortController=new AbortController,this.abortController.signal);return cn({url:i,name:this.name,fileExtension:r,cacheName:n,cacheStrategy:a,renewSignal:l}).then(m=>{let h=this.prepareIconElement(m);this.handleIconLoadedSuccess(h)}).catch(m=>{this.handleIconLoadedFailure(m)})}if(s==="momentum-icons"&&this.name)return import(`@momentum-design/icons/dist/ts/${this.name}.ts`).then(l=>{this.handleIconLoadedSuccess(l.default())}).catch(l=>{this.handleIconLoadedFailure(l)})}let e=new Error("IconProvider not found or not properly set up.");return this.handleIconLoadedFailure(e),Promise.reject(e)}handleIconLoadedSuccess(e){this.iconData=e;let r=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(r)}handleIconLoadedFailure(e){let r=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:e}});this.dispatchEvent(r)}updateSize(){var e;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let r=`${this.computedIconSize}${(e=this.lengthUnit)!=null?e:this.lengthUnitFromContext}`;this.style.setProperty("--computed-icon-size",r)}}get computedIconSize(){var e,r;return(r=(e=this.size)!=null?e:this.sizeFromContext)!=null?r:_o.SIZE}updated(e){var r,i,n,s;super.updated(e),e.has("name")&&this.getIconData().catch(a=>{a.name!=="AbortError"&&this.onerror&&this.onerror(a)}),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null),(e.has("size")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((r=this.iconProviderContext.value)==null?void 0:r.lengthUnit)&&(this.lengthUnitFromContext=(i=this.iconProviderContext.value)==null?void 0:i.lengthUnit,this.updateSize()),this.sizeFromContext!==((n=this.iconProviderContext.value)==null?void 0:n.size)&&(this.sizeFromContext=(s=this.iconProviderContext.value)==null?void 0:s.size,this.updateSize())}render(){return u` ${this.iconData} `}};j.styles=[...E.styles,...en],c([Y()],j.prototype,"iconData",2),c([Y()],j.prototype,"lengthUnitFromContext",2),c([Y()],j.prototype,"sizeFromContext",2),c([d({type:String,reflect:!0})],j.prototype,"name",2),c([d({type:Number})],j.prototype,"size",2),c([d({type:String,attribute:"length-unit"})],j.prototype,"lengthUnit",2),c([d({type:String,attribute:"aria-label"})],j.prototype,"ariaLabel",2),c([Y()],j.prototype,"abortController",2);var Io=j;Io.register(dn);var Ta=Io;var Aa=[C,g`
281
252
  :host {
282
253
  --mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
283
254
  --mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
@@ -371,7 +342,7 @@
371
342
  .mdc-presence-icon__scheduled {
372
343
  color: var(--mdc-presence-scheduled-background-color);
373
344
  }
374
- `],rn=ua;var on=o=>{switch(o){case V.AWAY:return"recents-presence-badge-filled";case V.AWAY_CALLING:return"away-calling-presence-filled";case V.BUSY:return"busy-presence-bold";case V.DND:return"dnd-presence-badge-filled";case V.MEETING:return"camera-filled";case V.ON_CALL:return"handset-filled";case V.ON_DEVICE:return"generic-device-video-badge-filled";case V.ON_MOBILE:return"phone-badge-filled";case V.PAUSE:return"pause-badge-filled";case V.PTO:return"pto-presence-filled";case V.PRESENTING:return"share-screen-badge-filled";case V.QUIET:return"quiet-hours-presence-filled";case V.SCHEDULED:return"meetings-presence-badge-filled";case V.ACTIVE:default:return"active-presence-small-filled"}};var Ze=class extends E{constructor(){super(...arguments);this.type=xt.TYPE;this.size=xt.SIZE;this.currentIconType=xt.TYPE}get iconSize(){switch(this.size){case P.MIDSIZE:return 1.16125;case P.LARGE:return 1.30625;case P.X_LARGE:return 1.596875;case P.XX_LARGE:return 2.25;case P.XX_SMALL:case P.X_SMALL:case P.SMALL:default:return this.size=xt.SIZE,.875}}get icon(){let e=on(this.type);return e==="active-presence-small-filled"&&(this.type=xt.TYPE),e}handleOnLoad(){this.currentIconType=this.type}handleOnError(){this.onerror&&this.onerror("There was a problem while fetching the icon. Please check the icon name and try again.")}render(){return u`
345
+ `],mn=Aa;var hn=o=>{switch(o){case H.AWAY:return"recents-presence-badge-filled";case H.AWAY_CALLING:return"away-calling-presence-filled";case H.BUSY:return"busy-presence-bold";case H.DND:return"dnd-presence-badge-filled";case H.MEETING:return"camera-filled";case H.ON_CALL:return"handset-filled";case H.ON_DEVICE:return"generic-device-video-badge-filled";case H.ON_MOBILE:return"phone-badge-filled";case H.PAUSE:return"pause-badge-filled";case H.PTO:return"pto-presence-filled";case H.PRESENTING:return"share-screen-badge-filled";case H.QUIET:return"quiet-hours-presence-filled";case H.SCHEDULED:return"meetings-presence-badge-filled";case H.ACTIVE:default:return"active-presence-small-filled"}};var Qe=class extends E{constructor(){super(...arguments);this.type=Tt.TYPE;this.size=Tt.SIZE;this.currentIconType=Tt.TYPE}get iconSize(){switch(this.size){case P.MIDSIZE:return 1.16125;case P.LARGE:return 1.30625;case P.X_LARGE:return 1.596875;case P.XX_LARGE:return 2.25;case P.XX_SMALL:case P.X_SMALL:case P.SMALL:default:return this.size=Tt.SIZE,.875}}get icon(){let e=hn(this.type);return e==="active-presence-small-filled"&&(this.type=Tt.TYPE),e}handleOnLoad(){this.currentIconType=this.type}handleOnError(){this.onerror&&this.onerror("There was a problem while fetching the icon. Please check the icon name and try again.")}render(){return u`
375
346
  <div class="mdc-presence mdc-presence__${this.size}">
376
347
  <mdc-icon
377
348
  class="mdc-presence-icon mdc-presence-icon__${this.currentIconType}"
@@ -381,7 +352,7 @@
381
352
  @error="${this.handleOnError}"
382
353
  ></mdc-icon>
383
354
  </div>
384
- `}};Ze.styles=[...E.styles,...rn],c([d({type:String,reflect:!0})],Ze.prototype,"type",2),c([d({type:String,reflect:!0})],Ze.prototype,"size",2),c([q()],Ze.prototype,"currentIconType",2);var To=Ze;To.register(Qi);var fa=To;var nn=g`
355
+ `}};Qe.styles=[...E.styles,...mn],c([d({type:String,reflect:!0})],Qe.prototype,"type",2),c([d({type:String,reflect:!0})],Qe.prototype,"size",2),c([Y()],Qe.prototype,"currentIconType",2);var wo=Qe;wo.register(ji);var Sa=wo;var pn=g`
385
356
  :host::part(text) {
386
357
  font-size: unset;
387
358
  font-weight: unset;
@@ -624,14 +595,90 @@
624
595
  text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
625
596
  text-transform: var(--mds-font-apps-body-small-regular-text-case);
626
597
  }
627
- `;var ga=[g`
598
+ `;var _a=[g`
628
599
  :host {
629
600
  --mdc-text-font-family: var(--mdc-themeprovider-font-family);
630
601
 
631
602
  display: block;
632
603
  font-family: var(--mdc-text-font-family);
633
604
  }
634
- `,nn],sn=ga;var Et=class extends E{constructor(){super(...arguments);this.type=X.TYPE;this.tagname=X.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case z.H1:return u`<h1 part=${X.CSS_PART_TEXT}><slot></slot></h1>`;case z.H2:return u`<h2 part=${X.CSS_PART_TEXT}><slot></slot></h2>`;case z.H3:return u`<h3 part=${X.CSS_PART_TEXT}><slot></slot></h3>`;case z.H4:return u`<h4 part=${X.CSS_PART_TEXT}><slot></slot></h4>`;case z.H5:return u`<h5 part=${X.CSS_PART_TEXT}><slot></slot></h5>`;case z.H6:return u`<h6 part=${X.CSS_PART_TEXT}><slot></slot></h6>`;case z.DIV:return u`<div part=${X.CSS_PART_TEXT}><slot></slot></div>`;case z.SPAN:return u`<span part=${X.CSS_PART_TEXT}><slot></slot></span>`;case z.SMALL:return u`<small part=${X.CSS_PART_TEXT}><slot></slot></small>`;case z.P:default:return u`<p part=${X.CSS_PART_TEXT}><slot></slot></p>`}}};Et.styles=[...E.styles,...sn],c([d({attribute:"type",reflect:!0,type:String})],Et.prototype,"type",2),c([d({attribute:"tagname",reflect:!0,type:String})],Et.prototype,"tagname",2);var Ao=Et;Ao.register(Ht);var va=Ao;Eo.register(ji);var ba=Eo;var Ir={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Bt=o=>(...t)=>({_$litDirective$:o,values:t}),Tt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this.t=t,this._$AM=e,this.i=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var Cr=Bt(class extends Tt{constructor(o){var t;if(super(o),o.type!==Ir.ATTRIBUTE||o.name!=="class"||((t=o.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter(t=>o[t]).join(" ")+" "}update(o,[t]){var r,i;if(this.st===void 0){this.st=new Set,o.strings!==void 0&&(this.nt=new Set(o.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(let n in t)t[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(t)}let e=o.element.classList;for(let n of this.st)n in t||(e.remove(n),this.st.delete(n));for(let n in t){let s=!!t[n];s===this.st.has(n)||(i=this.nt)!=null&&i.has(n)||(s?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return xe}});var an=x.constructTagName("badge"),Te={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},kr={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},Rr={PRIMARY:"primary",SECONDARY:"secondary"},Gt={SUCCESS:"success",WARNING:"warning",ERROR:"error"},ep={...Rr,...Gt},Me={TYPE:Te.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:Rr.PRIMARY,ICON_SIZE:1};var ya=[C,g`
605
+ `,pn],un=_a;var At=class extends E{constructor(){super(...arguments);this.type=X.TYPE;this.tagname=X.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case O.H1:return u`<h1 part=${X.CSS_PART_TEXT}><slot></slot></h1>`;case O.H2:return u`<h2 part=${X.CSS_PART_TEXT}><slot></slot></h2>`;case O.H3:return u`<h3 part=${X.CSS_PART_TEXT}><slot></slot></h3>`;case O.H4:return u`<h4 part=${X.CSS_PART_TEXT}><slot></slot></h4>`;case O.H5:return u`<h5 part=${X.CSS_PART_TEXT}><slot></slot></h5>`;case O.H6:return u`<h6 part=${X.CSS_PART_TEXT}><slot></slot></h6>`;case O.DIV:return u`<div part=${X.CSS_PART_TEXT}><slot></slot></div>`;case O.SPAN:return u`<span part=${X.CSS_PART_TEXT}><slot></slot></span>`;case O.SMALL:return u`<small part=${X.CSS_PART_TEXT}><slot></slot></small>`;case O.P:default:return u`<p part=${X.CSS_PART_TEXT}><slot></slot></p>`}}};At.styles=[...E.styles,...un],c([d({attribute:"type",reflect:!0,type:String})],At.prototype,"type",2),c([d({attribute:"tagname",reflect:!0,type:String})],At.prototype,"tagname",2);var Co=At;Co.register(Bt);var Ia=Co;So.register(Xi);var wa=So;var Yh=y.constructTagName("buttonsimple"),Ca={20:20,24:24,28:28,32:32,40:40,48:48,52:52,64:64,72:72,88:88,124:124},St={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},kr={SIZE:Ca[32],TYPE:St.BUTTON,ROLE:"button"};var Wt=y.constructTagName("button"),Je={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Rr={40:40,32:32,28:28,24:24},Ae={64:64,52:52,20:20,...Rr},ko={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},_t={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},he={VARIANT:Je.PRIMARY,SIZE:Rr[32],COLOR:ko.DEFAULT,TYPE_INTERNAL:_t.ICON,TYPE:St.BUTTON};var Pe=o=>{class t extends o{constructor(){super(...arguments);this.disabled=!1}}return c([d({reflect:!0,type:Boolean})],t.prototype,"disabled",2),t};var pe=o=>{class t extends o{constructor(...i){super(i);this.name="";this.value="";this.internals=this.attachInternals()}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}setValidity(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}checkValidity(){return this.setValidity(),this.internals.checkValidity()}reportValidity(){return this.setValidity(),this.internals.reportValidity()}}return t.formAssociated=!0,c([d({reflect:!0,type:String})],t.prototype,"name",2),c([d({reflect:!0,type:String})],t.prototype,"value",2),c([d({reflect:!0,type:String,attribute:"validation-message"})],t.prototype,"validationMessage",2),c([Fi("input")],t.prototype,"inputElement",2),t};var Lr=o=>{class t extends o{constructor(){super(...arguments);this.tabIndex=0}}return c([d({reflect:!0,type:Number})],t.prototype,"tabIndex",2),t};var ka=[C,g`
606
+ :host {
607
+ border: 0.0625rem solid transparent;
608
+ cursor: pointer;
609
+
610
+ background-color: var(--mds-color-theme-text-primary-normal);
611
+ color: var(--mds-color-theme-inverted-text-secondary-normal);
612
+ font-size: var(--mds-font-apps-body-midsize-regular-font-size);
613
+ outline: none;
614
+
615
+ --mdc-button-height-size-124: 7.75rem;
616
+ --mdc-button-height-size-88: 5.5rem;
617
+ --mdc-button-height-size-72: 4.5rem;
618
+ --mdc-button-height-size-64: 4rem;
619
+ --mdc-button-height-size-52: 3.25rem;
620
+ --mdc-button-height-size-40: 2.5rem;
621
+ --mdc-button-height-size-32: 2rem;
622
+ --mdc-button-height-size-28: 1.75rem;
623
+ --mdc-button-height-size-24: 1.5rem;
624
+ --mdc-button-height-size-20: 1.25rem;
625
+ }
626
+
627
+ :host([disabled]), :host([soft-disabled]){
628
+ background-color: var(--mds-color-theme-text-primary-disabled);
629
+ }
630
+ :host([size="124"]){
631
+ height: var(--mdc-button-height-size-124);
632
+ }
633
+ :host([size="88"]){
634
+ height: var(--mdc-button-height-size-88);
635
+ }
636
+ :host([size="72"]){
637
+ height: var(--mdc-button-height-size-72);
638
+ }
639
+ :host([size="64"]){
640
+ height: var(--mdc-button-height-size-64);
641
+ }
642
+ :host([size="52"]){
643
+ height: var(--mdc-button-height-size-52);
644
+ }
645
+ :host([size="40"]){
646
+ height: var(--mdc-button-height-size-40);
647
+ }
648
+ :host([size="32"]){
649
+ height: var(--mdc-button-height-size-32);
650
+ }
651
+ :host([size="28"]){
652
+ height: var(--mdc-button-height-size-28);
653
+ font-size: var(--mds-font-size-body-midsize);
654
+ }
655
+ :host([size="24"]){
656
+ height: var(--mdc-button-height-size-24);
657
+ }
658
+ :host([size="20"]){
659
+ height: var(--mdc-button-height-size-20);
660
+ }
661
+ `,...z()],fn=ka;var Se=class extends pe(Lr(Pe(E))){constructor(){super();this.active=!1;this.softDisabled=!1;this.size=kr.SIZE;this.role=kr.ROLE;this.type=kr.TYPE;this.prevTabindex=0;this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.addEventListener("blur",this.handleBlur.bind(this))}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this,this.disabled),e.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),e.has("active")&&this.setActive(this,this.active)}executeAction(){this.type===St.SUBMIT&&this.form&&this.form.requestSubmit(),this.type===St.RESET&&this.form&&this.form.reset()}setActive(e,r){r?e.setAttribute("aria-pressed","true"):e.removeAttribute("aria-pressed")}setSoftDisabled(e,r){r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}setDisabled(e,r){r?(e.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),e.removeAttribute("aria-disabled"))}triggerClickEvent(){let e=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(e)}handleBlur(){this.classList.contains("pressed")&&this.classList.remove("pressed")}handleKeyDown(e){["Enter"," "].includes(e.key)&&(this.classList.add("pressed"),e.key==="Enter"&&this.triggerClickEvent())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed"),e.key===" "&&this.triggerClickEvent())}render(){return u`
662
+ <slot></slot>
663
+ `}};Se.styles=[...E.styles,...fn],c([d({type:Boolean,reflect:!0})],Se.prototype,"active",2),c([d({type:Boolean,attribute:"soft-disabled"})],Se.prototype,"softDisabled",2),c([d({type:Number,reflect:!0})],Se.prototype,"size",2),c([d({type:String,reflect:!0})],Se.prototype,"role",2),c([d({reflect:!0})],Se.prototype,"type",2);var Ue=Se;var Ra=[C,g`
664
+ :host {
665
+ padding: unset;
666
+ margin: unset;
667
+ outline: none;
668
+ border-radius: 0.25rem;
669
+ }
670
+ `,...z()],gn=Ra;var Xt=class extends _r(de(Ue)){constructor(){super();this.ariaLabel=null;this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role="button",this.type=he.TYPE}update(e){super.update(e),e.has("size")&&this.setSize(this.size)}setSize(e){this.setAttribute("size",Object.values(N).includes(e)?`${e}`:Et.SIZE.toString())}render(){return u`
671
+ <mdc-avatar
672
+ slot="prefixIcon"
673
+ ?is-typing="${this.isTyping}"
674
+ counter="${A(this.counter)}"
675
+ icon-name="${A(this.iconName)}"
676
+ initials="${A(this.initials)}"
677
+ presence="${A(this.presence)}"
678
+ size="${A(this.size)}"
679
+ src="${A(this.src)}"
680
+ ></mdc-avatar>
681
+ `}};Xt.styles=[...gn],c([d({type:String,attribute:"aria-label"})],Xt.prototype,"ariaLabel",2);var Ro=Xt;var vn=y.constructTagName("avatarbutton");Ro.register(vn);var La=Ro;var Nr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Zt=o=>(...t)=>({_$litDirective$:o,values:t}),It=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this.t=t,this._$AM=e,this.i=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var Or=Zt(class extends It{constructor(o){var t;if(super(o),o.type!==Nr.ATTRIBUTE||o.name!=="class"||((t=o.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter(t=>o[t]).join(" ")+" "}update(o,[t]){var r,i;if(this.st===void 0){this.st=new Set,o.strings!==void 0&&(this.nt=new Set(o.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(let n in t)t[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(t)}let e=o.element.classList;for(let n of this.st)n in t||(e.remove(n),this.st.delete(n));for(let n in t){let s=!!t[n];s===this.st.has(n)||(i=this.nt)!=null&&i.has(n)||(s?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return Ee}});var bn=y.constructTagName("badge"),_e={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},Mr={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},zr={PRIMARY:"primary",SECONDARY:"secondary"},jt={SUCCESS:"success",WARNING:"warning",ERROR:"error"},Wp={...zr,...jt},Ve={TYPE:_e.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:zr.PRIMARY,ICON_SIZE:1};var Na=[C,g`
635
682
  :host {
636
683
  --mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
637
684
  --mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
@@ -700,79 +747,42 @@
700
747
  outline: 0.125rem solid;
701
748
  }
702
749
  }
703
- `],ln=ya;var me=class extends de(E){constructor(){super(...arguments);this.variant=Me.VARIANT;this.maxCounter=Me.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>Me.MAX_COUNTER_LIMIT||r>Me.MAX_COUNTER_LIMIT?`${Me.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r){return u`
750
+ `],yn=Na;var ue=class extends de(E){constructor(){super(...arguments);this.variant=Ve.VARIANT;this.maxCounter=Ve.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>Ve.MAX_COUNTER_LIMIT||r>Ve.MAX_COUNTER_LIMIT?`${Ve.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r){return u`
704
751
  <mdc-icon
705
- class="mdc-badge-icon ${Cr({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
752
+ class="mdc-badge-icon ${Or({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
706
753
  name="${A(e)}"
707
- size="${Me.ICON_SIZE}"
754
+ size="${Ve.ICON_SIZE}"
708
755
  ></mdc-icon>
709
- `}getBadgeDot(){return u`<div class="mdc-badge-dot ${Cr({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return u`
756
+ `}getBadgeDot(){return u`<div class="mdc-badge-dot ${Or({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return u`
710
757
  <mdc-text
711
- type="${O.BODY_SMALL_MEDIUM}"
712
- tagname="${z.DIV}"
713
- class="mdc-badge-text ${Cr({"mdc-badge-overlay":this.overlay})}"
758
+ type="${k.BODY_SMALL_MEDIUM}"
759
+ tagname="${O.DIV}"
760
+ class="mdc-badge-text ${Or({"mdc-badge-overlay":this.overlay})}"
714
761
  >
715
762
  ${this.getCounterText(this.maxCounter,this.counter)}
716
763
  </mdc-text>
717
- `}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(Rr).includes(this.variant)&&(this.variant=Me.VARIANT);let{iconName:e,type:r,variant:i}=this;switch(r){case Te.ICON:return this.getBadgeIcon(e||"",i);case Te.COUNTER:return this.getBadgeCounterText();case Te.SUCCESS:return this.getBadgeIcon(kr.SUCCESS_ICON_NAME,Gt.SUCCESS);case Te.WARNING:return this.getBadgeIcon(kr.WARNING_ICON_NAME,Gt.WARNING);case Te.ERROR:return this.getBadgeIcon(kr.ERROR_ICON_NAME,Gt.ERROR);case Te.DOT:default:return this.type=Te.DOT,this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};me.styles=[...E.styles,...ln],c([d({type:String,reflect:!0})],me.prototype,"type",2),c([d({type:String,reflect:!0})],me.prototype,"variant",2),c([d({type:Number})],me.prototype,"counter",2),c([d({type:Number,attribute:"max-counter",reflect:!0})],me.prototype,"maxCounter",2),c([d({type:Boolean})],me.prototype,"overlay",2),c([d({type:String,attribute:"aria-label"})],me.prototype,"ariaLabel",2);var So=me;So.register(an);var xa=So;var At=o=>{class t extends o{constructor(){super(...arguments);this.disabled=!1}}return c([d({reflect:!0,type:Boolean})],t.prototype,"disabled",2),t};var U=[];for(let o=0;o<256;++o)U.push((o+256).toString(16).slice(1));function cn(o,t=0){return(U[o[t+0]]+U[o[t+1]]+U[o[t+2]]+U[o[t+3]]+"-"+U[o[t+4]]+U[o[t+5]]+"-"+U[o[t+6]]+U[o[t+7]]+"-"+U[o[t+8]]+U[o[t+9]]+"-"+U[o[t+10]]+U[o[t+11]]+U[o[t+12]]+U[o[t+13]]+U[o[t+14]]+U[o[t+15]]).toLowerCase()}var _o,Ea=new Uint8Array(16);function wo(){if(!_o){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");_o=crypto.getRandomValues.bind(crypto)}return _o(Ea)}var Ta=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Io={randomUUID:Ta};function Aa(o,t,e){var i,n,s;if(Io.randomUUID&&!t&&!o)return Io.randomUUID();o=o||{};let r=(s=(n=o.random)!=null?n:(i=o.rng)==null?void 0:i.call(o))!=null?s:wo();if(r.length<16)throw new Error("Random bytes length must be >= 16");if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(e=e||0,e<0||e+16>t.length)throw new RangeError(`UUID byte range ${e}:${e+15} is out of buffer bounds`);for(let a=0;a<16;++a)t[e+a]=r[a];return t}return cn(r)}var Co=Aa;var he=o=>{class t extends o{constructor(...i){super(i);this.name="";this.value="";this.internals=this.attachInternals(),this.id=`mdc-input-${Co()}`}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}setValidity(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}checkValidity(){return this.setValidity(),this.internals.checkValidity()}reportValidity(){return this.setValidity(),this.internals.reportValidity()}}return t.formAssociated=!0,c([d({reflect:!0,type:String})],t.prototype,"name",2),c([d({reflect:!0,type:String})],t.prototype,"value",2),c([d({reflect:!0,type:String,attribute:"validation-message"})],t.prototype,"validationMessage",2),c([bi("input")],t.prototype,"inputElement",2),t};var dn=o=>{class t extends o{constructor(){super(...arguments);this.tabIndex=0}}return c([d({reflect:!0,type:Number})],t.prototype,"tabIndex",2),t};var Fp=x.constructTagName("buttonsimple"),Sa={20:20,24:24,28:28,32:32,40:40,48:48,52:52,64:64,72:72,88:88,124:124},St={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},Lr={SIZE:Sa[32],TYPE:St.BUTTON,ROLE:"button"};var _a=[C,g`
764
+ `}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(zr).includes(this.variant)&&(this.variant=Ve.VARIANT);let{iconName:e,type:r,variant:i}=this;switch(r){case _e.ICON:return this.getBadgeIcon(e||"",i);case _e.COUNTER:return this.getBadgeCounterText();case _e.SUCCESS:return this.getBadgeIcon(Mr.SUCCESS_ICON_NAME,jt.SUCCESS);case _e.WARNING:return this.getBadgeIcon(Mr.WARNING_ICON_NAME,jt.WARNING);case _e.ERROR:return this.getBadgeIcon(Mr.ERROR_ICON_NAME,jt.ERROR);case _e.DOT:default:return this.type=_e.DOT,this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};ue.styles=[...E.styles,...yn],c([d({type:String,reflect:!0})],ue.prototype,"type",2),c([d({type:String,reflect:!0})],ue.prototype,"variant",2),c([d({type:Number})],ue.prototype,"counter",2),c([d({type:Number,attribute:"max-counter",reflect:!0})],ue.prototype,"maxCounter",2),c([d({type:Boolean})],ue.prototype,"overlay",2),c([d({type:String,attribute:"aria-label"})],ue.prototype,"ariaLabel",2);var Lo=ue;Lo.register(bn);var Oa=Lo;var Ma=g`
718
765
  :host {
719
- border: 0.0625rem solid transparent;
720
- cursor: pointer;
721
-
722
- background-color: var(--mds-color-theme-text-primary-normal);
723
- color: var(--mds-color-theme-inverted-text-secondary-normal);
724
- font-size: var(--mds-font-apps-body-midsize-regular-font-size);
725
- outline: none;
766
+ --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
767
+ --mdc-bullet-size-small: 0.25rem;
768
+ --mdc-bullet-size-medium: 0.5rem;
769
+ --mdc-bullet-size-large: 1rem;
726
770
 
727
- --mdc-button-height-size-124: 7.75rem;
728
- --mdc-button-height-size-88: 5.5rem;
729
- --mdc-button-height-size-72: 4.5rem;
730
- --mdc-button-height-size-64: 4rem;
731
- --mdc-button-height-size-52: 3.25rem;
732
- --mdc-button-height-size-40: 2.5rem;
733
- --mdc-button-height-size-32: 2rem;
734
- --mdc-button-height-size-28: 1.75rem;
735
- --mdc-button-height-size-24: 1.5rem;
736
- --mdc-button-height-size-20: 1.25rem;
737
- }
738
-
739
- :host([disabled]), :host([soft-disabled]){
740
- background-color: var(--mds-color-theme-text-primary-disabled);
741
- }
742
- :host([size="124"]){
743
- height: var(--mdc-button-height-size-124);
744
- }
745
- :host([size="88"]){
746
- height: var(--mdc-button-height-size-88);
747
- }
748
- :host([size="72"]){
749
- height: var(--mdc-button-height-size-72);
750
- }
751
- :host([size="64"]){
752
- height: var(--mdc-button-height-size-64);
753
- }
754
- :host([size="52"]){
755
- height: var(--mdc-button-height-size-52);
756
- }
757
- :host([size="40"]){
758
- height: var(--mdc-button-height-size-40);
759
- }
760
- :host([size="32"]){
761
- height: var(--mdc-button-height-size-32);
771
+ border-radius: 50%;
772
+ display: block;
773
+ aspect-ratio: 1;
774
+ background-color: var(--mdc-bullet-background-color);
762
775
  }
763
- :host([size="28"]){
764
- height: var(--mdc-button-height-size-28);
765
- font-size: var(--mds-font-size-body-midsize);
776
+ :host([size="small"]) {
777
+ height: var(--mdc-bullet-size-small);
766
778
  }
767
- :host([size="24"]){
768
- height: var(--mdc-button-height-size-24);
779
+ :host([size="medium"]) {
780
+ height: var(--mdc-bullet-size-medium);
769
781
  }
770
- :host([size="20"]){
771
- height: var(--mdc-button-height-size-20);
782
+ :host([size="large"]) {
783
+ height: var(--mdc-bullet-size-large);
772
784
  }
773
- `,...$()],mn=_a;var Ae=class extends he(dn(At(E))){constructor(){super();this.active=!1;this.softDisabled=!1;this.size=Lr.SIZE;this.role=Lr.ROLE;this.type=Lr.TYPE;this.prevTabindex=0;this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.addEventListener("blur",this.handleBlur.bind(this))}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this,this.disabled),e.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),e.has("active")&&this.setActive(this,this.active)}executeAction(){this.type===St.SUBMIT&&this.form&&this.form.requestSubmit(),this.type===St.RESET&&this.form&&this.form.reset()}setActive(e,r){r?e.setAttribute("aria-pressed","true"):e.removeAttribute("aria-pressed")}setSoftDisabled(e,r){r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}setDisabled(e,r){r?(e.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),e.removeAttribute("aria-disabled"))}triggerClickEvent(){let e=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(e)}handleBlur(){this.classList.contains("pressed")&&this.classList.remove("pressed")}handleKeyDown(e){["Enter"," "].includes(e.key)&&(this.classList.add("pressed"),e.key==="Enter"&&this.triggerClickEvent())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed"),e.key===" "&&this.triggerClickEvent())}render(){return u`
774
- <slot></slot>
775
- `}};Ae.styles=[...E.styles,...mn],c([d({type:Boolean,reflect:!0})],Ae.prototype,"active",2),c([d({type:Boolean,attribute:"soft-disabled"})],Ae.prototype,"softDisabled",2),c([d({type:Number,reflect:!0})],Ae.prototype,"size",2),c([d({type:String,reflect:!0})],Ae.prototype,"role",2),c([d({reflect:!0})],Ae.prototype,"type",2);var De=Ae;var qt=x.constructTagName("button"),je={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Nr={40:40,32:32,28:28,24:24},Se={64:64,52:52,20:20,...Nr},ko={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},_t={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},pe={VARIANT:je.PRIMARY,SIZE:Nr[32],COLOR:ko.DEFAULT,TYPE_INTERNAL:_t.ICON,TYPE:St.BUTTON};var wa=g`
785
+ `,xn=[Ma];var En=y.constructTagName("bullet"),Tn={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var Kt=class extends E{constructor(){super(...arguments);this.size=Tn.SMALL}};Kt.styles=[...E.styles,...xn],c([d({type:String,reflect:!0})],Kt.prototype,"size",2);var No=Kt;No.register(En);var za=No;var Da=g`
776
786
  :host {
777
787
  background-color: transparent;
778
788
  border-radius: 1.25rem;
@@ -944,7 +954,7 @@
944
954
  --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
945
955
  --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
946
956
  }
947
- `,hn=[wa];var pn=o=>{switch(o){case Se[64]:return 2;case Se[52]:return 1.75;case Se[40]:return 1.25;default:return 1}},Yt=o=>{let t=o.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var K=class extends De{constructor(){super(...arguments);this.variant=pe.VARIANT;this.size=pe.SIZE;this.color=pe.COLOR;this.role="button";this.typeInternal=pe.TYPE_INTERNAL;this.iconSize=1}update(e){super.update(e),e.has("active")&&this.modifyIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${Yt(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${Yt(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(je).includes(e)?e:pe.VARIANT)}setSize(e){let i=this.typeInternal===_t.ICON?Object.values(Se).includes(e)&&!(e===Se[20]&&this.variant!==je.TERTIARY):Object.values(Nr).includes(e);this.setAttribute("size",i?`${e}`:`${pe.SIZE}`),this.iconSize=pn(e)}setColor(e){!Object.values(ko).includes(e)||this.variant===je.TERTIARY?this.setAttribute("color",`${pe.COLOR}`):this.setAttribute("color",e)}inferButtonType(){var r,i;let e=(i=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:i.assignedNodes().filter(n=>{var s;return n.nodeType!==Node.TEXT_NODE||((s=n.textContent)==null?void 0:s.trim())}).length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=_t.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=_t.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=_t.PILL,this.setAttribute("data-btn-type","pill"))}render(){return u`
957
+ `,An=[Da];var Sn=o=>{switch(o){case Ae[64]:return 2;case Ae[52]:return 1.75;case Ae[40]:return 1.25;default:return 1}},Qt=o=>{let t=o.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var K=class extends Ue{constructor(){super(...arguments);this.variant=he.VARIANT;this.size=he.SIZE;this.color=he.COLOR;this.role="button";this.typeInternal=he.TYPE_INTERNAL;this.iconSize=1}update(e){super.update(e),e.has("active")&&this.modifyIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${Qt(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${Qt(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(Je).includes(e)?e:he.VARIANT)}setSize(e){let i=this.typeInternal===_t.ICON?Object.values(Ae).includes(e)&&!(e===Ae[20]&&this.variant!==Je.TERTIARY):Object.values(Rr).includes(e);this.setAttribute("size",i?`${e}`:`${he.SIZE}`),this.iconSize=Sn(e)}setColor(e){!Object.values(ko).includes(e)||this.variant===Je.TERTIARY?this.setAttribute("color",`${he.COLOR}`):this.setAttribute("color",e)}inferButtonType(){var r,i;let e=(i=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:i.assignedNodes().filter(n=>{var s;return n.nodeType!==Node.TEXT_NODE||((s=n.textContent)==null?void 0:s.trim())}).length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=_t.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=_t.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=_t.PILL,this.setAttribute("data-btn-type","pill"))}render(){return u`
948
958
  ${this.prefixIcon?u` <mdc-icon
949
959
  name="${this.prefixIcon}"
950
960
  part="prefix-icon"
@@ -960,235 +970,217 @@
960
970
  length-unit="rem"
961
971
  >
962
972
  </mdc-icon>`:""}
963
- `}};K.styles=[...De.styles,...hn],c([d({type:String,attribute:"prefix-icon",reflect:!0})],K.prototype,"prefixIcon",2),c([d({type:String,attribute:"postfix-icon",reflect:!0})],K.prototype,"postfixIcon",2),c([d({type:String})],K.prototype,"variant",2),c([d({type:Number})],K.prototype,"size",2),c([d({type:String})],K.prototype,"color",2),c([d({type:String,reflect:!0})],K.prototype,"role",2),c([q()],K.prototype,"typeInternal",2),c([q()],K.prototype,"iconSize",2);var Ro=K;Ro.register(qt);var Ia=Ro;var ue=Math.min,G=Math.max,Xt=Math.round,Zt=Math.floor,oe=o=>({x:o,y:o}),Ca={left:"right",right:"left",bottom:"top",top:"bottom"},ka={start:"end",end:"start"};function zr(o,t,e){return G(o,ue(t,e))}function Ke(o,t){return typeof o=="function"?o(t):o}function _e(o){return o.split("-")[0]}function Qe(o){return o.split("-")[1]}function Lo(o){return o==="x"?"y":"x"}function Mr(o){return o==="y"?"height":"width"}function $e(o){return["top","bottom"].includes(_e(o))?"y":"x"}function Dr(o){return Lo($e(o))}function un(o,t,e){e===void 0&&(e=!1);let r=Qe(o),i=Dr(o),n=Mr(i),s=i==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[n]>t.floating[n]&&(s=Wt(s)),[s,Wt(s)]}function fn(o){let t=Wt(o);return[Or(o),t,Or(t)]}function Or(o){return o.replace(/start|end/g,t=>ka[t])}function Ra(o,t,e){let r=["left","right"],i=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(o){case"top":case"bottom":return e?t?i:r:t?r:i;case"left":case"right":return t?n:s;default:return[]}}function gn(o,t,e,r){let i=Qe(o),n=Ra(_e(o),e==="start",r);return i&&(n=n.map(s=>s+"-"+i),t&&(n=n.concat(n.map(Or)))),n}function Wt(o){return o.replace(/left|right|bottom|top/g,t=>Ca[t])}function La(o){return{top:0,right:0,bottom:0,left:0,...o}}function No(o){return typeof o!="number"?La(o):{top:o,right:o,bottom:o,left:o}}function Je(o){let{x:t,y:e,width:r,height:i}=o;return{width:r,height:i,top:e,left:t,right:t+r,bottom:e+i,x:t,y:e}}function vn(o,t,e){let{reference:r,floating:i}=o,n=$e(t),s=Dr(t),a=Mr(s),l=_e(t),m=n==="y",h=r.x+r.width/2-i.width/2,p=r.y+r.height/2-i.height/2,v=r[a]/2-i[a]/2,f;switch(l){case"top":f={x:h,y:r.y-i.height};break;case"bottom":f={x:h,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:p};break;case"left":f={x:r.x-i.width,y:p};break;default:f={x:r.x,y:r.y}}switch(Qe(t)){case"start":f[s]-=v*(e&&m?-1:1);break;case"end":f[s]+=v*(e&&m?-1:1);break}return f}var bn=async(o,t,e)=>{let{placement:r="bottom",strategy:i="absolute",middleware:n=[],platform:s}=e,a=n.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(t)),m=await s.getElementRects({reference:o,floating:t,strategy:i}),{x:h,y:p}=vn(m,r,l),v=r,f={},b=0;for(let T=0;T<a.length;T++){let{name:_,fn:S}=a[T],{x:w,y:I,data:D,reset:N}=await S({x:h,y:p,initialPlacement:r,placement:v,strategy:i,middlewareData:f,rects:m,platform:s,elements:{reference:o,floating:t}});h=w!=null?w:h,p=I!=null?I:p,f={...f,[_]:{...f[_],...D}},N&&b<=50&&(b++,typeof N=="object"&&(N.placement&&(v=N.placement),N.rects&&(m=N.rects===!0?await s.getElementRects({reference:o,floating:t,strategy:i}):N.rects),{x:h,y:p}=vn(m,v,l)),T=-1)}return{x:h,y:p,placement:v,strategy:i,middlewareData:f}};async function $r(o,t){var e;t===void 0&&(t={});let{x:r,y:i,platform:n,rects:s,elements:a,strategy:l}=o,{boundary:m="clippingAncestors",rootBoundary:h="viewport",elementContext:p="floating",altBoundary:v=!1,padding:f=0}=Ke(t,o),b=No(f),_=a[v?p==="floating"?"reference":"floating":p],S=Je(await n.getClippingRect({element:(e=await(n.isElement==null?void 0:n.isElement(_)))==null||e?_:_.contextElement||await(n.getDocumentElement==null?void 0:n.getDocumentElement(a.floating)),boundary:m,rootBoundary:h,strategy:l})),w=p==="floating"?{x:r,y:i,width:s.floating.width,height:s.floating.height}:s.reference,I=await(n.getOffsetParent==null?void 0:n.getOffsetParent(a.floating)),D=await(n.isElement==null?void 0:n.isElement(I))?await(n.getScale==null?void 0:n.getScale(I))||{x:1,y:1}:{x:1,y:1},N=Je(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:w,offsetParent:I,strategy:l}):w);return{top:(S.top-N.top+b.top)/D.y,bottom:(N.bottom-S.bottom+b.bottom)/D.y,left:(S.left-N.left+b.left)/D.x,right:(N.right-S.right+b.right)/D.x}}var yn=o=>({name:"arrow",options:o,async fn(t){let{x:e,y:r,placement:i,rects:n,platform:s,elements:a,middlewareData:l}=t,{element:m,padding:h=0}=Ke(o,t)||{};if(m==null)return{};let p=No(h),v={x:e,y:r},f=Dr(i),b=Mr(f),T=await s.getDimensions(m),_=f==="y",S=_?"top":"left",w=_?"bottom":"right",I=_?"clientHeight":"clientWidth",D=n.reference[b]+n.reference[f]-v[f]-n.floating[b],N=v[f]-n.reference[f],Z=await(s.getOffsetParent==null?void 0:s.getOffsetParent(m)),te=Z?Z[I]:0;(!te||!await(s.isElement==null?void 0:s.isElement(Z)))&&(te=a.floating[I]||n.floating[b]);let ge=D/2-N/2,se=te/2-T[b]/2-1,re=ue(p[S],se),Ce=ue(p[w],se),ae=re,ke=te-T[b]-Ce,F=te/2-T[b]/2+ge,pt=zr(ae,F,ke),ve=!l.arrow&&Qe(i)!=null&&F!==pt&&n.reference[b]/2-(F<ae?re:Ce)-T[b]/2<0,le=ve?F<ae?F-ae:F-ke:0;return{[f]:v[f]+le,data:{[f]:pt,centerOffset:F-pt-le,...ve&&{alignmentOffset:le}},reset:ve}}});var xn=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(t){var e,r;let{placement:i,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:m}=t,{mainAxis:h=!0,crossAxis:p=!0,fallbackPlacements:v,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:T=!0,..._}=Ke(o,t);if((e=n.arrow)!=null&&e.alignmentOffset)return{};let S=_e(i),w=$e(a),I=_e(a)===a,D=await(l.isRTL==null?void 0:l.isRTL(m.floating)),N=v||(I||!T?[Wt(a)]:fn(a)),Z=b!=="none";!v&&Z&&N.push(...gn(a,T,b,D));let te=[a,...N],ge=await $r(t,_),se=[],re=((r=n.flip)==null?void 0:r.overflows)||[];if(h&&se.push(ge[S]),p){let F=un(i,s,D);se.push(ge[F[0]],ge[F[1]])}if(re=[...re,{placement:i,overflows:se}],!se.every(F=>F<=0)){var Ce,ae;let F=(((Ce=n.flip)==null?void 0:Ce.index)||0)+1,pt=te[F];if(pt)return{data:{index:F,overflows:re},reset:{placement:pt}};let ve=(ae=re.filter(le=>le.overflows[0]<=0).sort((le,Re)=>le.overflows[1]-Re.overflows[1])[0])==null?void 0:ae.placement;if(!ve)switch(f){case"bestFit":{var ke;let le=(ke=re.filter(Re=>{if(Z){let Le=$e(Re.placement);return Le===w||Le==="y"}return!0}).map(Re=>[Re.placement,Re.overflows.filter(Le=>Le>0).reduce((Le,Hs)=>Le+Hs,0)]).sort((Re,Le)=>Re[1]-Le[1])[0])==null?void 0:ke[0];le&&(ve=le);break}case"initialPlacement":ve=a;break}if(i!==ve)return{reset:{placement:ve}}}return{}}}};async function Na(o,t){let{placement:e,platform:r,elements:i}=o,n=await(r.isRTL==null?void 0:r.isRTL(i.floating)),s=_e(e),a=Qe(e),l=$e(e)==="y",m=["left","top"].includes(s)?-1:1,h=n&&l?-1:1,p=Ke(t,o),{mainAxis:v,crossAxis:f,alignmentAxis:b}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return a&&typeof b=="number"&&(f=a==="end"?b*-1:b),l?{x:f*h,y:v*m}:{x:v*m,y:f*h}}var En=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(t){var e,r;let{x:i,y:n,placement:s,middlewareData:a}=t,l=await Na(t,o);return s===((e=a.offset)==null?void 0:e.placement)&&(r=a.arrow)!=null&&r.alignmentOffset?{}:{x:i+l.x,y:n+l.y,data:{...l,placement:s}}}}},Tn=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:e,y:r,placement:i}=t,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:_=>{let{x:S,y:w}=_;return{x:S,y:w}}},...l}=Ke(o,t),m={x:e,y:r},h=await $r(t,l),p=$e(_e(i)),v=Lo(p),f=m[v],b=m[p];if(n){let _=v==="y"?"top":"left",S=v==="y"?"bottom":"right",w=f+h[_],I=f-h[S];f=zr(w,f,I)}if(s){let _=p==="y"?"top":"left",S=p==="y"?"bottom":"right",w=b+h[_],I=b-h[S];b=zr(w,b,I)}let T=a.fn({...t,[v]:f,[p]:b});return{...T,data:{x:T.x-e,y:T.y-r,enabled:{[v]:n,[p]:s}}}}}};var An=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){var e,r;let{placement:i,rects:n,platform:s,elements:a}=t,{apply:l=()=>{},...m}=Ke(o,t),h=await $r(t,m),p=_e(i),v=Qe(i),f=$e(i)==="y",{width:b,height:T}=n.floating,_,S;p==="top"||p==="bottom"?(_=p,S=v===(await(s.isRTL==null?void 0:s.isRTL(a.floating))?"start":"end")?"left":"right"):(S=p,_=v==="end"?"top":"bottom");let w=T-h.top-h.bottom,I=b-h.left-h.right,D=ue(T-h[_],w),N=ue(b-h[S],I),Z=!t.middlewareData.shift,te=D,ge=N;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(ge=I),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(te=w),Z&&!v){let re=G(h.left,0),Ce=G(h.right,0),ae=G(h.top,0),ke=G(h.bottom,0);f?ge=b-2*(re!==0||Ce!==0?re+Ce:G(h.left,h.right)):te=T-2*(ae!==0||ke!==0?ae+ke:G(h.top,h.bottom))}await l({...t,availableWidth:ge,availableHeight:te});let se=await s.getDimensions(a.floating);return b!==se.width||T!==se.height?{reset:{rects:!0}}:{}}}};function Pr(){return typeof window<"u"}function et(o){return _n(o)?(o.nodeName||"").toLowerCase():"#document"}function Y(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function ie(o){var t;return(t=(_n(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function _n(o){return Pr()?o instanceof Node||o instanceof Y(o).Node:!1}function Q(o){return Pr()?o instanceof Element||o instanceof Y(o).Element:!1}function ne(o){return Pr()?o instanceof HTMLElement||o instanceof Y(o).HTMLElement:!1}function Sn(o){return!Pr()||typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof Y(o).ShadowRoot}function It(o){let{overflow:t,overflowX:e,overflowY:r,display:i}=J(o);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!["inline","contents"].includes(i)}function wn(o){return["table","td","th"].includes(et(o))}function jt(o){return[":popover-open",":modal"].some(t=>{try{return o.matches(t)}catch{return!1}})}function Ur(o){let t=Vr(),e=Q(o)?J(o):o;return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":!1)||!t&&(e.backdropFilter?e.backdropFilter!=="none":!1)||!t&&(e.filter?e.filter!=="none":!1)||["transform","perspective","filter"].some(r=>(e.willChange||"").includes(r))||["paint","layout","strict","content"].some(r=>(e.contain||"").includes(r))}function In(o){let t=we(o);for(;ne(t)&&!tt(t);){if(Ur(t))return t;if(jt(t))return null;t=we(t)}return null}function Vr(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function tt(o){return["html","body","#document"].includes(et(o))}function J(o){return Y(o).getComputedStyle(o)}function Kt(o){return Q(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function we(o){if(et(o)==="html")return o;let t=o.assignedSlot||o.parentNode||Sn(o)&&o.host||ie(o);return Sn(t)?t.host:t}function Cn(o){let t=we(o);return tt(t)?o.ownerDocument?o.ownerDocument.body:o.body:ne(t)&&It(t)?t:Cn(t)}function wt(o,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let i=Cn(o),n=i===((r=o.ownerDocument)==null?void 0:r.body),s=Y(i);if(n){let a=Hr(s);return t.concat(s,s.visualViewport||[],It(i)?i:[],a&&e?wt(a):[])}return t.concat(i,wt(i,[],e))}function Hr(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}function Ln(o){let t=J(o),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=ne(o),n=i?o.offsetWidth:e,s=i?o.offsetHeight:r,a=Xt(e)!==n||Xt(r)!==s;return a&&(e=n,r=s),{width:e,height:r,$:a}}function zo(o){return Q(o)?o:o.contextElement}function Ct(o){let t=zo(o);if(!ne(t))return oe(1);let e=t.getBoundingClientRect(),{width:r,height:i,$:n}=Ln(t),s=(n?Xt(e.width):e.width)/r,a=(n?Xt(e.height):e.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!a||!Number.isFinite(a))&&(a=1),{x:s,y:a}}var Oa=oe(0);function Nn(o){let t=Y(o);return!Vr()||!t.visualViewport?Oa:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function za(o,t,e){return t===void 0&&(t=!1),!e||t&&e!==Y(o)?!1:t}function rt(o,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let i=o.getBoundingClientRect(),n=zo(o),s=oe(1);t&&(r?Q(r)&&(s=Ct(r)):s=Ct(o));let a=za(n,e,r)?Nn(n):oe(0),l=(i.left+a.x)/s.x,m=(i.top+a.y)/s.y,h=i.width/s.x,p=i.height/s.y;if(n){let v=Y(n),f=r&&Q(r)?Y(r):r,b=v,T=Hr(b);for(;T&&r&&f!==b;){let _=Ct(T),S=T.getBoundingClientRect(),w=J(T),I=S.left+(T.clientLeft+parseFloat(w.paddingLeft))*_.x,D=S.top+(T.clientTop+parseFloat(w.paddingTop))*_.y;l*=_.x,m*=_.y,h*=_.x,p*=_.y,l+=I,m+=D,b=Y(T),T=Hr(b)}}return Je({width:h,height:p,x:l,y:m})}function Mo(o,t){let e=Kt(o).scrollLeft;return t?t.left+e:rt(ie(o)).left+e}function On(o,t,e){e===void 0&&(e=!1);let r=o.getBoundingClientRect(),i=r.left+t.scrollLeft-(e?0:Mo(o,r)),n=r.top+t.scrollTop;return{x:i,y:n}}function Ma(o){let{elements:t,rect:e,offsetParent:r,strategy:i}=o,n=i==="fixed",s=ie(r),a=t?jt(t.floating):!1;if(r===s||a&&n)return e;let l={scrollLeft:0,scrollTop:0},m=oe(1),h=oe(0),p=ne(r);if((p||!p&&!n)&&((et(r)!=="body"||It(s))&&(l=Kt(r)),ne(r))){let f=rt(r);m=Ct(r),h.x=f.x+r.clientLeft,h.y=f.y+r.clientTop}let v=s&&!p&&!n?On(s,l,!0):oe(0);return{width:e.width*m.x,height:e.height*m.y,x:e.x*m.x-l.scrollLeft*m.x+h.x+v.x,y:e.y*m.y-l.scrollTop*m.y+h.y+v.y}}function Da(o){return Array.from(o.getClientRects())}function $a(o){let t=ie(o),e=Kt(o),r=o.ownerDocument.body,i=G(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),n=G(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),s=-e.scrollLeft+Mo(o),a=-e.scrollTop;return J(r).direction==="rtl"&&(s+=G(t.clientWidth,r.clientWidth)-i),{width:i,height:n,x:s,y:a}}function Pa(o,t){let e=Y(o),r=ie(o),i=e.visualViewport,n=r.clientWidth,s=r.clientHeight,a=0,l=0;if(i){n=i.width,s=i.height;let m=Vr();(!m||m&&t==="fixed")&&(a=i.offsetLeft,l=i.offsetTop)}return{width:n,height:s,x:a,y:l}}function Ua(o,t){let e=rt(o,!0,t==="fixed"),r=e.top+o.clientTop,i=e.left+o.clientLeft,n=ne(o)?Ct(o):oe(1),s=o.clientWidth*n.x,a=o.clientHeight*n.y,l=i*n.x,m=r*n.y;return{width:s,height:a,x:l,y:m}}function kn(o,t,e){let r;if(t==="viewport")r=Pa(o,e);else if(t==="document")r=$a(ie(o));else if(Q(t))r=Ua(t,e);else{let i=Nn(o);r={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return Je(r)}function zn(o,t){let e=we(o);return e===t||!Q(e)||tt(e)?!1:J(e).position==="fixed"||zn(e,t)}function Va(o,t){let e=t.get(o);if(e)return e;let r=wt(o,[],!1).filter(a=>Q(a)&&et(a)!=="body"),i=null,n=J(o).position==="fixed",s=n?we(o):o;for(;Q(s)&&!tt(s);){let a=J(s),l=Ur(s);!l&&a.position==="fixed"&&(i=null),(n?!l&&!i:!l&&a.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||It(s)&&!l&&zn(o,s))?r=r.filter(h=>h!==s):i=a,s=we(s)}return t.set(o,r),r}function Ha(o){let{element:t,boundary:e,rootBoundary:r,strategy:i}=o,s=[...e==="clippingAncestors"?jt(t)?[]:Va(t,this._c):[].concat(e),r],a=s[0],l=s.reduce((m,h)=>{let p=kn(t,h,i);return m.top=G(p.top,m.top),m.right=ue(p.right,m.right),m.bottom=ue(p.bottom,m.bottom),m.left=G(p.left,m.left),m},kn(t,a,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Fa(o){let{width:t,height:e}=Ln(o);return{width:t,height:e}}function Ba(o,t,e){let r=ne(t),i=ie(t),n=e==="fixed",s=rt(o,!0,n,t),a={scrollLeft:0,scrollTop:0},l=oe(0);if(r||!r&&!n)if((et(t)!=="body"||It(i))&&(a=Kt(t)),r){let v=rt(t,!0,n,t);l.x=v.x+t.clientLeft,l.y=v.y+t.clientTop}else i&&(l.x=Mo(i));let m=i&&!r&&!n?On(i,a):oe(0),h=s.left+a.scrollLeft-l.x-m.x,p=s.top+a.scrollTop-l.y-m.y;return{x:h,y:p,width:s.width,height:s.height}}function Oo(o){return J(o).position==="static"}function Rn(o,t){if(!ne(o)||J(o).position==="fixed")return null;if(t)return t(o);let e=o.offsetParent;return ie(o)===e&&(e=e.ownerDocument.body),e}function Mn(o,t){let e=Y(o);if(jt(o))return e;if(!ne(o)){let i=we(o);for(;i&&!tt(i);){if(Q(i)&&!Oo(i))return i;i=we(i)}return e}let r=Rn(o,t);for(;r&&wn(r)&&Oo(r);)r=Rn(r,t);return r&&tt(r)&&Oo(r)&&!Ur(r)?e:r||In(o)||e}var Ga=async function(o){let t=this.getOffsetParent||Mn,e=this.getDimensions,r=await e(o.floating);return{reference:Ba(o.reference,await t(o.floating),o.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function qa(o){return J(o).direction==="rtl"}var Ya={convertOffsetParentRelativeRectToViewportRelativeRect:Ma,getDocumentElement:ie,getClippingRect:Ha,getOffsetParent:Mn,getElementRects:Ga,getClientRects:Da,getDimensions:Fa,getScale:Ct,isElement:Q,isRTL:qa};function Wa(o,t){let e=null,r,i=ie(o);function n(){var a;clearTimeout(r),(a=e)==null||a.disconnect(),e=null}function s(a,l){a===void 0&&(a=!1),l===void 0&&(l=1),n();let{left:m,top:h,width:p,height:v}=o.getBoundingClientRect();if(a||t(),!p||!v)return;let f=Zt(h),b=Zt(i.clientWidth-(m+p)),T=Zt(i.clientHeight-(h+v)),_=Zt(m),w={rootMargin:-f+"px "+-b+"px "+-T+"px "+-_+"px",threshold:G(0,ue(1,l))||1},I=!0;function D(N){let Z=N[0].intersectionRatio;if(Z!==l){if(!I)return s();Z?s(!1,Z):r=setTimeout(()=>{s(!1,1e-7)},1e3)}I=!1}try{e=new IntersectionObserver(D,{...w,root:i.ownerDocument})}catch{e=new IntersectionObserver(D,w)}e.observe(o)}return s(!0),n}function Dn(o,t,e,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:n=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:a=typeof IntersectionObserver=="function",animationFrame:l=!1}=r,m=zo(o),h=i||n?[...m?wt(m):[],...wt(t)]:[];h.forEach(S=>{i&&S.addEventListener("scroll",e,{passive:!0}),n&&S.addEventListener("resize",e)});let p=m&&a?Wa(m,e):null,v=-1,f=null;s&&(f=new ResizeObserver(S=>{let[w]=S;w&&w.target===m&&f&&(f.unobserve(t),cancelAnimationFrame(v),v=requestAnimationFrame(()=>{var I;(I=f)==null||I.observe(t)})),e()}),m&&!l&&f.observe(m),f.observe(t));let b,T=l?rt(o):null;l&&_();function _(){let S=rt(o);T&&(S.x!==T.x||S.y!==T.y||S.width!==T.width||S.height!==T.height)&&e(),T=S,b=requestAnimationFrame(_)}return e(),()=>{var S;h.forEach(w=>{i&&w.removeEventListener("scroll",e),n&&w.removeEventListener("resize",e)}),p==null||p(),(S=f)==null||S.disconnect(),f=null,l&&cancelAnimationFrame(b)}}var $n=En;var Pn=Tn,Un=xn,Vn=An;var Hn=yn;var Fn=(o,t,e)=>{let r=new Map,i={platform:Ya,...e},n={...i.platform,_c:r};return bn(o,t,{...i,platform:n})};var Xa=g`
964
- :host {
965
- --mdc-popover-arrow-border-radius: 0.1875rem;
966
- --mdc-popover-arrow-border: 0.0625rem solid var(--mds-color-theme-outline-secondary-normal);
967
-
968
- --mdc-popover-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);
969
- --mdc-popover-inverted-background-color: var(--mds-color-theme-inverted-background-normal);
970
- --mdc-popover-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);
971
- --mdc-popover-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);
972
- }
973
-
974
- :host([color='contrast']) .popover-container {
975
- .popover-arrow {
976
- background-color: var(--mdc-popover-inverted-background-color);
977
- border-color: var(--mdc-popover-inverted-border-color);
973
+ `}};K.styles=[...Ue.styles,...An],c([d({type:String,attribute:"prefix-icon",reflect:!0})],K.prototype,"prefixIcon",2),c([d({type:String,attribute:"postfix-icon",reflect:!0})],K.prototype,"postfixIcon",2),c([d({type:String})],K.prototype,"variant",2),c([d({type:Number})],K.prototype,"size",2),c([d({type:String})],K.prototype,"color",2),c([d({type:String,reflect:!0})],K.prototype,"role",2),c([Y()],K.prototype,"typeInternal",2),c([Y()],K.prototype,"iconSize",2);var Oo=K;Oo.register(Wt);var $a=Oo;var V=[];for(let o=0;o<256;++o)V.push((o+256).toString(16).slice(1));function _n(o,t=0){return(V[o[t+0]]+V[o[t+1]]+V[o[t+2]]+V[o[t+3]]+"-"+V[o[t+4]]+V[o[t+5]]+"-"+V[o[t+6]]+V[o[t+7]]+"-"+V[o[t+8]]+V[o[t+9]]+"-"+V[o[t+10]]+V[o[t+11]]+V[o[t+12]]+V[o[t+13]]+V[o[t+14]]+V[o[t+15]]).toLowerCase()}var Mo,Pa=new Uint8Array(16);function zo(){if(!Mo){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");Mo=crypto.getRandomValues.bind(crypto)}return Mo(Pa)}var Ua=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Do={randomUUID:Ua};function Va(o,t,e){var i,n,s;if(Do.randomUUID&&!t&&!o)return Do.randomUUID();o=o||{};let r=(s=(n=o.random)!=null?n:(i=o.rng)==null?void 0:i.call(o))!=null?s:zo();if(r.length<16)throw new Error("Random bytes length must be >= 16");if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(e=e||0,e<0||e+16>t.length)throw new RangeError(`UUID byte range ${e}:${e+15} is out of buffer bounds`);for(let a=0;a<16;++a)t[e+a]=r[a];return t}return _n(r)}var Ie=Va;var U=o=>{class t extends o{constructor(){super(...arguments);this.dataAriaLabel=null}}return c([d({type:String,reflect:!0,attribute:"data-aria-label"})],t.prototype,"dataAriaLabel",2),t};var In=y.constructTagName("formfieldwrapper"),fe={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},F={VALIDATION:fe.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id"},et={TAGNAME:O.SPAN,TYPE:k.BODY_MIDSIZE_REGULAR,HEADER_TYPE:k.BODY_MIDSIZE_BOLD};var Ha=[C,g`
974
+ :host {
975
+ flex-direction: column;
976
+ align-items: flex-start;
977
+ gap: 0.5rem;
978
978
  }
979
-
980
- .popover-close {
981
- color: var(--mdc-popover-inverted-text-color);
979
+ :host([disabled]),
980
+ :host([disabled]) .mdc-label,
981
+ :host([disabled]) .mdc-help-text,
982
+ :host([disabled][help-text-type='error']) .mdc-help-text,
983
+ :host([disabled][help-text-type='success']) .mdc-help-text,
984
+ :host([disabled][help-text-type='warning']) .mdc-help-text,
985
+ :host([disabled][help-text-type='priority']) .mdc-help-text {
986
+ color: var(--mds-color-theme-text-primary-disabled);
982
987
  }
983
- }
984
988
 
985
- .popover-container {
986
- display: none;
987
- position: absolute;
988
- box-sizing: content-box;
989
- }
989
+ .mdc-label-text,
990
+ .mdc-help-text {
991
+ font-size: var(--mds-font-size-body-midsize);
992
+ line-height: var(--mds-font-lineheight-body-midsize);
993
+ display: flex;
994
+ align-items: center;
995
+ gap: 0.5rem;
996
+ width: 100%;
997
+ }
990
998
 
991
- :host([visible]) .popover-container {
992
- display: block;
993
- }
999
+ .mdc-label {
1000
+ color: var(--mds-color-theme-text-primary-normal);
1001
+ overflow: hidden;
1002
+ text-overflow: ellipsis;
1003
+ white-space: nowrap;
1004
+ }
994
1005
 
995
- .popover-container::part(container) {
996
- padding: 0;
997
- }
1006
+ .mdc-help-text {
1007
+ color: var(--mds-color-theme-text-secondary-normal);
1008
+ }
998
1009
 
999
- :host::part(popover-content) {
1000
- position: relative;
1001
- padding: 0.75rem;
1002
- overflow-y: auto;
1003
- min-width: max-content;
1004
- z-index: 9998;
1005
- }
1010
+ :host([help-text-type='error']) .mdc-help-text {
1011
+ color: var(--mds-color-theme-text-error-normal);
1012
+ }
1013
+ :host([help-text-type='warning']) .mdc-help-text {
1014
+ color: var(--mds-color-theme-text-warning-normal);
1015
+ }
1016
+ :host([help-text-type='success']) .mdc-help-text {
1017
+ color: var(--mds-color-theme-text-success-normal);
1018
+ }
1019
+ :host([help-text-type='priority']) .mdc-help-text {
1020
+ color: var(--mds-color-theme-text-accent-normal);
1021
+ }
1022
+ `],wn=Ha;var Cn=o=>({[fe.ERROR]:"error-legacy-badge-filled",[fe.WARNING]:"warning-badge-filled",[fe.SUCCESS]:"check-circle-badge-filled",[fe.PRIORITY]:"priority-badge-filled",[fe.DEFAULT]:""})[o]||"";var we=class extends Pe(E){constructor(){super(...arguments);this.id="";this.helpTextType=F.VALIDATION;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?u`<label for="${this.id}" class="mdc-label" part="label">${this.label}</label>`:u` <mdc-text
1023
+ id="${F.HEADING_ID}"
1024
+ tagname="${et.TAGNAME}"
1025
+ type="${et.HEADER_TYPE}"
1026
+ part="label"
1027
+ >${this.label}</mdc-text
1028
+ >`:b}renderRequiredLabel(){return this.requiredLabel?u`
1029
+ <mdc-text part="required-label" tagname=${et.TAGNAME} type=${et.TYPE}>
1030
+ (${this.requiredLabel})
1031
+ </mdc-text>
1032
+ `:b}renderHelpTextIcon(){if(!this.helpText)return b;let e=Cn(this.helpTextType||F.VALIDATION);return e&&!this.disabled?u`<mdc-icon part="helper-icon" size="1" length-unit="rem" name=${e}></mdc-icon>`:b}renderHelpText(){return this.helpText?u`
1033
+ <mdc-text
1034
+ id="${F.HELPER_TEXT_ID}"
1035
+ part="help-text"
1036
+ tagname=${et.TAGNAME}
1037
+ type=${et.TYPE}
1038
+ >
1039
+ ${this.helpText}
1040
+ </mdc-text>
1041
+ `:b}renderLabel(){return this.label?u`<div class="mdc-label-text" part="label-text">
1042
+ <slot name="label">${this.renderLabelElement()}</slot>
1043
+ <slot name="required-label">${this.renderRequiredLabel()}</slot>
1044
+ <slot name="label-info"></slot>
1045
+ </div>`:b}renderHelperText(){return this.helpText?u`<div class="mdc-help-text" part="mdc-help-text">
1046
+ <slot name="help-icon">${this.renderHelpTextIcon()}</slot>
1047
+ <slot name="help-text">${this.renderHelpText()}</slot>
1048
+ </div>`:b}};we.styles=[...E.styles,...wn],c([d({reflect:!0,type:String})],we.prototype,"label",2),c([d({type:String,reflect:!0,attribute:"required-label"})],we.prototype,"requiredLabel",2),c([d({type:String})],we.prototype,"id",2),c([d({reflect:!0,attribute:"help-text-type"})],we.prototype,"helpTextType",2),c([d({type:String,reflect:!0,attribute:"help-text"})],we.prototype,"helpText",2);var Q=we;var kn=y.constructTagName("checkbox"),$o={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var Fa=[g`
1049
+ :host {
1050
+ --mdc-checkbox-background-color-hover: var(--mds-color-theme-control-inactive-hover);
1051
+ --mdc-checkbox-border-color: var(--mds-color-theme-outline-button-normal);
1052
+ --mdc-checkbox-checked-background-color-hover: var(--mds-color-theme-control-active-hover);
1053
+ --mdc-checkbox-checked-background-color: var(--mds-color-theme-control-active-normal);
1054
+ --mdc-checkbox-checked-pressed-icon-color: var(--mds-color-theme-control-active-pressed);
1055
+ --mdc-checkbox-disabled-background-color: var(--mds-color-theme-control-inactive-disabled);
1056
+ --mdc-checkbox-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
1057
+ --mdc-checkbox-disabled-checked-icon-color: var(--mds-color-theme-control-active-disabled);
1058
+ --mdc-checkbox-disabled-icon-color: var(--mds-color-theme-text-primary-disabled);
1059
+ --mdc-checkbox-icon-background-color: var(--mds-color-theme-control-inactive-normal);
1060
+ --mdc-checkbox-icon-border-color: var(--mds-color-theme-outline-input-normal);
1061
+ --mdc-checkbox-icon-color: var(--mds-color-theme-inverted-text-primary-normal);
1062
+ --mdc-checkbox-pressed-icon-color: var(--mds-color-theme-control-inactive-pressed);
1006
1063
 
1007
- .popover-backdrop {
1008
- z-index: 999;
1009
- position: fixed;
1010
- top: 0;
1011
- left: 0;
1012
- width: 100%;
1013
- height: 100%;
1014
- background: transparent;
1064
+ flex-direction: row;
1065
+ align-items: flex-start;
1015
1066
  }
1016
-
1017
- .popover-hover-bridge {
1018
- position: absolute;
1019
- transform: translateX(-50%);
1020
- background: transparent;
1021
- pointer-events: auto;
1067
+ .mdc-label, .input {
1068
+ cursor: pointer;
1022
1069
  }
1023
-
1024
- .popover-arrow {
1025
- position: absolute;
1026
- width: 1rem;
1027
- height: 1rem;
1028
- background-color: var(--mdc-popover-primary-background-color);
1029
- transform: rotate(45deg);
1030
- pointer-events: none;
1031
- border: var(--mdc-popover-arrow-border);
1070
+ :host([checked]) .icon-container,
1071
+ :host([indeterminate]) .icon-container {
1072
+ background: var(--mdc-checkbox-checked-background-color);
1073
+ border: unset;
1032
1074
  }
1033
-
1034
- .popover-close {
1035
- position: absolute;
1036
- right: 0.75rem;
1037
- top: 0.75rem;
1038
- cursor: pointer;
1039
- z-index: 9999;
1075
+ :host([checked]) .container:hover .icon-container,
1076
+ :host([indeterminate]) .container:hover .icon-container {
1077
+ background: var(--mdc-checkbox-checked-background-color-hover);
1040
1078
  }
1041
-
1042
- .popover-arrow[data-side='top'] {
1043
- border-top: none;
1044
- border-left: none;
1045
- border-bottom-right-radius: var(--mdc-popover-arrow-border-radius);
1046
- border-top-left-radius: 100%;
1079
+ :host([checked]) .container:active .icon-container,
1080
+ :host([indeterminate]) .container:active .icon-container {
1081
+ background: var(--mdc-checkbox-checked-pressed-icon-color);
1047
1082
  }
1048
-
1049
- .popover-arrow[data-side='bottom'] {
1050
- border-bottom: none;
1051
- border-right: none;
1052
- border-top-left-radius: var(--mdc-popover-arrow-border-radius);
1053
- border-bottom-right-radius: 100%;
1083
+ :host([disabled]) .mdc-label,
1084
+ :host([disabled]) .input {
1085
+ cursor: default;
1054
1086
  }
1055
-
1056
- .popover-arrow[data-side='right'] {
1057
- border-top: none;
1058
- border-right: none;
1059
- border-bottom-left-radius: var(--mdc-popover-arrow-border-radius);
1060
- border-top-right-radius: 100%;
1087
+ :host([disabled]) .container:hover {
1088
+ background: unset;
1061
1089
  }
1062
-
1063
- .popover-arrow[data-side='left'] {
1064
- border-bottom: none;
1065
- border-left: none;
1066
- border-top-right-radius: var(--mdc-popover-arrow-border-radius);
1067
- border-bottom-left-radius: 100%;
1090
+ :host([disabled]) .icon-container {
1091
+ border-color: var(--mdc-checkbox-disabled-border-color);
1092
+ background: var(--mdc-checkbox-disabled-background-color);
1068
1093
  }
1069
- `,Bn=[Xa];var Gn=x.constructTagName("modalcontainer"),Qt={TONAL:"tonal",CONTRAST:"contrast"},Za={0:0,1:1,2:2,3:3,4:4},Jt={COLOR:Qt.TONAL,ELEVATION:Za[0],ROLE:"dialog",ARIA_MODAL:!1,CHILDREN:"Lorem ipsum dolor sit amet"};var qn=x.constructTagName("popover"),Do={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},$o={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},R={PLACEMENT:Do.BOTTOM,TRIGGER:$o.CLICK,COLOR:Qt.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3};var Yn=o=>{class t extends o{constructor(...i){super(...i);this.enabledFocusTrap=R.FOCUS_TRAP;this.enabledPreventScroll=R.PREVENT_SCROLL;this.focusTrapIndex=-1;this.focusableElements=[];this.shouldWrapFocus=()=>!0;this.addEventListener("keydown",this.handleKeydown)}deactivateFocusTrap(){this.enabledFocusTrap=!1,this.enabledPreventScroll=!1,this.focusTrapIndex=-1,document.body.style.overflow=""}hasNoClientRects(i){return i.getClientRects().length===0}hasZeroDimensions(i){let{width:n,height:s}=i.getBoundingClientRect(),{offsetWidth:a,offsetHeight:l}=i;return a+l+s+n===0}isNotVisible(i){return this.hasZeroDimensions(i)||this.hasNoClientRects(i)}hasHiddenStyle(i){let{display:n,opacity:s,visibility:a}=i.style;return n==="none"||s==="0"||a==="hidden"||a==="collapse"}hasComputedHidden(i){let n=getComputedStyle(i);return n.visibility==="hidden"||n.height==="0"||n.display==="none"}isHidden(i){return i.hasAttribute("hidden")||i.getAttribute("aria-hidden")==="true"||this.hasHiddenStyle(i)||this.isNotVisible(i)||this.hasComputedHidden(i)}isNotTabbable(i){return i.getAttribute("tabindex")==="-1"}isInteractiveElement(i){return!!(new Set(["BUTTON","DETAILS","EMBED","IFRAME","SELECT","TEXTAREA"]).has(i.tagName)||i instanceof HTMLAnchorElement&&i.hasAttribute("href")||i instanceof HTMLInputElement&&i.type!=="hidden"||(i instanceof HTMLAudioElement||i instanceof HTMLVideoElement)&&i.hasAttribute("controls")||(i instanceof HTMLImageElement||i instanceof HTMLObjectElement)&&i.hasAttribute("usemap")||i.hasAttribute("tabindex")&&i.tabIndex>-1)}isFocusable(i){return this.isHidden(i)||this.isNotTabbable(i)?!1:this.isInteractiveElement(i)}findFocusable(i,n=new Set){return i instanceof HTMLElement&&this.isFocusable(i)&&n.add(i),Array.from(i.children).forEach(a=>{let l=a;this.isFocusable(l)&&n.add(l),l.shadowRoot?this.findFocusable(l.shadowRoot,n):l.tagName==="SLOT"?l.assignedElements({flatten:!0}).forEach(h=>{h instanceof HTMLElement&&this.findFocusable(h,n)}):this.findFocusable(l,n)}),[...n]}setFocusableElements(){this.shadowRoot&&(this.focusableElements=this.findFocusable(this.shadowRoot,new Set))}setInitialFocus(i=0){this.focusableElements.length!==0&&(this.enabledPreventScroll&&(document.body.style.overflow="hidden"),this.focusableElements[i]&&(this.focusTrapIndex=i,this.focusableElements[i].focus()))}calculateNextIndex(i,n){let{length:s}=this.focusableElements,a=this.shouldWrapFocus();if(i===-1)return n>0?0:s-1;let l=i+n;return a?(l<0&&(l=s-1),l>=s&&(l=0)):(l<0&&(l=0),l>=s&&(l=s-1)),l}getDeepActiveElement(){var n;let i=document.activeElement||document.body;for(;i instanceof HTMLElement&&((n=i.shadowRoot)!=null&&n.activeElement);)i=i.shadowRoot.activeElement;return i||document.body}findElement(i){return this.focusableElements.findIndex(n=>this.isEqualFocusNode(i,n))}isEqualFocusNode(i,n){return i.nodeType>=0?n.isEqualNode(i)&&n===i:!1}trapFocus(i){if(this.focusableElements.length===0)return;let n=this.getDeepActiveElement(),s=this.findElement(n);i?this.focusTrapIndex=this.calculateNextIndex(s,-1):this.focusTrapIndex=this.calculateNextIndex(s,1);let a=this.focusableElements[this.focusTrapIndex];a&&a.focus()}handleKeydown(i){!this.enabledFocusTrap||!this.focusableElements.length||i.key==="Tab"&&(i.preventDefault(),this.trapFocus(i.shiftKey))}}return c([d({type:Boolean})],t.prototype,"enabledFocusTrap",2),c([d({type:Boolean})],t.prototype,"enabledPreventScroll",2),t};var Po=class{constructor(){this.stack=[]}push(t){this.stack.push(t)}pop(){return this.stack.pop()}peek(){return this.stack[this.stack.length-1]}remove(t){this.stack=this.stack.filter(e=>e!==t)}clear(){this.stack=[]}},ot=new Po;var W=o=>{class t extends o{constructor(){super(...arguments);this.dataAriaLabel=null}}return c([d({type:String,reflect:!0,attribute:"data-aria-label"})],t.prototype,"dataAriaLabel",2),t};var Fr=o=>{class t extends o{constructor(){super(...arguments);this.dataAriaDescribedby=null}}return c([d({type:String,reflect:!0,attribute:"data-aria-describedby"})],t.prototype,"dataAriaDescribedby",2),t};var Br=o=>{class t extends o{constructor(){super(...arguments);this.dataAriaLabelledby=null}}return c([d({type:String,reflect:!0,attribute:"data-aria-labelledby"})],t.prototype,"dataAriaLabelledby",2),t};var it=class{static dispatchPopoverEvent(t,e){e.dispatchEvent(new CustomEvent(t,{detail:{show:e.visible},composed:!0,bubbles:!0}))}static onShowPopover(t){this.dispatchPopoverEvent("popover-on-show",t)}static onHidePopover(t){this.dispatchPopoverEvent("popover-on-hide",t)}static onCreatedPopover(t){this.dispatchPopoverEvent("popover-on-created",t)}static onDestroyedPopover(t){this.dispatchPopoverEvent("popover-on-destroyed",t)}};var Gr=class{constructor(t){this.arrowPixelChange=!1;this.popover=t}setupDelay(){try{let[t,e]=this.popover.delay.split(",").map(r=>{let i=parseInt(r,10);if(Number.isNaN(i)||i<0)throw new Error(`Invalid delay value: ${r}`);return i});return[t,e]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(t){var a;let e=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(e.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,i=(a=this.popover.shadowRoot)==null?void 0:a.querySelector("mdc-modalcontainer"),n=i.offsetHeight||0,s=i.offsetWidth||0;if(e)switch(t.split("-")[0]){case"top":e.style.height=r,e.style.bottom=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${s}px`;break;case"left":e.style.height=`${n}px`,e.style.width=r,e.style.right=`calc(-1.5 * (${r}))`;break;case"right":e.style.height=`${n}px`,e.style.width=r,e.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:e.style.height=r,e.style.top=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${s}px`;break}}setupAppendTo(){if(this.popover.appendTo){let t=document.getElementById(this.popover.appendTo);t&&t.appendChild(this.popover)}}setupAccessibility(){var t,e,r;this.popover.interactive&&(this.popover.dataAriaLabel||(this.popover.dataAriaLabel=((t=this.popover.triggerElement)==null?void 0:t.ariaLabel)||((e=this.popover.triggerElement)==null?void 0:e.textContent)||""),this.popover.dataAriaLabelledby||(this.popover.dataAriaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateArrowStyle(t,e){var h;if(!this.popover.arrowElement)return;let r=e.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:n,y:s}=t,a=this.popover.arrowElement.getBoundingClientRect(),l=(h=this.popover.arrowElement.offsetParent)==null?void 0:h.getBoundingClientRect();if(!this.arrowPixelChange){let p=l!=null&&l[i]?12-Math.abs(a[i]-l[i]):0;Math.round(p)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let m=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:n!=null?`${n}px`:"",top:s!=null?`${s}px`:"",[i]:`${-this.popover.arrowElement.offsetHeight/2-m}px`})}updatePopoverStyle(t,e){this.popover.containerElement&&Object.assign(this.popover.containerElement.style,{left:`${t}px`,top:`${e}px`})}};var k=class extends W(Br(Fr(Yn(E)))){constructor(){super();this.id="";this.triggerID="";this.trigger=R.TRIGGER;this.placement=R.PLACEMENT;this.color=R.COLOR;this.visible=R.VISIBLE;this.offset=R.OFFSET;this.focusTrap=R.FOCUS_TRAP;this.preventScroll=R.PREVENT_SCROLL;this.showArrow=R.ARROW;this.closeButton=R.CLOSE_BUTTON;this.interactive=R.INTERACTIVE;this.delay=R.DELAY;this.hideOnEscape=R.HIDE_ON_ESCAPE;this.hideOnBlur=R.HIDE_ON_BLUR;this.hideOnOutsideClick=R.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=R.FOCUS_BACK;this.backdrop=R.BACKDROP;this.flip=R.FLIP;this.size=R.SIZE;this.zIndex=R.Z_INDEX;this.appendTo="";this.closeButtonAriaLabel=null;this.dataRole=R.ROLE;this.arrowElement=null;this.triggerElement=null;this.containerElement=null;this.hoverTimer=null;this.isTriggerClicked=!1;this.openDelay=0;this.closeDelay=0;this.onOutsidePopoverClick=e=>{if(ot.peek()!==this)return;let r=!1,i=e.composedPath();r=this.contains(e.target)||i.includes(this.triggerElement);let n=this.renderRoot.querySelector(".popover-backdrop"),s=n?i.includes(n):!1;(!r||s)&&this.hidePopover()};this.onEscapeKeydown=e=>{!this.visible||e.code!=="Escape"||(e.preventDefault(),this.hidePopover())};this.onPopoverFocusOut=e=>{this.contains(e.relatedTarget)||this.hidePopover()};this.startCloseDelay=()=>{if(!this.interactive)this.hidePopover();else{if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}};this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)};this.showPopover=()=>{this.cancelCloseDelay(),setTimeout(()=>{this.visible=!0,it.onShowPopover(this)},this.openDelay),ot.peek()!==this&&ot.push(this)};this.hidePopover=()=>{ot.peek()===this&&(setTimeout(()=>{this.visible=!1,it.onHidePopover(this),this.isTriggerClicked=!1},this.closeDelay),ot.pop())};this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)};this.utils=new Gr(this)}async firstUpdated(e){super.firstUpdated(e),this.containerElement=this.renderRoot.querySelector(".popover-container"),this.utils.setupAppendTo(),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),it.onCreatedPopover(this),this.visible&&(await this.positionPopover(),await this.handleCreatePopoverFirstUpdate())}async disconnectedCallback(){super.disconnectedCallback(),await this.removeEventListeners(),it.onDestroyedPopover(this),ot.remove(this)}setupTriggerListener(){var e,r;if(this.triggerID&&(this.triggerElement=document.getElementById(this.triggerID),!!this.triggerElement)){if(this.trigger==="mouseenter"&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.togglePopoverVisible),this.trigger.includes("mouseenter")){let i=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.showPopover),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),(e=this.containerElement)==null||e.addEventListener("mouseenter",this.cancelCloseDelay),(r=this.containerElement)==null||r.addEventListener("mouseleave",this.startCloseDelay),i==null||i.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.showPopover),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){var r,i;if(!this.triggerElement)return;let e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.togglePopoverVisible),this.triggerElement.removeEventListener("mouseenter",this.showPopover),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),(r=this.containerElement)==null||r.removeEventListener("mouseenter",this.cancelCloseDelay),(i=this.containerElement)==null||i.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.showPopover),this.triggerElement.removeEventListener("focusout",this.hidePopover),e==null||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}async updated(e){if(super.updated(e),e.has("visible")){let r=e.get("visible");await this.isOpenUpdated(r,this.visible)}if(e.has("placement")&&this.setAttribute("placement",Object.values(Do).includes(this.placement)?this.placement:R.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){let i=this.trigger.split(" ").filter(n=>Object.values($o).includes(n));this.setAttribute("trigger",i.length>0?this.trigger:R.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(Qt).includes(this.color)?this.color:R.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),e.has("append-to")&&this.utils.setupAppendTo(),(e.has("interactive")||e.has("data-aria-label")||e.has("data-aria-labelledby"))&&this.utils.setupAccessibility()}async isOpenUpdated(e,r){var i,n,s,a;if(!(e===r||!this.triggerElement))if(r){if(this.enabledFocusTrap=this.focusTrap,this.enabledPreventScroll=this.preventScroll,this.backdrop){let l=this.renderRoot.querySelector(".popover-backdrop");l.style.zIndex=`${this.zIndex-1}`,this.triggerElement.style.zIndex=`${this.zIndex}`}this.positionPopover(),await this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&((i=this.containerElement)==null||i.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="none")),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),this.triggerElement.setAttribute("aria-expanded","true"),this.interactive&&this.triggerElement.setAttribute("aria-haspopup",this.triggerElement.getAttribute("aria-haspopup")||"dialog")}else this.hideOnBlur&&((n=this.containerElement)==null||n.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),(s=this.deactivateFocusTrap)==null||s.call(this),this.triggerElement.removeAttribute("aria-expanded"),this.interactive&&this.triggerElement.removeAttribute("aria-haspopup"),this.focusBackToTrigger&&((a=this.triggerElement)==null||a.focus())}async handleCreatePopoverFirstUpdate(){var e,r;this.visible&&this.interactive&&((e=this.setFocusableElements)==null||e.call(this),await this.updateComplete,(r=this.setInitialFocus)==null||r.call(this))}positionPopover(){if(!this.triggerElement||!this.containerElement)return;let e=[Pn()],r=this.offset;if(this.flip&&e.push(Un()),this.size){let i=this.containerElement.querySelector('[part="popover-content"]');e.push(Vn({apply({availableHeight:n}){i&&Object.assign(i.style,{maxHeight:`${n}px`})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){let i=this.arrowElement.offsetHeight;r=Math.sqrt(2*i**2)/2+this.offset,e.push(Hn({element:this.arrowElement,padding:12}))}e.push($n(r)),Dn(this.triggerElement,this.containerElement,async()=>{if(!this.triggerElement||!this.containerElement)return;let{x:i,y:n,middlewareData:s,placement:a}=await Fn(this.triggerElement,this.containerElement,{placement:this.placement,middleware:e});this.utils.updatePopoverStyle(i,n),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,a),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(a)})}render(){return u`
1070
- ${this.backdrop&&this.visible?u`<div class="popover-backdrop"></div>`:y}
1071
- <mdc-modalcontainer
1072
- class="popover-container"
1073
- elevation="3"
1074
- color=${this.color}
1075
- ?data-aria-modal=${this.interactive}
1076
- data-role="${A(this.dataRole)}"
1077
- data-aria-label="${A(this.interactive?this.dataAriaLabel:void 0)}"
1078
- data-aria-labelledby="${A(this.interactive?this.dataAriaLabelledby:void 0)}"
1079
- data-aria-describedby="${A(this.interactive?this.dataAriaDescribedby:void 0)}"
1080
- style="z-index: ${this.zIndex};"
1081
- >
1082
- <div class="popover-hover-bridge"></div>
1083
- ${this.closeButton?u` <mdc-button
1084
- class="popover-close"
1085
- prefix-icon="cancel-bold"
1086
- variant="tertiary"
1087
- size="20"
1088
- aria-label=${A(this.closeButtonAriaLabel)}
1089
- @click="${this.hidePopover}"
1090
- ></mdc-button>`:y}
1091
- ${this.showArrow?u`<div class="popover-arrow"></div>`:y}
1092
- <div part="popover-content">
1093
- <slot></slot>
1094
- </div>
1095
- </mdc-modalcontainer>
1096
- `}};k.styles=[...E.styles,...Bn],c([d({type:String})],k.prototype,"id",2),c([d({type:String})],k.prototype,"triggerID",2),c([d({type:String,reflect:!0})],k.prototype,"trigger",2),c([d({type:String,reflect:!0})],k.prototype,"placement",2),c([d({type:String,reflect:!0})],k.prototype,"color",2),c([d({type:Boolean,reflect:!0})],k.prototype,"visible",2),c([d({type:Number,reflect:!0})],k.prototype,"offset",2),c([d({type:Boolean,reflect:!0,attribute:"focus-trap"})],k.prototype,"focusTrap",2),c([d({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],k.prototype,"preventScroll",2),c([d({type:Boolean,attribute:"show-arrow"})],k.prototype,"showArrow",2),c([d({type:Boolean,reflect:!0,attribute:"close-button"})],k.prototype,"closeButton",2),c([d({type:Boolean,reflect:!0})],k.prototype,"interactive",2),c([d({type:String,reflect:!0})],k.prototype,"delay",2),c([d({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],k.prototype,"hideOnEscape",2),c([d({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],k.prototype,"hideOnBlur",2),c([d({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],k.prototype,"hideOnOutsideClick",2),c([d({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],k.prototype,"focusBackToTrigger",2),c([d({type:Boolean,reflect:!0})],k.prototype,"backdrop",2),c([d({type:Boolean,reflect:!0})],k.prototype,"flip",2),c([d({type:Boolean,reflect:!0})],k.prototype,"size",2),c([d({type:Number,reflect:!0,attribute:"z-index"})],k.prototype,"zIndex",2),c([d({type:String,reflect:!0,attribute:"append-to"})],k.prototype,"appendTo",2),c([d({type:String,attribute:"close-button-aria-label"})],k.prototype,"closeButtonAriaLabel",2),c([d({type:String,reflect:!0,attribute:"data-role"})],k.prototype,"dataRole",2);var Uo=k;var ja=[C,g`
1097
- :host {
1098
- --mdc-modalcontainer-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);
1099
- --mdc-modalcontainer-border-color: var(--mds-color-theme-outline-secondary-normal);
1100
- --mdc-modalcontainer-inverted-background-color: var(--mds-color-theme-inverted-background-normal);
1101
- --mdc-modalcontainer-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);
1102
- --mdc-modalcontainer-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);
1103
- --mdc-modalcontainer-elevation-1: var(--mds-elevation-1);
1104
- --mdc-modalcontainer-elevation-2: var(--mds-elevation-2);
1105
- --mdc-modalcontainer-elevation-3: var(--mds-elevation-3);
1106
- --mdc-modalcontainer-elevation-4: var(--mds-elevation-4);
1107
- }
1108
-
1109
- :host::part(container) {
1110
- padding: 0.75rem;
1111
- background-color: var(--mdc-modalcontainer-primary-background-color);
1112
- border-radius: 0.5rem;
1113
- border: 0.0625rem solid var(--mdc-modalcontainer-border-color);
1114
- }
1115
-
1116
- :host([color='contrast'])::part(container) {
1117
- background-color: var(--mdc-modalcontainer-inverted-background-color);
1118
- border: 0.0625rem solid var(--mdc-modalcontainer-inverted-border-color);
1119
- color: var(--mdc-modalcontainer-inverted-text-color);
1120
- }
1121
-
1122
- :host([elevation='1'])::part(container) {
1123
- filter: var(--mdc-modalcontainer-elevation-1);
1124
- }
1125
- :host([elevation='2'])::part(container) {
1126
- filter: var(--mdc-modalcontainer-elevation-2);
1127
- }
1128
- :host([elevation='3'])::part(container) {
1129
- filter: var(--mdc-modalcontainer-elevation-3);
1130
- }
1131
- :host([elevation='4'])::part(container) {
1132
- filter: var(--mdc-modalcontainer-elevation-4);
1133
- }
1134
- `],Wn=ja;var Pe=class extends W(Br(Fr(E))){constructor(){super(...arguments);this.color=Jt.COLOR;this.elevation=Jt.ELEVATION;this.dataRole=Jt.ROLE;this.dataAriaModal=Jt.ARIA_MODAL}render(){return u`
1135
- <div
1136
- role="${A(this.dataRole)}"
1137
- aria-modal=${A(this.dataAriaModal===!0?"true":void 0)}
1138
- aria-label="${A(this.dataAriaLabel)}"
1139
- aria-labelledby="${A(this.dataAriaLabelledby)}"
1140
- aria-describedby="${A(this.dataAriaDescribedby)}"
1141
- part="container"
1142
- >
1143
- <slot></slot>
1144
- </div>
1145
- `}};Pe.styles=[...E.styles,...Wn],c([d({type:String,reflect:!0})],Pe.prototype,"color",2),c([d({type:Number,reflect:!0})],Pe.prototype,"elevation",2),c([d({type:String,reflect:!0,attribute:"data-role"})],Pe.prototype,"dataRole",2),c([d({type:Boolean,reflect:!0,attribute:"data-aria-modal"})],Pe.prototype,"dataAriaModal",2);var Xn=Pe;Xn.register(Gn);Uo.register(qn);var Ka=Uo;var Qa=g`
1146
- :host {
1147
- --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
1148
- --mdc-bullet-size-small: 0.25rem;
1149
- --mdc-bullet-size-medium: 0.5rem;
1150
- --mdc-bullet-size-large: 1rem;
1151
-
1152
- border-radius: 50%;
1153
- display: block;
1154
- aspect-ratio: 1;
1155
- background-color: var(--mdc-bullet-background-color);
1094
+ :host([disabled]) .icon {
1095
+ --mdc-icon-fill-color: var(--mdc-checkbox-disabled-icon-color);
1156
1096
  }
1157
- :host([size="small"]) {
1158
- height: var(--mdc-bullet-size-small);
1097
+ :host([disabled][checked]) .icon-container,
1098
+ :host([disabled][indeterminate]) .icon-container {
1099
+ background: var(--mdc-checkbox-disabled-checked-icon-color);
1100
+ border: 0.0625rem solid var(--mdc-checkbox-disabled-border-color);
1159
1101
  }
1160
- :host([size="medium"]) {
1161
- height: var(--mdc-bullet-size-medium);
1102
+ .input {
1103
+ margin: 0;
1104
+ padding: 0;
1105
+ position: absolute;
1106
+ opacity: 0.1%;
1107
+ overflow: visible;
1108
+ z-index: 1;
1162
1109
  }
1163
- :host([size="large"]) {
1164
- height: var(--mdc-bullet-size-large);
1110
+ .icon-container {
1111
+ display: flex;
1112
+ align-items: center;
1113
+ border: 0.0625rem solid var(--mdc-checkbox-icon-border-color);
1114
+ background: var(--mdc-checkbox-icon-background-color);
1165
1115
  }
1166
- `,Zn=[Qa];var jn=x.constructTagName("bullet"),Kn={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var er=class extends E{constructor(){super(...arguments);this.size=Kn.SMALL}};er.styles=[...E.styles,...Zn],c([d({type:String,reflect:!0})],er.prototype,"size",2);var Vo=er;Vo.register(jn);var Ja=Vo;var el=g`
1167
- :host {
1168
- --mdc-marker-width: 0.25rem;
1169
- --mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
1170
- --mdc-marker-striped-color: var(--mds-color-theme-outline-secondary-normal);
1171
- --mdc-marker-striped-background-color: transparent;
1172
-
1173
- width: var(--mdc-marker-width);
1174
- height: 100%;
1175
- display: block;
1116
+ .container:hover {
1117
+ background: var(--mdc-checkbox-background-color-hover);
1176
1118
  }
1177
-
1178
- :host([variant='solid']) {
1179
- background: var(--mdc-marker-solid-background-color);
1119
+ .container:active {
1120
+ background: var(--mdc-checkbox-pressed-icon-color);
1180
1121
  }
1181
-
1182
- :host([variant='striped']) {
1183
- background: repeating-linear-gradient(
1184
- 135deg,
1185
- var(--mdc-marker-striped-color),
1186
- var(--mdc-marker-striped-color) 0.1875rem,
1187
- var(--mdc-marker-striped-background-color) 0.1875rem,
1188
- var(--mdc-marker-striped-background-color) 0.375rem
1189
- );
1122
+ .input, .icon-container {
1123
+ width: 1rem;
1124
+ height: 1rem;
1190
1125
  }
1191
- `,Qn=[el];var Jn=x.constructTagName("marker"),es={SOLID:"solid",STRIPED:"striped"};var tr=class extends E{constructor(){super(...arguments);this.variant=es.SOLID}};tr.styles=[...E.styles,...Qn],c([d({type:String,reflect:!0})],tr.prototype,"variant",2);var Ho=tr;Ho.register(Jn);var tl=Ho;var ts=x.constructTagName("divider"),rr={HORIZONTAL:"horizontal",VERTICAL:"vertical"},Fo={SOLID:"solid",GRADIENT:"gradient"},Ue={POSITIVE:"positive",NEGATIVE:"negative"},or={UP:"arrow-up-regular",DOWN:"arrow-down-regular",LEFT:"arrow-left-regular",RIGHT:"arrow-right-regular"},nt={ORIENTATION:rr.HORIZONTAL,VARIANT:Fo.SOLID,ARROW_DIRECTION:Ue.NEGATIVE,BUTTON_DIRECTION:Ue.NEGATIVE};var rl=[C,g`
1126
+ .input,
1127
+ .icon-container,
1128
+ .container {
1129
+ border-radius: 0.125rem;
1130
+ }
1131
+ .icon {
1132
+ --mdc-icon-fill-color: var(--mdc-checkbox-icon-color);
1133
+ }
1134
+ .container {
1135
+ margin: 0.125rem 0;
1136
+ }
1137
+ .text-container {
1138
+ display: flex;
1139
+ flex-direction: column;
1140
+ gap: 0.25rem;
1141
+ }
1142
+
1143
+ /* High Contrast Mode */
1144
+ @media (forced-colors: active) {
1145
+ :host([checked]) .icon-container,
1146
+ :host([indeterminate]) .icon-container {
1147
+ border: 0.0625rem solid var(--mdc-checkbox-border-color);
1148
+ }
1149
+ }
1150
+ `,...z(!0)],Rn=Fa;var tt=class extends pe(U(Q)){constructor(){super();this.checked=!1;this.indeterminate=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?u`<div class="text-container">
1151
+ ${this.renderLabel()}
1152
+ ${this.renderHelperText()}
1153
+ </div>`:b;this.helpTextType=void 0,this.id=`mdc-input-${Ie()}`}setFormValue(){let e=null;this.checked?e=this.value?this.value:"on":e=null,this.manageRequired(),this.internals.setFormValue(e)}manageRequired(){!this.checked&&this.requiredLabel?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.checked=!1,this.indeterminate=!1}formStateRestoreCallback(e){e&&(this.checked=!0)}toggleState(){this.disabled||(this.checked=!this.checked,this.indeterminate=!1)}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}handleChange(e){this.toggleState();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}update(e){super.update(e),e.has("checked")&&this.setFormValue()}render(){var r;let e=this.checked||this.indeterminate?u`
1154
+ <mdc-icon
1155
+ class="icon"
1156
+ name="${this.indeterminate?$o.INDETERMINATE:$o.CHECKED}"
1157
+ size="1"
1158
+ length-unit="rem"
1159
+ ></mdc-icon>
1160
+ `:b;return u`
1161
+ <div class="container mdc-focus-ring">
1162
+ <input
1163
+ id="${this.id}"
1164
+ type="checkbox"
1165
+ class="input"
1166
+ ?autofocus="${this.autofocus}"
1167
+ name="${A(this.name)}"
1168
+ value="${A(this.value)}"
1169
+ ?required="${!!this.requiredLabel}"
1170
+ .checked="${this.checked}"
1171
+ aria-checked="${this.indeterminate?"mixed":this.checked}"
1172
+ .indeterminate="${this.indeterminate}"
1173
+ .disabled="${this.disabled}"
1174
+ aria-label="${(r=this.dataAriaLabel)!=null?r:""}"
1175
+ tabindex="${this.disabled?-1:0}"
1176
+ aria-describedby="${A(this.helpText?F.HELPER_TEXT_ID:"")}"
1177
+ @change=${this.handleChange}
1178
+ @keydown=${this.handleKeyDown}
1179
+ />
1180
+ <div class="icon-container">${e}</div>
1181
+ </div>
1182
+ ${this.renderLabelAndHelperText()}
1183
+ `}};tt.styles=[...Q.styles,...Rn],c([d({type:Boolean,reflect:!0})],tt.prototype,"checked",2),c([d({type:Boolean,reflect:!0})],tt.prototype,"indeterminate",2),c([d({type:Boolean,reflect:!0})],tt.prototype,"autofocus",2);var Po=tt;Po.register(kn);var Ba=Po;var Ln=y.constructTagName("divider"),Jt={HORIZONTAL:"horizontal",VERTICAL:"vertical"},Uo={SOLID:"solid",GRADIENT:"gradient"},He={POSITIVE:"positive",NEGATIVE:"negative"},er={UP:"arrow-up-regular",DOWN:"arrow-down-regular",LEFT:"arrow-left-regular",RIGHT:"arrow-right-regular"},rt={ORIENTATION:Jt.HORIZONTAL,VARIANT:Uo.SOLID,ARROW_DIRECTION:He.NEGATIVE,BUTTON_DIRECTION:He.NEGATIVE};var Ga=[C,g`
1192
1184
  :host {
1193
1185
  --mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);
1194
1186
  --mdc-divider-width: 0.0625rem;
@@ -1399,29 +1391,42 @@
1399
1391
  font-size: var(--mdc-divider-text-size);
1400
1392
  line-height: var(--mdc-divider-text-line-height);
1401
1393
  }
1402
- `],rs=rl;var Ve=class extends E{constructor(){super();this.orientation=nt.ORIENTATION;this.variant=nt.VARIANT;this.arrowDirection=nt.ARROW_DIRECTION;this.buttonPosition=nt.BUTTON_DIRECTION;this.setAttribute("data-type","mdc-primary-divider")}setVariant(e){this.setAttribute("variant",Object.values(Fo).includes(e)?e:nt.VARIANT)}setOrientation(e){this.setAttribute("orientation",Object.values(rr).includes(e)?e:nt.ORIENTATION)}ensureValidDirections(){let e=this.orientation===rr.HORIZONTAL?Ue.NEGATIVE:Ue.POSITIVE;Object.values(Ue).includes(this.buttonPosition)||(this.buttonPosition=e),Object.values(Ue).includes(this.arrowDirection)||(this.arrowDirection=e)}setGrabberButton(){this.ensureValidDirections();let e=this.querySelector("mdc-button");if(e){let r=this.getArrowIcon();e.setAttribute("variant","secondary"),e.setAttribute("prefix-icon",r)}}getArrowIcon(){let e=this.orientation===rr.HORIZONTAL,r=this.arrowDirection===Ue.POSITIVE;return e?r?or.UP:or.DOWN:r?or.RIGHT:or.LEFT}update(e){super.update(e),e.has("orientation")&&this.setOrientation(this.orientation),e.has("variant")&&this.setVariant(this.variant),(e.has("orientation")||e.has("arrowDirection")||e.has("buttonPosition"))&&this.setGrabberButton()}inferDividerType(){var s;let e=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"),r=(e==null?void 0:e.assignedElements({flatten:!0}))||[];if(r.length>1)return;let i=r.some(a=>a.tagName===Ht.toUpperCase()),n=r.some(a=>a.tagName===qt.toUpperCase());i&&!n?this.setAttribute("data-type","mdc-text-divider"):!i&&n&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}render(){return u`
1394
+ `],Nn=Ga;var Fe=class extends E{constructor(){super();this.orientation=rt.ORIENTATION;this.variant=rt.VARIANT;this.arrowDirection=rt.ARROW_DIRECTION;this.buttonPosition=rt.BUTTON_DIRECTION;this.setAttribute("data-type","mdc-primary-divider")}setVariant(e){this.setAttribute("variant",Object.values(Uo).includes(e)?e:rt.VARIANT)}setOrientation(e){this.setAttribute("orientation",Object.values(Jt).includes(e)?e:rt.ORIENTATION)}ensureValidDirections(){let e=this.orientation===Jt.HORIZONTAL?He.NEGATIVE:He.POSITIVE;Object.values(He).includes(this.buttonPosition)||(this.buttonPosition=e),Object.values(He).includes(this.arrowDirection)||(this.arrowDirection=e)}setGrabberButton(){this.ensureValidDirections();let e=this.querySelector("mdc-button");if(e){let r=this.getArrowIcon();e.setAttribute("variant","secondary"),e.setAttribute("prefix-icon",r)}}getArrowIcon(){let e=this.orientation===Jt.HORIZONTAL,r=this.arrowDirection===He.POSITIVE;return e?r?er.UP:er.DOWN:r?er.RIGHT:er.LEFT}update(e){super.update(e),e.has("orientation")&&this.setOrientation(this.orientation),e.has("variant")&&this.setVariant(this.variant),(e.has("orientation")||e.has("arrowDirection")||e.has("buttonPosition"))&&this.setGrabberButton()}inferDividerType(){var s;let e=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"),r=(e==null?void 0:e.assignedElements({flatten:!0}))||[];if(r.length>1)return;let i=r.some(a=>a.tagName===Bt.toUpperCase()),n=r.some(a=>a.tagName===Wt.toUpperCase());i&&!n?this.setAttribute("data-type","mdc-text-divider"):!i&&n&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}render(){return u`
1403
1395
  <div></div>
1404
1396
  <slot @slotchange=${this.inferDividerType}></slot>
1405
1397
  <div></div>
1406
- `}};Ve.styles=[...E.styles,...rs],c([d({type:String,reflect:!0})],Ve.prototype,"orientation",2),c([d({type:String,reflect:!0})],Ve.prototype,"variant",2),c([d({type:String,attribute:"arrow-direction",reflect:!0})],Ve.prototype,"arrowDirection",2),c([d({type:String,attribute:"button-position",reflect:!0})],Ve.prototype,"buttonPosition",2);var Bo=Ve;Bo.register(ts);var ol=Bo;var il=[C,g`
1407
- :host {
1408
- padding: unset;
1409
- margin: unset;
1410
- outline: none;
1411
- border-radius: 0.25rem;
1398
+ `}};Fe.styles=[...E.styles,...Nn],c([d({type:String,reflect:!0})],Fe.prototype,"orientation",2),c([d({type:String,reflect:!0})],Fe.prototype,"variant",2),c([d({type:String,attribute:"arrow-direction",reflect:!0})],Fe.prototype,"arrowDirection",2),c([d({type:String,attribute:"button-position",reflect:!0})],Fe.prototype,"buttonPosition",2);var Vo=Fe;Vo.register(Ln);var qa=Vo;var On=y.constructTagName("formfieldgroup"),Ho={RADIOGROUP:"radiogroup",GROUP:"group"};var Ya=g`
1399
+
1400
+ :host::part(container) {
1401
+ display: flex;
1402
+ flex-direction: column;
1403
+ gap: 0.75rem;
1412
1404
  }
1413
- `,...$()],os=il;var ir=class extends wr(de(De)){constructor(){super();this.ariaLabel=null;this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role="button",this.type=pe.TYPE}update(e){super.update(e),e.has("size")&&this.setSize(this.size)}setSize(e){this.setAttribute("size",Object.values(L).includes(e)?`${e}`:yt.SIZE.toString())}render(){return u`
1414
- <mdc-avatar
1415
- slot="prefixIcon"
1416
- ?is-typing="${this.isTyping}"
1417
- counter="${A(this.counter)}"
1418
- icon-name="${A(this.iconName)}"
1419
- initials="${A(this.initials)}"
1420
- presence="${A(this.presence)}"
1421
- size="${A(this.size)}"
1422
- src="${A(this.src)}"
1423
- ></mdc-avatar>
1424
- `}};ir.styles=[...os],c([d({type:String,attribute:"aria-label"})],ir.prototype,"ariaLabel",2);var Go=ir;var is=x.constructTagName("avatarbutton");Go.register(is);var nl=Go;var sl=[g`
1405
+
1406
+ :host::part(group-header) {
1407
+ display: flex;
1408
+ flex-direction: column;
1409
+ gap: 0.25rem;
1410
+ }
1411
+
1412
+ :host::part(label-text){
1413
+ font-weight: bold;
1414
+ }
1415
+ `,Mn=[Ya];var Dr=class extends U(Q){constructor(){super();this.isRadio=!1;this.shouldRenderLabel=!1,this.id="",this.helpTextType=void 0,this.disabled=void 0}render(){var e;return u`
1416
+ <div
1417
+ part="container"
1418
+ role="${this.isRadio?Ho.RADIOGROUP:Ho.GROUP}"
1419
+ aria-labelledby="${F.HEADING_ID}"
1420
+ aria-describedby="${A(this.helpText?F.HELPER_TEXT_ID:"")}"
1421
+ aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
1422
+ >
1423
+ <div part="group-header">
1424
+ ${this.renderLabel()}
1425
+ ${this.renderHelperText()}
1426
+ </div>
1427
+ <slot></slot>
1428
+ </div>
1429
+ `}};Dr.styles=[...Q.styles,...Mn];var Fo=Dr;Fo.register(On);var $r=Fo;qt.register(Ir);var Wa=qt;var Xa=[g`
1425
1430
  :host{
1426
1431
  --mdc-input-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
1427
1432
  --mdc-input-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
@@ -1508,138 +1513,63 @@
1508
1513
 
1509
1514
  :host(:not([disabled])) .input-container:hover{
1510
1515
  background-color: var(--mdc-input-hover-background-color);
1511
- }
1512
-
1513
- :host(:not([disabled])) .input-container:active, :host(:not([disabled])) .input-container:focus-within{
1514
- background-color: var(--mdc-input-focused-background-color);
1515
- border-color: var(--mdc-input-focused-border-color);
1516
- }
1517
-
1518
- .input::placeholder{
1519
- color: var(--mdc-input-support-text-color);
1520
- }
1521
-
1522
- :host([help-text-type="error"]) .input-container, :host([help-text-type="error"]) .input-container:focus-within {
1523
- border-color: var(--mdc-input-error-border-color);
1524
- }
1525
- :host([help-text-type="warning"]) .input-container, :host([help-text-type="warning"]) .input-container:focus-within {
1526
- border-color: var(--mdc-input-warning-border-color);
1527
- }
1528
- :host([help-text-type="success"]) .input-container, :host([help-text-type="success"]) .input-container:focus-within {
1529
- border-color: var(--mdc-input-success-border-color);
1530
- }
1531
- :host([help-text-type="priority"]) .input-container, :host([help-text-type="priority"]) input-container:focus-within {
1532
- border-color: var(--mdc-input-primary-border-color);
1533
- }
1534
-
1535
- .hidden{
1536
- opacity: 0;
1537
- pointer-events: none;
1538
- }
1539
- `,...$(!0)],ns=sl;var ss=x.constructTagName("formfieldwrapper"),fe={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},H={VALIDATION:fe.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id"},st={TAGNAME:z.SPAN,TYPE:O.BODY_MIDSIZE_REGULAR,HEADER_TYPE:O.BODY_MIDSIZE_BOLD};var al=[C,g`
1540
- :host {
1541
- flex-direction: column;
1542
- align-items: flex-start;
1543
- gap: 0.5rem;
1544
- }
1545
- :host([disabled]),
1546
- :host([disabled]) .mdc-label,
1547
- :host([disabled]) .mdc-help-text,
1548
- :host([disabled][help-text-type='error']) .mdc-help-text,
1549
- :host([disabled][help-text-type='success']) .mdc-help-text,
1550
- :host([disabled][help-text-type='warning']) .mdc-help-text,
1551
- :host([disabled][help-text-type='priority']) .mdc-help-text {
1552
- color: var(--mds-color-theme-text-primary-disabled);
1553
- }
1554
-
1555
- .mdc-label-text,
1556
- .mdc-help-text {
1557
- font-size: var(--mds-font-size-body-midsize);
1558
- line-height: var(--mds-font-lineheight-body-midsize);
1559
- display: flex;
1560
- align-items: center;
1561
- gap: 0.5rem;
1562
- width: 100%;
1563
- }
1516
+ }
1564
1517
 
1565
- .mdc-label {
1566
- color: var(--mds-color-theme-text-primary-normal);
1567
- overflow: hidden;
1568
- text-overflow: ellipsis;
1569
- white-space: nowrap;
1570
- }
1518
+ :host(:not([disabled])) .input-container:active, :host(:not([disabled])) .input-container:focus-within{
1519
+ background-color: var(--mdc-input-focused-background-color);
1520
+ border-color: var(--mdc-input-focused-border-color);
1521
+ }
1571
1522
 
1572
- .mdc-help-text {
1573
- color: var(--mds-color-theme-text-secondary-normal);
1574
- }
1523
+ .input::placeholder{
1524
+ color: var(--mdc-input-support-text-color);
1525
+ }
1575
1526
 
1576
- :host([help-text-type='error']) .mdc-help-text {
1577
- color: var(--mds-color-theme-text-error-normal);
1578
- }
1579
- :host([help-text-type='warning']) .mdc-help-text {
1580
- color: var(--mds-color-theme-text-warning-normal);
1581
- }
1582
- :host([help-text-type='success']) .mdc-help-text {
1583
- color: var(--mds-color-theme-text-success-normal);
1584
- }
1585
- :host([help-text-type='priority']) .mdc-help-text {
1586
- color: var(--mds-color-theme-text-accent-normal);
1587
- }
1588
- `],as=al;var ls=o=>({[fe.ERROR]:"error-legacy-badge-filled",[fe.WARNING]:"warning-badge-filled",[fe.SUCCESS]:"check-circle-badge-filled",[fe.PRIORITY]:"priority-badge-filled",[fe.DEFAULT]:""})[o]||"";var Ie=class extends At(E){constructor(){super(...arguments);this.id="";this.helpTextType=H.VALIDATION;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?u`<label for="${this.id}" class="mdc-label" part="label">${this.label}</label>`:u` <mdc-text
1589
- id="${H.HEADING_ID}"
1590
- tagname="${st.TAGNAME}"
1591
- type="${st.HEADER_TYPE}"
1592
- part="label"
1593
- >${this.label}</mdc-text
1594
- >`:y}renderRequiredLabel(){return this.requiredLabel?u`
1595
- <mdc-text part="required-label" tagname=${st.TAGNAME} type=${st.TYPE}>
1596
- (${this.requiredLabel})
1597
- </mdc-text>
1598
- `:y}renderHelpTextIcon(){if(!this.helpText)return y;let e=ls(this.helpTextType||H.VALIDATION);return e&&!this.disabled?u`<mdc-icon part="helper-icon" size="1" length-unit="rem" name=${e}></mdc-icon>`:y}renderHelpText(){return this.helpText?u`
1599
- <mdc-text
1600
- id="${H.HELPER_TEXT_ID}"
1601
- part="help-text"
1602
- tagname=${st.TAGNAME}
1603
- type=${st.TYPE}
1604
- >
1605
- ${this.helpText}
1606
- </mdc-text>
1607
- `:y}renderLabel(){return this.label?u`<div class="mdc-label-text" part="label-text">
1608
- <slot name="label">${this.renderLabelElement()}</slot>
1609
- <slot name="required-label">${this.renderRequiredLabel()}</slot>
1610
- <slot name="label-info"></slot>
1611
- </div>`:y}renderHelperText(){return this.helpText?u`<div class="mdc-help-text" part="mdc-help-text">
1612
- <slot name="help-icon">${this.renderHelpTextIcon()}</slot>
1613
- <slot name="help-text">${this.renderHelpText()}</slot>
1614
- </div>`:y}};Ie.styles=[...E.styles,...as],c([d({reflect:!0,type:String})],Ie.prototype,"label",2),c([d({type:String,reflect:!0,attribute:"required-label"})],Ie.prototype,"requiredLabel",2),c([d({type:String})],Ie.prototype,"id",2),c([d({reflect:!0,attribute:"help-text-type"})],Ie.prototype,"helpTextType",2),c([d({type:String,reflect:!0,attribute:"help-text"})],Ie.prototype,"helpText",2);var ee=Ie;ee.register(ss);var kt=ee;var cs=x.constructTagName("input"),ds={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},ms={MAX_LENGTH:10,HELPERTEXT:"Prefix text should not exceed 10 characters",VALIDATION:fe.ERROR},He={VALIDATION:fe.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:je.TERTIARY,CLEAR_BUTTON_SIZE:Se[20],PREFIX_TEXT_TYPE:O.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:z.SPAN};var M=class extends he(W(kt)){constructor(){super(...arguments);this.placeholder="";this.readonly=!1;this.trailingButton=!1;this.autocapitalize=ds.OFF;this.autocomplete="off";this.autofocus=!1;this.clearAriaLabel=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.inputElement&&(this.inputElement.checkValidity(),this.setInputValidity(),this.internals.setFormValue(this.inputElement.value))}).catch(e=>{this.onerror&&this.onerror(e)})}formResetCallback(){this.value="",this.requestUpdate()}formStateRestoreCallback(e){this.value=e}handleValueChange(){this.updateComplete.then(()=>{this.setInputValidity()}).catch(e=>{this.onerror&&this.onerror(e)})}updated(e){super.updated(e),e.has("value")&&this.handleValueChange()}setInputValidity(){this.validationMessage&&this.value===""?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()}attributeChangedCallback(e,r,i){super.attributeChangedCallback(e,r,i),["maxlength","minlength","pattern","required"].includes(e)&&this.updateComplete.then(()=>{this.setInputValidity()}).catch(s=>{this.onerror&&this.onerror(s)})}updateValue(){this.value=this.inputElement.value,this.internals.setFormValue(this.inputElement.value)}onInput(){this.updateValue(),this.setInputValidity()}onChange(e){this.updateValue(),this.setInputValidity();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}renderLeadingIcon(){return this.leadingIcon?u`
1527
+ :host([help-text-type="error"]) .input-container, :host([help-text-type="error"]) .input-container:focus-within {
1528
+ border-color: var(--mdc-input-error-border-color);
1529
+ }
1530
+ :host([help-text-type="warning"]) .input-container, :host([help-text-type="warning"]) .input-container:focus-within {
1531
+ border-color: var(--mdc-input-warning-border-color);
1532
+ }
1533
+ :host([help-text-type="success"]) .input-container, :host([help-text-type="success"]) .input-container:focus-within {
1534
+ border-color: var(--mdc-input-success-border-color);
1535
+ }
1536
+ :host([help-text-type="priority"]) .input-container, :host([help-text-type="priority"]) input-container:focus-within {
1537
+ border-color: var(--mdc-input-primary-border-color);
1538
+ }
1539
+
1540
+ .hidden{
1541
+ opacity: 0;
1542
+ pointer-events: none;
1543
+ }
1544
+ `,...z(!0)],zn=Xa;Q.register(In);var wt=Q;var Dn=y.constructTagName("input"),$n={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},Pn={MAX_LENGTH:10,HELPERTEXT:"Prefix text should not exceed 10 characters",VALIDATION:fe.ERROR},Be={VALIDATION:fe.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:Je.TERTIARY,CLEAR_BUTTON_SIZE:Ae[20],PREFIX_TEXT_TYPE:k.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:O.SPAN};var D=class extends pe(U(wt)){constructor(){super();this.placeholder="";this.readonly=!1;this.trailingButton=!1;this.autocapitalize=$n.OFF;this.autocomplete="off";this.autofocus=!1;this.clearAriaLabel="";this.id=`mdc-input-${Ie()}`}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.inputElement&&(this.inputElement.checkValidity(),this.setInputValidity(),this.internals.setFormValue(this.inputElement.value))}).catch(e=>{this.onerror&&this.onerror(e)})}formResetCallback(){this.value="",this.requestUpdate()}formStateRestoreCallback(e){this.value=e}handleValueChange(){this.updateComplete.then(()=>{this.setInputValidity()}).catch(e=>{this.onerror&&this.onerror(e)})}updated(e){super.updated(e),e.has("value")&&this.handleValueChange()}setInputValidity(){this.validationMessage&&this.value===""?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()}attributeChangedCallback(e,r,i){super.attributeChangedCallback(e,r,i),["maxlength","minlength","pattern","required"].includes(e)&&this.updateComplete.then(()=>{this.setInputValidity()}).catch(s=>{this.onerror&&this.onerror(s)})}updateValue(){this.value=this.inputElement.value,this.internals.setFormValue(this.inputElement.value)}onInput(){this.updateValue(),this.setInputValidity()}onChange(e){this.updateValue(),this.setInputValidity();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}renderLeadingIcon(){return this.leadingIcon?u`
1615
1545
  <mdc-icon
1616
1546
  class="leading-icon"
1617
1547
  part="leading-icon"
1618
1548
  name=${this.leadingIcon}
1619
- size="${He.ICON_SIZE_VALUE}"
1620
- length-unit="${He.ICON_SIZE_UNIT}">
1549
+ size="${Be.ICON_SIZE_VALUE}"
1550
+ length-unit="${Be.ICON_SIZE_UNIT}">
1621
1551
  </mdc-icon>
1622
- `:y}renderPrefixText(){return this.prefixText?u`
1552
+ `:b}renderPrefixText(){return this.prefixText?u`
1623
1553
  <mdc-text
1624
1554
  class="prefix-text"
1625
- tagname="${He.PREFIX_TEXT_TAG}"
1626
- type="${He.PREFIX_TEXT_TYPE}"
1555
+ tagname="${Be.PREFIX_TEXT_TAG}"
1556
+ type="${Be.PREFIX_TEXT_TYPE}"
1627
1557
  aria-hidden="true"
1628
1558
  >
1629
- ${this.prefixText.slice(0,ms.MAX_LENGTH)}
1559
+ ${this.prefixText.slice(0,Pn.MAX_LENGTH)}
1630
1560
  </mdc-text>
1631
- `:y}clearInputText(){var e;this.value="",(e=this.inputElement)==null||e.focus()}renderTrailingButton(){return this.trailingButton?u`
1561
+ `:b}clearInputText(){var e;this.value="",(e=this.inputElement)==null||e.focus()}renderTrailingButton(){return this.trailingButton?u`
1632
1562
  <mdc-button
1633
1563
  part='trailing-button'
1634
1564
  class='own-focus-ring ${this.value?"":"hidden"}'
1635
- prefix-icon='${He.CLEAR_BUTTON_ICON}'
1636
- variant='${He.CLEAR_BUTTON_VARIANT}'
1637
- size="${He.CLEAR_BUTTON_SIZE}"
1565
+ prefix-icon='${Be.CLEAR_BUTTON_ICON}'
1566
+ variant='${Be.CLEAR_BUTTON_VARIANT}'
1567
+ size="${Be.CLEAR_BUTTON_SIZE}"
1638
1568
  aria-label="${this.clearAriaLabel}"
1639
1569
  @click=${this.clearInputText}
1640
1570
  ?disabled=${this.disabled||this.readonly||!this.value}
1641
1571
  ></mdc-button>
1642
- `:y}render(){var e;return u`
1572
+ `:b}render(){var e;return u`
1643
1573
  ${this.renderLabel()}
1644
1574
  <div class="input-container mdc-focus-ring" part="input-container">
1645
1575
  <slot name="input-leading-icon">${this.renderLeadingIcon()}</slot>
@@ -1657,7 +1587,7 @@
1657
1587
  ?readonly="${this.readonly}"
1658
1588
  ?required="${!!this.requiredLabel}"
1659
1589
  type="text"
1660
- aria-describedby="${A(this.helpText?H.HELPER_TEXT_ID:"")}"
1590
+ aria-describedby="${A(this.helpText?F.HELPER_TEXT_ID:"")}"
1661
1591
  aria-invalid="${this.helpTextType==="error"?"true":"false"}"
1662
1592
  placeholder=${A(this.placeholder)}
1663
1593
  minlength=${A(this.minlength)}
@@ -1677,8 +1607,8 @@
1677
1607
  </div>
1678
1608
  <slot name="trailing-button">${this.renderTrailingButton()}</slot>
1679
1609
  </div>
1680
- ${this.helpText?this.renderHelperText():y}
1681
- `}};M.styles=[...kt.styles,...ns],c([d({type:String})],M.prototype,"placeholder",2),c([d({type:Boolean})],M.prototype,"readonly",2),c([d({type:String,attribute:"prefix-text"})],M.prototype,"prefixText",2),c([d({type:String,attribute:"leading-icon"})],M.prototype,"leadingIcon",2),c([d({type:Boolean,attribute:"trailing-button"})],M.prototype,"trailingButton",2),c([d({type:Number})],M.prototype,"maxlength",2),c([d({type:Number})],M.prototype,"minlength",2),c([d({type:String})],M.prototype,"autocapitalize",2),c([d({type:String})],M.prototype,"autocomplete",2),c([d({type:Boolean})],M.prototype,"autofocus",2),c([d({type:String})],M.prototype,"dirname",2),c([d({type:String})],M.prototype,"pattern",2),c([d({type:String})],M.prototype,"list",2),c([d({type:Number})],M.prototype,"size",2),c([d({type:String,attribute:"clear-aria-label"})],M.prototype,"clearAriaLabel",2);var qo=M;qo.register(cs);var ll=qo;var hs=x.constructTagName("link"),qr={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Yr={LARGE:1,MIDSIZE:.875,SMALL:.75},Wr={INLINE:!1,INVERTED:!1,LINK_SIZE:qr.LARGE};var cl=[C,g`
1610
+ ${this.helpText?this.renderHelperText():b}
1611
+ `}};D.styles=[...wt.styles,...zn],c([d({type:String})],D.prototype,"placeholder",2),c([d({type:Boolean})],D.prototype,"readonly",2),c([d({type:String,attribute:"prefix-text"})],D.prototype,"prefixText",2),c([d({type:String,attribute:"leading-icon"})],D.prototype,"leadingIcon",2),c([d({type:Boolean,attribute:"trailing-button"})],D.prototype,"trailingButton",2),c([d({type:Number})],D.prototype,"maxlength",2),c([d({type:Number})],D.prototype,"minlength",2),c([d({type:String})],D.prototype,"autocapitalize",2),c([d({type:String})],D.prototype,"autocomplete",2),c([d({type:Boolean})],D.prototype,"autofocus",2),c([d({type:String})],D.prototype,"dirname",2),c([d({type:String})],D.prototype,"pattern",2),c([d({type:String})],D.prototype,"list",2),c([d({type:Number})],D.prototype,"size",2),c([d({type:String,attribute:"clear-aria-label"})],D.prototype,"clearAriaLabel",2);var Bo=D;Bo.register(Dn);var Za=Bo;var Un=y.constructTagName("link"),Pr={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Ur={LARGE:1,MIDSIZE:.875,SMALL:.75},Vr={INLINE:!1,INVERTED:!1,LINK_SIZE:Pr.LARGE};var ja=[C,g`
1682
1612
 
1683
1613
  :host {
1684
1614
 
@@ -1797,333 +1727,328 @@
1797
1727
  :host([inverted][disabled])::part(link-container) {
1798
1728
  color: var(--mdc-link-inverted-color-disabled);
1799
1729
  }
1800
- `,...$(!0),g`
1730
+ `,...z(!0),g`
1801
1731
  :host(:active)::part(link-container) {
1802
1732
  box-shadow: none;
1803
1733
  }
1804
- `],ps=cl;var at=class extends At(de(E)){constructor(){super(...arguments);this.inline=Wr.INLINE;this.inverted=Wr.INVERTED;this.size=Wr.LINK_SIZE;this.prevTabindex=null}getIconSize(){switch(this.size){case qr.SMALL:return Yr.SMALL;case qr.MIDSIZE:return Yr.MIDSIZE;default:return Yr.LARGE}}setDisabled(e){e?(this.prevTabindex=this.hasAttribute("tabindex")?this.tabIndex:null,this.tabIndex=-1,this.setAttribute("aria-disabled","true")):this.prevTabindex===null?(this.removeAttribute("tabindex"),this.removeAttribute("aria-disabled")):(this.tabIndex=this.prevTabindex,this.removeAttribute("aria-disabled"))}updateTrailingIcon(){var i,n;let e=(n=(i=this.shadowRoot)==null?void 0:i.querySelector("slot"))==null?void 0:n.assignedElements({flatten:!0}).find(s=>s.tagName==="A"),r=this.getIconSize();if(this.iconName&&e){let s=document.createElement("mdc-icon");s.setAttribute("name",this.iconName),s.setAttribute("size",`${r}`),s.setAttribute("length-unit","rem"),e.appendChild(s)}}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return u`
1734
+ `],Vn=ja;var ot=class extends Pe(de(E)){constructor(){super(...arguments);this.inline=Vr.INLINE;this.inverted=Vr.INVERTED;this.size=Vr.LINK_SIZE;this.prevTabindex=null}getIconSize(){switch(this.size){case Pr.SMALL:return Ur.SMALL;case Pr.MIDSIZE:return Ur.MIDSIZE;default:return Ur.LARGE}}setDisabled(e){e?(this.prevTabindex=this.hasAttribute("tabindex")?this.tabIndex:null,this.tabIndex=-1,this.setAttribute("aria-disabled","true")):this.prevTabindex===null?(this.removeAttribute("tabindex"),this.removeAttribute("aria-disabled")):(this.tabIndex=this.prevTabindex,this.removeAttribute("aria-disabled"))}updateTrailingIcon(){var i,n;let e=(n=(i=this.shadowRoot)==null?void 0:i.querySelector("slot"))==null?void 0:n.assignedElements({flatten:!0}).find(s=>s.tagName==="A"),r=this.getIconSize();if(this.iconName&&e){let s=document.createElement("mdc-icon");s.setAttribute("name",this.iconName),s.setAttribute("size",`${r}`),s.setAttribute("length-unit","rem"),e.appendChild(s)}}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return u`
1805
1735
  <div part='link-container' class='mdc-focus-ring'>
1806
1736
  <slot @slotchange=${this.updateTrailingIcon}></slot>
1807
1737
  </div>
1808
- `}};at.styles=[...E.styles,...ps],c([d({type:Boolean,reflect:!0})],at.prototype,"inline",2),c([d({type:Boolean,reflect:!0})],at.prototype,"inverted",2),c([d({type:String,reflect:!0})],at.prototype,"size",2);var Yo=at;Yo.register(hs);var dl=Yo;var ml=[C,g`
1738
+ `}};ot.styles=[...E.styles,...Vn],c([d({type:Boolean,reflect:!0})],ot.prototype,"inline",2),c([d({type:Boolean,reflect:!0})],ot.prototype,"inverted",2),c([d({type:String,reflect:!0})],ot.prototype,"size",2);var Go=ot;Go.register(Un);var Ka=Go;var Hr=y.constructTagName("listitem"),Qa={FULL_WIDTH:"full-width",INSET_PILL:"inset-pill",INSET_RECTANGLE:"inset-rectangle"},Hn={VARIANT:Qa.FULL_WIDTH};var Fn=y.constructTagName("list"),tr={ARROW_DOWN:"ArrowDown",ARROW_UP:"ArrowUp",HOME:"Home",END:"End"},qo="header-id";var Ja=g`
1739
+ :host::part(header-text) {
1740
+ padding: 0.5rem 0.75rem;
1741
+ }
1742
+ `,Bn=[Ja];var Ct=class extends U(E){constructor(){super(),this.addEventListener("keydown",this.handleKeyDown)}handleKeyDown(t){var i;let e=this.getCurrentIndex(t.target),r=this.getNewIndexBasedOnKey(t.key,e,this.listItems.length);r!==void 0&&((i=this.listItems[r])==null||i.focus(),this.resetTabIndexAndSetActiveTabIndex(r))}getCurrentIndex(t){return this.listItems.findIndex(e=>e===t||e===t.parentElement)}getNewIndexBasedOnKey(t,e,r){switch(t){case tr.ARROW_DOWN:return(e+1)%r;case tr.ARROW_UP:return(e-1+r)%r;case tr.HOME:return 0;case tr.END:return r-1;default:return}}handleMouseClick(t){let e=this.getCurrentIndex(t.target);this.resetTabIndexAndSetActiveTabIndex(e)}resetTabIndexAndSetActiveTabIndex(t){this.listItems.forEach((e,r)=>{let i=t===r?"0":"-1";e==null||e.setAttribute("tabindex",i)})}firstUpdated(){this.resetTabIndexAndSetActiveTabIndex(0)}render(){var e;let t=this.headerText?u`
1743
+ <mdc-text
1744
+ id="${qo}"
1745
+ part="header-text"
1746
+ type="${k.BODY_MIDSIZE_BOLD}"
1747
+ tagname="${O.SPAN}"
1748
+ >${this.headerText}</mdc-text>
1749
+ `:b;return u`
1750
+ <div
1751
+ role="list"
1752
+ aria-labelledby="${this.headerText?qo:""}"
1753
+ aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
1754
+ >
1755
+ ${t}
1756
+ <slot role="presentation" @click="${this.handleMouseClick}"></slot>
1757
+ </div>
1758
+ `}};Ct.styles=[...E.styles,...Bn],c([Ft({selector:Hr})],Ct.prototype,"listItems",2),c([d({type:String,attribute:"header-text",reflect:!0})],Ct.prototype,"headerText",2);var Yo=Ct;Yo.register(Fn);var el=Yo;var tl=g`
1809
1759
  :host {
1810
- --mdc-toggle-width: 3rem;
1811
- --mdc-toggle-height: 1.5rem;
1812
- --mdc-toggle-width-compact: 2rem;
1813
- --mdc-toggle-height-compact: 1rem;
1814
- --mdc-toggle-border-radius: 0.75rem;
1815
- --mdc-toggle-border-radius-compact: 0.5rem;
1816
- --mdc-toggle-border: 0.0625rem solid var(--mds-color-theme-outline-input-normal);
1817
-
1818
- --mdc-toggle-inactive-rest-color: var(--mds-color-theme-control-inactive-normal);
1819
- --mdc-toggle-inactive-hover-color: var(--mds-color-theme-control-inactive-hover);
1820
- --mdc-toggle-inactive-pressed-color: var(--mds-color-theme-control-inactive-pressed);
1821
- --mdc-toggle-inactive-disabled-color: var(--mds-color-theme-control-inactive-disabled);
1822
- --mdc-toggle-active-rest-color: var(--mds-color-theme-control-active-normal);
1823
- --mdc-toggle-active-hover-color: var(--mds-color-theme-control-active-hover);
1824
- --mdc-toggle-active-pressed-color: var(--mds-color-theme-control-active-pressed);
1825
- --mdc-toggle-active-disabled-color: var(--mds-color-theme-control-active-disabled);
1826
-
1827
- --mdc-toggle-label-lineheight: var(--mds-font-lineheight-body-midsize);
1828
- --mdc-toggle-label-fontsize: var(--mds-font-size-body-midsize);
1829
- --mdc-toggle-label-fontweight: 400;
1830
- --mdc-toggle-label-color-disabled: var(--mds-color-theme-text-primary-disabled);
1831
- --mdc-toggle-help-text-color: var(--mds-color-theme-text-secondary-normal);
1832
-
1833
- --mdc-toggle-icon-color-normal: var(--mds-color-theme-common-inverted-text-primary-normal);
1834
- --mdc-toggle-icon-color-disabled: var(--mds-color-theme-common-inverted-text-primary-disabled);
1835
- --mdc-toggle-icon-background-color-normal: var(--mds-color-theme-common-text-primary-normal);
1836
- --mdc-toggle-icon-background-color-disabled: var(--mds-color-theme-common-text-primary-disabled);
1760
+ --mdc-listitem-default-background-color: var(--mds-color-theme-background-primary-ghost);
1761
+ --mdc-listitem-background-color-hover: var(--mds-color-theme-background-primary-hover);
1762
+ --mdc-listitem-background-color-active: var(--mds-color-theme-background-primary-active);
1763
+ --mdc-listitem-primary-label-color: var(--mds-color-theme-text-primary-normal);
1764
+ --mdc-listitem-secondary-label-color: var(--mds-color-theme-text-secondary-normal);
1765
+ --mdc-listitem-disabled-color: var(--mds-color-theme-text-primary-disabled);
1837
1766
  }
1838
-
1839
- :host([label]), :host([help-text]){
1840
- display: grid;
1841
- grid-template-rows: auto auto;
1842
- grid-template-columns: auto auto;
1767
+ :host {
1768
+ background-color: var(--mdc-listitem-default-background-color);
1843
1769
  column-gap: 0.75rem;
1844
- row-gap: 0.25rem;
1845
- }
1846
-
1847
- :host([help-text='']) {
1848
- grid-template-rows: auto;
1849
- row-gap: 0rem;
1850
- }
1851
-
1852
- .mdc-toggle__container {
1853
- position: relative;
1854
- border-radius: var(--mdc-toggle-border-radius);
1855
- }
1856
-
1857
- .mdc-toggle__input {
1858
- opacity: 0;
1859
- position: absolute;
1860
1770
  cursor: pointer;
1861
- margin: 0;
1862
- width: var(--mdc-toggle-width);
1863
- height: var(--mdc-toggle-height);
1864
- }
1865
-
1866
- .mdc-toggle__slider {
1867
- width: var(--mdc-toggle-width);
1868
- height: var(--mdc-toggle-height);
1869
- background: var(--mdc-toggle-inactive-rest-color);
1870
- border-radius: var(--mdc-toggle-border-radius);
1871
- border: var(--mdc-toggle-border);
1872
1771
  display: flex;
1873
- align-items: center;
1874
- justify-content: flex-start;
1875
- transition: background-color 0.3s ease;
1876
- outline: none;
1877
- padding: 0.0625rem;
1878
- }
1879
-
1880
- :host([checked]) .mdc-toggle__slider {
1881
- background-color: var(--mdc-toggle-active-rest-color);
1882
- justify-content: flex-end;
1883
- border-color: transparent;
1884
- }
1885
-
1886
- :host([size='compact']) .mdc-toggle__slider {
1887
- width: var(--mdc-toggle-width-compact);
1888
- height: var(--mdc-toggle-height-compact);
1889
- border-radius: var(--mdc-toggle-border-radius-compact);
1890
- }
1891
- :host([size='compact']) .mdc-toggle__input {
1892
- width: var(--mdc-toggle-width-compact);
1893
- height: var(--mdc-toggle-height-compact);
1894
- }
1895
-
1896
- .mdc-toggle__icon {
1897
- padding: 0.25rem;
1898
- --mdc-icon-fill-color: var(--mdc-toggle-icon-color-normal);
1899
- background-color: var(--mdc-toggle-icon-background-color-normal);
1900
- border-radius: 50%;
1901
- }
1902
-
1903
- :host([disabled]) .mdc-toggle__icon {
1904
- --mdc-icon-fill-color: var(--mdc-toggle-icon-color-disabled);
1905
- }
1906
-
1907
- :host([size='compact']) .mdc-toggle__icon {
1908
- padding: 0.125rem;
1909
- }
1910
-
1911
- :host(:not([disabled])) .mdc-toggle__container:hover .mdc-toggle__slider {
1912
- background-color: var(--mdc-toggle-inactive-hover-color);
1913
- }
1914
-
1915
- :host(:not([disabled])) .mdc-toggle__container:active .mdc-toggle__slider {
1916
- background-color: var(--mdc-toggle-inactive-pressed-color);
1917
- }
1918
-
1919
- :host(:not([disabled])[checked]) .mdc-toggle__container:hover .mdc-toggle__slider {
1920
- background-color: var(--mdc-toggle-active-hover-color);
1921
- }
1922
-
1923
- :host(:not([disabled])[checked]) .mdc-toggle__container:active .mdc-toggle__slider {
1924
- background-color: var(--mdc-toggle-active-pressed-color);
1925
- }
1926
-
1927
- :host([disabled]) .mdc-toggle__slider {
1928
- background-color: var(--mdc-toggle-inactive-disabled-color);
1929
- }
1930
-
1931
- :host([disabled][checked]) .mdc-toggle__slider {
1932
- background-color: var(--mdc-toggle-active-disabled-color);
1933
- }
1934
-
1935
- :host([disabled]) .mdc-toggle__icon {
1936
- background-color: var(--mdc-toggle-icon-background-color-disabled);
1772
+ flex-direction: row;
1773
+ padding: 0.5rem 0.75rem;
1774
+ width: 100%;
1937
1775
  }
1938
-
1939
- .mdc-label-text, .mdc-help-text {
1940
- font-size: var(--mdc-toggle-label-fontsize);
1941
- font-weight: var(--mdc-toggle-label-fontweight);
1942
- line-height: var(--mdc-toggle-label-lineheight);
1943
- grid-column: 2;
1776
+ :host([variant="inset-rectangle"]) {
1777
+ border-radius: 0.5rem;
1944
1778
  }
1945
-
1946
- .mdc-help-text {
1947
- color: var(--mdc-toggle-help-text-color);
1779
+ :host([variant="inset-pill"]) {
1780
+ border-radius: 3.125rem;
1948
1781
  }
1949
-
1950
- :host([disabled]) .mdc-label-text, :host([disabled]) .mdc-help-text {
1951
- color: var(--mdc-toggle-label-color-disabled);
1782
+ :host([disabled]),
1783
+ :host([disabled])::part(leading-text-secondary-label),
1784
+ :host([disabled])::part(leading-text-tertiary-label),
1785
+ :host([disabled])::part(leading-text-primary-label),
1786
+ :host([disabled])::part(trailing-text-side-header),
1787
+ :host([disabled])::part(trailing-text-subline) {
1788
+ color: var(--mdc-listitem-disabled-color);
1789
+ cursor: default;
1952
1790
  }
1953
-
1954
- /* High Contrast Mode */
1955
- @media (forced-colors: active) {
1956
- :host([checked]) .mdc-toggle__slider, .mdc-toggle__icon {
1957
- border: var(--mdc-toggle-border);
1958
- }
1791
+ :host(:hover) {
1792
+ background-color: var(--mdc-listitem-background-color-hover);
1959
1793
  }
1960
- `,...$(!0)],us=ml;var fs=x.constructTagName("toggle"),Wo={DEFAULT:"default",COMPACT:"compact"},Xo={CHECKED:"check-bold",UNCHECKED:"cancel-bold"},gs={compact:.75,default:1.25},Zo={SIZE:Wo.DEFAULT,VALIDATION_MESSAGE:"Please toggle this switch if you want to proceed."};var lt=class extends he(W(kt)){constructor(){super();this.checked=!1;this.size=Zo.SIZE;this.autofocus=!1;this.helpTextType=void 0}formResetCallback(){this.checked=!1}formStateRestoreCallback(e){e&&(this.checked=!0)}manageRequired(){!this.checked&&this.requiredLabel?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}setFormValue(){let e=null;this.checked?e=this.value?this.value:"isActive":e=null,this.manageRequired(),this.internals.setFormValue(e)}toggleState(){this.disabled||(this.checked=!this.checked)}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}handleChange(e){this.toggleState();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}setToggleSize(e){this.setAttribute("size",Object.values(Wo).includes(e)?e:Zo.SIZE)}update(e){super.update(e),e.has("checked")&&this.setFormValue(),e.has("size")&&this.setToggleSize(this.size)}render(){var e;return u`
1961
- <div class="mdc-toggle__container mdc-focus-ring">
1962
- <input
1963
- id="${this.id}"
1964
- type="checkbox"
1965
- class="mdc-toggle__input"
1966
- role="switch"
1967
- ?autofocus="${this.autofocus}"
1968
- ?required="${!!this.requiredLabel}"
1969
- name="${A(this.name)}"
1970
- value="${A(this.value)}"
1971
- .checked="${this.checked}"
1972
- aria-checked="${this.checked}"
1973
- .disabled="${this.disabled}"
1974
- aria-describedby="${A(this.helpText?H.HELPER_TEXT_ID:"")}"
1975
- aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
1976
- tabindex="${this.disabled?-1:0}"
1977
- @change="${this.handleChange}"
1978
- @keydown="${this.handleKeyDown}"
1979
- />
1980
- <div class="mdc-toggle__slider">
1981
- <mdc-icon
1982
- name="${this.checked?Xo.CHECKED:Xo.UNCHECKED}"
1983
- class="mdc-toggle__icon"
1984
- length-unit="rem"
1985
- size="${gs[this.size]}"
1986
- ></mdc-icon>
1987
- </div>
1988
- </div>
1989
- ${this.renderLabel()}
1990
- ${this.renderHelperText()}
1991
- `}};lt.styles=[...kt.styles,...us],c([d({type:Boolean,reflect:!0})],lt.prototype,"checked",2),c([d({type:String,reflect:!0})],lt.prototype,"size",2),c([d({type:Boolean,reflect:!0})],lt.prototype,"autofocus",2);var jo=lt;jo.register(fs);var hl=jo;var vs=x.constructTagName("checkbox"),Ko={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var pl=[g`
1992
- :host {
1993
- --mdc-checkbox-background-color-hover: var(--mds-color-theme-control-inactive-hover);
1994
- --mdc-checkbox-border-color: var(--mds-color-theme-outline-button-normal);
1995
- --mdc-checkbox-checked-background-color-hover: var(--mds-color-theme-control-active-hover);
1996
- --mdc-checkbox-checked-background-color: var(--mds-color-theme-control-active-normal);
1997
- --mdc-checkbox-checked-pressed-icon-color: var(--mds-color-theme-control-active-pressed);
1998
- --mdc-checkbox-disabled-background-color: var(--mds-color-theme-control-inactive-disabled);
1999
- --mdc-checkbox-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
2000
- --mdc-checkbox-disabled-checked-icon-color: var(--mds-color-theme-control-active-disabled);
2001
- --mdc-checkbox-disabled-icon-color: var(--mds-color-theme-text-primary-disabled);
2002
- --mdc-checkbox-icon-background-color: var(--mds-color-theme-control-inactive-normal);
2003
- --mdc-checkbox-icon-border-color: var(--mds-color-theme-outline-input-normal);
2004
- --mdc-checkbox-icon-color: var(--mds-color-theme-inverted-text-primary-normal);
2005
- --mdc-checkbox-pressed-icon-color: var(--mds-color-theme-control-inactive-pressed);
2006
-
2007
- flex-direction: row;
2008
- align-items: flex-start;
1794
+ :host(:active) {
1795
+ background-color: var(--mdc-listitem-background-color-active);
2009
1796
  }
2010
- .mdc-label, .input {
2011
- cursor: pointer;
1797
+ :host::part(trailing) {
1798
+ margin-left: auto;
2012
1799
  }
2013
- :host([checked]) .icon-container,
2014
- :host([indeterminate]) .icon-container {
2015
- background: var(--mdc-checkbox-checked-background-color);
2016
- border: unset;
1800
+ :host::part(trailing):dir(rtl) {
1801
+ margin-left: unset;
1802
+ margin-right: auto;
2017
1803
  }
2018
- :host([checked]) .container:hover .icon-container,
2019
- :host([indeterminate]) .container:hover .icon-container {
2020
- background: var(--mdc-checkbox-checked-background-color-hover);
1804
+ :host::part(leading), :host::part(trailing) {
1805
+ align-items: center;
1806
+ column-gap: 0.75rem;
1807
+ display: flex;
2021
1808
  }
2022
- :host([checked]) .container:active .icon-container,
2023
- :host([indeterminate]) .container:active .icon-container {
2024
- background: var(--mdc-checkbox-checked-pressed-icon-color);
1809
+ :host::part(leading-text-secondary-label), :host::part(leading-text-tertiary-label) {
1810
+ color: var(--mdc-listitem-secondary-label-color);
2025
1811
  }
2026
- :host([disabled]) .mdc-label,
2027
- :host([disabled]) .input {
2028
- cursor: default;
1812
+ :host::part(leading-text-primary-label), :host::part(trailing-text-side-header), :host::part(trailing-text-subline) {
1813
+ color: var(--mdc-listitem-primary-label-color);
2029
1814
  }
2030
- :host([disabled]) .container:hover {
2031
- background: unset;
1815
+ :host::part(trailing-text) {
1816
+ text-align: right;
2032
1817
  }
2033
- :host([disabled]) .icon-container {
2034
- border-color: var(--mdc-checkbox-disabled-border-color);
2035
- background: var(--mdc-checkbox-disabled-background-color);
1818
+ ::slotted([slot="leading-controls"]), ::slotted([slot="trailing-controls"]) {
1819
+ align-items: center;
1820
+ column-gap: 0.75rem;
1821
+ display: flex;
1822
+ flex-direction: row;
2036
1823
  }
2037
- :host([disabled]) .icon {
2038
- --mdc-icon-fill-color: var(--mdc-checkbox-disabled-icon-color);
1824
+ `,Gn=[tl,...z()];var J=class extends U(Pe(Lr(E))){constructor(){super();this.variant=Hn.VARIANT;this.role="listitem"}getText(e,r,i){return i?u`
1825
+ <slot name="${e}">
1826
+ <mdc-text part="${e}" type="${r}" tagname="${O.SPAN}">${i}</mdc-text>
1827
+ </slot>
1828
+ `:b}disableSlottedChildren(e){[...this.leadingControlsSlot,...this.trailingControlsSlot].forEach(r=>{e?r.setAttribute("disabled",""):r.removeAttribute("disabled")})}update(e){super.update(e),e.has("disabled")&&(this.tabIndex=this.disabled?-1:0,this.disableSlottedChildren(this.disabled))}render(){return u`
1829
+ <div part="leading">
1830
+ <slot name="leading-controls"></slot>
1831
+ <div part="leading-text">
1832
+ ${this.getText("leading-text-primary-label",k.BODY_MIDSIZE_REGULAR,this.label)}
1833
+ ${this.getText("leading-text-secondary-label",k.BODY_SMALL_REGULAR,this.secondaryLabel)}
1834
+ ${this.getText("leading-text-tertiary-label",k.BODY_SMALL_REGULAR,this.tertiaryLabel)}
1835
+ </div>
1836
+ </div>
1837
+ <div part="trailing">
1838
+ <div part="trailing-text">
1839
+ ${this.getText("trailing-text-side-header",k.BODY_MIDSIZE_REGULAR,this.sideHeaderText)}
1840
+ ${this.getText("trailing-text-subline",k.BODY_SMALL_REGULAR,this.sublineText)}
1841
+ </div>
1842
+ <slot name="trailing-controls"></slot>
1843
+ </div>
1844
+ `}};J.styles=[...E.styles,...Gn],c([Ft({slot:"leading-controls"})],J.prototype,"leadingControlsSlot",2),c([Ft({slot:"trailing-controls"})],J.prototype,"trailingControlsSlot",2),c([d({type:String,reflect:!0})],J.prototype,"variant",2),c([d({type:String,reflect:!0})],J.prototype,"label",2),c([d({type:String,reflect:!0,attribute:"secondary-label"})],J.prototype,"secondaryLabel",2),c([d({type:String,reflect:!0,attribute:"tertiary-label"})],J.prototype,"tertiaryLabel",2),c([d({type:String,reflect:!0,attribute:"side-header-text"})],J.prototype,"sideHeaderText",2),c([d({type:String,reflect:!0,attribute:"subline-text"})],J.prototype,"sublineText",2);var Wo=J;Wo.register(Hr);var rl=Wo;var ol=g`
1845
+ :host {
1846
+ --mdc-marker-width: 0.25rem;
1847
+ --mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
1848
+ --mdc-marker-striped-color: var(--mds-color-theme-outline-secondary-normal);
1849
+ --mdc-marker-striped-background-color: transparent;
1850
+
1851
+ width: var(--mdc-marker-width);
1852
+ height: 100%;
1853
+ display: block;
2039
1854
  }
2040
- :host([disabled][checked]) .icon-container,
2041
- :host([disabled][indeterminate]) .icon-container {
2042
- background: var(--mdc-checkbox-disabled-checked-icon-color);
2043
- border: 0.0625rem solid var(--mdc-checkbox-disabled-border-color);
1855
+
1856
+ :host([variant='solid']) {
1857
+ background: var(--mdc-marker-solid-background-color);
2044
1858
  }
2045
- .input {
2046
- margin: 0;
2047
- padding: 0;
1859
+
1860
+ :host([variant='striped']) {
1861
+ background: repeating-linear-gradient(
1862
+ 135deg,
1863
+ var(--mdc-marker-striped-color),
1864
+ var(--mdc-marker-striped-color) 0.1875rem,
1865
+ var(--mdc-marker-striped-background-color) 0.1875rem,
1866
+ var(--mdc-marker-striped-background-color) 0.375rem
1867
+ );
1868
+ }
1869
+ `,qn=[ol];var Yn=y.constructTagName("marker"),Wn={SOLID:"solid",STRIPED:"striped"};var rr=class extends E{constructor(){super(...arguments);this.variant=Wn.SOLID}};rr.styles=[...E.styles,...qn],c([d({type:String,reflect:!0})],rr.prototype,"variant",2);var Xo=rr;Xo.register(Yn);var il=Xo;var ge=Math.min,q=Math.max,ir=Math.round,nr=Math.floor,ie=o=>({x:o,y:o}),nl={left:"right",right:"left",bottom:"top",top:"bottom"},sl={start:"end",end:"start"};function Br(o,t,e){return q(o,ge(t,e))}function it(o,t){return typeof o=="function"?o(t):o}function Ce(o){return o.split("-")[0]}function nt(o){return o.split("-")[1]}function Zo(o){return o==="x"?"y":"x"}function Gr(o){return o==="y"?"height":"width"}function Ge(o){return["top","bottom"].includes(Ce(o))?"y":"x"}function qr(o){return Zo(Ge(o))}function Xn(o,t,e){e===void 0&&(e=!1);let r=nt(o),i=qr(o),n=Gr(i),s=i==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[n]>t.floating[n]&&(s=or(s)),[s,or(s)]}function Zn(o){let t=or(o);return[Fr(o),t,Fr(t)]}function Fr(o){return o.replace(/start|end/g,t=>sl[t])}function al(o,t,e){let r=["left","right"],i=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(o){case"top":case"bottom":return e?t?i:r:t?r:i;case"left":case"right":return t?n:s;default:return[]}}function jn(o,t,e,r){let i=nt(o),n=al(Ce(o),e==="start",r);return i&&(n=n.map(s=>s+"-"+i),t&&(n=n.concat(n.map(Fr)))),n}function or(o){return o.replace(/left|right|bottom|top/g,t=>nl[t])}function ll(o){return{top:0,right:0,bottom:0,left:0,...o}}function jo(o){return typeof o!="number"?ll(o):{top:o,right:o,bottom:o,left:o}}function st(o){let{x:t,y:e,width:r,height:i}=o;return{width:r,height:i,top:e,left:t,right:t+r,bottom:e+i,x:t,y:e}}function Kn(o,t,e){let{reference:r,floating:i}=o,n=Ge(t),s=qr(t),a=Gr(s),l=Ce(t),m=n==="y",h=r.x+r.width/2-i.width/2,p=r.y+r.height/2-i.height/2,v=r[a]/2-i[a]/2,f;switch(l){case"top":f={x:h,y:r.y-i.height};break;case"bottom":f={x:h,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:p};break;case"left":f={x:r.x-i.width,y:p};break;default:f={x:r.x,y:r.y}}switch(nt(t)){case"start":f[s]-=v*(e&&m?-1:1);break;case"end":f[s]+=v*(e&&m?-1:1);break}return f}var Qn=async(o,t,e)=>{let{placement:r="bottom",strategy:i="absolute",middleware:n=[],platform:s}=e,a=n.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(t)),m=await s.getElementRects({reference:o,floating:t,strategy:i}),{x:h,y:p}=Kn(m,r,l),v=r,f={},x=0;for(let T=0;T<a.length;T++){let{name:_,fn:S}=a[T],{x:I,y:w,data:$,reset:M}=await S({x:h,y:p,initialPlacement:r,placement:v,strategy:i,middlewareData:f,rects:m,platform:s,elements:{reference:o,floating:t}});h=I!=null?I:h,p=w!=null?w:p,f={...f,[_]:{...f[_],...$}},M&&x<=50&&(x++,typeof M=="object"&&(M.placement&&(v=M.placement),M.rects&&(m=M.rects===!0?await s.getElementRects({reference:o,floating:t,strategy:i}):M.rects),{x:h,y:p}=Kn(m,v,l)),T=-1)}return{x:h,y:p,placement:v,strategy:i,middlewareData:f}};async function Yr(o,t){var e;t===void 0&&(t={});let{x:r,y:i,platform:n,rects:s,elements:a,strategy:l}=o,{boundary:m="clippingAncestors",rootBoundary:h="viewport",elementContext:p="floating",altBoundary:v=!1,padding:f=0}=it(t,o),x=jo(f),_=a[v?p==="floating"?"reference":"floating":p],S=st(await n.getClippingRect({element:(e=await(n.isElement==null?void 0:n.isElement(_)))==null||e?_:_.contextElement||await(n.getDocumentElement==null?void 0:n.getDocumentElement(a.floating)),boundary:m,rootBoundary:h,strategy:l})),I=p==="floating"?{x:r,y:i,width:s.floating.width,height:s.floating.height}:s.reference,w=await(n.getOffsetParent==null?void 0:n.getOffsetParent(a.floating)),$=await(n.isElement==null?void 0:n.isElement(w))?await(n.getScale==null?void 0:n.getScale(w))||{x:1,y:1}:{x:1,y:1},M=st(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:I,offsetParent:w,strategy:l}):I);return{top:(S.top-M.top+x.top)/$.y,bottom:(M.bottom-S.bottom+x.bottom)/$.y,left:(S.left-M.left+x.left)/$.x,right:(M.right-S.right+x.right)/$.x}}var Jn=o=>({name:"arrow",options:o,async fn(t){let{x:e,y:r,placement:i,rects:n,platform:s,elements:a,middlewareData:l}=t,{element:m,padding:h=0}=it(o,t)||{};if(m==null)return{};let p=jo(h),v={x:e,y:r},f=qr(i),x=Gr(f),T=await s.getDimensions(m),_=f==="y",S=_?"top":"left",I=_?"bottom":"right",w=_?"clientHeight":"clientWidth",$=n.reference[x]+n.reference[f]-v[f]-n.floating[x],M=v[f]-n.reference[f],Z=await(s.getOffsetParent==null?void 0:s.getOffsetParent(m)),re=Z?Z[w]:0;(!re||!await(s.isElement==null?void 0:s.isElement(Z)))&&(re=a.floating[w]||n.floating[x]);let ve=$/2-M/2,ae=re/2-T[x]/2-1,oe=ge(p[S],ae),Re=ge(p[I],ae),le=oe,Le=re-T[x]-Re,B=re/2-T[x]/2+ve,gt=Br(le,B,Le),be=!l.arrow&&nt(i)!=null&&B!==gt&&n.reference[x]/2-(B<le?oe:Re)-T[x]/2<0,ce=be?B<le?B-le:B-Le:0;return{[f]:v[f]+ce,data:{[f]:gt,centerOffset:B-gt-ce,...be&&{alignmentOffset:ce}},reset:be}}});var es=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(t){var e,r;let{placement:i,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:m}=t,{mainAxis:h=!0,crossAxis:p=!0,fallbackPlacements:v,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:x="none",flipAlignment:T=!0,..._}=it(o,t);if((e=n.arrow)!=null&&e.alignmentOffset)return{};let S=Ce(i),I=Ge(a),w=Ce(a)===a,$=await(l.isRTL==null?void 0:l.isRTL(m.floating)),M=v||(w||!T?[or(a)]:Zn(a)),Z=x!=="none";!v&&Z&&M.push(...jn(a,T,x,$));let re=[a,...M],ve=await Yr(t,_),ae=[],oe=((r=n.flip)==null?void 0:r.overflows)||[];if(h&&ae.push(ve[S]),p){let B=Xn(i,s,$);ae.push(ve[B[0]],ve[B[1]])}if(oe=[...oe,{placement:i,overflows:ae}],!ae.every(B=>B<=0)){var Re,le;let B=(((Re=n.flip)==null?void 0:Re.index)||0)+1,gt=re[B];if(gt)return{data:{index:B,overflows:oe},reset:{placement:gt}};let be=(le=oe.filter(ce=>ce.overflows[0]<=0).sort((ce,Ne)=>ce.overflows[1]-Ne.overflows[1])[0])==null?void 0:le.placement;if(!be)switch(f){case"bestFit":{var Le;let ce=(Le=oe.filter(Ne=>{if(Z){let Oe=Ge(Ne.placement);return Oe===I||Oe==="y"}return!0}).map(Ne=>[Ne.placement,Ne.overflows.filter(Oe=>Oe>0).reduce((Oe,Js)=>Oe+Js,0)]).sort((Ne,Oe)=>Ne[1]-Oe[1])[0])==null?void 0:Le[0];ce&&(be=ce);break}case"initialPlacement":be=a;break}if(i!==be)return{reset:{placement:be}}}return{}}}};async function cl(o,t){let{placement:e,platform:r,elements:i}=o,n=await(r.isRTL==null?void 0:r.isRTL(i.floating)),s=Ce(e),a=nt(e),l=Ge(e)==="y",m=["left","top"].includes(s)?-1:1,h=n&&l?-1:1,p=it(t,o),{mainAxis:v,crossAxis:f,alignmentAxis:x}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return a&&typeof x=="number"&&(f=a==="end"?x*-1:x),l?{x:f*h,y:v*m}:{x:v*m,y:f*h}}var ts=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(t){var e,r;let{x:i,y:n,placement:s,middlewareData:a}=t,l=await cl(t,o);return s===((e=a.offset)==null?void 0:e.placement)&&(r=a.arrow)!=null&&r.alignmentOffset?{}:{x:i+l.x,y:n+l.y,data:{...l,placement:s}}}}},rs=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:e,y:r,placement:i}=t,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:_=>{let{x:S,y:I}=_;return{x:S,y:I}}},...l}=it(o,t),m={x:e,y:r},h=await Yr(t,l),p=Ge(Ce(i)),v=Zo(p),f=m[v],x=m[p];if(n){let _=v==="y"?"top":"left",S=v==="y"?"bottom":"right",I=f+h[_],w=f-h[S];f=Br(I,f,w)}if(s){let _=p==="y"?"top":"left",S=p==="y"?"bottom":"right",I=x+h[_],w=x-h[S];x=Br(I,x,w)}let T=a.fn({...t,[v]:f,[p]:x});return{...T,data:{x:T.x-e,y:T.y-r,enabled:{[v]:n,[p]:s}}}}}};var os=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){var e,r;let{placement:i,rects:n,platform:s,elements:a}=t,{apply:l=()=>{},...m}=it(o,t),h=await Yr(t,m),p=Ce(i),v=nt(i),f=Ge(i)==="y",{width:x,height:T}=n.floating,_,S;p==="top"||p==="bottom"?(_=p,S=v===(await(s.isRTL==null?void 0:s.isRTL(a.floating))?"start":"end")?"left":"right"):(S=p,_=v==="end"?"top":"bottom");let I=T-h.top-h.bottom,w=x-h.left-h.right,$=ge(T-h[_],I),M=ge(x-h[S],w),Z=!t.middlewareData.shift,re=$,ve=M;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(ve=w),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(re=I),Z&&!v){let oe=q(h.left,0),Re=q(h.right,0),le=q(h.top,0),Le=q(h.bottom,0);f?ve=x-2*(oe!==0||Re!==0?oe+Re:q(h.left,h.right)):re=T-2*(le!==0||Le!==0?le+Le:q(h.top,h.bottom))}await l({...t,availableWidth:ve,availableHeight:re});let ae=await s.getDimensions(a.floating);return x!==ae.width||T!==ae.height?{reset:{rects:!0}}:{}}}};function Wr(){return typeof window<"u"}function at(o){return ns(o)?(o.nodeName||"").toLowerCase():"#document"}function W(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function ne(o){var t;return(t=(ns(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function ns(o){return Wr()?o instanceof Node||o instanceof W(o).Node:!1}function ee(o){return Wr()?o instanceof Element||o instanceof W(o).Element:!1}function se(o){return Wr()?o instanceof HTMLElement||o instanceof W(o).HTMLElement:!1}function is(o){return!Wr()||typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof W(o).ShadowRoot}function Rt(o){let{overflow:t,overflowX:e,overflowY:r,display:i}=te(o);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!["inline","contents"].includes(i)}function ss(o){return["table","td","th"].includes(at(o))}function sr(o){return[":popover-open",":modal"].some(t=>{try{return o.matches(t)}catch{return!1}})}function Xr(o){let t=Zr(),e=ee(o)?te(o):o;return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":!1)||!t&&(e.backdropFilter?e.backdropFilter!=="none":!1)||!t&&(e.filter?e.filter!=="none":!1)||["transform","perspective","filter"].some(r=>(e.willChange||"").includes(r))||["paint","layout","strict","content"].some(r=>(e.contain||"").includes(r))}function as(o){let t=ke(o);for(;se(t)&&!lt(t);){if(Xr(t))return t;if(sr(t))return null;t=ke(t)}return null}function Zr(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function lt(o){return["html","body","#document"].includes(at(o))}function te(o){return W(o).getComputedStyle(o)}function ar(o){return ee(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function ke(o){if(at(o)==="html")return o;let t=o.assignedSlot||o.parentNode||is(o)&&o.host||ne(o);return is(t)?t.host:t}function ls(o){let t=ke(o);return lt(t)?o.ownerDocument?o.ownerDocument.body:o.body:se(t)&&Rt(t)?t:ls(t)}function kt(o,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let i=ls(o),n=i===((r=o.ownerDocument)==null?void 0:r.body),s=W(i);if(n){let a=jr(s);return t.concat(s,s.visualViewport||[],Rt(i)?i:[],a&&e?kt(a):[])}return t.concat(i,kt(i,[],e))}function jr(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}function ms(o){let t=te(o),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=se(o),n=i?o.offsetWidth:e,s=i?o.offsetHeight:r,a=ir(e)!==n||ir(r)!==s;return a&&(e=n,r=s),{width:e,height:r,$:a}}function Qo(o){return ee(o)?o:o.contextElement}function Lt(o){let t=Qo(o);if(!se(t))return ie(1);let e=t.getBoundingClientRect(),{width:r,height:i,$:n}=ms(t),s=(n?ir(e.width):e.width)/r,a=(n?ir(e.height):e.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!a||!Number.isFinite(a))&&(a=1),{x:s,y:a}}var dl=ie(0);function hs(o){let t=W(o);return!Zr()||!t.visualViewport?dl:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ml(o,t,e){return t===void 0&&(t=!1),!e||t&&e!==W(o)?!1:t}function ct(o,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let i=o.getBoundingClientRect(),n=Qo(o),s=ie(1);t&&(r?ee(r)&&(s=Lt(r)):s=Lt(o));let a=ml(n,e,r)?hs(n):ie(0),l=(i.left+a.x)/s.x,m=(i.top+a.y)/s.y,h=i.width/s.x,p=i.height/s.y;if(n){let v=W(n),f=r&&ee(r)?W(r):r,x=v,T=jr(x);for(;T&&r&&f!==x;){let _=Lt(T),S=T.getBoundingClientRect(),I=te(T),w=S.left+(T.clientLeft+parseFloat(I.paddingLeft))*_.x,$=S.top+(T.clientTop+parseFloat(I.paddingTop))*_.y;l*=_.x,m*=_.y,h*=_.x,p*=_.y,l+=w,m+=$,x=W(T),T=jr(x)}}return st({width:h,height:p,x:l,y:m})}function Jo(o,t){let e=ar(o).scrollLeft;return t?t.left+e:ct(ne(o)).left+e}function ps(o,t,e){e===void 0&&(e=!1);let r=o.getBoundingClientRect(),i=r.left+t.scrollLeft-(e?0:Jo(o,r)),n=r.top+t.scrollTop;return{x:i,y:n}}function hl(o){let{elements:t,rect:e,offsetParent:r,strategy:i}=o,n=i==="fixed",s=ne(r),a=t?sr(t.floating):!1;if(r===s||a&&n)return e;let l={scrollLeft:0,scrollTop:0},m=ie(1),h=ie(0),p=se(r);if((p||!p&&!n)&&((at(r)!=="body"||Rt(s))&&(l=ar(r)),se(r))){let f=ct(r);m=Lt(r),h.x=f.x+r.clientLeft,h.y=f.y+r.clientTop}let v=s&&!p&&!n?ps(s,l,!0):ie(0);return{width:e.width*m.x,height:e.height*m.y,x:e.x*m.x-l.scrollLeft*m.x+h.x+v.x,y:e.y*m.y-l.scrollTop*m.y+h.y+v.y}}function pl(o){return Array.from(o.getClientRects())}function ul(o){let t=ne(o),e=ar(o),r=o.ownerDocument.body,i=q(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),n=q(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),s=-e.scrollLeft+Jo(o),a=-e.scrollTop;return te(r).direction==="rtl"&&(s+=q(t.clientWidth,r.clientWidth)-i),{width:i,height:n,x:s,y:a}}function fl(o,t){let e=W(o),r=ne(o),i=e.visualViewport,n=r.clientWidth,s=r.clientHeight,a=0,l=0;if(i){n=i.width,s=i.height;let m=Zr();(!m||m&&t==="fixed")&&(a=i.offsetLeft,l=i.offsetTop)}return{width:n,height:s,x:a,y:l}}function gl(o,t){let e=ct(o,!0,t==="fixed"),r=e.top+o.clientTop,i=e.left+o.clientLeft,n=se(o)?Lt(o):ie(1),s=o.clientWidth*n.x,a=o.clientHeight*n.y,l=i*n.x,m=r*n.y;return{width:s,height:a,x:l,y:m}}function cs(o,t,e){let r;if(t==="viewport")r=fl(o,e);else if(t==="document")r=ul(ne(o));else if(ee(t))r=gl(t,e);else{let i=hs(o);r={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return st(r)}function us(o,t){let e=ke(o);return e===t||!ee(e)||lt(e)?!1:te(e).position==="fixed"||us(e,t)}function vl(o,t){let e=t.get(o);if(e)return e;let r=kt(o,[],!1).filter(a=>ee(a)&&at(a)!=="body"),i=null,n=te(o).position==="fixed",s=n?ke(o):o;for(;ee(s)&&!lt(s);){let a=te(s),l=Xr(s);!l&&a.position==="fixed"&&(i=null),(n?!l&&!i:!l&&a.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Rt(s)&&!l&&us(o,s))?r=r.filter(h=>h!==s):i=a,s=ke(s)}return t.set(o,r),r}function bl(o){let{element:t,boundary:e,rootBoundary:r,strategy:i}=o,s=[...e==="clippingAncestors"?sr(t)?[]:vl(t,this._c):[].concat(e),r],a=s[0],l=s.reduce((m,h)=>{let p=cs(t,h,i);return m.top=q(p.top,m.top),m.right=ge(p.right,m.right),m.bottom=ge(p.bottom,m.bottom),m.left=q(p.left,m.left),m},cs(t,a,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function yl(o){let{width:t,height:e}=ms(o);return{width:t,height:e}}function xl(o,t,e){let r=se(t),i=ne(t),n=e==="fixed",s=ct(o,!0,n,t),a={scrollLeft:0,scrollTop:0},l=ie(0);if(r||!r&&!n)if((at(t)!=="body"||Rt(i))&&(a=ar(t)),r){let v=ct(t,!0,n,t);l.x=v.x+t.clientLeft,l.y=v.y+t.clientTop}else i&&(l.x=Jo(i));let m=i&&!r&&!n?ps(i,a):ie(0),h=s.left+a.scrollLeft-l.x-m.x,p=s.top+a.scrollTop-l.y-m.y;return{x:h,y:p,width:s.width,height:s.height}}function Ko(o){return te(o).position==="static"}function ds(o,t){if(!se(o)||te(o).position==="fixed")return null;if(t)return t(o);let e=o.offsetParent;return ne(o)===e&&(e=e.ownerDocument.body),e}function fs(o,t){let e=W(o);if(sr(o))return e;if(!se(o)){let i=ke(o);for(;i&&!lt(i);){if(ee(i)&&!Ko(i))return i;i=ke(i)}return e}let r=ds(o,t);for(;r&&ss(r)&&Ko(r);)r=ds(r,t);return r&&lt(r)&&Ko(r)&&!Xr(r)?e:r||as(o)||e}var El=async function(o){let t=this.getOffsetParent||fs,e=this.getDimensions,r=await e(o.floating);return{reference:xl(o.reference,await t(o.floating),o.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Tl(o){return te(o).direction==="rtl"}var Al={convertOffsetParentRelativeRectToViewportRelativeRect:hl,getDocumentElement:ne,getClippingRect:bl,getOffsetParent:fs,getElementRects:El,getClientRects:pl,getDimensions:yl,getScale:Lt,isElement:ee,isRTL:Tl};function Sl(o,t){let e=null,r,i=ne(o);function n(){var a;clearTimeout(r),(a=e)==null||a.disconnect(),e=null}function s(a,l){a===void 0&&(a=!1),l===void 0&&(l=1),n();let{left:m,top:h,width:p,height:v}=o.getBoundingClientRect();if(a||t(),!p||!v)return;let f=nr(h),x=nr(i.clientWidth-(m+p)),T=nr(i.clientHeight-(h+v)),_=nr(m),I={rootMargin:-f+"px "+-x+"px "+-T+"px "+-_+"px",threshold:q(0,ge(1,l))||1},w=!0;function $(M){let Z=M[0].intersectionRatio;if(Z!==l){if(!w)return s();Z?s(!1,Z):r=setTimeout(()=>{s(!1,1e-7)},1e3)}w=!1}try{e=new IntersectionObserver($,{...I,root:i.ownerDocument})}catch{e=new IntersectionObserver($,I)}e.observe(o)}return s(!0),n}function gs(o,t,e,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:n=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:a=typeof IntersectionObserver=="function",animationFrame:l=!1}=r,m=Qo(o),h=i||n?[...m?kt(m):[],...kt(t)]:[];h.forEach(S=>{i&&S.addEventListener("scroll",e,{passive:!0}),n&&S.addEventListener("resize",e)});let p=m&&a?Sl(m,e):null,v=-1,f=null;s&&(f=new ResizeObserver(S=>{let[I]=S;I&&I.target===m&&f&&(f.unobserve(t),cancelAnimationFrame(v),v=requestAnimationFrame(()=>{var w;(w=f)==null||w.observe(t)})),e()}),m&&!l&&f.observe(m),f.observe(t));let x,T=l?ct(o):null;l&&_();function _(){let S=ct(o);T&&(S.x!==T.x||S.y!==T.y||S.width!==T.width||S.height!==T.height)&&e(),T=S,x=requestAnimationFrame(_)}return e(),()=>{var S;h.forEach(I=>{i&&I.removeEventListener("scroll",e),n&&I.removeEventListener("resize",e)}),p==null||p(),(S=f)==null||S.disconnect(),f=null,l&&cancelAnimationFrame(x)}}var vs=ts;var bs=rs,ys=es,xs=os;var Es=Jn;var Ts=(o,t,e)=>{let r=new Map,i={platform:Al,...e},n={...i.platform,_c:r};return Qn(o,t,{...i,platform:n})};var _l=g`
1870
+ :host {
1871
+ --mdc-popover-arrow-border-radius: 0.1875rem;
1872
+ --mdc-popover-arrow-border: 0.0625rem solid var(--mds-color-theme-outline-secondary-normal);
1873
+
1874
+ --mdc-popover-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);
1875
+ --mdc-popover-inverted-background-color: var(--mds-color-theme-inverted-background-normal);
1876
+ --mdc-popover-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);
1877
+ --mdc-popover-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);
1878
+ }
1879
+
1880
+ :host([color='contrast']) .popover-container {
1881
+ .popover-arrow {
1882
+ background-color: var(--mdc-popover-inverted-background-color);
1883
+ border-color: var(--mdc-popover-inverted-border-color);
1884
+ }
1885
+
1886
+ .popover-close {
1887
+ color: var(--mdc-popover-inverted-text-color);
1888
+ }
1889
+ }
1890
+
1891
+ .popover-container {
1892
+ display: none;
2048
1893
  position: absolute;
2049
- opacity: 0.1%;
2050
- overflow: visible;
2051
- z-index: 1;
1894
+ box-sizing: content-box;
2052
1895
  }
2053
- .icon-container {
2054
- display: flex;
2055
- align-items: center;
2056
- border: 0.0625rem solid var(--mdc-checkbox-icon-border-color);
2057
- background: var(--mdc-checkbox-icon-background-color);
1896
+
1897
+ :host([visible]) .popover-container {
1898
+ display: block;
2058
1899
  }
2059
- .container:hover {
2060
- background: var(--mdc-checkbox-background-color-hover);
1900
+
1901
+ .popover-container::part(container) {
1902
+ padding: 0;
2061
1903
  }
2062
- .container:active {
2063
- background: var(--mdc-checkbox-pressed-icon-color);
1904
+
1905
+ :host::part(popover-content) {
1906
+ position: relative;
1907
+ padding: 0.75rem;
1908
+ overflow-y: auto;
1909
+ min-width: max-content;
1910
+ z-index: 9998;
2064
1911
  }
2065
- .input, .icon-container {
1912
+
1913
+ .popover-backdrop {
1914
+ z-index: 999;
1915
+ position: fixed;
1916
+ top: 0;
1917
+ left: 0;
1918
+ width: 100%;
1919
+ height: 100%;
1920
+ background: transparent;
1921
+ }
1922
+
1923
+ .popover-hover-bridge {
1924
+ position: absolute;
1925
+ transform: translateX(-50%);
1926
+ background: transparent;
1927
+ pointer-events: auto;
1928
+ }
1929
+
1930
+ .popover-arrow {
1931
+ position: absolute;
2066
1932
  width: 1rem;
2067
1933
  height: 1rem;
1934
+ background-color: var(--mdc-popover-primary-background-color);
1935
+ transform: rotate(45deg);
1936
+ pointer-events: none;
1937
+ border: var(--mdc-popover-arrow-border);
2068
1938
  }
2069
- .input,
2070
- .icon-container,
2071
- .container {
2072
- border-radius: 0.125rem;
1939
+
1940
+ .popover-close {
1941
+ position: absolute;
1942
+ right: 0.75rem;
1943
+ top: 0.75rem;
1944
+ cursor: pointer;
1945
+ z-index: 9999;
2073
1946
  }
2074
- .icon {
2075
- --mdc-icon-fill-color: var(--mdc-checkbox-icon-color);
1947
+
1948
+ .popover-arrow[data-side='top'] {
1949
+ border-top: none;
1950
+ border-left: none;
1951
+ border-bottom-right-radius: var(--mdc-popover-arrow-border-radius);
1952
+ border-top-left-radius: 100%;
2076
1953
  }
2077
- .container {
2078
- margin: 0.125rem 0;
1954
+
1955
+ .popover-arrow[data-side='bottom'] {
1956
+ border-bottom: none;
1957
+ border-right: none;
1958
+ border-top-left-radius: var(--mdc-popover-arrow-border-radius);
1959
+ border-bottom-right-radius: 100%;
2079
1960
  }
2080
- .text-container {
2081
- display: flex;
2082
- flex-direction: column;
2083
- gap: 0.25rem;
1961
+
1962
+ .popover-arrow[data-side='right'] {
1963
+ border-top: none;
1964
+ border-right: none;
1965
+ border-bottom-left-radius: var(--mdc-popover-arrow-border-radius);
1966
+ border-top-right-radius: 100%;
2084
1967
  }
2085
-
2086
- /* High Contrast Mode */
2087
- @media (forced-colors: active) {
2088
- :host([checked]) .icon-container,
2089
- :host([indeterminate]) .icon-container {
2090
- border: 0.0625rem solid var(--mdc-checkbox-border-color);
2091
- }
1968
+
1969
+ .popover-arrow[data-side='left'] {
1970
+ border-bottom: none;
1971
+ border-left: none;
1972
+ border-top-right-radius: var(--mdc-popover-arrow-border-radius);
1973
+ border-bottom-left-radius: 100%;
2092
1974
  }
2093
- `,...$(!0)],bs=pl;var ct=class extends he(W(ee)){constructor(){super();this.checked=!1;this.indeterminate=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?u`<div class="text-container">
2094
- ${this.renderLabel()}
2095
- ${this.renderHelperText()}
2096
- </div>`:y;this.helpTextType=void 0}setFormValue(){let e=null;this.checked?e=this.value?this.value:"on":e=null,this.manageRequired(),this.internals.setFormValue(e)}manageRequired(){!this.checked&&this.requiredLabel?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.checked=!1,this.indeterminate=!1}formStateRestoreCallback(e){e&&(this.checked=!0)}toggleState(){this.disabled||(this.checked=!this.checked,this.indeterminate=!1)}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}handleChange(e){this.toggleState();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}update(e){super.update(e),e.has("checked")&&this.setFormValue()}render(){var r;let e=this.checked||this.indeterminate?u`
2097
- <mdc-icon
2098
- class="icon"
2099
- name="${this.indeterminate?Ko.INDETERMINATE:Ko.CHECKED}"
2100
- size="1"
2101
- length-unit="rem"
2102
- ></mdc-icon>
2103
- `:y;return u`
2104
- <div class="container mdc-focus-ring">
2105
- <input
2106
- id="${this.id}"
2107
- type="checkbox"
2108
- class="input"
2109
- ?autofocus="${this.autofocus}"
2110
- name="${A(this.name)}"
2111
- value="${A(this.value)}"
2112
- ?required="${!!this.requiredLabel}"
2113
- .checked="${this.checked}"
2114
- aria-checked="${this.indeterminate?"mixed":this.checked}"
2115
- .indeterminate="${this.indeterminate}"
2116
- .disabled="${this.disabled}"
2117
- aria-label="${(r=this.dataAriaLabel)!=null?r:""}"
2118
- tabindex="${this.disabled?-1:0}"
2119
- aria-describedby="${A(this.helpText?H.HELPER_TEXT_ID:"")}"
2120
- @change=${this.handleChange}
2121
- @keydown=${this.handleKeyDown}
2122
- />
2123
- <div class="icon-container">${e}</div>
1975
+ `,As=[_l];var Ss=y.constructTagName("modalcontainer"),lr={TONAL:"tonal",CONTRAST:"contrast"},Il={0:0,1:1,2:2,3:3,4:4},cr={COLOR:lr.TONAL,ELEVATION:Il[0],ROLE:"dialog",ARIA_MODAL:!1,CHILDREN:"Lorem ipsum dolor sit amet"};var _s=y.constructTagName("popover"),ei={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},ti={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},L={PLACEMENT:ei.BOTTOM,TRIGGER:ti.CLICK,COLOR:lr.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3};var Is=o=>{class t extends o{constructor(...i){super(...i);this.enabledFocusTrap=L.FOCUS_TRAP;this.enabledPreventScroll=L.PREVENT_SCROLL;this.focusTrapIndex=-1;this.focusableElements=[];this.shouldWrapFocus=()=>!0;this.addEventListener("keydown",this.handleKeydown)}deactivateFocusTrap(){this.enabledFocusTrap=!1,this.enabledPreventScroll=!1,this.focusTrapIndex=-1,document.body.style.overflow=""}hasNoClientRects(i){return i.getClientRects().length===0}hasZeroDimensions(i){let{width:n,height:s}=i.getBoundingClientRect(),{offsetWidth:a,offsetHeight:l}=i;return a+l+s+n===0}isNotVisible(i){return this.hasZeroDimensions(i)||this.hasNoClientRects(i)}hasHiddenStyle(i){let{display:n,opacity:s,visibility:a}=i.style;return n==="none"||s==="0"||a==="hidden"||a==="collapse"}hasComputedHidden(i){let n=getComputedStyle(i);return n.visibility==="hidden"||n.height==="0"||n.display==="none"}isHidden(i){return i.hasAttribute("hidden")||i.getAttribute("aria-hidden")==="true"||this.hasHiddenStyle(i)||this.isNotVisible(i)||this.hasComputedHidden(i)}isNotTabbable(i){return i.getAttribute("tabindex")==="-1"}isInteractiveElement(i){return!!(new Set(["BUTTON","DETAILS","EMBED","IFRAME","SELECT","TEXTAREA"]).has(i.tagName)||i instanceof HTMLAnchorElement&&i.hasAttribute("href")||i instanceof HTMLInputElement&&i.type!=="hidden"||(i instanceof HTMLAudioElement||i instanceof HTMLVideoElement)&&i.hasAttribute("controls")||(i instanceof HTMLImageElement||i instanceof HTMLObjectElement)&&i.hasAttribute("usemap")||i.hasAttribute("tabindex")&&i.tabIndex>-1)}isFocusable(i){return this.isHidden(i)||this.isNotTabbable(i)?!1:this.isInteractiveElement(i)}findFocusable(i,n=new Set){return i instanceof HTMLElement&&this.isFocusable(i)&&n.add(i),Array.from(i.children).forEach(a=>{let l=a;this.isFocusable(l)&&n.add(l),l.shadowRoot?this.findFocusable(l.shadowRoot,n):l.tagName==="SLOT"?l.assignedElements({flatten:!0}).forEach(h=>{h instanceof HTMLElement&&this.findFocusable(h,n)}):this.findFocusable(l,n)}),[...n]}setFocusableElements(){this.shadowRoot&&(this.focusableElements=this.findFocusable(this.shadowRoot,new Set))}setInitialFocus(i=0){this.focusableElements.length!==0&&(this.enabledPreventScroll&&(document.body.style.overflow="hidden"),this.focusableElements[i]&&(this.focusTrapIndex=i,this.focusableElements[i].focus()))}calculateNextIndex(i,n){let{length:s}=this.focusableElements,a=this.shouldWrapFocus();if(i===-1)return n>0?0:s-1;let l=i+n;return a?(l<0&&(l=s-1),l>=s&&(l=0)):(l<0&&(l=0),l>=s&&(l=s-1)),l}getDeepActiveElement(){var n;let i=document.activeElement||document.body;for(;i instanceof HTMLElement&&((n=i.shadowRoot)!=null&&n.activeElement);)i=i.shadowRoot.activeElement;return i||document.body}findElement(i){return this.focusableElements.findIndex(n=>this.isEqualFocusNode(i,n))}isEqualFocusNode(i,n){return i.nodeType>=0?n.isEqualNode(i)&&n===i:!1}trapFocus(i){if(this.focusableElements.length===0)return;let n=this.getDeepActiveElement(),s=this.findElement(n);i?this.focusTrapIndex=this.calculateNextIndex(s,-1):this.focusTrapIndex=this.calculateNextIndex(s,1);let a=this.focusableElements[this.focusTrapIndex];a&&a.focus()}handleKeydown(i){!this.enabledFocusTrap||!this.focusableElements.length||i.key==="Tab"&&(i.preventDefault(),this.trapFocus(i.shiftKey))}}return c([d({type:Boolean})],t.prototype,"enabledFocusTrap",2),c([d({type:Boolean})],t.prototype,"enabledPreventScroll",2),t};var ri=class{constructor(){this.stack=[]}push(t){this.stack.push(t)}pop(){return this.stack.pop()}peek(){return this.stack[this.stack.length-1]}remove(t){this.stack=this.stack.filter(e=>e!==t)}clear(){this.stack=[]}},dt=new ri;var Kr=o=>{class t extends o{constructor(){super(...arguments);this.dataAriaDescribedby=null}}return c([d({type:String,reflect:!0,attribute:"data-aria-describedby"})],t.prototype,"dataAriaDescribedby",2),t};var Qr=o=>{class t extends o{constructor(){super(...arguments);this.dataAriaLabelledby=null}}return c([d({type:String,reflect:!0,attribute:"data-aria-labelledby"})],t.prototype,"dataAriaLabelledby",2),t};var mt=class{static dispatchPopoverEvent(t,e){e.dispatchEvent(new CustomEvent(t,{detail:{show:e.visible},composed:!0,bubbles:!0}))}static onShowPopover(t){this.dispatchPopoverEvent("popover-on-show",t)}static onHidePopover(t){this.dispatchPopoverEvent("popover-on-hide",t)}static onCreatedPopover(t){this.dispatchPopoverEvent("popover-on-created",t)}static onDestroyedPopover(t){this.dispatchPopoverEvent("popover-on-destroyed",t)}};var Jr=class{constructor(t){this.arrowPixelChange=!1;this.popover=t}setupDelay(){try{let[t,e]=this.popover.delay.split(",").map(r=>{let i=parseInt(r,10);if(Number.isNaN(i)||i<0)throw new Error(`Invalid delay value: ${r}`);return i});return[t,e]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(t){var a;let e=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(e.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,i=(a=this.popover.shadowRoot)==null?void 0:a.querySelector("mdc-modalcontainer"),n=i.offsetHeight||0,s=i.offsetWidth||0;if(e)switch(t.split("-")[0]){case"top":e.style.height=r,e.style.bottom=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${s}px`;break;case"left":e.style.height=`${n}px`,e.style.width=r,e.style.right=`calc(-1.5 * (${r}))`;break;case"right":e.style.height=`${n}px`,e.style.width=r,e.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:e.style.height=r,e.style.top=`calc(-1 * (${r}))`,e.style.left="50%",e.style.width=`${s}px`;break}}setupAppendTo(){if(this.popover.appendTo){let t=document.getElementById(this.popover.appendTo);t&&t.appendChild(this.popover)}}setupAccessibility(){var t,e,r;this.popover.interactive&&(this.popover.dataAriaLabel||(this.popover.dataAriaLabel=((t=this.popover.triggerElement)==null?void 0:t.ariaLabel)||((e=this.popover.triggerElement)==null?void 0:e.textContent)||""),this.popover.dataAriaLabelledby||(this.popover.dataAriaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateArrowStyle(t,e){var h;if(!this.popover.arrowElement)return;let r=e.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:n,y:s}=t,a=this.popover.arrowElement.getBoundingClientRect(),l=(h=this.popover.arrowElement.offsetParent)==null?void 0:h.getBoundingClientRect();if(!this.arrowPixelChange){let p=l!=null&&l[i]?12-Math.abs(a[i]-l[i]):0;Math.round(p)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let m=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:n!=null?`${n}px`:"",top:s!=null?`${s}px`:"",[i]:`${-this.popover.arrowElement.offsetHeight/2-m}px`})}updatePopoverStyle(t,e){this.popover.containerElement&&Object.assign(this.popover.containerElement.style,{left:`${t}px`,top:`${e}px`})}};var R=class extends U(Qr(Kr(Is(E)))){constructor(){super();this.id="";this.triggerID="";this.trigger=L.TRIGGER;this.placement=L.PLACEMENT;this.color=L.COLOR;this.visible=L.VISIBLE;this.offset=L.OFFSET;this.focusTrap=L.FOCUS_TRAP;this.preventScroll=L.PREVENT_SCROLL;this.showArrow=L.ARROW;this.closeButton=L.CLOSE_BUTTON;this.interactive=L.INTERACTIVE;this.delay=L.DELAY;this.hideOnEscape=L.HIDE_ON_ESCAPE;this.hideOnBlur=L.HIDE_ON_BLUR;this.hideOnOutsideClick=L.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=L.FOCUS_BACK;this.backdrop=L.BACKDROP;this.flip=L.FLIP;this.size=L.SIZE;this.zIndex=L.Z_INDEX;this.appendTo="";this.closeButtonAriaLabel=null;this.dataRole=L.ROLE;this.arrowElement=null;this.triggerElement=null;this.containerElement=null;this.hoverTimer=null;this.isTriggerClicked=!1;this.openDelay=0;this.closeDelay=0;this.onOutsidePopoverClick=e=>{if(dt.peek()!==this)return;let r=!1,i=e.composedPath();r=this.contains(e.target)||i.includes(this.triggerElement);let n=this.renderRoot.querySelector(".popover-backdrop"),s=n?i.includes(n):!1;(!r||s)&&this.hidePopover()};this.onEscapeKeydown=e=>{!this.visible||e.code!=="Escape"||(e.preventDefault(),this.hidePopover())};this.onPopoverFocusOut=e=>{this.contains(e.relatedTarget)||this.hidePopover()};this.startCloseDelay=()=>{if(!this.interactive)this.hidePopover();else{if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}};this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)};this.showPopover=()=>{this.cancelCloseDelay(),setTimeout(()=>{this.visible=!0,mt.onShowPopover(this)},this.openDelay),dt.peek()!==this&&dt.push(this)};this.hidePopover=()=>{dt.peek()===this&&(setTimeout(()=>{this.visible=!1,mt.onHidePopover(this),this.isTriggerClicked=!1},this.closeDelay),dt.pop())};this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)};this.utils=new Jr(this)}async firstUpdated(e){super.firstUpdated(e),this.containerElement=this.renderRoot.querySelector(".popover-container"),this.utils.setupAppendTo(),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),mt.onCreatedPopover(this),this.visible&&(await this.positionPopover(),await this.handleCreatePopoverFirstUpdate())}async disconnectedCallback(){super.disconnectedCallback(),await this.removeEventListeners(),mt.onDestroyedPopover(this),dt.remove(this)}setupTriggerListener(){var e,r;if(this.triggerID&&(this.triggerElement=document.getElementById(this.triggerID),!!this.triggerElement)){if(this.trigger==="mouseenter"&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.togglePopoverVisible),this.trigger.includes("mouseenter")){let i=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.showPopover),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),(e=this.containerElement)==null||e.addEventListener("mouseenter",this.cancelCloseDelay),(r=this.containerElement)==null||r.addEventListener("mouseleave",this.startCloseDelay),i==null||i.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.showPopover),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){var r,i;if(!this.triggerElement)return;let e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.togglePopoverVisible),this.triggerElement.removeEventListener("mouseenter",this.showPopover),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),(r=this.containerElement)==null||r.removeEventListener("mouseenter",this.cancelCloseDelay),(i=this.containerElement)==null||i.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.showPopover),this.triggerElement.removeEventListener("focusout",this.hidePopover),e==null||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}async updated(e){if(super.updated(e),e.has("visible")){let r=e.get("visible");await this.isOpenUpdated(r,this.visible)}if(e.has("placement")&&this.setAttribute("placement",Object.values(ei).includes(this.placement)?this.placement:L.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){let i=this.trigger.split(" ").filter(n=>Object.values(ti).includes(n));this.setAttribute("trigger",i.length>0?this.trigger:L.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(lr).includes(this.color)?this.color:L.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),e.has("append-to")&&this.utils.setupAppendTo(),(e.has("interactive")||e.has("data-aria-label")||e.has("data-aria-labelledby"))&&this.utils.setupAccessibility()}async isOpenUpdated(e,r){var i,n,s,a;if(!(e===r||!this.triggerElement))if(r){if(this.enabledFocusTrap=this.focusTrap,this.enabledPreventScroll=this.preventScroll,this.backdrop){let l=this.renderRoot.querySelector(".popover-backdrop");l.style.zIndex=`${this.zIndex-1}`,this.triggerElement.style.zIndex=`${this.zIndex}`}this.positionPopover(),await this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&((i=this.containerElement)==null||i.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="none")),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),this.triggerElement.setAttribute("aria-expanded","true"),this.interactive&&this.triggerElement.setAttribute("aria-haspopup",this.triggerElement.getAttribute("aria-haspopup")||"dialog")}else this.hideOnBlur&&((n=this.containerElement)==null||n.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(this.triggerElement.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),(s=this.deactivateFocusTrap)==null||s.call(this),this.triggerElement.removeAttribute("aria-expanded"),this.interactive&&this.triggerElement.removeAttribute("aria-haspopup"),this.focusBackToTrigger&&((a=this.triggerElement)==null||a.focus())}async handleCreatePopoverFirstUpdate(){var e,r;this.visible&&this.interactive&&((e=this.setFocusableElements)==null||e.call(this),await this.updateComplete,(r=this.setInitialFocus)==null||r.call(this))}positionPopover(){if(!this.triggerElement||!this.containerElement)return;let e=[bs()],r=this.offset;if(this.flip&&e.push(ys()),this.size){let i=this.containerElement.querySelector('[part="popover-content"]');e.push(xs({apply({availableHeight:n}){i&&Object.assign(i.style,{maxHeight:`${n}px`})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){let i=this.arrowElement.offsetHeight;r=Math.sqrt(2*i**2)/2+this.offset,e.push(Es({element:this.arrowElement,padding:12}))}e.push(vs(r)),gs(this.triggerElement,this.containerElement,async()=>{if(!this.triggerElement||!this.containerElement)return;let{x:i,y:n,middlewareData:s,placement:a}=await Ts(this.triggerElement,this.containerElement,{placement:this.placement,middleware:e});this.utils.updatePopoverStyle(i,n),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,a),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(a)})}render(){return u`
1976
+ ${this.backdrop&&this.visible?u`<div class="popover-backdrop"></div>`:b}
1977
+ <mdc-modalcontainer
1978
+ class="popover-container"
1979
+ elevation="3"
1980
+ color=${this.color}
1981
+ ?data-aria-modal=${this.interactive}
1982
+ data-role="${A(this.dataRole)}"
1983
+ data-aria-label="${A(this.interactive?this.dataAriaLabel:void 0)}"
1984
+ data-aria-labelledby="${A(this.interactive?this.dataAriaLabelledby:void 0)}"
1985
+ data-aria-describedby="${A(this.interactive?this.dataAriaDescribedby:void 0)}"
1986
+ style="z-index: ${this.zIndex};"
1987
+ >
1988
+ <div class="popover-hover-bridge"></div>
1989
+ ${this.closeButton?u` <mdc-button
1990
+ class="popover-close"
1991
+ prefix-icon="cancel-bold"
1992
+ variant="tertiary"
1993
+ size="20"
1994
+ aria-label=${A(this.closeButtonAriaLabel)}
1995
+ @click="${this.hidePopover}"
1996
+ ></mdc-button>`:b}
1997
+ ${this.showArrow?u`<div class="popover-arrow"></div>`:b}
1998
+ <div part="popover-content">
1999
+ <slot></slot>
2000
+ </div>
2001
+ </mdc-modalcontainer>
2002
+ `}};R.styles=[...E.styles,...As],c([d({type:String})],R.prototype,"id",2),c([d({type:String})],R.prototype,"triggerID",2),c([d({type:String,reflect:!0})],R.prototype,"trigger",2),c([d({type:String,reflect:!0})],R.prototype,"placement",2),c([d({type:String,reflect:!0})],R.prototype,"color",2),c([d({type:Boolean,reflect:!0})],R.prototype,"visible",2),c([d({type:Number,reflect:!0})],R.prototype,"offset",2),c([d({type:Boolean,reflect:!0,attribute:"focus-trap"})],R.prototype,"focusTrap",2),c([d({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],R.prototype,"preventScroll",2),c([d({type:Boolean,attribute:"show-arrow"})],R.prototype,"showArrow",2),c([d({type:Boolean,reflect:!0,attribute:"close-button"})],R.prototype,"closeButton",2),c([d({type:Boolean,reflect:!0})],R.prototype,"interactive",2),c([d({type:String,reflect:!0})],R.prototype,"delay",2),c([d({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],R.prototype,"hideOnEscape",2),c([d({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],R.prototype,"hideOnBlur",2),c([d({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],R.prototype,"hideOnOutsideClick",2),c([d({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],R.prototype,"focusBackToTrigger",2),c([d({type:Boolean,reflect:!0})],R.prototype,"backdrop",2),c([d({type:Boolean,reflect:!0})],R.prototype,"flip",2),c([d({type:Boolean,reflect:!0})],R.prototype,"size",2),c([d({type:Number,reflect:!0,attribute:"z-index"})],R.prototype,"zIndex",2),c([d({type:String,reflect:!0,attribute:"append-to"})],R.prototype,"appendTo",2),c([d({type:String,attribute:"close-button-aria-label"})],R.prototype,"closeButtonAriaLabel",2),c([d({type:String,reflect:!0,attribute:"data-role"})],R.prototype,"dataRole",2);var oi=R;var wl=[C,g`
2003
+ :host {
2004
+ --mdc-modalcontainer-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);
2005
+ --mdc-modalcontainer-border-color: var(--mds-color-theme-outline-secondary-normal);
2006
+ --mdc-modalcontainer-inverted-background-color: var(--mds-color-theme-inverted-background-normal);
2007
+ --mdc-modalcontainer-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);
2008
+ --mdc-modalcontainer-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);
2009
+ --mdc-modalcontainer-elevation-1: var(--mds-elevation-1);
2010
+ --mdc-modalcontainer-elevation-2: var(--mds-elevation-2);
2011
+ --mdc-modalcontainer-elevation-3: var(--mds-elevation-3);
2012
+ --mdc-modalcontainer-elevation-4: var(--mds-elevation-4);
2013
+ }
2014
+
2015
+ :host::part(container) {
2016
+ padding: 0.75rem;
2017
+ background-color: var(--mdc-modalcontainer-primary-background-color);
2018
+ border-radius: 0.5rem;
2019
+ border: 0.0625rem solid var(--mdc-modalcontainer-border-color);
2020
+ }
2021
+
2022
+ :host([color='contrast'])::part(container) {
2023
+ background-color: var(--mdc-modalcontainer-inverted-background-color);
2024
+ border: 0.0625rem solid var(--mdc-modalcontainer-inverted-border-color);
2025
+ color: var(--mdc-modalcontainer-inverted-text-color);
2026
+ }
2027
+
2028
+ :host([elevation='1'])::part(container) {
2029
+ filter: var(--mdc-modalcontainer-elevation-1);
2030
+ }
2031
+ :host([elevation='2'])::part(container) {
2032
+ filter: var(--mdc-modalcontainer-elevation-2);
2033
+ }
2034
+ :host([elevation='3'])::part(container) {
2035
+ filter: var(--mdc-modalcontainer-elevation-3);
2036
+ }
2037
+ :host([elevation='4'])::part(container) {
2038
+ filter: var(--mdc-modalcontainer-elevation-4);
2039
+ }
2040
+ `],ws=wl;var qe=class extends U(Qr(Kr(E))){constructor(){super(...arguments);this.color=cr.COLOR;this.elevation=cr.ELEVATION;this.dataRole=cr.ROLE;this.dataAriaModal=cr.ARIA_MODAL}render(){return u`
2041
+ <div
2042
+ role="${A(this.dataRole)}"
2043
+ aria-modal=${A(this.dataAriaModal===!0?"true":void 0)}
2044
+ aria-label="${A(this.dataAriaLabel)}"
2045
+ aria-labelledby="${A(this.dataAriaLabelledby)}"
2046
+ aria-describedby="${A(this.dataAriaDescribedby)}"
2047
+ part="container"
2048
+ >
2049
+ <slot></slot>
2124
2050
  </div>
2125
- ${this.renderLabelAndHelperText()}
2126
- `}};ct.styles=[...ee.styles,...bs],c([d({type:Boolean,reflect:!0})],ct.prototype,"checked",2),c([d({type:Boolean,reflect:!0})],ct.prototype,"indeterminate",2),c([d({type:Boolean,reflect:!0})],ct.prototype,"autofocus",2);var Qo=ct;Qo.register(vs);var ul=Qo;var fl=[C,g`
2051
+ `}};qe.styles=[...E.styles,...ws],c([d({type:String,reflect:!0})],qe.prototype,"color",2),c([d({type:Number,reflect:!0})],qe.prototype,"elevation",2),c([d({type:String,reflect:!0,attribute:"data-role"})],qe.prototype,"dataRole",2),c([d({type:Boolean,reflect:!0,attribute:"data-aria-modal"})],qe.prototype,"dataAriaModal",2);var Cs=qe;Cs.register(Ss);oi.register(_s);var Cl=oi;var kl=[C,g`
2127
2052
  :host{
2128
2053
  --mdc-radio-inner-circle-size: 0.375rem;
2129
2054
  --mdc-radio-text-disabled-color: var(--mds-color-theme-text-primary-disabled);
@@ -2285,10 +2210,10 @@
2285
2210
  display: none;
2286
2211
  }
2287
2212
 
2288
- `,...$(!0)],ys=fl;var dt=class extends he(W(ee)){constructor(){super();this.checked=!1;this.readonly=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?u`<div class="mdc-radio__label-container">
2213
+ `,...z(!0)],ks=kl;var ht=class extends pe(U(Q)){constructor(){super();this.checked=!1;this.readonly=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?u`<div class="mdc-radio__label-container">
2289
2214
  ${this.renderLabel()}
2290
2215
  ${this.renderHelperText()}
2291
- </div>`:y;this.helpTextType=void 0}firstUpdated(){this.updateTabIndex()}getAllRadiosWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-radio[name="${this.name}"]`))}dispatchChangeEvent(e){let r=e.constructor;this.dispatchEvent(new r(e.type,e))}formResetCallback(){this.getAllRadiosWithinSameGroup().forEach(r=>{r.checked=!1}),this.updateComplete.then(()=>{this.setActualFormValue()}).catch(r=>{this.onerror&&this.onerror(r)})}formStateRestoreCallback(e){this.value===e&&e!==""&&(this.checked=!0)}setComponentValidity(e){e?this.internals.setValidity({}):this.requiredLabel&&!this.checked&&(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()),this.updateTabIndex()}setGroupValidity(e,r){this.updateComplete.then(()=>{e.forEach(i=>{i.setComponentValidity(r)})}).catch(i=>{this.onerror&&this.onerror(i)})}setActualFormValue(){let e="";this.checked?e=this.value?this.value:"on":e=null;let r=this.getAllRadiosWithinSameGroup();if(this.checked)this.setGroupValidity(r,!0);else{let i=r.some(a=>a.requiredLabel),n=!!r.find(a=>a.checked),s=i&&!n;this.setGroupValidity(r,!s)}this.internals.setFormValue(e)}handleChange(e){var n;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(s=>{var l;let a=(l=s.shadowRoot)==null?void 0:l.querySelector("input");a&&(s.checked=!1,a.checked=!1)}),this.checked=!0;let i=(n=this.shadowRoot)==null?void 0:n.querySelector("input");i&&(i.checked=!0),this.dispatchChangeEvent(e)}updateRadio(e,r,i){var n,s;(s=(n=e[r].shadowRoot)==null?void 0:n.querySelector("input"))==null||s.focus(),e[r].handleChange(i)}handleKeyDown(e){var s;if(this.disabled)return;let i=this.getAllRadiosWithinSameGroup().filter(a=>!a.disabled),n=i.indexOf(this);if(["ArrowDown","ArrowRight"].includes(e.key)){let a=(n+1)%i.length;this.updateRadio(i,a,e)}else if(["ArrowUp","ArrowLeft"].includes(e.key)){let a=(n-1+i.length)%i.length;this.updateRadio(i,a,e)}else e.key===" "&&this.updateRadio(i,n,e);this.updateTabIndex(),e.key==="Enter"&&((s=this.form)==null||s.requestSubmit())}updateTabIndex(){let e=this.getAllRadiosWithinSameGroup(),r=e.find(n=>n.checked),i=e.find(n=>!n.disabled);e.forEach(n=>{var a;let s=(a=n.shadowRoot)==null?void 0:a.querySelector("input");s&&(s.tabIndex=-1,(n===r||!r&&n===i)&&(s.tabIndex=0))})}update(e){super.update(e),e.has("checked")&&this.setActualFormValue()}render(){var e;return u`
2216
+ </div>`:b;this.helpTextType=void 0,this.id=`mdc-radio-${Ie()}`}firstUpdated(){this.updateTabIndex()}getAllRadiosWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-radio[name="${this.name}"]`))}dispatchChangeEvent(e){let r=e.constructor;this.dispatchEvent(new r(e.type,e))}formResetCallback(){this.getAllRadiosWithinSameGroup().forEach(r=>{r.checked=!1}),this.updateComplete.then(()=>{this.setActualFormValue()}).catch(r=>{this.onerror&&this.onerror(r)})}formStateRestoreCallback(e){this.value===e&&e!==""&&(this.checked=!0)}setComponentValidity(e){e?this.internals.setValidity({}):this.requiredLabel&&!this.checked&&(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()),this.updateTabIndex()}setGroupValidity(e,r){this.updateComplete.then(()=>{e.forEach(i=>{i.setComponentValidity(r)})}).catch(i=>{this.onerror&&this.onerror(i)})}setActualFormValue(){let e="";this.checked?e=this.value?this.value:"on":e=null;let r=this.getAllRadiosWithinSameGroup();if(this.checked)this.setGroupValidity(r,!0);else{let i=r.some(a=>a.requiredLabel),n=!!r.find(a=>a.checked),s=i&&!n;this.setGroupValidity(r,!s)}this.internals.setFormValue(e)}handleChange(e){var n;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(s=>{var l;let a=(l=s.shadowRoot)==null?void 0:l.querySelector("input");a&&(s.checked=!1,a.checked=!1)}),this.checked=!0;let i=(n=this.shadowRoot)==null?void 0:n.querySelector("input");i&&(i.checked=!0),this.dispatchChangeEvent(e)}updateRadio(e,r,i){var n,s;(s=(n=e[r].shadowRoot)==null?void 0:n.querySelector("input"))==null||s.focus(),e[r].handleChange(i)}handleKeyDown(e){var s;if(this.disabled)return;let i=this.getAllRadiosWithinSameGroup().filter(a=>!a.disabled),n=i.indexOf(this);if(["ArrowDown","ArrowRight"].includes(e.key)){let a=(n+1)%i.length;this.updateRadio(i,a,e)}else if(["ArrowUp","ArrowLeft"].includes(e.key)){let a=(n-1+i.length)%i.length;this.updateRadio(i,a,e)}else e.key===" "&&this.updateRadio(i,n,e);this.updateTabIndex(),e.key==="Enter"&&((s=this.form)==null||s.requestSubmit())}updateTabIndex(){let e=this.getAllRadiosWithinSameGroup(),r=e.find(n=>n.checked),i=e.find(n=>!n.disabled);e.forEach(n=>{var a;let s=(a=n.shadowRoot)==null?void 0:a.querySelector("input");s&&(s.tabIndex=-1,(n===r||!r&&n===i)&&(s.tabIndex=0))})}update(e){super.update(e),e.has("checked")&&this.setActualFormValue()}render(){var e;return u`
2292
2217
  <div class="mdc-radio__container">
2293
2218
  <div class="mdc-radio__icon-container mdc-focus-ring">
2294
2219
  <input
@@ -2306,39 +2231,80 @@
2306
2231
  ?disabled=${this.disabled}
2307
2232
  class="mdc-radio__input"
2308
2233
  aria-checked="${this.checked}"
2309
- aria-describedby="${A(this.helpText?H.HELPER_TEXT_ID:"")}"
2234
+ aria-describedby="${A(this.helpText?F.HELPER_TEXT_ID:"")}"
2310
2235
  aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
2311
2236
  />
2312
2237
  <span class="mdc-radio__icon"></span>
2313
2238
  </div>
2314
2239
  ${this.renderLabelAndHelperText()}
2315
2240
  </div>
2316
- `}};dt.styles=[...ee.styles,...ys],c([d({type:Boolean,reflect:!0})],dt.prototype,"checked",2),c([d({type:Boolean,reflect:!0})],dt.prototype,"readonly",2),c([d({type:Boolean,reflect:!0})],dt.prototype,"autofocus",2);var Jo=dt;var Xr=x.constructTagName("radio");Jo.register(Xr);var gl=Jo;function mt(o,t,e){var n;let r=(n=e.initialDeps)!=null?n:[],i;return()=>{var s,a,l,m;let h;e.key&&((s=e.debug)!=null&&s.call(e))&&(h=Date.now());let p=o();if(!(p.length!==r.length||p.some((b,T)=>r[T]!==b)))return i;r=p;let f;if(e.key&&((a=e.debug)!=null&&a.call(e))&&(f=Date.now()),i=t(...p),e.key&&((l=e.debug)!=null&&l.call(e))){let b=Math.round((Date.now()-h)*100)/100,T=Math.round((Date.now()-f)*100)/100,_=T/16,S=(w,I)=>{for(w=String(w);w.length<I;)w=" "+w;return w};console.info(`%c\u23F1 ${S(T,5)} /${S(b,5)} ms`,`
2317
- font-size: .6rem;
2318
- font-weight: bold;
2319
- color: hsl(${Math.max(0,Math.min(120-120*_,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(m=e==null?void 0:e.onChange)==null||m.call(e,i),i}}function Zr(o,t){if(o===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return o}var xs=(o,t)=>Math.abs(o-t)<1,Es=(o,t,e)=>{let r;return function(...i){o.clearTimeout(r),r=o.setTimeout(()=>t.apply(this,i),e)}};var vl=o=>o,bl=o=>{let t=Math.max(o.startIndex-o.overscan,0),e=Math.min(o.endIndex+o.overscan,o.count-1),r=[];for(let i=t;i<=e;i++)r.push(i);return r},As=(o,t)=>{let e=o.scrollElement;if(!e)return;let r=o.targetWindow;if(!r)return;let i=s=>{let{width:a,height:l}=s;t({width:Math.round(a),height:Math.round(l)})};if(i(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let n=new r.ResizeObserver(s=>{let a=s[0];if(a!=null&&a.borderBoxSize){let l=a.borderBoxSize[0];if(l){i({width:l.inlineSize,height:l.blockSize});return}}i(e.getBoundingClientRect())});return n.observe(e,{box:"border-box"}),()=>{n.unobserve(e)}},Ts={passive:!0};var yl=typeof window>"u"?!0:"onscrollend"in window,Ss=(o,t)=>{let e=o.scrollElement;if(!e)return;let r=o.targetWindow;if(!r)return;let i=0,n=o.options.useScrollendEvent&&yl?()=>{}:Es(r,()=>{t(i,!1)},o.options.isScrollingResetDelay),s=m=>()=>{let{horizontal:h,isRtl:p}=o.options;i=h?e.scrollLeft*(p&&-1||1):e.scrollTop,n(),t(i,m)},a=s(!0),l=s(!1);return l(),e.addEventListener("scroll",a,Ts),e.addEventListener("scrollend",l,Ts),()=>{e.removeEventListener("scroll",a),e.removeEventListener("scrollend",l)}};var xl=(o,t,e)=>{if(t!=null&&t.borderBoxSize){let r=t.borderBoxSize[0];if(r)return Math.round(r[e.options.horizontal?"inlineSize":"blockSize"])}return Math.round(o.getBoundingClientRect()[e.options.horizontal?"width":"height"])};var _s=(o,{adjustments:t=0,behavior:e},r)=>{var i,n;let s=o+t;(n=(i=r.scrollElement)==null?void 0:i.scrollTo)==null||n.call(i,{[r.options.horizontal?"left":"top"]:s,behavior:e})},jr=class{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let e=null,r=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(i=>{i.forEach(n=>{this._measureElement(n.target,n)})}));return{disconnect:()=>{var i;(i=r())==null||i.disconnect(),e=null},observe:i=>{var n;return(n=r())==null?void 0:n.observe(i,{box:"border-box"})},unobserve:i=>{var n;return(n=r())==null?void 0:n.unobserve(i)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([r,i])=>{typeof i>"u"&&delete e[r]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:vl,rangeExtractor:bl,onChange:()=>{},measureElement:xl,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!0,...e}},this.notify=e=>{var r,i;(i=(r=this.options).onChange)==null||i.call(r,this,e)},this.maybeNotify=mt(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var i;var e;let r=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==r){if(this.cleanup(),!r){this.maybeNotify();return}this.scrollElement=r,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=(i=(e=this.scrollElement)==null?void 0:e.window)!=null?i:null,this.elementsCache.forEach(n=>{this.observer.observe(n)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>{var e;return this.options.enabled?(this.scrollRect=(e=this.scrollRect)!=null?e:this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0)},this.getScrollOffset=()=>{var e;return this.options.enabled?(this.scrollOffset=(e=this.scrollOffset)!=null?e:typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset,this.scrollOffset):(this.scrollOffset=null,0)},this.getFurthestMeasurement=(e,r)=>{let i=new Map,n=new Map;for(let s=r-1;s>=0;s--){let a=e[s];if(i.has(a.lane))continue;let l=n.get(a.lane);if(l==null||a.end>l.end?n.set(a.lane,a):a.end<l.end&&i.set(a.lane,!0),i.size===this.options.lanes)break}return n.size===this.options.lanes?Array.from(n.values()).sort((s,a)=>s.end===a.end?s.index-a.index:s.end-a.end)[0]:void 0},this.getMeasurementOptions=mt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,i,n,s)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:i,getItemKey:n,enabled:s}),{key:!1}),this.getMeasurements=mt(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:i,getItemKey:n,enabled:s},a)=>{if(!s)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(h=>{this.itemSizeCache.set(h.key,h.size)}));let l=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let m=this.measurementsCache.slice(0,l);for(let h=l;h<e;h++){let p=n(h),v=this.options.lanes===1?m[h-1]:this.getFurthestMeasurement(m,h),f=v?v.end+this.options.gap:r+i,b=a.get(p),T=typeof b=="number"?b:this.options.estimateSize(h),_=f+T,S=v?v.lane:h%this.options.lanes;m[h]={index:h,start:f,size:T,end:_,key:p,lane:S}}return this.measurementsCache=m,m},{key:!1,debug:()=>this.options.debug}),this.calculateRange=mt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,i)=>this.range=e.length>0&&r>0?El({measurements:e,outerSize:r,scrollOffset:i}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=mt(()=>{let e=null,r=null,i=this.calculateRange();return i&&(e=i.startIndex,r=i.endIndex),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,r]},(e,r,i,n,s)=>n===null||s===null?[]:e({startIndex:n,endIndex:s,overscan:r,count:i}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=e=>{let r=this.options.indexAttribute,i=e.getAttribute(r);return i?parseInt(i,10):(console.warn(`Missing attribute name '${r}={index}' on measured element.`),-1)},this._measureElement=(e,r)=>{let i=this.indexFromElement(e),n=this.measurementsCache[i];if(!n)return;let s=n.key,a=this.elementsCache.get(s);a!==e&&(a&&this.observer.unobserve(a),this.observer.observe(e),this.elementsCache.set(s,e)),e.isConnected&&this.resizeItem(i,this.options.measureElement(e,r,this))},this.resizeItem=(e,r)=>{var a;let i=this.measurementsCache[e];if(!i)return;let n=(a=this.itemSizeCache.get(i.key))!=null?a:i.size,s=r-n;s!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(i,s,this):i.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=s,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(i.index),this.itemSizeCache=new Map(this.itemSizeCache.set(i.key,r)),this.notify(!1))},this.measureElement=e=>{if(!e){this.elementsCache.forEach((r,i)=>{r.isConnected||(this.observer.unobserve(r),this.elementsCache.delete(i))});return}this._measureElement(e,void 0)},this.getVirtualItems=mt(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let i=[];for(let n=0,s=e.length;n<s;n++){let a=e[n],l=r[a];i.push(l)}return i},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let r=this.getMeasurements();if(r.length!==0)return Zr(r[ws(0,r.length-1,i=>Zr(r[i]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let i=this.getSize(),n=this.getScrollOffset();r==="auto"&&e>=n+i&&(r="end"),r==="end"&&(e-=i);let s=this.options.horizontal?"scrollWidth":"scrollHeight",l=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[s]:this.scrollElement[s]:0)-i;return Math.max(Math.min(l,e),0)},this.getOffsetForIndex=(e,r="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));let i=this.measurementsCache[e];if(!i)return;let n=this.getSize(),s=this.getScrollOffset();if(r==="auto")if(i.end>=s+n-this.options.scrollPaddingEnd)r="end";else if(i.start<=s+this.options.scrollPaddingStart)r="start";else return[s,r];let a=i.start-this.options.scrollPaddingStart+(i.size-n)/2;switch(r){case"center":return[this.getOffsetForAlignment(a,r),r];case"end":return[this.getOffsetForAlignment(i.end+this.options.scrollPaddingEnd,r),r];default:return[this.getOffsetForAlignment(i.start-this.options.scrollPaddingStart,r),r]}},this.isDynamicMode=()=>this.elementsCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(e,{align:r="start",behavior:i}={})=>{this.cancelScrollToIndex(),i==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(e,r),{adjustments:void 0,behavior:i})},this.scrollToIndex=(e,{align:r="auto",behavior:i}={})=>{e=Math.max(0,Math.min(e,this.options.count-1)),this.cancelScrollToIndex(),i==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");let n=this.getOffsetForIndex(e,r);if(!n)return;let[s,a]=n;this._scrollToOffset(s,{adjustments:void 0,behavior:i}),i!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(e))){let[m]=Zr(this.getOffsetForIndex(e,a));xs(m,this.getScrollOffset())||this.scrollToIndex(e,{align:a,behavior:i})}else this.scrollToIndex(e,{align:a,behavior:i})}))},this.scrollBy=(e,{behavior:r}={})=>{this.cancelScrollToIndex(),r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+e,{adjustments:void 0,behavior:r})},this.getTotalSize=()=>{var n;var e;let r=this.getMeasurements(),i;return r.length===0?i=this.options.paddingStart:i=this.options.lanes===1?(n=(e=r[r.length-1])==null?void 0:e.end)!=null?n:0:Math.max(...r.slice(-this.options.lanes).map(s=>s.end)),Math.max(i-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:r,behavior:i})=>{this.options.scrollToFn(e,{behavior:i,adjustments:r},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}},ws=(o,t,e,r)=>{for(;o<=t;){let i=(o+t)/2|0,n=e(i);if(n<r)o=i+1;else if(n>r)t=i-1;else return i}return o>0?o-1:0};function El({measurements:o,outerSize:t,scrollOffset:e}){let r=o.length-1,n=ws(0,r,a=>o[a].start,e),s=n;for(;s<r&&o[s].end<e+t;)s++;return{startIndex:n,endIndex:s}}var ei=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(i,n)=>{var s;this.host.updateComplete.then(()=>this.host.requestUpdate()),(s=e.onChange)==null||s.call(e,i,n)}};this.virtualizer=new jr(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},Kr=class extends ei{constructor(t,e){super(t,{observeElementRect:As,observeElementOffset:Ss,scrollToFn:_s,...e})}};var{I:Yy}=Ri;var Is=o=>o.strings===void 0;var nr=(o,t)=>{var r;let e=o._$AN;if(e===void 0)return!1;for(let i of e)(r=i._$AO)==null||r.call(i,t,!1),nr(i,t);return!0},Qr=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},Cs=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Sl(t)}};function Tl(o){this._$AN!==void 0?(Qr(this),this._$AM=o,Cs(this)):this._$AM=o}function Al(o,t=!1,e=0){let r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let n=e;n<r.length;n++)nr(r[n],!1),Qr(r[n]);else r!=null&&(nr(r,!1),Qr(r));else nr(this,o)}var Sl=o=>{var t,e;o.type==Ir.CHILD&&((t=o._$AP)!=null||(o._$AP=Al),(e=o._$AQ)!=null||(o._$AQ=Tl))},Jr=class extends Tt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),Cs(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,i;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(i=this.disconnected)==null||i.call(this)),e&&(nr(this,t),Qr(this))}setValue(t){if(Is(this.t))this.t._$AI(t,this);else{let e=[...this.t._$AH];e[this.i]=t,this.t._$AI(e,this,0)}}disconnected(){}reconnected(){}};var ks=()=>new ri,ri=class{},ti=new WeakMap,Rs=Bt(class extends Jr{render(o){return y}update(o,[t]){var r;let e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(r=o.options)==null?void 0:r.host,this.rt(this.ct=o.element)),y}rt(o){var t;if(this.isConnected||(o=void 0),typeof this.Y=="function"){let e=(t=this.ht)!=null?t:globalThis,r=ti.get(e);r===void 0&&(r=new WeakMap,ti.set(e,r)),r.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),r.set(this.Y,o),o!==void 0&&this.Y.call(this.ht,o)}else this.Y.value=o}get lt(){var o,t,e;return typeof this.Y=="function"?(t=ti.get((o=this.ht)!=null?o:globalThis))==null?void 0:t.get(this.Y):(e=this.Y)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var _l=[g`
2320
- :host::part(scroll) {
2321
- height: 100%;
2322
- width: 100%;
2323
- overflow-y: auto;
2241
+ `}};ht.styles=[...Q.styles,...ks],c([d({type:Boolean,reflect:!0})],ht.prototype,"checked",2),c([d({type:Boolean,reflect:!0})],ht.prototype,"readonly",2),c([d({type:Boolean,reflect:!0})],ht.prototype,"autofocus",2);var ii=ht;var eo=y.constructTagName("radio");ii.register(eo);var Rl=ii;var dr=class extends $r{constructor(){super();this.name="";this.isRadio=!0}firstUpdated(){var e,r,i,n,s;(s=(n=(i=(r=Array.from(((e=this.shadowRoot)==null?void 0:e.querySelectorAll("slot"))||[]))==null?void 0:r.flatMap(a=>a.assignedElements({flatten:!0})))==null?void 0:i.filter(a=>a.tagName.toLowerCase()===eo))==null?void 0:n.filter(a=>!a.hasAttribute("name")))==null||s.forEach(a=>{a.setAttribute("name",this.name),this.requiredLabel&&a.setAttribute("required-label",this.requiredLabel)})}};dr.styles=[...$r.styles],c([d({type:String})],dr.prototype,"name",2);var ni=dr;var Rs=y.constructTagName("radiogroup");ni.register(Rs);var Ll=ni;var Nl=[C,g`
2242
+ :host {
2243
+ --mdc-spinner-default-color: var(--mds-color-theme-control-active-normal);
2244
+ --mdc-spinner-inverted-color: var(--mds-color-theme-inverted-control-active-normal);
2245
+ --mdc-spinner-button-variant-color: currentColor;
2246
+ --mdc-spinner-color: var(--mdc-spinner-default-color);
2247
+ --mdc-spinner-size: 100%;
2248
+ }
2249
+
2250
+ :host([inverted]) {
2251
+ --mdc-spinner-color: var(--mdc-spinner-inverted-color);
2252
+ }
2253
+
2254
+ :host([size="large"]) {
2255
+ --mdc-spinner-size: 6rem;
2256
+ }
2257
+
2258
+ :host([size="midsize"]) {
2259
+ --mdc-spinner-size: 3rem;
2260
+ }
2261
+
2262
+ :host([size="small"]) {
2263
+ --mdc-spinner-size: 1.5rem;
2264
+ }
2265
+
2266
+ :host([variant="button"]) {
2267
+ --mdc-spinner-color: var(--mdc-spinner-button-variant-color);
2324
2268
  }
2269
+
2325
2270
  :host::part(container) {
2326
- position: relative;
2327
- width: 100%;
2271
+ width: var(--mdc-spinner-size);
2272
+ height: var(--mdc-spinner-size);
2273
+ animation: rotate 1.5s linear infinite;
2328
2274
  }
2329
- `],Ls=_l;var Ns=x.constructTagName("virtualizedlist"),lx=x.constructTagName("virtualizedwrapper"),Os={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var ht=class extends E{constructor(){super();this.virtualizerProps=Os.VIRTUALIZER_PROPS;this.scrollElementRef=ks();this.virtualItems=[];this.virtualizerController=null,this.virtualizer=null,this.setlistdata=null,this.onscroll=null}update(e){super.update(e),e.get("virtualizerProps")&&this.setVirtualizerOptions()}firstUpdated(e){super.firstUpdated(e),this.setVirtualizerOptions()}setVirtualizerOptions(){var e;(e=this.virtualizer)==null||e.setOptions({...this.virtualizer.options,...this.virtualizerProps}),this.requestUpdate()}connectedCallback(){var e;this.virtualizerController=new Kr(this,{count:this.virtualizerProps.count,estimateSize:(e=this.virtualizerProps)==null?void 0:e.estimateSize,getScrollElement:()=>this.scrollElementRef.value||null,...this.virtualizerProps}),super.connectedCallback()}getVirtualizedListWrapper(e){var a,l;this.virtualizer=e.getVirtualizer();let{getTotalSize:r,getVirtualItems:i,measureElement:n}=this.virtualizer,s=i();if(s!==this.virtualItems){this.virtualItems=s;let m=i(),h={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(l=(a=m[0])==null?void 0:a.start)!=null?l:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:m,measureElement:n,listStyle:h})}return u`<div
2330
- part="container"
2331
- style="height: ${r()}px;"
2332
- >
2333
- <slot></slot>
2334
- </div>`}render(){return u`<div
2335
- ${Rs(this.scrollElementRef)}
2336
- part="scroll"
2337
- @scroll=${this.onscroll&&this.onscroll}
2338
- >
2339
- ${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):u``}
2340
- </div>
2341
- `}};ht.styles=[...E.styles,...Ls],c([d({type:Function,attribute:"onscroll"})],ht.prototype,"onscroll",2),c([d({type:Object,attribute:"virtualizerprops"})],ht.prototype,"virtualizerProps",2),c([d({type:Function,attribute:"setlistdata"})],ht.prototype,"setlistdata",2);var oi=ht;oi.register(Ns);var wl=oi;var Il=[C,g`
2275
+
2276
+ :host::part(circle) {
2277
+ fill: none;
2278
+ stroke: var(--mdc-spinner-color);
2279
+ stroke-width: 8%;
2280
+ stroke-linecap: round;
2281
+ animation: dash 1.5s ease-in-out infinite;
2282
+ transform: rotate(-90deg);
2283
+ transform-origin: center;
2284
+ }
2285
+
2286
+ @keyframes rotate {
2287
+ 100% { transform: rotate(360deg); }
2288
+ }
2289
+
2290
+ @keyframes dash {
2291
+ 0% {
2292
+ stroke-dasharray: 1, 470;
2293
+ }
2294
+ 50% {
2295
+ stroke-dasharray: 209, 470;
2296
+ stroke-dashoffset: -83;
2297
+ }
2298
+ 100% {
2299
+ stroke-dasharray: 209, 470;
2300
+ stroke-dashoffset: -292;
2301
+ }
2302
+ }
2303
+ `],Ls=Nl;var Ns=y.constructTagName("spinner"),Ol={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Ml={STANDALONE:"standalone",BUTTON:"button"},to={VARIANT:Ml.STANDALONE,SIZE:Ol.MIDSIZE,INVERTED:!1};var Ye=class extends E{constructor(){super(...arguments);this.inverted=to.INVERTED;this.size=to.SIZE;this.ariaLabel=null;this.variant=to.VARIANT}updated(e){super.updated(e),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null,this.ariaHidden=this.ariaLabel?"false":"true")}render(){return u`
2304
+ <svg part="container" viewBox="0 0 100 100">
2305
+ <circle part="circle" cx="50" cy="50" r="46"></circle>
2306
+ </svg>
2307
+ `}};Ye.styles=[...E.styles,...Ls],c([d({type:Boolean,reflect:!0})],Ye.prototype,"inverted",2),c([d({type:String,reflect:!0})],Ye.prototype,"size",2),c([d({type:String,attribute:"aria-label"})],Ye.prototype,"ariaLabel",2),c([d({type:String,reflect:!0})],Ye.prototype,"variant",2);var si=Ye;si.register(Ns);var zl=si;var Dl=[C,g`
2342
2308
 
2343
2309
  :host {
2344
2310
  --mdc-tab-content-gap: 0.5rem;
@@ -2535,181 +2501,342 @@
2535
2501
  background-color: var(--mdc-tab-line-active-background-color-pressed);
2536
2502
  }
2537
2503
 
2538
- :host([variant="line"][active][disabled]) {
2539
- background-color: var(--mdc-tab-line-active-background-color-disabled);
2540
- color: var(--mdc-tab-line-active-color-disabled);
2504
+ :host([variant="line"][active][disabled]) {
2505
+ background-color: var(--mdc-tab-line-active-background-color-disabled);
2506
+ color: var(--mdc-tab-line-active-color-disabled);
2507
+ }
2508
+
2509
+ :host([variant="line"][active][disabled])::part(indicator) {
2510
+ background-color:var(--mdc-tab-line-active-indicator-color-disabled);
2511
+ }
2512
+
2513
+ :host([variant="pill"]) {
2514
+ background-color: var(--mdc-tab-pill-inactive-background-color-normal);
2515
+ border-radius: var(--mdc-tab-pill-border-radius);
2516
+ color: var(--mdc-tab-pill-inactive-color);
2517
+ }
2518
+
2519
+ :host([variant="pill"]:hover) {
2520
+ background-color: var(--mdc-tab-pill-inactive-background-color-hover);
2521
+ }
2522
+
2523
+ :host([variant="pill"]:active) {
2524
+ background-color: var(--mdc-tab-pill-inactive-background-color-pressed);
2525
+ }
2526
+
2527
+ :host([variant="pill"][disabled]) {
2528
+ background-color: var(--mdc-tab-pill-inactive-background-color-disabled);
2529
+ color: var(--mdc-tab-pill-inactive-color-disabled);
2530
+ }
2531
+
2532
+ :host([variant="pill"][active]) {
2533
+ background-color: var(--mdc-tab-pill-active-background-color-normal);
2534
+ color: var(--mdc-tab-pill-active-color);
2535
+ }
2536
+
2537
+ :host([variant="pill"][active]:hover) {
2538
+ background-color: var(--mdc-tab-pill-active-background-color-hover);
2539
+ }
2540
+
2541
+ :host([variant="pill"][active]:active) {
2542
+ background-color: var(--mdc-tab-pill-active-background-color-pressed);
2543
+ }
2544
+
2545
+ :host([variant="pill"][active][disabled]) {
2546
+ background-color: var(--mdc-tab-pill-active-background-color-disabled);
2547
+ color: var(--mdc-tab-pill-active-color-disabled);
2548
+ }
2549
+
2550
+ `,...z()],Os=Dl;var Ms=y.constructTagName("tab"),ai={GLASS:"glass",LINE:"line",PILL:"pill"},li={VARIANT:ai.PILL};var Nt=class extends de(Ue){constructor(){super();this.variant=li.VARIANT;this.role="tab",this.softDisabled=void 0,this.size=void 0,this.type=void 0}modifyIconName(e){this.iconName&&(e?(this.prevIconName=this.iconName,this.iconName=`${Qt(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(e){this.setAttribute("variant",Object.values(ai).includes(e)?e:li.VARIANT)}setActive(e,r){e.setAttribute("aria-selected",r?"true":"false"),this.modifyIconName(r)}executeAction(){this.active=!this.active}update(e){super.update(e),e.has("variant")&&this.setVariant(this.variant)}render(){return u`
2551
+ <div part="container">
2552
+ ${this.iconName?u` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:b}
2553
+ ${this.text?u` <mdc-text
2554
+ type=${this.active?k.BODY_MIDSIZE_BOLD:k.BODY_MIDSIZE_MEDIUM}
2555
+ tagname=${O.SPAN}
2556
+ data-text=${this.text}
2557
+ part="text"
2558
+ >${this.text}</mdc-text
2559
+ >`:b}
2560
+ <slot name="badge"></slot>
2561
+ <slot name="chip"></slot>
2562
+ </div>
2563
+ <div part="indicator"></div>
2564
+ `}};Nt.styles=[...Ue.styles,...Os],c([d({type:String,reflect:!0})],Nt.prototype,"text",2),c([d({type:String,reflect:!0})],Nt.prototype,"variant",2);var ci=Nt;ci.register(Ms);var $l=ci;var ro=y.constructTagName("themeprovider"),di={THEMECLASS:"mds-theme-stable-darkWebex"};var oo=class{constructor(t){this.themeclass=t}};oo.context=ro;var io=oo;var Pl=g`
2565
+ :host {
2566
+ --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
2567
+ --mdc-themeprovider-font-family: var(--mds-font-family-primary);
2568
+ --mdc-themeprovider-font-weight: 400;
2569
+ /* adjusting Inter's letter spacing to better match the old CiscoSans */
2570
+ --mdc-themeprovider-letter-spacing-adjustment: -0.25px;
2571
+ /* Adjusting font feature settings for accessibility reasons */
2572
+ --mdc-themeprovider-font-feature-settings: "ss02" on;
2573
+
2574
+ /* Custom scrollbar variables */
2575
+ --mdc-themeprovider-scrollbar-track-color: var(--mds-color-theme-background-secondary-normal);
2576
+ --mdc-themeprovider-scrollbar-thumb-color: var(--mds-color-theme-scrollbar-button-normal);
2577
+ --mdc-themeprovider-scrollbar-thumb-hover-color: var(--mds-color-theme-scrollbar-button-hover);
2578
+ --mdc-themeprovider-scrollbar-thumb-active-color: var(--mds-color-theme-scrollbar-button-pressed);
2579
+
2580
+ color: var(--mdc-themeprovider-color-default);
2581
+ font-family: var(--mdc-themeprovider-font-family);
2582
+ font-weight: var(--mdc-themeprovider-font-weight);
2583
+ letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
2584
+
2585
+ font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
2586
+ }
2587
+
2588
+ /** Scrollbar Theme for Chrome, Edge, and Firefox. This has limited support on other browsers.
2589
+ https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color for more details */
2590
+ * {
2591
+ scrollbar-color: var(--mdc-themeprovider-scrollbar-thumb-color) var(--mdc-themeprovider-scrollbar-track-color);
2592
+ }
2593
+ `,zs=[Pl];var Ot=class extends xt{constructor(){super({context:io.context,initialValue:new io(di.THEMECLASS)});this.themeclass=di.THEMECLASS}static get Context(){return io.context}updated(e){super.updated(e),e.has("themeclass")&&(this.setThemeInClassList(),this.currentThemeClass=this.themeclass)}updateContext(){this.context.value.themeclass!==this.themeclass&&(this.context.value.themeclass=this.themeclass,this.context.updateObservers())}setThemeInClassList(){this.currentThemeClass&&this.classList.remove(...this.currentThemeClass.split(" ")),this.themeclass&&this.classList.add(...this.themeclass.split(" "))}};Ot.styles=[...xt.styles,...zs],c([Y()],Ot.prototype,"currentThemeClass",2),c([d({type:String})],Ot.prototype,"themeclass",2);var mi=Ot;mi.register(ro);var Ul=mi;var Vl=[C,g`
2594
+ :host {
2595
+ --mdc-toggle-width: 3rem;
2596
+ --mdc-toggle-height: 1.5rem;
2597
+ --mdc-toggle-width-compact: 2rem;
2598
+ --mdc-toggle-height-compact: 1rem;
2599
+ --mdc-toggle-border-radius: 0.75rem;
2600
+ --mdc-toggle-border-radius-compact: 0.5rem;
2601
+ --mdc-toggle-border: 0.0625rem solid var(--mds-color-theme-outline-input-normal);
2602
+
2603
+ --mdc-toggle-inactive-rest-color: var(--mds-color-theme-control-inactive-normal);
2604
+ --mdc-toggle-inactive-hover-color: var(--mds-color-theme-control-inactive-hover);
2605
+ --mdc-toggle-inactive-pressed-color: var(--mds-color-theme-control-inactive-pressed);
2606
+ --mdc-toggle-inactive-disabled-color: var(--mds-color-theme-control-inactive-disabled);
2607
+ --mdc-toggle-active-rest-color: var(--mds-color-theme-control-active-normal);
2608
+ --mdc-toggle-active-hover-color: var(--mds-color-theme-control-active-hover);
2609
+ --mdc-toggle-active-pressed-color: var(--mds-color-theme-control-active-pressed);
2610
+ --mdc-toggle-active-disabled-color: var(--mds-color-theme-control-active-disabled);
2611
+
2612
+ --mdc-toggle-label-lineheight: var(--mds-font-lineheight-body-midsize);
2613
+ --mdc-toggle-label-fontsize: var(--mds-font-size-body-midsize);
2614
+ --mdc-toggle-label-fontweight: 400;
2615
+ --mdc-toggle-label-color-disabled: var(--mds-color-theme-text-primary-disabled);
2616
+ --mdc-toggle-help-text-color: var(--mds-color-theme-text-secondary-normal);
2617
+
2618
+ --mdc-toggle-icon-color-normal: var(--mds-color-theme-common-inverted-text-primary-normal);
2619
+ --mdc-toggle-icon-color-disabled: var(--mds-color-theme-common-inverted-text-primary-disabled);
2620
+ --mdc-toggle-icon-background-color-normal: var(--mds-color-theme-common-text-primary-normal);
2621
+ --mdc-toggle-icon-background-color-disabled: var(--mds-color-theme-common-text-primary-disabled);
2622
+ }
2623
+
2624
+ :host([label]), :host([help-text]){
2625
+ display: grid;
2626
+ grid-template-rows: auto auto;
2627
+ grid-template-columns: auto auto;
2628
+ column-gap: 0.75rem;
2629
+ row-gap: 0.25rem;
2630
+ }
2631
+
2632
+ :host([help-text='']) {
2633
+ grid-template-rows: auto;
2634
+ row-gap: 0rem;
2635
+ }
2636
+
2637
+ .mdc-toggle__container {
2638
+ position: relative;
2639
+ border-radius: var(--mdc-toggle-border-radius);
2640
+ }
2641
+
2642
+ .mdc-toggle__input {
2643
+ opacity: 0;
2644
+ position: absolute;
2645
+ cursor: pointer;
2646
+ margin: 0;
2647
+ width: var(--mdc-toggle-width);
2648
+ height: var(--mdc-toggle-height);
2649
+ }
2650
+
2651
+ .mdc-toggle__slider {
2652
+ width: var(--mdc-toggle-width);
2653
+ height: var(--mdc-toggle-height);
2654
+ background: var(--mdc-toggle-inactive-rest-color);
2655
+ border-radius: var(--mdc-toggle-border-radius);
2656
+ border: var(--mdc-toggle-border);
2657
+ display: flex;
2658
+ align-items: center;
2659
+ justify-content: flex-start;
2660
+ transition: background-color 0.3s ease;
2661
+ outline: none;
2662
+ padding: 0.0625rem;
2663
+ }
2664
+
2665
+ :host([checked]) .mdc-toggle__slider {
2666
+ background-color: var(--mdc-toggle-active-rest-color);
2667
+ justify-content: flex-end;
2668
+ border-color: transparent;
2541
2669
  }
2542
2670
 
2543
- :host([variant="line"][active][disabled])::part(indicator) {
2544
- background-color:var(--mdc-tab-line-active-indicator-color-disabled);
2671
+ :host([size='compact']) .mdc-toggle__slider {
2672
+ width: var(--mdc-toggle-width-compact);
2673
+ height: var(--mdc-toggle-height-compact);
2674
+ border-radius: var(--mdc-toggle-border-radius-compact);
2545
2675
  }
2546
-
2547
- :host([variant="pill"]) {
2548
- background-color: var(--mdc-tab-pill-inactive-background-color-normal);
2549
- border-radius: var(--mdc-tab-pill-border-radius);
2550
- color: var(--mdc-tab-pill-inactive-color);
2676
+ :host([size='compact']) .mdc-toggle__input {
2677
+ width: var(--mdc-toggle-width-compact);
2678
+ height: var(--mdc-toggle-height-compact);
2551
2679
  }
2552
2680
 
2553
- :host([variant="pill"]:hover) {
2554
- background-color: var(--mdc-tab-pill-inactive-background-color-hover);
2681
+ .mdc-toggle__icon {
2682
+ padding: 0.25rem;
2683
+ --mdc-icon-fill-color: var(--mdc-toggle-icon-color-normal);
2684
+ background-color: var(--mdc-toggle-icon-background-color-normal);
2685
+ border-radius: 50%;
2555
2686
  }
2556
2687
 
2557
- :host([variant="pill"]:active) {
2558
- background-color: var(--mdc-tab-pill-inactive-background-color-pressed);
2688
+ :host([disabled]) .mdc-toggle__icon {
2689
+ --mdc-icon-fill-color: var(--mdc-toggle-icon-color-disabled);
2559
2690
  }
2560
2691
 
2561
- :host([variant="pill"][disabled]) {
2562
- background-color: var(--mdc-tab-pill-inactive-background-color-disabled);
2563
- color: var(--mdc-tab-pill-inactive-color-disabled);
2692
+ :host([size='compact']) .mdc-toggle__icon {
2693
+ padding: 0.125rem;
2564
2694
  }
2565
2695
 
2566
- :host([variant="pill"][active]) {
2567
- background-color: var(--mdc-tab-pill-active-background-color-normal);
2568
- color: var(--mdc-tab-pill-active-color);
2696
+ :host(:not([disabled])) .mdc-toggle__container:hover .mdc-toggle__slider {
2697
+ background-color: var(--mdc-toggle-inactive-hover-color);
2569
2698
  }
2570
2699
 
2571
- :host([variant="pill"][active]:hover) {
2572
- background-color: var(--mdc-tab-pill-active-background-color-hover);
2700
+ :host(:not([disabled])) .mdc-toggle__container:active .mdc-toggle__slider {
2701
+ background-color: var(--mdc-toggle-inactive-pressed-color);
2573
2702
  }
2574
2703
 
2575
- :host([variant="pill"][active]:active) {
2576
- background-color: var(--mdc-tab-pill-active-background-color-pressed);
2704
+ :host(:not([disabled])[checked]) .mdc-toggle__container:hover .mdc-toggle__slider {
2705
+ background-color: var(--mdc-toggle-active-hover-color);
2577
2706
  }
2578
2707
 
2579
- :host([variant="pill"][active][disabled]) {
2580
- background-color: var(--mdc-tab-pill-active-background-color-disabled);
2581
- color: var(--mdc-tab-pill-active-color-disabled);
2708
+ :host(:not([disabled])[checked]) .mdc-toggle__container:active .mdc-toggle__slider {
2709
+ background-color: var(--mdc-toggle-active-pressed-color);
2582
2710
  }
2583
2711
 
2584
- `,...$()],zs=Il;var Ms=x.constructTagName("tab"),ii={GLASS:"glass",LINE:"line",PILL:"pill"},ni={VARIANT:ii.PILL};var Rt=class extends de(De){constructor(){super();this.variant=ni.VARIANT;this.role="tab",this.softDisabled=void 0,this.size=void 0,this.type=void 0}modifyIconName(e){this.iconName&&(e?(this.prevIconName=this.iconName,this.iconName=`${Yt(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(e){this.setAttribute("variant",Object.values(ii).includes(e)?e:ni.VARIANT)}setActive(e,r){e.setAttribute("aria-selected",r?"true":"false"),this.modifyIconName(r)}executeAction(){this.active=!this.active}update(e){super.update(e),e.has("variant")&&this.setVariant(this.variant)}render(){return u`
2585
- <div part="container">
2586
- ${this.iconName?u` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:y}
2587
- ${this.text?u` <mdc-text
2588
- type=${this.active?O.BODY_MIDSIZE_BOLD:O.BODY_MIDSIZE_MEDIUM}
2589
- tagname=${z.SPAN}
2590
- data-text=${this.text}
2591
- part="text"
2592
- >${this.text}</mdc-text
2593
- >`:y}
2594
- <slot name="badge"></slot>
2595
- <slot name="chip"></slot>
2596
- </div>
2597
- <div part="indicator"></div>
2598
- `}};Rt.styles=[...De.styles,...zs],c([d({type:String,reflect:!0})],Rt.prototype,"text",2),c([d({type:String,reflect:!0})],Rt.prototype,"variant",2);var si=Rt;si.register(Ms);var Cl=si;var Ds=x.constructTagName("formfieldgroup"),ai={RADIOGROUP:"radiogroup",GROUP:"group"};var kl=g`
2599
-
2600
- :host::part(container) {
2601
- display: flex;
2602
- flex-direction: column;
2603
- gap: 0.75rem;
2712
+ :host([disabled]) .mdc-toggle__slider {
2713
+ background-color: var(--mdc-toggle-inactive-disabled-color);
2604
2714
  }
2605
2715
 
2606
- :host::part(group-header) {
2607
- display: flex;
2608
- flex-direction: column;
2609
- gap: 0.25rem;
2716
+ :host([disabled][checked]) .mdc-toggle__slider {
2717
+ background-color: var(--mdc-toggle-active-disabled-color);
2610
2718
  }
2611
2719
 
2612
- :host::part(label-text){
2613
- font-weight: bold;
2614
- }
2615
- `,$s=[kl];var eo=class extends W(ee){constructor(){super();this.isRadio=!1;this.shouldRenderLabel=!1,this.id="",this.helpTextType=void 0,this.disabled=void 0}render(){var e;return u`
2616
- <div
2617
- part="container"
2618
- role="${this.isRadio?ai.RADIOGROUP:ai.GROUP}"
2619
- aria-labelledby="${H.HEADING_ID}"
2620
- aria-describedby="${A(this.helpText?H.HELPER_TEXT_ID:"")}"
2621
- aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
2622
- >
2623
- <div part="group-header">
2624
- ${this.renderLabel()}
2625
- ${this.renderHelperText()}
2626
- </div>
2627
- <slot></slot>
2628
- </div>
2629
- `}};eo.styles=[...ee.styles,...$s];var li=eo;li.register(Ds);var to=li;var Rl=[C,g`
2630
- :host {
2631
- --mdc-spinner-default-color: var(--mds-color-theme-control-active-normal);
2632
- --mdc-spinner-inverted-color: var(--mds-color-theme-inverted-control-active-normal);
2633
- --mdc-spinner-button-variant-color: currentColor;
2634
- --mdc-spinner-color: var(--mdc-spinner-default-color);
2635
- --mdc-spinner-size: 100%;
2720
+ :host([disabled]) .mdc-toggle__icon {
2721
+ background-color: var(--mdc-toggle-icon-background-color-disabled);
2636
2722
  }
2637
2723
 
2638
- :host([inverted]) {
2639
- --mdc-spinner-color: var(--mdc-spinner-inverted-color);
2724
+ .mdc-label-text, .mdc-help-text {
2725
+ font-size: var(--mdc-toggle-label-fontsize);
2726
+ font-weight: var(--mdc-toggle-label-fontweight);
2727
+ line-height: var(--mdc-toggle-label-lineheight);
2728
+ grid-column: 2;
2640
2729
  }
2641
2730
 
2642
- :host([size="large"]) {
2643
- --mdc-spinner-size: 6rem;
2731
+ .mdc-help-text {
2732
+ color: var(--mdc-toggle-help-text-color);
2644
2733
  }
2645
2734
 
2646
- :host([size="midsize"]) {
2647
- --mdc-spinner-size: 3rem;
2735
+ :host([disabled]) .mdc-label-text, :host([disabled]) .mdc-help-text {
2736
+ color: var(--mdc-toggle-label-color-disabled);
2648
2737
  }
2649
2738
 
2650
- :host([size="small"]) {
2651
- --mdc-spinner-size: 1.5rem;
2739
+ /* High Contrast Mode */
2740
+ @media (forced-colors: active) {
2741
+ :host([checked]) .mdc-toggle__slider, .mdc-toggle__icon {
2742
+ border: var(--mdc-toggle-border);
2743
+ }
2652
2744
  }
2653
-
2654
- :host([variant="button"]) {
2655
- --mdc-spinner-color: var(--mdc-spinner-button-variant-color);
2745
+ `,...z(!0)],Ds=Vl;var $s=y.constructTagName("toggle"),hi={DEFAULT:"default",COMPACT:"compact"},pi={CHECKED:"check-bold",UNCHECKED:"cancel-bold"},Ps={compact:.75,default:1.25},ui={SIZE:hi.DEFAULT,VALIDATION_MESSAGE:"Please toggle this switch if you want to proceed."};var pt=class extends pe(U(wt)){constructor(){super();this.checked=!1;this.size=ui.SIZE;this.autofocus=!1;this.helpTextType=void 0,this.id=`mdc-toggle-${Ie()}`}formResetCallback(){this.checked=!1}formStateRestoreCallback(e){e&&(this.checked=!0)}manageRequired(){!this.checked&&this.requiredLabel?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}setFormValue(){let e=null;this.checked?e=this.value?this.value:"isActive":e=null,this.manageRequired(),this.internals.setFormValue(e)}toggleState(){this.disabled||(this.checked=!this.checked)}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}handleChange(e){this.toggleState();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}setToggleSize(e){this.setAttribute("size",Object.values(hi).includes(e)?e:ui.SIZE)}update(e){super.update(e),e.has("checked")&&this.setFormValue(),e.has("size")&&this.setToggleSize(this.size)}render(){var e;return u`
2746
+ <div class="mdc-toggle__container mdc-focus-ring">
2747
+ <input
2748
+ id="${this.id}"
2749
+ type="checkbox"
2750
+ class="mdc-toggle__input"
2751
+ role="switch"
2752
+ ?autofocus="${this.autofocus}"
2753
+ ?required="${!!this.requiredLabel}"
2754
+ name="${A(this.name)}"
2755
+ value="${A(this.value)}"
2756
+ .checked="${this.checked}"
2757
+ aria-checked="${this.checked}"
2758
+ .disabled="${this.disabled}"
2759
+ aria-describedby="${A(this.helpText?F.HELPER_TEXT_ID:"")}"
2760
+ aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
2761
+ tabindex="${this.disabled?-1:0}"
2762
+ @change="${this.handleChange}"
2763
+ @keydown="${this.handleKeyDown}"
2764
+ />
2765
+ <div class="mdc-toggle__slider">
2766
+ <mdc-icon
2767
+ name="${this.checked?pi.CHECKED:pi.UNCHECKED}"
2768
+ class="mdc-toggle__icon"
2769
+ length-unit="rem"
2770
+ size="${Ps[this.size]}"
2771
+ ></mdc-icon>
2772
+ </div>
2773
+ </div>
2774
+ ${this.renderLabel()}
2775
+ ${this.renderHelperText()}
2776
+ `}};pt.styles=[...wt.styles,...Ds],c([d({type:Boolean,reflect:!0})],pt.prototype,"checked",2),c([d({type:String,reflect:!0})],pt.prototype,"size",2),c([d({type:Boolean,reflect:!0})],pt.prototype,"autofocus",2);var fi=pt;fi.register($s);var Hl=fi;function ut(o,t,e){var n;let r=(n=e.initialDeps)!=null?n:[],i;return()=>{var s,a,l,m;let h;e.key&&((s=e.debug)!=null&&s.call(e))&&(h=Date.now());let p=o();if(!(p.length!==r.length||p.some((x,T)=>r[T]!==x)))return i;r=p;let f;if(e.key&&((a=e.debug)!=null&&a.call(e))&&(f=Date.now()),i=t(...p),e.key&&((l=e.debug)!=null&&l.call(e))){let x=Math.round((Date.now()-h)*100)/100,T=Math.round((Date.now()-f)*100)/100,_=T/16,S=(I,w)=>{for(I=String(I);I.length<w;)I=" "+I;return I};console.info(`%c\u23F1 ${S(T,5)} /${S(x,5)} ms`,`
2777
+ font-size: .6rem;
2778
+ font-weight: bold;
2779
+ color: hsl(${Math.max(0,Math.min(120-120*_,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(m=e==null?void 0:e.onChange)==null||m.call(e,i),i}}function no(o,t){if(o===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return o}var Us=(o,t)=>Math.abs(o-t)<1,Vs=(o,t,e)=>{let r;return function(...i){o.clearTimeout(r),r=o.setTimeout(()=>t.apply(this,i),e)}};var Fl=o=>o,Bl=o=>{let t=Math.max(o.startIndex-o.overscan,0),e=Math.min(o.endIndex+o.overscan,o.count-1),r=[];for(let i=t;i<=e;i++)r.push(i);return r},Fs=(o,t)=>{let e=o.scrollElement;if(!e)return;let r=o.targetWindow;if(!r)return;let i=s=>{let{width:a,height:l}=s;t({width:Math.round(a),height:Math.round(l)})};if(i(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let n=new r.ResizeObserver(s=>{let a=s[0];if(a!=null&&a.borderBoxSize){let l=a.borderBoxSize[0];if(l){i({width:l.inlineSize,height:l.blockSize});return}}i(e.getBoundingClientRect())});return n.observe(e,{box:"border-box"}),()=>{n.unobserve(e)}},Hs={passive:!0};var Gl=typeof window>"u"?!0:"onscrollend"in window,Bs=(o,t)=>{let e=o.scrollElement;if(!e)return;let r=o.targetWindow;if(!r)return;let i=0,n=o.options.useScrollendEvent&&Gl?()=>{}:Vs(r,()=>{t(i,!1)},o.options.isScrollingResetDelay),s=m=>()=>{let{horizontal:h,isRtl:p}=o.options;i=h?e.scrollLeft*(p&&-1||1):e.scrollTop,n(),t(i,m)},a=s(!0),l=s(!1);return l(),e.addEventListener("scroll",a,Hs),e.addEventListener("scrollend",l,Hs),()=>{e.removeEventListener("scroll",a),e.removeEventListener("scrollend",l)}};var ql=(o,t,e)=>{if(t!=null&&t.borderBoxSize){let r=t.borderBoxSize[0];if(r)return Math.round(r[e.options.horizontal?"inlineSize":"blockSize"])}return Math.round(o.getBoundingClientRect()[e.options.horizontal?"width":"height"])};var Gs=(o,{adjustments:t=0,behavior:e},r)=>{var i,n;let s=o+t;(n=(i=r.scrollElement)==null?void 0:i.scrollTo)==null||n.call(i,{[r.options.horizontal?"left":"top"]:s,behavior:e})},so=class{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let e=null,r=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(i=>{i.forEach(n=>{this._measureElement(n.target,n)})}));return{disconnect:()=>{var i;(i=r())==null||i.disconnect(),e=null},observe:i=>{var n;return(n=r())==null?void 0:n.observe(i,{box:"border-box"})},unobserve:i=>{var n;return(n=r())==null?void 0:n.unobserve(i)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([r,i])=>{typeof i>"u"&&delete e[r]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Fl,rangeExtractor:Bl,onChange:()=>{},measureElement:ql,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!0,...e}},this.notify=e=>{var r,i;(i=(r=this.options).onChange)==null||i.call(r,this,e)},this.maybeNotify=ut(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var i;var e;let r=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==r){if(this.cleanup(),!r){this.maybeNotify();return}this.scrollElement=r,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=(i=(e=this.scrollElement)==null?void 0:e.window)!=null?i:null,this.elementsCache.forEach(n=>{this.observer.observe(n)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>{var e;return this.options.enabled?(this.scrollRect=(e=this.scrollRect)!=null?e:this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0)},this.getScrollOffset=()=>{var e;return this.options.enabled?(this.scrollOffset=(e=this.scrollOffset)!=null?e:typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset,this.scrollOffset):(this.scrollOffset=null,0)},this.getFurthestMeasurement=(e,r)=>{let i=new Map,n=new Map;for(let s=r-1;s>=0;s--){let a=e[s];if(i.has(a.lane))continue;let l=n.get(a.lane);if(l==null||a.end>l.end?n.set(a.lane,a):a.end<l.end&&i.set(a.lane,!0),i.size===this.options.lanes)break}return n.size===this.options.lanes?Array.from(n.values()).sort((s,a)=>s.end===a.end?s.index-a.index:s.end-a.end)[0]:void 0},this.getMeasurementOptions=ut(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,i,n,s)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:i,getItemKey:n,enabled:s}),{key:!1}),this.getMeasurements=ut(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:i,getItemKey:n,enabled:s},a)=>{if(!s)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(h=>{this.itemSizeCache.set(h.key,h.size)}));let l=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let m=this.measurementsCache.slice(0,l);for(let h=l;h<e;h++){let p=n(h),v=this.options.lanes===1?m[h-1]:this.getFurthestMeasurement(m,h),f=v?v.end+this.options.gap:r+i,x=a.get(p),T=typeof x=="number"?x:this.options.estimateSize(h),_=f+T,S=v?v.lane:h%this.options.lanes;m[h]={index:h,start:f,size:T,end:_,key:p,lane:S}}return this.measurementsCache=m,m},{key:!1,debug:()=>this.options.debug}),this.calculateRange=ut(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,i)=>this.range=e.length>0&&r>0?Yl({measurements:e,outerSize:r,scrollOffset:i}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=ut(()=>{let e=null,r=null,i=this.calculateRange();return i&&(e=i.startIndex,r=i.endIndex),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,r]},(e,r,i,n,s)=>n===null||s===null?[]:e({startIndex:n,endIndex:s,overscan:r,count:i}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=e=>{let r=this.options.indexAttribute,i=e.getAttribute(r);return i?parseInt(i,10):(console.warn(`Missing attribute name '${r}={index}' on measured element.`),-1)},this._measureElement=(e,r)=>{let i=this.indexFromElement(e),n=this.measurementsCache[i];if(!n)return;let s=n.key,a=this.elementsCache.get(s);a!==e&&(a&&this.observer.unobserve(a),this.observer.observe(e),this.elementsCache.set(s,e)),e.isConnected&&this.resizeItem(i,this.options.measureElement(e,r,this))},this.resizeItem=(e,r)=>{var a;let i=this.measurementsCache[e];if(!i)return;let n=(a=this.itemSizeCache.get(i.key))!=null?a:i.size,s=r-n;s!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(i,s,this):i.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=s,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(i.index),this.itemSizeCache=new Map(this.itemSizeCache.set(i.key,r)),this.notify(!1))},this.measureElement=e=>{if(!e){this.elementsCache.forEach((r,i)=>{r.isConnected||(this.observer.unobserve(r),this.elementsCache.delete(i))});return}this._measureElement(e,void 0)},this.getVirtualItems=ut(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let i=[];for(let n=0,s=e.length;n<s;n++){let a=e[n],l=r[a];i.push(l)}return i},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let r=this.getMeasurements();if(r.length!==0)return no(r[qs(0,r.length-1,i=>no(r[i]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let i=this.getSize(),n=this.getScrollOffset();r==="auto"&&e>=n+i&&(r="end"),r==="end"&&(e-=i);let s=this.options.horizontal?"scrollWidth":"scrollHeight",l=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[s]:this.scrollElement[s]:0)-i;return Math.max(Math.min(l,e),0)},this.getOffsetForIndex=(e,r="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));let i=this.measurementsCache[e];if(!i)return;let n=this.getSize(),s=this.getScrollOffset();if(r==="auto")if(i.end>=s+n-this.options.scrollPaddingEnd)r="end";else if(i.start<=s+this.options.scrollPaddingStart)r="start";else return[s,r];let a=i.start-this.options.scrollPaddingStart+(i.size-n)/2;switch(r){case"center":return[this.getOffsetForAlignment(a,r),r];case"end":return[this.getOffsetForAlignment(i.end+this.options.scrollPaddingEnd,r),r];default:return[this.getOffsetForAlignment(i.start-this.options.scrollPaddingStart,r),r]}},this.isDynamicMode=()=>this.elementsCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(e,{align:r="start",behavior:i}={})=>{this.cancelScrollToIndex(),i==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(e,r),{adjustments:void 0,behavior:i})},this.scrollToIndex=(e,{align:r="auto",behavior:i}={})=>{e=Math.max(0,Math.min(e,this.options.count-1)),this.cancelScrollToIndex(),i==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");let n=this.getOffsetForIndex(e,r);if(!n)return;let[s,a]=n;this._scrollToOffset(s,{adjustments:void 0,behavior:i}),i!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(e))){let[m]=no(this.getOffsetForIndex(e,a));Us(m,this.getScrollOffset())||this.scrollToIndex(e,{align:a,behavior:i})}else this.scrollToIndex(e,{align:a,behavior:i})}))},this.scrollBy=(e,{behavior:r}={})=>{this.cancelScrollToIndex(),r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+e,{adjustments:void 0,behavior:r})},this.getTotalSize=()=>{var n;var e;let r=this.getMeasurements(),i;return r.length===0?i=this.options.paddingStart:i=this.options.lanes===1?(n=(e=r[r.length-1])==null?void 0:e.end)!=null?n:0:Math.max(...r.slice(-this.options.lanes).map(s=>s.end)),Math.max(i-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:r,behavior:i})=>{this.options.scrollToFn(e,{behavior:i,adjustments:r},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}},qs=(o,t,e,r)=>{for(;o<=t;){let i=(o+t)/2|0,n=e(i);if(n<r)o=i+1;else if(n>r)t=i-1;else return i}return o>0?o-1:0};function Yl({measurements:o,outerSize:t,scrollOffset:e}){let r=o.length-1,n=qs(0,r,a=>o[a].start,e),s=n;for(;s<r&&o[s].end<e+t;)s++;return{startIndex:n,endIndex:s}}var gi=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(i,n)=>{var s;this.host.updateComplete.then(()=>this.host.requestUpdate()),(s=e.onChange)==null||s.call(e,i,n)}};this.virtualizer=new so(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},ao=class extends gi{constructor(t,e){super(t,{observeElementRect:Fs,observeElementOffset:Bs,scrollToFn:Gs,...e})}};var{I:aT}=Pi;var Ys=o=>o.strings===void 0;var mr=(o,t)=>{var r;let e=o._$AN;if(e===void 0)return!1;for(let i of e)(r=i._$AO)==null||r.call(i,t,!1),mr(i,t);return!0},lo=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},Ws=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Zl(t)}};function Wl(o){this._$AN!==void 0?(lo(this),this._$AM=o,Ws(this)):this._$AM=o}function Xl(o,t=!1,e=0){let r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let n=e;n<r.length;n++)mr(r[n],!1),lo(r[n]);else r!=null&&(mr(r,!1),lo(r));else mr(this,o)}var Zl=o=>{var t,e;o.type==Nr.CHILD&&((t=o._$AP)!=null||(o._$AP=Xl),(e=o._$AQ)!=null||(o._$AQ=Wl))},co=class extends It{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),Ws(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,i;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(i=this.disconnected)==null||i.call(this)),e&&(mr(this,t),lo(this))}setValue(t){if(Ys(this.t))this.t._$AI(t,this);else{let e=[...this.t._$AH];e[this.i]=t,this.t._$AI(e,this,0)}}disconnected(){}reconnected(){}};var Xs=()=>new bi,bi=class{},vi=new WeakMap,Zs=Zt(class extends co{render(o){return b}update(o,[t]){var r;let e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(r=o.options)==null?void 0:r.host,this.rt(this.ct=o.element)),b}rt(o){var t;if(this.isConnected||(o=void 0),typeof this.Y=="function"){let e=(t=this.ht)!=null?t:globalThis,r=vi.get(e);r===void 0&&(r=new WeakMap,vi.set(e,r)),r.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),r.set(this.Y,o),o!==void 0&&this.Y.call(this.ht,o)}else this.Y.value=o}get lt(){var o,t,e;return typeof this.Y=="function"?(t=vi.get((o=this.ht)!=null?o:globalThis))==null?void 0:t.get(this.Y):(e=this.Y)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var jl=[g`
2780
+ :host::part(scroll) {
2781
+ height: 100%;
2782
+ width: 100%;
2783
+ overflow-y: auto;
2656
2784
  }
2657
-
2658
2785
  :host::part(container) {
2659
- width: var(--mdc-spinner-size);
2660
- height: var(--mdc-spinner-size);
2661
- animation: rotate 1.5s linear infinite;
2786
+ position: relative;
2787
+ width: 100%;
2662
2788
  }
2789
+ `],js=jl;var Ks=y.constructTagName("virtualizedlist"),AT=y.constructTagName("virtualizedwrapper"),Qs={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var ft=class extends E{constructor(){super();this.virtualizerProps=Qs.VIRTUALIZER_PROPS;this.scrollElementRef=Xs();this.virtualItems=[];this.virtualizerController=null,this.virtualizer=null,this.setlistdata=null,this.onscroll=null}update(e){super.update(e),e.get("virtualizerProps")&&this.setVirtualizerOptions()}firstUpdated(e){super.firstUpdated(e),this.setVirtualizerOptions()}setVirtualizerOptions(){var e;(e=this.virtualizer)==null||e.setOptions({...this.virtualizer.options,...this.virtualizerProps}),this.requestUpdate()}connectedCallback(){var e;this.virtualizerController=new ao(this,{count:this.virtualizerProps.count,estimateSize:(e=this.virtualizerProps)==null?void 0:e.estimateSize,getScrollElement:()=>this.scrollElementRef.value||null,...this.virtualizerProps}),super.connectedCallback()}getVirtualizedListWrapper(e){var a,l;this.virtualizer=e.getVirtualizer();let{getTotalSize:r,getVirtualItems:i,measureElement:n}=this.virtualizer,s=i();if(s!==this.virtualItems){this.virtualItems=s;let m=i(),h={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(l=(a=m[0])==null?void 0:a.start)!=null?l:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:m,measureElement:n,listStyle:h})}return u`<div
2790
+ part="container"
2791
+ style="height: ${r()}px;"
2792
+ >
2793
+ <slot></slot>
2794
+ </div>`}render(){return u`<div
2795
+ ${Zs(this.scrollElementRef)}
2796
+ part="scroll"
2797
+ @scroll=${this.onscroll&&this.onscroll}
2798
+ >
2799
+ ${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):u``}
2800
+ </div>
2801
+ `}};ft.styles=[...E.styles,...js],c([d({type:Function,attribute:"onscroll"})],ft.prototype,"onscroll",2),c([d({type:Object,attribute:"virtualizerprops"})],ft.prototype,"virtualizerProps",2),c([d({type:Function,attribute:"setlistdata"})],ft.prototype,"setlistdata",2);var yi=ft;yi.register(Ks);var Kl=yi;})();
2802
+ /*! Bundled license information:
2663
2803
 
2664
- :host::part(circle) {
2665
- fill: none;
2666
- stroke: var(--mdc-spinner-color);
2667
- stroke-width: 8%;
2668
- stroke-linecap: round;
2669
- animation: dash 1.5s ease-in-out infinite;
2670
- transform: rotate(-90deg);
2671
- transform-origin: center;
2672
- }
2804
+ @lit/reactive-element/css-tag.js:
2805
+ (**
2806
+ * @license
2807
+ * Copyright 2019 Google LLC
2808
+ * SPDX-License-Identifier: BSD-3-Clause
2809
+ *)
2673
2810
 
2674
- @keyframes rotate {
2675
- 100% { transform: rotate(360deg); }
2676
- }
2811
+ @lit/reactive-element/reactive-element.js:
2812
+ (**
2813
+ * @license
2814
+ * Copyright 2017 Google LLC
2815
+ * SPDX-License-Identifier: BSD-3-Clause
2816
+ *)
2677
2817
 
2678
- @keyframes dash {
2679
- 0% {
2680
- stroke-dasharray: 1, 470;
2681
- }
2682
- 50% {
2683
- stroke-dasharray: 209, 470;
2684
- stroke-dashoffset: -83;
2685
- }
2686
- 100% {
2687
- stroke-dasharray: 209, 470;
2688
- stroke-dashoffset: -292;
2689
- }
2690
- }
2691
- `],Ps=Rl;var Us=x.constructTagName("spinner"),Ll={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Nl={STANDALONE:"standalone",BUTTON:"button"},ro={VARIANT:Nl.STANDALONE,SIZE:Ll.MIDSIZE,INVERTED:!1};var Fe=class extends E{constructor(){super(...arguments);this.inverted=ro.INVERTED;this.size=ro.SIZE;this.ariaLabel=null;this.variant=ro.VARIANT}updated(e){super.updated(e),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null,this.ariaHidden=this.ariaLabel?"false":"true")}render(){return u`
2692
- <svg part="container" viewBox="0 0 100 100">
2693
- <circle part="circle" cx="50" cy="50" r="46"></circle>
2694
- </svg>
2695
- `}};Fe.styles=[...E.styles,...Ps],c([d({type:Boolean,reflect:!0})],Fe.prototype,"inverted",2),c([d({type:String,reflect:!0})],Fe.prototype,"size",2),c([d({type:String,attribute:"aria-label"})],Fe.prototype,"ariaLabel",2),c([d({type:String,reflect:!0})],Fe.prototype,"variant",2);var ci=Fe;ci.register(Us);var Ol=ci;var sr=class extends to{constructor(){super();this.name="";this.isRadio=!0}firstUpdated(){var e,r,i,n,s;(s=(n=(i=(r=Array.from(((e=this.shadowRoot)==null?void 0:e.querySelectorAll("slot"))||[]))==null?void 0:r.flatMap(a=>a.assignedElements({flatten:!0})))==null?void 0:i.filter(a=>a.tagName.toLowerCase()===Xr))==null?void 0:n.filter(a=>!a.hasAttribute("name")))==null||s.forEach(a=>{a.setAttribute("name",this.name),this.requiredLabel&&a.setAttribute("required-label",this.requiredLabel)})}};sr.styles=[...to.styles],c([d({type:String})],sr.prototype,"name",2);var di=sr;var Vs=x.constructTagName("radiogroup");di.register(Vs);var zl=di;})();
2696
- /*! Bundled license information:
2818
+ lit-html/lit-html.js:
2819
+ (**
2820
+ * @license
2821
+ * Copyright 2017 Google LLC
2822
+ * SPDX-License-Identifier: BSD-3-Clause
2823
+ *)
2697
2824
 
2698
- @lit/reactive-element/decorators/custom-element.js:
2825
+ lit-element/lit-element.js:
2699
2826
  (**
2700
2827
  * @license
2701
2828
  * Copyright 2017 Google LLC
2702
2829
  * SPDX-License-Identifier: BSD-3-Clause
2703
2830
  *)
2704
2831
 
2705
- @lit/reactive-element/css-tag.js:
2832
+ lit-html/is-server.js:
2706
2833
  (**
2707
2834
  * @license
2708
- * Copyright 2019 Google LLC
2835
+ * Copyright 2022 Google LLC
2709
2836
  * SPDX-License-Identifier: BSD-3-Clause
2710
2837
  *)
2711
2838
 
2712
- @lit/reactive-element/reactive-element.js:
2839
+ @lit/reactive-element/decorators/custom-element.js:
2713
2840
  (**
2714
2841
  * @license
2715
2842
  * Copyright 2017 Google LLC
@@ -2779,24 +2906,10 @@
2779
2906
  * SPDX-License-Identifier: BSD-3-Clause
2780
2907
  *)
2781
2908
 
2782
- lit-html/lit-html.js:
2783
- (**
2784
- * @license
2785
- * Copyright 2017 Google LLC
2786
- * SPDX-License-Identifier: BSD-3-Clause
2787
- *)
2788
-
2789
- lit-element/lit-element.js:
2790
- (**
2791
- * @license
2792
- * Copyright 2017 Google LLC
2793
- * SPDX-License-Identifier: BSD-3-Clause
2794
- *)
2795
-
2796
- lit-html/is-server.js:
2909
+ lit-html/directives/if-defined.js:
2797
2910
  (**
2798
2911
  * @license
2799
- * Copyright 2022 Google LLC
2912
+ * Copyright 2018 Google LLC
2800
2913
  * SPDX-License-Identifier: BSD-3-Clause
2801
2914
  *)
2802
2915
 
@@ -2856,13 +2969,6 @@ lit-html/is-server.js:
2856
2969
  * SPDX-License-Identifier: BSD-3-Clause
2857
2970
  *)
2858
2971
 
2859
- lit-html/directives/if-defined.js:
2860
- (**
2861
- * @license
2862
- * Copyright 2018 Google LLC
2863
- * SPDX-License-Identifier: BSD-3-Clause
2864
- *)
2865
-
2866
2972
  lit-html/directive.js:
2867
2973
  (**
2868
2974
  * @license