@momentum-design/components 0.49.2 → 0.49.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +893 -695
- package/dist/browser/index.js.map +4 -4
- package/dist/components/buttonsimple/buttonsimple.component.d.ts +1 -0
- package/dist/components/buttonsimple/buttonsimple.component.js +4 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.component.js +1 -1
- package/dist/components/list/list.component.js +2 -1
- package/dist/components/list/list.constants.d.ts +1 -7
- package/dist/components/list/list.constants.js +1 -7
- package/dist/components/listitem/listitem.component.d.ts +2 -1
- package/dist/components/listitem/listitem.component.js +2 -1
- package/dist/components/listitem/listitem.styles.js +4 -3
- package/dist/components/option/index.d.ts +2 -0
- package/dist/components/option/index.js +2 -0
- package/dist/components/option/option.component.d.ts +17 -0
- package/dist/components/option/option.component.js +64 -9
- package/dist/components/option/option.constants.d.ts +2 -1
- package/dist/components/option/option.constants.js +2 -1
- package/dist/components/option/option.styles.js +22 -0
- package/dist/components/option/option.types.d.ts +7 -0
- package/dist/components/option/option.types.js +1 -0
- package/dist/components/popover/popover.component.d.ts +2 -0
- package/dist/components/popover/popover.component.js +2 -0
- package/dist/components/popover/popover.styles.js +4 -0
- package/dist/components/select/index.d.ts +10 -0
- package/dist/components/select/index.js +7 -0
- package/dist/components/select/select.component.d.ts +191 -0
- package/dist/components/select/select.component.js +544 -0
- package/dist/components/select/select.constants.d.ts +6 -0
- package/dist/components/select/select.constants.js +7 -0
- package/dist/components/select/select.styles.d.ts +2 -0
- package/dist/components/select/select.styles.js +103 -0
- package/dist/components/select/select.types.d.ts +7 -0
- package/dist/components/select/select.types.js +1 -0
- package/dist/custom-elements.json +4272 -3300
- package/dist/index.d.ts +14 -13
- package/dist/index.js +11 -10
- package/dist/react/index.d.ts +8 -7
- package/dist/react/index.js +8 -7
- package/dist/react/listitem/index.d.ts +2 -1
- package/dist/react/listitem/index.js +2 -1
- package/dist/react/option/index.d.ts +4 -0
- package/dist/react/option/index.js +4 -0
- package/dist/react/popover/index.d.ts +2 -0
- package/dist/react/popover/index.js +2 -0
- package/dist/react/select/index.d.ts +28 -0
- package/dist/react/select/index.js +36 -0
- package/dist/utils/keys.d.ts +12 -0
- package/dist/utils/keys.js +12 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
1
|
+
"use strict";(()=>{var Sl=Object.defineProperty;var _l=Object.getOwnPropertyDescriptor;var l=(i,t,e,r)=>{for(var o=r>1?void 0:r?_l(t,e):t,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(t,e,o):a(o))||o);return r&&o&&Sl(t,e,o),o};var Hr=globalThis,Br=Hr.ShadowRoot&&(Hr.ShadyCSS===void 0||Hr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,qo=Symbol(),gs=new WeakMap,lr=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==qo)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(Br&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=gs.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&gs.set(e,t))}return t}toString(){return this.cssText}},vs=i=>new lr(typeof i=="string"?i:i+"",void 0,qo),f=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,o,s)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[s+1],i[0]);return new lr(e,i,qo)},Xo=(i,t)=>{if(Br)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),o=Hr.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,i.appendChild(r)}},Gr=Br?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return vs(e)})(i):i;var{is:Il,defineProperty:kl,getOwnPropertyDescriptor:wl,getOwnPropertyNames:Cl,getOwnPropertySymbols:Ll,getPrototypeOf:Nl}=Object,We=globalThis,ys=We.trustedTypes,Rl=ys?ys.emptyScript:"",Zo=We.reactiveElementPolyfillSupport,cr=(i,t)=>i,dr={toAttribute(i,t){switch(t){case Boolean:i=i?Rl:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},Yr=(i,t)=>!Il(i,t),xs={attribute:!0,type:String,converter:dr,reflect:!1,hasChanged:Yr},Es,Ts;(Es=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(Ts=We.litPropertyMetadata)!=null||(We.litPropertyMetadata=new WeakMap);var Ce=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=xs){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),o=this.getPropertyDescriptor(t,r,e);o!==void 0&&kl(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){var a;let{get:o,set:s}=(a=wl(this.prototype,t))!=null?a:{get(){return this[e]},set(n){this[e]=n}};return{get(){return o==null?void 0:o.call(this)},set(n){let d=o==null?void 0:o.call(this);s.call(this,n),this.requestUpdate(t,d,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:xs}static _$Ei(){if(this.hasOwnProperty(cr("elementProperties")))return;let t=Nl(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(cr("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(cr("properties"))){let e=this.properties,r=[...Cl(e),...Ll(e)];for(let o of r)this.createProperty(o,e[o])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,o]of e)this.elementProperties.set(r,o)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let o=this._$Eu(e,r);o!==void 0&&this._$Eh.set(o,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 o of r)e.unshift(Gr(o))}else t!==void 0&&e.push(Gr(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 Xo(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 o;return(o=r.hostConnected)==null?void 0:o.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 s;let r=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,r);if(o!==void 0&&r.reflect===!0){let a=(((s=r.converter)==null?void 0:s.toAttribute)!==void 0?r.converter:dr).toAttribute(e,r.type);this._$Em=t,a==null?this.removeAttribute(o):this.setAttribute(o,a),this._$Em=null}}_$AK(t,e){var s;let r=this.constructor,o=r._$Eh.get(t);if(o!==void 0&&this._$Em!==o){let a=r.getPropertyOptions(o),n=typeof a.converter=="function"?{fromAttribute:a.converter}:((s=a.converter)==null?void 0:s.fromAttribute)!==void 0?a.converter:dr;this._$Em=o,this[o]=n.fromAttribute(e,a.type),this._$Em=null}}requestUpdate(t,e,r){var o;if(t!==void 0){if(r!=null||(r=this.constructor.getPropertyOptions(t)),!((o=r.hasChanged)!=null?o:Yr)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){var o;this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&((o=this._$Ej)!=null?o: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,o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((r=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[a,n]of this._$Ep)this[a]=n;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[a,n]of s)n.wrapped!==!0||this._$AL.has(a)||this[a]===void 0||this.P(a,this[a],n)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(s=>{var a;return(a=s.hostUpdate)==null?void 0:a.call(s)}),this.update(e)):this._$EU()}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var o;return(o=r.hostUpdated)==null?void 0:o.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){}},As;Ce.elementStyles=[],Ce.shadowRootOptions={mode:"open"},Ce[cr("elementProperties")]=new Map,Ce[cr("finalized")]=new Map,Zo==null||Zo({ReactiveElement:Ce}),((As=We.reactiveElementVersions)!=null?As:We.reactiveElementVersions=[]).push("2.0.4");var pr=globalThis,Wr=pr.trustedTypes,Ss=Wr?Wr.createPolicy("lit-html",{createHTML:i=>i}):void 0,Qo="$lit$",Le=`lit$${Math.random().toFixed(9).slice(2)}$`,Jo="?"+Le,Ol=`<${Jo}>`,st=document,hr=()=>st.createComment(""),ur=i=>i===null||typeof i!="object"&&typeof i!="function",ei=Array.isArray,Ns=i=>ei(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",jo=`[
|
|
2
|
+
\f\r]`,mr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_s=/-->/g,Is=/>/g,ot=RegExp(`>|${jo}(?:([^\\s"'>=/]+)(${jo}*=${jo}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ks=/'/g,ws=/"/g,Rs=/^(?:script|style|textarea|title)$/i,ti=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),p=ti(1),em=ti(2),tm=ti(3),Ne=Symbol.for("lit-noChange"),v=Symbol.for("lit-nothing"),Cs=new WeakMap,it=st.createTreeWalker(st,129);function Os(i,t){if(!ei(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ss!==void 0?Ss.createHTML(t):t}var Ms=(i,t)=>{let e=i.length-1,r=[],o,s=t===2?"<svg>":t===3?"<math>":"",a=mr;for(let n=0;n<e;n++){let d=i[n],m,h,u=-1,x=0;for(;x<d.length&&(a.lastIndex=x,h=a.exec(d),h!==null);)x=a.lastIndex,a===mr?h[1]==="!--"?a=_s:h[1]!==void 0?a=Is:h[2]!==void 0?(Rs.test(h[2])&&(o=RegExp("</"+h[2],"g")),a=ot):h[3]!==void 0&&(a=ot):a===ot?h[0]===">"?(a=o!=null?o:mr,u=-1):h[1]===void 0?u=-2:(u=a.lastIndex-h[2].length,m=h[1],a=h[3]===void 0?ot:h[3]==='"'?ws:ks):a===ws||a===ks?a=ot:a===_s||a===Is?a=mr:(a=ot,o=void 0);let g=a===ot&&i[n+1].startsWith("/>")?" ":"";s+=a===mr?d+Ol:u>=0?(r.push(m),d.slice(0,u)+Qo+d.slice(u)+Le+g):d+Le+(u===-2?n:g)}return[Os(i,s+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},fr=class i{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let s=0,a=0,n=t.length-1,d=this.parts,[m,h]=Ms(t,e);if(this.el=i.createElement(m,r),it.currentNode=this.el.content,e===2||e===3){let u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(o=it.nextNode())!==null&&d.length<n;){if(o.nodeType===1){if(o.hasAttributes())for(let u of o.getAttributeNames())if(u.endsWith(Qo)){let x=h[a++],g=o.getAttribute(u).split(Le),E=/([.?@])?(.*)/.exec(x);d.push({type:1,index:s,name:E[2],strings:g,ctor:E[1]==="."?Xr:E[1]==="?"?Zr:E[1]==="@"?jr:nt}),o.removeAttribute(u)}else u.startsWith(Le)&&(d.push({type:6,index:s}),o.removeAttribute(u));if(Rs.test(o.tagName)){let u=o.textContent.split(Le),x=u.length-1;if(x>0){o.textContent=Wr?Wr.emptyScript:"";for(let g=0;g<x;g++)o.append(u[g],hr()),it.nextNode(),d.push({type:2,index:++s});o.append(u[x],hr())}}}else if(o.nodeType===8)if(o.data===Jo)d.push({type:2,index:s});else{let u=-1;for(;(u=o.data.indexOf(Le,u+1))!==-1;)d.push({type:7,index:s}),u+=Le.length-1}s++}}static createElement(t,e){let r=st.createElement("template");return r.innerHTML=t,r}};function at(i,t,e=i,r){var a,n,d;if(t===Ne)return t;let o=r!==void 0?(a=e.o)==null?void 0:a[r]:e.l,s=ur(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==s&&((n=o==null?void 0:o._$AO)==null||n.call(o,!1),s===void 0?o=void 0:(o=new s(i),o._$AT(i,e,r)),r!==void 0?((d=e.o)!=null?d:e.o=[])[r]=o:e.l=o),o!==void 0&&(t=at(i,o._$AS(i,t.values),o,r)),t}var qr=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,o=((m=t==null?void 0:t.creationScope)!=null?m:st).importNode(e,!0);it.currentNode=o;let s=it.nextNode(),a=0,n=0,d=r[0];for(;d!==void 0;){if(a===d.index){let h;d.type===2?h=new Rt(s,s.nextSibling,this,t):d.type===1?h=new d.ctor(s,d.name,d.strings,this,t):d.type===6&&(h=new Kr(s,this,t)),this._$AV.push(h),d=r[++n]}a!==(d==null?void 0:d.index)&&(s=it.nextNode(),a++)}return it.currentNode=st,o}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++}},Rt=class i{get _$AU(){var t,e;return(e=(t=this._$AM)==null?void 0:t._$AU)!=null?e:this.v}constructor(t,e,r,o){var s;this.type=2,this._$AH=v,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=o,this.v=(s=o==null?void 0:o.isConnected)!=null?s:!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=at(this,t,e),ur(t)?t===v||t==null||t===""?(this._$AH!==v&&this._$AR(),this._$AH=v):t!==this._$AH&&t!==Ne&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ns(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!==v&&ur(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var s;let{values:e,_$litType$:r}=t,o=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=fr.createElement(Os(r.h,r.h[0]),this.options)),r);if(((s=this._$AH)==null?void 0:s._$AD)===o)this._$AH.p(e);else{let a=new qr(o,this),n=a.u(this.options);a.p(e),this.T(n),this._$AH=a}}_$AC(t){let e=Cs.get(t.strings);return e===void 0&&Cs.set(t.strings,e=new fr(t)),e}k(t){ei(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,o=0;for(let s of t)o===e.length?e.push(r=new i(this.O(hr()),this.O(hr()),this,this.options)):r=e[o],r._$AI(s),o++;o<e.length&&(this._$AR(r&&r._$AB.nextSibling,o),e.length=o)}_$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 o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this.v=t,(e=this._$AP)==null||e.call(this,t))}},nt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,o,s){this.type=1,this._$AH=v,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=v}_$AI(t,e=this,r,o){let s=this.strings,a=!1;if(s===void 0)t=at(this,t,e,0),a=!ur(t)||t!==this._$AH&&t!==Ne,a&&(this._$AH=t);else{let n=t,d,m;for(t=s[0],d=0;d<s.length-1;d++)m=at(this,n[r+d],e,d),m===Ne&&(m=this._$AH[d]),a||(a=!ur(m)||m!==this._$AH[d]),m===v?t=v:t!==v&&(t+=(m!=null?m:"")+s[d+1]),this._$AH[d]=m}a&&!o&&this.j(t)}j(t){t===v?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},Xr=class extends nt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===v?void 0:t}},Zr=class extends nt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==v)}},jr=class extends nt{constructor(t,e,r,o,s){super(t,e,r,o,s),this.type=5}_$AI(t,e=this){var a;if((t=(a=at(this,t,e,0))!=null?a:v)===Ne)return;let r=this._$AH,o=t===v&&r!==v||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,s=t!==v&&(r===v||o);o&&this.element.removeEventListener(this.name,this,r),s&&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)}},Kr=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){at(this,t)}},Ds={M:Qo,P:Le,A:Jo,C:1,L:Ms,R:qr,D:Ns,V:at,I:Rt,H:nt,N:Zr,U:jr,B:Xr,F:Kr},Ko=pr.litHtmlPolyfillSupport,Ls;Ko==null||Ko(fr,Rt),((Ls=pr.litHtmlVersions)!=null?Ls:pr.litHtmlVersions=[]).push("3.2.0");var $s=(i,t,e)=>{var s,a;let r=(s=e==null?void 0:e.renderBefore)!=null?s:t,o=r._$litPart$;if(o===void 0){let n=(a=e==null?void 0:e.renderBefore)!=null?a:null;r._$litPart$=o=new Rt(t.insertBefore(hr(),n),n,void 0,e!=null?e:{})}return o._$AI(i),o};var qe=class extends Ce{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=$s(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 Ne}},zs;qe._$litElement$=!0,qe.finalized=!0,(zs=globalThis.litElementHydrateSupport)==null||zs.call(globalThis,{LitElement:qe});var ri=globalThis.litElementPolyfillSupport;ri==null||ri({LitElement:qe});var Ps;((Ps=globalThis.litElementVersions)!=null?Ps:globalThis.litElementVersions=[]).push("4.1.0");var Ml={attribute:!0,type:String,converter:dr,reflect:!1,hasChanged:Yr},Dl=(i=Ml,t,e)=>{let{kind:r,metadata:o}=e,s=globalThis.litPropertyMetadata.get(o);if(s===void 0&&globalThis.litPropertyMetadata.set(o,s=new Map),s.set(e.name,i),r==="accessor"){let{name:a}=e;return{set(n){let d=t.get.call(this);t.set.call(this,n),this.requestUpdate(a,d,i)},init(n){return n!==void 0&&this.P(a,void 0,i),n}}}if(r==="setter"){let{name:a}=e;return function(n){let d=this[a];t.call(this,n),this.requestUpdate(a,d,i)}}throw Error("Unsupported decorator location: "+r)};function c(i){return(t,e)=>typeof e=="object"?Dl(i,t,e):((r,o,s)=>{let a=o.hasOwnProperty(s);return o.constructor.createProperty(s,a?{...r,wrapped:!0}:r),a?Object.getOwnPropertyDescriptor(o,s):void 0})(i,t,e)}function $(i){return c({...i,state:!0,attribute:!1})}var Re=(i,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(i,t,e),e);function Ot(i,t){return(e,r,o)=>{let s=a=>{var n,d;return(d=(n=a.renderRoot)==null?void 0:n.querySelector(i))!=null?d:null};if(t){let{get:a,set:n}=typeof r=="object"?e:o!=null?o:(()=>{let d=Symbol();return{get(){return this[d]},set(m){this[d]=m}}})();return Re(e,r,{get(){let d=a.call(this);return d===void 0&&(d=s(this),(d!==null||this.hasUpdated)&&n.call(this,d)),d}})}return Re(e,r,{get(){return s(this)}})}}function ue(i){return(t,e)=>{let{slot:r,selector:o}=i!=null?i:{},s="slot"+(r?`[name=${r}]`:":not([name])");return Re(t,e,{get(){var d,m;let a=(d=this.renderRoot)==null?void 0:d.querySelector(s),n=(m=a==null?void 0:a.assignedElements(i))!=null?m:[];return o===void 0?n:n.filter(h=>h.matches(o))}})}}function Vs(i){return(t,e)=>{let{slot:r}=i!=null?i:{},o="slot"+(r?`[name=${r}]`:":not([name])");return Re(t,e,{get(){var a,n;let s=(a=this.renderRoot)==null?void 0:a.querySelector(o);return(n=s==null?void 0:s.assignedNodes(i))!=null?n:[]}})}}var C=f`
|
|
4
4
|
:host {
|
|
5
5
|
align-items: center;
|
|
6
6
|
display: flex;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
justify-content: center;
|
|
9
9
|
width: fit-content;
|
|
10
10
|
}
|
|
11
|
-
`,
|
|
11
|
+
`,R=(i=!1)=>{let t=f`
|
|
12
12
|
:host {
|
|
13
13
|
--mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);
|
|
14
14
|
--mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
`,e=f`0 0 0 var(--mdc-focus-ring-inner-width) var(--mdc-focus-ring-inner-color),
|
|
25
25
|
0 0 0 var(--mdc-focus-ring-middle-width) var(--mdc-focus-ring-middle-color),
|
|
26
26
|
0 0 0 var(--mdc-focus-ring-outer-width) var(--mdc-focus-ring-outer-color)
|
|
27
|
-
`;return
|
|
27
|
+
`;return i?[t,f`
|
|
28
28
|
.mdc-focus-ring:focus-visible {
|
|
29
29
|
outline: none;
|
|
30
30
|
}
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
`]};var
|
|
66
|
+
`]};var $l=f`
|
|
67
67
|
:host {
|
|
68
68
|
height: 1.5rem;
|
|
69
69
|
gap: 0.25rem;
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
:host([variant="informational"]:active){
|
|
167
167
|
--mdc-chip-background-color: var(--mds-color-theme-background-alert-theme-active);
|
|
168
168
|
}
|
|
169
|
-
`,
|
|
169
|
+
`,Us=[C,$l,...R()];var Fs=f`
|
|
170
170
|
:host {
|
|
171
171
|
box-sizing: border-box;
|
|
172
172
|
}
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
:host *::after {
|
|
177
177
|
box-sizing: inherit;
|
|
178
178
|
}
|
|
179
|
-
`;var
|
|
179
|
+
`;var Qr=class extends qe{static register(t){customElements.get(t)||customElements.define(t,this)}};Qr.styles=[Fs];var Hs=Qr;var y=Hs;var Xe=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 Mt=class{constructor(t,e,r,o){var s;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(a,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=a,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(a,n)),this.unsubscribe=n},this.host=t,e.context!==void 0){let a=e;this.context=a.context,this.callback=a.callback,this.subscribe=(s=a.subscribe)!=null?s:!1}else this.context=e,this.callback=r,this.subscribe=o!=null?o:!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new Xe(this.context,this.t,this.subscribe))}};var Jr=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:o}=this.subscriptions.get(t);t(this.value,o)}clearCallbacks(){this.subscriptions.clear()}};var oi=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Dt=class extends Jr{constructor(t,e,r){var o,s;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=a=>{let n=a.composedPath()[0];a.context===this.context&&n!==this.host&&(a.stopPropagation(),this.addCallback(a.callback,n,a.subscribe))},this.onProviderRequest=a=>{let n=a.composedPath()[0];if(a.context!==this.context||n===this.host)return;let d=new Set;for(let[m,{consumerHost:h}]of this.subscriptions)d.has(m)||(d.add(m),h.dispatchEvent(new Xe(this.context,m,!0)));a.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(s=(o=this.host).addController)==null||s.call(o,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new oi(this.context))}};var zl=f`
|
|
180
180
|
:host {
|
|
181
181
|
display: contents;
|
|
182
182
|
}
|
|
183
|
-
|
|
183
|
+
`,Gs=zl;var eo=class extends y{constructor({context:t,initialValue:e}){super(),this.context=new Dt(this,{context:t,initialValue:e})}render(){return this.updateContext(),p`<slot></slot>`}};eo.styles=[...y.styles,Gs];var Ys=eo;var $t=Ys;var Pl={PREFIX:"mdc",SEPARATOR:"-"},Vl={NAMESPACE:Pl},ii=Vl;var Ul=i=>[ii.NAMESPACE.PREFIX,i].join(ii.NAMESPACE.SEPARATOR),b={constructTagName:Ul};var Hp=b.constructTagName("buttonsimple"),br={20:20,24:24,28:28,32:32,40:40,48:48,52:52,64:64,72:72,88:88,124:124},zt={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},to={SIZE:br[32],TYPE:zt.BUTTON,ROLE:"button"};var gr=b.constructTagName("text"),_={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"},w={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},te={TYPE:_.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:w.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Ws=b.constructTagName("alertchip"),lt={NEUTRAL:"neutral",ERROR:"error",SUCCESS:"success",WARNING:"warning",INFORMATIONAL:"informational"},Pt={VARIANT:lt.NEUTRAL,TEXT_TYPE:_.BODY_MIDSIZE_REGULAR,TAG_NAME:w.SPAN,SIZE:br[24],ROLE:"button"};var qs=i=>({[lt.ERROR]:"error-legacy-badge-filled",[lt.WARNING]:"warning-badge-filled",[lt.SUCCESS]:"check-circle-badge-filled",[lt.INFORMATIONAL]:"info-badge-filled",[lt.NEUTRAL]:"dnd-presence-badge-filled"})[i];var se=i=>{class t extends i{}return l([c({reflect:!0,type:Boolean})],t.prototype,"disabled",2),t};var ro=i=>{class t extends i{constructor(){super(...arguments);this.tabIndex=0}}return l([c({reflect:!0,type:Number})],t.prototype,"tabIndex",2),t};var Fl=[C,f`
|
|
184
184
|
:host {
|
|
185
185
|
border: 0.0625rem solid transparent;
|
|
186
186
|
cursor: pointer;
|
|
@@ -236,12 +236,12 @@
|
|
|
236
236
|
:host([size="20"]){
|
|
237
237
|
height: var(--mdc-button-height-size-20);
|
|
238
238
|
}
|
|
239
|
-
`,...
|
|
239
|
+
`,...R()],Xs=Fl;var Ee=class extends ro(se(y)){constructor(){super();this.active=!1;this.softDisabled=!1;this.size=to.SIZE;this.role=to.ROLE;this.type=to.TYPE;this.prevTabindex=0;this.internals=this.attachInternals(),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))}get form(){return this.internals.form}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===zt.SUBMIT&&this.form&&this.form.requestSubmit(),this.type===zt.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(),e.key===" "&&e.preventDefault())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed"),e.key===" "&&this.triggerClickEvent())}render(){return p`
|
|
240
240
|
<slot></slot>
|
|
241
|
-
`}};
|
|
242
|
-
<mdc-icon part="icon" name="${
|
|
243
|
-
<mdc-text part="label" type="${
|
|
244
|
-
`}};
|
|
241
|
+
`}};Ee.formAssociated=!0,Ee.styles=[...y.styles,...Xs],l([c({type:Boolean,reflect:!0})],Ee.prototype,"active",2),l([c({type:Boolean,attribute:"soft-disabled"})],Ee.prototype,"softDisabled",2),l([c({type:Number,reflect:!0})],Ee.prototype,"size",2),l([c({type:String,reflect:!0})],Ee.prototype,"role",2),l([c({reflect:!0})],Ee.prototype,"type",2);var ae=Ee;var Vt=class extends ae{constructor(){super(...arguments);this.variant=Pt.VARIANT;this.label=""}connectedCallback(){super.connectedCallback(),this.disabled=void 0,this.softDisabled=void 0,this.active=void 0,this.size=Pt.SIZE,this.role=Pt.ROLE}render(){return p`
|
|
242
|
+
<mdc-icon part="icon" name="${qs(this.variant)}" length-unit="rem" size="1"></mdc-icon>
|
|
243
|
+
<mdc-text part="label" type="${Pt.TEXT_TYPE}" tagname="${Pt.TAG_NAME}">${this.label}</mdc-text>
|
|
244
|
+
`}};Vt.styles=[...y.styles,...Us],l([c({type:String})],Vt.prototype,"variant",2),l([c({type:String})],Vt.prototype,"label",2);var si=Vt;var Zs=f`
|
|
245
245
|
:host::part(text) {
|
|
246
246
|
font-size: unset;
|
|
247
247
|
font-weight: unset;
|
|
@@ -484,14 +484,14 @@
|
|
|
484
484
|
text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
|
|
485
485
|
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
486
486
|
}
|
|
487
|
-
`;var
|
|
487
|
+
`;var Hl=[f`
|
|
488
488
|
:host {
|
|
489
489
|
--mdc-text-font-family: var(--mdc-themeprovider-font-family);
|
|
490
490
|
|
|
491
491
|
display: block;
|
|
492
492
|
font-family: var(--mdc-text-font-family);
|
|
493
493
|
}
|
|
494
|
-
`,
|
|
494
|
+
`,Zs],js=Hl;var Ut=class extends y{constructor(){super(...arguments);this.type=te.TYPE;this.tagname=te.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case w.H1:return p`<h1 part=${te.CSS_PART_TEXT}><slot></slot></h1>`;case w.H2:return p`<h2 part=${te.CSS_PART_TEXT}><slot></slot></h2>`;case w.H3:return p`<h3 part=${te.CSS_PART_TEXT}><slot></slot></h3>`;case w.H4:return p`<h4 part=${te.CSS_PART_TEXT}><slot></slot></h4>`;case w.H5:return p`<h5 part=${te.CSS_PART_TEXT}><slot></slot></h5>`;case w.H6:return p`<h6 part=${te.CSS_PART_TEXT}><slot></slot></h6>`;case w.DIV:return p`<div part=${te.CSS_PART_TEXT}><slot></slot></div>`;case w.SPAN:return p`<span part=${te.CSS_PART_TEXT}><slot></slot></span>`;case w.SMALL:return p`<small part=${te.CSS_PART_TEXT}><slot></slot></small>`;case w.P:default:return p`<p part=${te.CSS_PART_TEXT}><slot></slot></p>`}}};Ut.styles=[...y.styles,...js],l([c({attribute:"type",reflect:!0,type:String})],Ut.prototype,"type",2),l([c({attribute:"tagname",reflect:!0,type:String})],Ut.prototype,"tagname",2);var ai=Ut;ai.register(gr);var Bl=ai;var Gl=[C,f`
|
|
495
495
|
:host {
|
|
496
496
|
--mdc-icon-fill-color: currentColor;
|
|
497
497
|
--mdc-icon-size: var(--computed-icon-size);
|
|
@@ -506,7 +506,52 @@
|
|
|
506
506
|
width: 100%;
|
|
507
507
|
fill: var(--mdc-icon-fill-color);
|
|
508
508
|
}
|
|
509
|
-
`,...
|
|
509
|
+
`,...R()],Ks=Gl;var Yl=i=>{let{host:t,context:e,subscribe:r}=i;return new Mt(t,{context:e,subscribe:r!=null?r:!0})},Wl={consume:Yl},Qs=Wl;var oo=b.constructTagName("iconprovider"),Js=["svg"],ea=["em","rem","px","%"],ql={px:16,em:1,rem:1,"%":100},Oe={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:ql.em,SHOULD_CACHE:!1,ICON_SET:"momentum-icons"};var io=class{};io.context=oo;var so=io;var Te=class extends $t{constructor(){super({context:so.context,initialValue:new so});this.iconSet=Oe.ICON_SET;this.fileExtension=Oe.FILE_EXTENSION;this.lengthUnit=Oe.LENGTH_UNIT;this.size=Oe.SIZE}static get Context(){return so.context}updateValuesInContext(){this.fileExtension&&Js.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=Oe.FILE_EXTENSION,this.context.value.fileExtension=Oe.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&&ea.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=Oe.LENGTH_UNIT,this.context.value.lengthUnit=Oe.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())}};l([c({type:String,attribute:"icon-set",reflect:!0})],Te.prototype,"iconSet",2),l([c({type:String})],Te.prototype,"url",2),l([c({type:String,attribute:"file-extension",reflect:!0})],Te.prototype,"fileExtension",2),l([c({type:String,attribute:"length-unit",reflect:!0})],Te.prototype,"lengthUnit",2),l([c({type:Number,reflect:!0})],Te.prototype,"size",2),l([c({type:String,attribute:"cache-strategy"})],Te.prototype,"cacheStrategy",2),l([c({type:String,attribute:"cache-name"})],Te.prototype,"cacheName",2);var vr=Te;var yr={},ta=async i=>(yr[i]===void 0&&(yr[i]=new Map),{async set(t,e){yr[i].set(t.url,await e.text())},async get(t){return yr[i].get(t.url)},async delete(t){yr[i].delete(t.url)}}),ra=async i=>{let t=await caches.open(i);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)}}},oa=async(i,t)=>t==="in-memory-cache"?ta(i):ra(i);var ia=async i=>fetch(i).then(t=>{if(!t.ok)throw new Error("There was a problem while fetching the icon!");return t}),sa=async({url:i,name:t,fileExtension:e,cacheStrategy:r,cacheName:o,renewSignal:s})=>{let a=s(),n=new Request(`${i}/${t}.${e}`,{signal:a});return!o||!r||!["in-memory-cache","web-cache-api"].includes(r)?ia(n).then(d=>d.text()):oa(o,r).then(d=>d.get(n).then(m=>m||ia(n.clone()).then(h=>{var u;return h.status<400&&h.headers.has("content-type")?(u=d.set)==null?void 0:u.call(d,n,h.clone()).then(()=>h.text()):h.text()})).catch(m=>{throw new Error(`Error in caching the Icon ${t}, ${m}`)}))};var aa=b.constructTagName("icon"),ni={NAME:void 0,SIZE:1};var re=class extends y{constructor(){super();this.name=ni.NAME;this.ariaLabel=null;this.ariaLabelledBy=null;this.iconProviderContext=Qs.consume({host:this,context:vr.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:o,cacheName:s,iconSet:a,cacheStrategy:n}=this.iconProviderContext.value;if(a==="custom-icons"&&o&&r&&this.name){let d=()=>(this.abortController.abort(),this.abortController=new AbortController,this.abortController.signal);return sa({url:o,name:this.name,fileExtension:r,cacheName:s,cacheStrategy:n,renewSignal:d}).then(m=>{let h=this.prepareIconElement(m);this.handleIconLoadedSuccess(h)}).catch(m=>{this.handleIconLoadedFailure(m)})}if(a==="momentum-icons"&&this.name)return import(`@momentum-design/icons/dist/ts/${this.name}.ts`).then(d=>{this.handleIconLoadedSuccess(d.default())}).catch(d=>{this.handleIconLoadedFailure(d)})}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:ni.SIZE}updated(e){var r,o,s,a;super.updated(e),e.has("name")&&this.getIconData().catch(n=>{n.name!=="AbortError"&&this.onerror&&this.onerror(n)}),(e.has("ariaLabel")||e.has("ariaLabelledBy"))&&(this.role=this.ariaLabel||this.ariaLabelledBy?"img":null),(e.has("size")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((r=this.iconProviderContext.value)==null?void 0:r.lengthUnit)&&(this.lengthUnitFromContext=(o=this.iconProviderContext.value)==null?void 0:o.lengthUnit,this.updateSize()),this.sizeFromContext!==((s=this.iconProviderContext.value)==null?void 0:s.size)&&(this.sizeFromContext=(a=this.iconProviderContext.value)==null?void 0:a.size,this.updateSize())}render(){return p` ${this.iconData} `}};re.styles=[...y.styles,...Ks],l([$()],re.prototype,"iconData",2),l([$()],re.prototype,"lengthUnitFromContext",2),l([$()],re.prototype,"sizeFromContext",2),l([c({type:String,reflect:!0})],re.prototype,"name",2),l([c({type:Number})],re.prototype,"size",2),l([c({type:String,attribute:"length-unit"})],re.prototype,"lengthUnit",2),l([c({type:String,attribute:"aria-label"})],re.prototype,"ariaLabel",2),l([c({type:String,attribute:"aria-labelledby"})],re.prototype,"ariaLabelledBy",2),l([$()],re.prototype,"abortController",2);var li=re;li.register(aa);var Xl=li;si.register(Ws);var Zl=si;var jl=f`
|
|
510
|
+
:host {
|
|
511
|
+
--mdc-appheader-height: 4rem;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
:host::part(container) {
|
|
515
|
+
display: flex;
|
|
516
|
+
align-items: center;
|
|
517
|
+
width: 100%;
|
|
518
|
+
height: var(--mdc-appheader-height);
|
|
519
|
+
padding: 1rem;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
:host::part(leading-section),
|
|
523
|
+
:host::part(center-section),
|
|
524
|
+
:host::part(trailing-section) {
|
|
525
|
+
flex: 1;
|
|
526
|
+
display: flex;
|
|
527
|
+
height: 100%;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
:host::part(leading-section) {
|
|
531
|
+
justify-content: flex-start;
|
|
532
|
+
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
:host::part(center-section) {
|
|
536
|
+
justify-content: center;
|
|
537
|
+
align-items: center;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
:host::part(trailing-section) {
|
|
541
|
+
justify-content: flex-end;
|
|
542
|
+
}
|
|
543
|
+
`,na=[jl];var ao=class extends y{render(){return p`
|
|
544
|
+
<header part="container">
|
|
545
|
+
<div part="leading-section">
|
|
546
|
+
<slot name="leading"></slot>
|
|
547
|
+
</div>
|
|
548
|
+
<div part="center-section">
|
|
549
|
+
<slot name="center"></slot>
|
|
550
|
+
</div>
|
|
551
|
+
<div part="trailing-section">
|
|
552
|
+
<slot name="trailing"></slot>
|
|
553
|
+
</div>
|
|
554
|
+
</header>`}};ao.styles=[...y.styles,...na];var ci=ao;var la=b.constructTagName("appheader");ci.register(la);var Kl=ci;var A=i=>i!=null?i:v;var ca=b.constructTagName("avatar"),X={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},di=99,Ql="user-regular",M={24:24,32:32,48:48,64:64,72:72,88:88,124:124},Ft={TYPE:X.PHOTO,SIZE:M[32],ICON_NAME:Ql};var no=i=>{class t extends i{constructor(){super(...arguments);this.size=Ft.SIZE;this.isTyping=!1}}return l([c({type:String})],t.prototype,"src",2),l([c({type:String})],t.prototype,"initials",2),l([c({type:String})],t.prototype,"presence",2),l([c({type:Number,reflect:!0,attribute:"size"})],t.prototype,"size",2),l([c({type:Number})],t.prototype,"counter",2),l([c({type:Boolean,attribute:"is-typing"})],t.prototype,"isTyping",2),t};var K=i=>{class t extends i{}return l([c({type:String,attribute:"icon-name"})],t.prototype,"iconName",2),t};var Jl=[C,f`
|
|
510
555
|
:host {
|
|
511
556
|
--mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
|
|
512
557
|
--mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
@@ -629,9 +674,9 @@
|
|
|
629
674
|
outline: 0.125rem solid;
|
|
630
675
|
}
|
|
631
676
|
}
|
|
632
|
-
`],
|
|
633
|
-
<mdc-presence part="presence" type="${this.presence}" size="${
|
|
634
|
-
`:
|
|
677
|
+
`],da=Jl;var ma=b.constructTagName("presence"),W={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"},H={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},Ht={TYPE:W.ACTIVE,SIZE:H.SMALL};var pa=i=>({[M[124]]:H.XX_LARGE,[M[88]]:H.X_LARGE,[M[72]]:H.LARGE,[M[64]]:H.MIDSIZE,[M[48]]:H.SMALL,[M[32]]:H.X_SMALL,[M[24]]:H.XX_SMALL})[i]||H.X_SMALL,ha=i=>({[M[124]]:4.75,[M[88]]:3,[M[72]]:2.5,[M[64]]:2.25,[M[48]]:1.75,[M[32]]:1.25,[M[24]]:1})[i]||1.25,ua=i=>({[M[124]]:_.HEADING_XLARGE_MEDIUM,[M[88]]:_.HEADING_LARGE_MEDIUM,[M[72]]:_.HEADING_MIDSIZE_MEDIUM,[M[64]]:_.HEADING_SMALL_MEDIUM,[M[48]]:_.HEADING_SMALL_MEDIUM,[M[32]]:_.BODY_MIDSIZE_MEDIUM,[M[24]]:_.BODY_SMALL_MEDIUM})[i]||_.BODY_MIDSIZE_MEDIUM;var xr=class extends no(K(y)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===X.COUNTER&&(this.counter||this.counter===0)||this.isTyping?v:this.presence?p`
|
|
678
|
+
<mdc-presence part="presence" type="${this.presence}" size="${pa(this.size)}"></mdc-presence>
|
|
679
|
+
`:v}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 p`
|
|
635
680
|
<img
|
|
636
681
|
part="photo"
|
|
637
682
|
src="${A(this.src)}"
|
|
@@ -640,27 +685,27 @@
|
|
|
640
685
|
@load="${this.handleOnLoad}"
|
|
641
686
|
@error="${this.handleOnError}"
|
|
642
687
|
/>
|
|
643
|
-
`}iconTemplate(){let e=this.iconName||
|
|
688
|
+
`}iconTemplate(){let e=this.iconName||Ft.ICON_NAME;return p`
|
|
644
689
|
<mdc-icon
|
|
645
690
|
name="${A(e)}"
|
|
646
691
|
length-unit="rem"
|
|
647
|
-
size="${
|
|
692
|
+
size="${ha(this.size)}"
|
|
648
693
|
></mdc-icon>
|
|
649
|
-
`}textTemplate(e){return
|
|
694
|
+
`}textTemplate(e){return p`
|
|
650
695
|
<mdc-text
|
|
651
|
-
type="${
|
|
696
|
+
type="${ua(this.size)}"
|
|
652
697
|
tagname="span"
|
|
653
698
|
>
|
|
654
699
|
${e}
|
|
655
700
|
</mdc-text>
|
|
656
|
-
`}generateCounterText(e){return e<0?"0":e>
|
|
701
|
+
`}generateCounterText(e){return e<0?"0":e>di?`${di}+`:e.toString()}generateInitialsText(e){return e.toUpperCase().slice(0,2)}generateTextContent(e){let r="";return e===X.TEXT&&this.initials&&(r=this.generateInitialsText(this.initials)),e===X.COUNTER&&(this.counter||this.counter===0)&&(r=this.generateCounterText(this.counter)),this.textTemplate(r)}getTypeBasedOnInputs(){return this.src?X.PHOTO:this.iconName?X.ICON:this.initials?X.TEXT:this.counter||this.counter===0?X.COUNTER:X.ICON}getTemplateBasedOnType(e){switch(e){case X.PHOTO:return this.photoTemplate();case X.TEXT:case X.COUNTER:return this.generateTextContent(e);case X.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?p`<div part="loading-wrapper"><div part="loader"></div></div>`:v}getPhotoPlaceHolderContent(e){return this.isPhotoLoaded?v:e===X.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():v}update(e){super.update(e),e.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let e=this.getTypeBasedOnInputs();return p`
|
|
657
702
|
<div part="content" aria-hidden="true">
|
|
658
703
|
${this.getPhotoPlaceHolderContent(e)}
|
|
659
704
|
${this.getTemplateBasedOnType(e)}
|
|
660
705
|
${this.getLoadingContent()}
|
|
661
706
|
${this.getPresenceTemplateBasedOnType(e)}
|
|
662
707
|
</div>
|
|
663
|
-
`}};
|
|
708
|
+
`}};xr.styles=[...y.styles,...da],l([$()],xr.prototype,"isPhotoLoaded",2);var mi=xr;var ec=[C,f`
|
|
664
709
|
:host {
|
|
665
710
|
--mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
|
|
666
711
|
--mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
|
|
@@ -754,7 +799,7 @@
|
|
|
754
799
|
.mdc-presence-icon__scheduled {
|
|
755
800
|
color: var(--mdc-presence-scheduled-background-color);
|
|
756
801
|
}
|
|
757
|
-
`],
|
|
802
|
+
`],fa=ec;var ba=i=>{switch(i){case W.AWAY:return"recents-presence-badge-filled";case W.AWAY_CALLING:return"away-calling-presence-filled";case W.BUSY:return"busy-presence-bold";case W.DND:return"dnd-presence-badge-filled";case W.MEETING:return"camera-filled";case W.ON_CALL:return"handset-filled";case W.ON_DEVICE:return"generic-device-video-badge-filled";case W.ON_MOBILE:return"phone-badge-filled";case W.PAUSE:return"pause-badge-filled";case W.PTO:return"pto-presence-filled";case W.PRESENTING:return"share-screen-badge-filled";case W.QUIET:return"quiet-hours-presence-filled";case W.SCHEDULED:return"meetings-presence-badge-filled";case W.ACTIVE:default:return"active-presence-small-filled"}};var ct=class extends y{constructor(){super(...arguments);this.type=Ht.TYPE;this.size=Ht.SIZE;this.currentIconType=Ht.TYPE}get iconSize(){switch(this.size){case H.MIDSIZE:return 1.16125;case H.LARGE:return 1.30625;case H.X_LARGE:return 1.596875;case H.XX_LARGE:return 2.25;case H.XX_SMALL:case H.X_SMALL:case H.SMALL:default:return this.size=Ht.SIZE,.875}}get icon(){let e=ba(this.type);return e==="active-presence-small-filled"&&(this.type=Ht.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 p`
|
|
758
803
|
<div class="mdc-presence mdc-presence__${this.size}">
|
|
759
804
|
<mdc-icon
|
|
760
805
|
class="mdc-presence-icon mdc-presence-icon__${this.currentIconType}"
|
|
@@ -764,14 +809,14 @@
|
|
|
764
809
|
@error="${this.handleOnError}"
|
|
765
810
|
></mdc-icon>
|
|
766
811
|
</div>
|
|
767
|
-
`}};
|
|
812
|
+
`}};ct.styles=[...y.styles,...fa],l([c({type:String,reflect:!0})],ct.prototype,"type",2),l([c({type:String,reflect:!0})],ct.prototype,"size",2),l([$()],ct.prototype,"currentIconType",2);var pi=ct;pi.register(ma);var tc=pi;mi.register(ca);var rc=mi;var Er=b.constructTagName("button"),Ze={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Tr={40:40,32:32,28:28,24:24},Ae={64:64,52:52,20:20,...Tr},lo={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},Bt={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},Se={VARIANT:Ze.PRIMARY,SIZE:Tr[32],COLOR:lo.DEFAULT,TYPE_INTERNAL:Bt.ICON,TYPE:zt.BUTTON};var oc=[C,f`
|
|
768
813
|
:host {
|
|
769
814
|
padding: unset;
|
|
770
815
|
margin: unset;
|
|
771
816
|
outline: none;
|
|
772
817
|
border-radius: 0.25rem;
|
|
773
818
|
}
|
|
774
|
-
`,...
|
|
819
|
+
`,...R()],ga=oc;var Ar=class extends no(K(ae)){constructor(){super(...arguments);this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role="button",this.type=Se.TYPE}update(e){super.update(e),e.has("size")&&this.setSize(this.size)}setSize(e){this.setAttribute("size",Object.values(M).includes(e)?`${e}`:Ft.SIZE.toString())}render(){return p`
|
|
775
820
|
<mdc-avatar
|
|
776
821
|
slot="prefixIcon"
|
|
777
822
|
?is-typing="${this.isTyping}"
|
|
@@ -782,7 +827,7 @@
|
|
|
782
827
|
size="${A(this.size)}"
|
|
783
828
|
src="${A(this.src)}"
|
|
784
829
|
></mdc-avatar>
|
|
785
|
-
`}};
|
|
830
|
+
`}};Ar.styles=[...ga],l([c({type:String,attribute:"aria-label"})],Ar.prototype,"ariaLabel",2);var hi=Ar;var va=b.constructTagName("avatarbutton");hi.register(va);var ic=hi;var co={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Sr=i=>(...t)=>({_$litDirective$:i,values:t}),Gt=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 Yt=Sr(class extends Gt{constructor(i){var t;if(super(i),i.type!==co.ATTRIBUTE||i.name!=="class"||((t=i.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(i){return" "+Object.keys(i).filter(t=>i[t]).join(" ")+" "}update(i,[t]){var r,o;if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(let s in t)t[s]&&!((r=this.nt)!=null&&r.has(s))&&this.st.add(s);return this.render(t)}let e=i.element.classList;for(let s of this.st)s in t||(e.remove(s),this.st.delete(s));for(let s in t){let a=!!t[s];a===this.st.has(s)||(o=this.nt)!=null&&o.has(s)||(a?(e.add(s),this.st.add(s)):(e.remove(s),this.st.delete(s)))}return Ne}});var ya=b.constructTagName("badge"),Me={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},mo={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},po={PRIMARY:"primary",SECONDARY:"secondary"},_r={SUCCESS:"success",WARNING:"warning",ERROR:"error"},Ab={...po,..._r},je={TYPE:Me.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:po.PRIMARY,ICON_SIZE:1};var sc=[C,f`
|
|
786
831
|
:host {
|
|
787
832
|
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
788
833
|
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
@@ -851,21 +896,30 @@
|
|
|
851
896
|
outline: 0.125rem solid;
|
|
852
897
|
}
|
|
853
898
|
}
|
|
854
|
-
`],
|
|
899
|
+
`],xa=sc;var _e=class extends K(y){constructor(){super(...arguments);this.variant=je.VARIANT;this.maxCounter=je.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>je.MAX_COUNTER_LIMIT||r>je.MAX_COUNTER_LIMIT?`${je.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r){return p`
|
|
855
900
|
<mdc-icon
|
|
856
|
-
class="mdc-badge-icon ${
|
|
901
|
+
class="mdc-badge-icon ${Yt({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
|
|
857
902
|
name="${A(e)}"
|
|
858
|
-
size="${
|
|
903
|
+
size="${je.ICON_SIZE}"
|
|
859
904
|
></mdc-icon>
|
|
860
|
-
`}getBadgeDot(){return
|
|
905
|
+
`}getBadgeDot(){return p`<div class="mdc-badge-dot ${Yt({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return p`
|
|
861
906
|
<mdc-text
|
|
862
907
|
type="${_.BODY_SMALL_MEDIUM}"
|
|
863
908
|
tagname="${w.DIV}"
|
|
864
|
-
class="mdc-badge-text ${
|
|
909
|
+
class="mdc-badge-text ${Yt({"mdc-badge-overlay":this.overlay})}"
|
|
865
910
|
>
|
|
866
911
|
${this.getCounterText(this.maxCounter,this.counter)}
|
|
867
912
|
</mdc-text>
|
|
868
|
-
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(
|
|
913
|
+
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(po).includes(this.variant)&&(this.variant=je.VARIANT);let{iconName:e,type:r,variant:o}=this;switch(r){case Me.ICON:return this.getBadgeIcon(e||"",o);case Me.COUNTER:return this.getBadgeCounterText();case Me.SUCCESS:return this.getBadgeIcon(mo.SUCCESS_ICON_NAME,_r.SUCCESS);case Me.WARNING:return this.getBadgeIcon(mo.WARNING_ICON_NAME,_r.WARNING);case Me.ERROR:return this.getBadgeIcon(mo.ERROR_ICON_NAME,_r.ERROR);case Me.DOT:default:return this.type=Me.DOT,this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};_e.styles=[...y.styles,...xa],l([c({type:String,reflect:!0})],_e.prototype,"type",2),l([c({type:String,reflect:!0})],_e.prototype,"variant",2),l([c({type:Number})],_e.prototype,"counter",2),l([c({type:Number,attribute:"max-counter",reflect:!0})],_e.prototype,"maxCounter",2),l([c({type:Boolean})],_e.prototype,"overlay",2),l([c({type:String,attribute:"aria-label"})],_e.prototype,"ariaLabel",2);var ui=_e;ui.register(ya);var ac=ui;var nc=f`
|
|
914
|
+
:host {
|
|
915
|
+
display: block;
|
|
916
|
+
height: 100%;
|
|
917
|
+
}
|
|
918
|
+
:host::part(brandvisual) {
|
|
919
|
+
height: 100%;
|
|
920
|
+
width: 100%;
|
|
921
|
+
}
|
|
922
|
+
`,Ea=[nc];var Ta=b.constructTagName("brandvisual"),Aa={NAME:void 0};var Wt=class extends y{constructor(){super(...arguments);this.name=Aa.NAME}async getBrandVisualData(){return this.name?import(`@momentum-design/brand-visuals/dist/logos/ts/${this.name}.ts`).then(e=>{this.handleBrandVisualLoadedSuccess(e.default())}).catch(e=>{this.handleBrandVisualLoadedFailure(e)}):(this.handleBrandVisualLoadedFailure(new Error("No brandvisual name provided.")),Promise.reject(new Error("No brandvisual name provided.")))}updated(e){super.updated(e),e.has("name")&&this.getBrandVisualData().catch(r=>{this.onerror&&this.onerror(r)})}handleBrandVisualLoadedSuccess(e){this.brandVisualData=e;let r=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(r)}handleBrandVisualLoadedFailure(e){let r=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:e}});this.dispatchEvent(r)}render(){return p` ${this.brandVisualData} `}};Wt.styles=[...y.styles,...Ea],l([$()],Wt.prototype,"brandVisualData",2),l([c({type:String,reflect:!0})],Wt.prototype,"name",2);var fi=Wt;fi.register(Ta);var lc=fi;var cc=f`
|
|
869
923
|
:host {
|
|
870
924
|
--mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
871
925
|
--mdc-bullet-size-small: 0.25rem;
|
|
@@ -886,7 +940,7 @@
|
|
|
886
940
|
:host([size="large"]) {
|
|
887
941
|
height: var(--mdc-bullet-size-large);
|
|
888
942
|
}
|
|
889
|
-
`,
|
|
943
|
+
`,Sa=[cc];var _a=b.constructTagName("bullet"),Ia={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var Ir=class extends y{constructor(){super(...arguments);this.size=Ia.SMALL}};Ir.styles=[...y.styles,...Sa],l([c({type:String,reflect:!0})],Ir.prototype,"size",2);var bi=Ir;bi.register(_a);var dc=bi;var mc=f`
|
|
890
944
|
:host {
|
|
891
945
|
background-color: transparent;
|
|
892
946
|
border-radius: 1.25rem;
|
|
@@ -1058,8 +1112,8 @@
|
|
|
1058
1112
|
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
1059
1113
|
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
1060
1114
|
}
|
|
1061
|
-
`,
|
|
1062
|
-
${this.prefixIcon?
|
|
1115
|
+
`,ka=[mc];var wa=i=>{switch(i){case Ae[64]:return 2;case Ae[52]:return 1.75;case Ae[40]:return 1.25;default:return 1}},kr=i=>{let t=i.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var ne=class extends ae{constructor(){super(...arguments);this.variant=Se.VARIANT;this.size=Se.SIZE;this.color=Se.COLOR;this.role="button";this.typeInternal=Se.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=`${kr(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${kr(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(Ze).includes(e)?e:Se.VARIANT)}setSize(e){let o=this.typeInternal===Bt.ICON?Object.values(Ae).includes(e)&&!(e===Ae[20]&&this.variant!==Ze.TERTIARY):Object.values(Tr).includes(e);this.setAttribute("size",o?`${e}`:`${Se.SIZE}`),this.iconSize=wa(e)}setColor(e){!Object.values(lo).includes(e)||this.variant===Ze.TERTIARY?this.setAttribute("color",`${Se.COLOR}`):this.setAttribute("color",e)}inferButtonType(){var r,o;let e=(o=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:o.assignedNodes().filter(s=>{var a;return s.nodeType!==Node.TEXT_NODE||((a=s.textContent)==null?void 0:a.trim())}).length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Bt.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Bt.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=Bt.PILL,this.setAttribute("data-btn-type","pill"))}render(){return p`
|
|
1116
|
+
${this.prefixIcon?p` <mdc-icon
|
|
1063
1117
|
name="${this.prefixIcon}"
|
|
1064
1118
|
part="prefix-icon"
|
|
1065
1119
|
size=${this.iconSize}
|
|
@@ -1067,14 +1121,14 @@
|
|
|
1067
1121
|
>
|
|
1068
1122
|
</mdc-icon>`:""}
|
|
1069
1123
|
<slot @slotchange=${this.inferButtonType}></slot>
|
|
1070
|
-
${this.postfixIcon?
|
|
1124
|
+
${this.postfixIcon?p` <mdc-icon
|
|
1071
1125
|
name="${this.postfixIcon}"
|
|
1072
1126
|
part="postfix-icon"
|
|
1073
1127
|
size=${this.iconSize}
|
|
1074
1128
|
length-unit="rem"
|
|
1075
1129
|
>
|
|
1076
1130
|
</mdc-icon>`:""}
|
|
1077
|
-
`}};
|
|
1131
|
+
`}};ne.styles=[...ae.styles,...ka],l([c({type:String,attribute:"prefix-icon",reflect:!0})],ne.prototype,"prefixIcon",2),l([c({type:String,attribute:"postfix-icon",reflect:!0})],ne.prototype,"postfixIcon",2),l([c({type:String})],ne.prototype,"variant",2),l([c({type:Number})],ne.prototype,"size",2),l([c({type:String})],ne.prototype,"color",2),l([c({type:String,reflect:!0})],ne.prototype,"role",2),l([$()],ne.prototype,"typeInternal",2),l([$()],ne.prototype,"iconSize",2);var gi=ne;gi.register(Er);var pc=gi;var P=i=>{class t extends i{constructor(){super(...arguments);this.dataAriaLabel=null}}return l([c({type:String,reflect:!0,attribute:"data-aria-label"})],t.prototype,"dataAriaLabel",2),t};var G=[];for(let i=0;i<256;++i)G.push((i+256).toString(16).slice(1));function Ca(i,t=0){return(G[i[t+0]]+G[i[t+1]]+G[i[t+2]]+G[i[t+3]]+"-"+G[i[t+4]]+G[i[t+5]]+"-"+G[i[t+6]]+G[i[t+7]]+"-"+G[i[t+8]]+G[i[t+9]]+"-"+G[i[t+10]]+G[i[t+11]]+G[i[t+12]]+G[i[t+13]]+G[i[t+14]]+G[i[t+15]]).toLowerCase()}var vi,hc=new Uint8Array(16);function yi(){if(!vi){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");vi=crypto.getRandomValues.bind(crypto)}return vi(hc)}var uc=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),xi={randomUUID:uc};function fc(i,t,e){var o,s,a;if(xi.randomUUID&&!t&&!i)return xi.randomUUID();i=i||{};let r=(a=(s=i.random)!=null?s:(o=i.rng)==null?void 0:o.call(i))!=null?a:yi();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 n=0;n<16;++n)t[e+n]=r[n];return t}return Ca(r)}var De=fc;var Q=i=>{class t extends i{constructor(...o){super(o);this.name="";this.value="";this.internals=this.attachInternals(),this.id=`mdc-input-${De()}`}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,l([c({reflect:!0,type:String})],t.prototype,"name",2),l([c({reflect:!0,type:String})],t.prototype,"value",2),l([c({reflect:!0,type:String,attribute:"validation-message"})],t.prototype,"validationMessage",2),l([Ot("input")],t.prototype,"inputElement",2),t};var La=b.constructTagName("formfieldwrapper"),B={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},V={VALIDATION:B.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id"},dt={TAGNAME:w.SPAN,TYPE:_.BODY_MIDSIZE_REGULAR,HEADER_TYPE:_.BODY_MIDSIZE_BOLD};var bc=[C,f`
|
|
1078
1132
|
:host {
|
|
1079
1133
|
flex-direction: column;
|
|
1080
1134
|
align-items: flex-start;
|
|
@@ -1123,33 +1177,33 @@
|
|
|
1123
1177
|
:host([help-text-type='priority']) .mdc-help-text {
|
|
1124
1178
|
color: var(--mds-color-theme-text-accent-normal);
|
|
1125
1179
|
}
|
|
1126
|
-
`],
|
|
1127
|
-
id="${
|
|
1128
|
-
tagname="${
|
|
1129
|
-
type="${
|
|
1180
|
+
`],Na=bc;var Ra=i=>({[B.ERROR]:"error-legacy-badge-filled",[B.WARNING]:"warning-badge-filled",[B.SUCCESS]:"check-circle-badge-filled",[B.PRIORITY]:"priority-badge-filled",[B.DEFAULT]:""})[i]||"";var $e=class extends se(y){constructor(){super(...arguments);this.id="";this.helpTextType=V.VALIDATION;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?p`<label for="${this.id}" id="${V.HEADING_ID}" class="mdc-label" part="label">${this.label}</label>`:p` <mdc-text
|
|
1181
|
+
id="${V.HEADING_ID}"
|
|
1182
|
+
tagname="${dt.TAGNAME}"
|
|
1183
|
+
type="${dt.HEADER_TYPE}"
|
|
1130
1184
|
part="label"
|
|
1131
1185
|
>${this.label}</mdc-text
|
|
1132
|
-
>`:
|
|
1133
|
-
<mdc-text part="required-label" tagname=${
|
|
1186
|
+
>`:v}renderRequiredLabel(){return this.requiredLabel?p`
|
|
1187
|
+
<mdc-text part="required-label" tagname=${dt.TAGNAME} type=${dt.TYPE}>
|
|
1134
1188
|
(${this.requiredLabel})
|
|
1135
1189
|
</mdc-text>
|
|
1136
|
-
`:
|
|
1190
|
+
`:v}renderHelpTextIcon(){if(!this.helpText)return v;let e=Ra(this.helpTextType||V.VALIDATION);return e&&!this.disabled?p`<mdc-icon part="helper-icon" size="1" length-unit="rem" name=${e}></mdc-icon>`:v}renderHelpText(){return this.helpText?p`
|
|
1137
1191
|
<mdc-text
|
|
1138
|
-
id="${
|
|
1192
|
+
id="${V.HELPER_TEXT_ID}"
|
|
1139
1193
|
part="help-text"
|
|
1140
|
-
tagname=${
|
|
1141
|
-
type=${
|
|
1194
|
+
tagname=${dt.TAGNAME}
|
|
1195
|
+
type=${dt.TYPE}
|
|
1142
1196
|
>
|
|
1143
1197
|
${this.helpText}
|
|
1144
1198
|
</mdc-text>
|
|
1145
|
-
`:
|
|
1199
|
+
`:v}renderLabel(){return this.label?p`<div class="mdc-label-text" part="label-text">
|
|
1146
1200
|
<slot name="label">${this.renderLabelElement()}</slot>
|
|
1147
1201
|
<slot name="required-label">${this.renderRequiredLabel()}</slot>
|
|
1148
1202
|
<slot name="label-info"></slot>
|
|
1149
|
-
</div>`:
|
|
1203
|
+
</div>`:v}renderHelperText(){return this.helpText?p`<div class="mdc-help-text" part="mdc-help-text">
|
|
1150
1204
|
<slot name="help-icon">${this.renderHelpTextIcon()}</slot>
|
|
1151
1205
|
<slot name="help-text">${this.renderHelpText()}</slot>
|
|
1152
|
-
</div>`:
|
|
1206
|
+
</div>`:v}};$e.styles=[...y.styles,...Na],l([c({reflect:!0,type:String})],$e.prototype,"label",2),l([c({type:String,reflect:!0,attribute:"required-label"})],$e.prototype,"requiredLabel",2),l([c({type:String})],$e.prototype,"id",2),l([c({reflect:!0,attribute:"help-text-type"})],$e.prototype,"helpTextType",2),l([c({type:String,reflect:!0,attribute:"help-text"})],$e.prototype,"helpText",2);var Z=$e;var Oa=b.constructTagName("checkbox"),Ei={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var gc=[f`
|
|
1153
1207
|
:host {
|
|
1154
1208
|
--mdc-checkbox-background-color-hover: var(--mds-color-theme-control-inactive-hover);
|
|
1155
1209
|
--mdc-checkbox-border-color: var(--mds-color-theme-outline-button-normal);
|
|
@@ -1253,17 +1307,17 @@
|
|
|
1253
1307
|
border: 0.0625rem solid var(--mdc-checkbox-border-color);
|
|
1254
1308
|
}
|
|
1255
1309
|
}
|
|
1256
|
-
`,...
|
|
1310
|
+
`,...R(!0)],Ma=gc;var mt=class extends Q(P(Z)){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?p`<div class="text-container">
|
|
1257
1311
|
${this.renderLabel()}
|
|
1258
1312
|
${this.renderHelperText()}
|
|
1259
|
-
</div>`:
|
|
1313
|
+
</div>`:v}connectedCallback(){super.connectedCallback(),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?p`
|
|
1260
1314
|
<mdc-icon
|
|
1261
1315
|
class="icon"
|
|
1262
|
-
name="${this.indeterminate?
|
|
1316
|
+
name="${this.indeterminate?Ei.INDETERMINATE:Ei.CHECKED}"
|
|
1263
1317
|
size="1"
|
|
1264
1318
|
length-unit="rem"
|
|
1265
1319
|
></mdc-icon>
|
|
1266
|
-
`:
|
|
1320
|
+
`:v;return p`
|
|
1267
1321
|
<div class="container mdc-focus-ring">
|
|
1268
1322
|
<input
|
|
1269
1323
|
id="${this.id}"
|
|
@@ -1279,14 +1333,14 @@
|
|
|
1279
1333
|
.disabled="${this.disabled}"
|
|
1280
1334
|
aria-label="${(r=this.dataAriaLabel)!=null?r:""}"
|
|
1281
1335
|
tabindex="${this.disabled?-1:0}"
|
|
1282
|
-
aria-describedby="${A(this.helpText?
|
|
1336
|
+
aria-describedby="${A(this.helpText?V.HELPER_TEXT_ID:"")}"
|
|
1283
1337
|
@change=${this.handleChange}
|
|
1284
1338
|
@keydown=${this.handleKeyDown}
|
|
1285
1339
|
/>
|
|
1286
1340
|
<div class="icon-container">${e}</div>
|
|
1287
1341
|
</div>
|
|
1288
1342
|
${this.renderLabelAndHelperText()}
|
|
1289
|
-
`}};
|
|
1343
|
+
`}};mt.styles=[...Z.styles,...Ma],l([c({type:Boolean,reflect:!0})],mt.prototype,"checked",2),l([c({type:Boolean,reflect:!0})],mt.prototype,"indeterminate",2),l([c({type:Boolean,reflect:!0})],mt.prototype,"autofocus",2);var Ti=mt;Ti.register(Oa);var vc=Ti;var yc=f`
|
|
1290
1344
|
:host {
|
|
1291
1345
|
height: 1.5rem;
|
|
1292
1346
|
gap: 0.25rem;
|
|
@@ -1423,15 +1477,15 @@
|
|
|
1423
1477
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
1424
1478
|
cursor: auto;
|
|
1425
1479
|
}
|
|
1426
|
-
`,
|
|
1480
|
+
`,Da=[C,yc,...R()];var $a=b.constructTagName("chip"),xc={DEFAULT:"default",COBALT:"cobalt",GOLD:"gold",LIME:"lime",MINT:"mint",PINK:"pink",PURPLE:"purple",SLATE:"slate",VIOLET:"violet"},qt={COLOR:xc.DEFAULT,TEXT_TYPE:_.BODY_MIDSIZE_REGULAR,TAG_NAME:w.SPAN,SIZE:br[24],ROLE:"button"};var Xt=class extends K(ae){constructor(){super(...arguments);this.color=qt.COLOR;this.label=""}connectedCallback(){super.connectedCallback(),this.role=qt.ROLE,this.size=qt.SIZE,this.active=void 0,this.softDisabled=void 0}renderIcon(){return this.iconName?p`
|
|
1427
1481
|
<mdc-icon
|
|
1428
1482
|
name="${this.iconName}"
|
|
1429
1483
|
length-unit="rem"
|
|
1430
1484
|
size="1"></mdc-icon>
|
|
1431
|
-
`:
|
|
1485
|
+
`:v}render(){return p`
|
|
1432
1486
|
${this.renderIcon()}
|
|
1433
|
-
<mdc-text type="${
|
|
1434
|
-
`}};Gt.styles=[...v.styles,...Aa],l([c({type:String,reflect:!0})],Gt.prototype,"color",2),l([c({type:String})],Gt.prototype,"label",2);var Yt=Gt;Yt.register(Sa);var mc=Yt;var Ae=Math.min,X=Math.max,Ir=Math.round,kr=Math.floor,pe=o=>({x:o,y:o}),pc={left:"right",right:"left",bottom:"top",top:"bottom"},hc={start:"end",end:"start"};function mo(o,t,e){return X(o,Ae(t,e))}function ct(o,t){return typeof o=="function"?o(t):o}function De(o){return o.split("-")[0]}function dt(o){return o.split("-")[1]}function gi(o){return o==="x"?"y":"x"}function po(o){return o==="y"?"height":"width"}function Xe(o){return["top","bottom"].includes(De(o))?"y":"x"}function ho(o){return gi(Xe(o))}function _a(o,t,e){e===void 0&&(e=!1);let r=dt(o),i=ho(o),s=po(i),a=i==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(a=_r(a)),[a,_r(a)]}function Ia(o){let t=_r(o);return[co(o),t,co(t)]}function co(o){return o.replace(/start|end/g,t=>hc[t])}function uc(o,t,e){let r=["left","right"],i=["right","left"],s=["top","bottom"],a=["bottom","top"];switch(o){case"top":case"bottom":return e?t?i:r:t?r:i;case"left":case"right":return t?s:a;default:return[]}}function ka(o,t,e,r){let i=dt(o),s=uc(De(o),e==="start",r);return i&&(s=s.map(a=>a+"-"+i),t&&(s=s.concat(s.map(co)))),s}function _r(o){return o.replace(/left|right|bottom|top/g,t=>pc[t])}function fc(o){return{top:0,right:0,bottom:0,left:0,...o}}function bi(o){return typeof o!="number"?fc(o):{top:o,right:o,bottom:o,left:o}}function mt(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 Ca(o,t,e){let{reference:r,floating:i}=o,s=Xe(t),a=ho(t),n=po(a),d=De(t),m=s==="y",p=r.x+r.width/2-i.width/2,u=r.y+r.height/2-i.height/2,x=r[n]/2-i[n]/2,b;switch(d){case"top":b={x:p,y:r.y-i.height};break;case"bottom":b={x:p,y:r.y+r.height};break;case"right":b={x:r.x+r.width,y:u};break;case"left":b={x:r.x-i.width,y:u};break;default:b={x:r.x,y:r.y}}switch(dt(t)){case"start":b[a]-=x*(e&&m?-1:1);break;case"end":b[a]+=x*(e&&m?-1:1);break}return b}var wa=async(o,t,e)=>{let{placement:r="bottom",strategy:i="absolute",middleware:s=[],platform:a}=e,n=s.filter(Boolean),d=await(a.isRTL==null?void 0:a.isRTL(t)),m=await a.getElementRects({reference:o,floating:t,strategy:i}),{x:p,y:u}=Ca(m,r,d),x=r,b={},E=0;for(let T=0;T<n.length;T++){let{name:I,fn:S}=n[T],{x:k,y:N,data:P,reset:D}=await S({x:p,y:u,initialPlacement:r,placement:x,strategy:i,middlewareData:b,rects:m,platform:a,elements:{reference:o,floating:t}});p=k!=null?k:p,u=N!=null?N:u,b={...b,[I]:{...b[I],...P}},D&&E<=50&&(E++,typeof D=="object"&&(D.placement&&(x=D.placement),D.rects&&(m=D.rects===!0?await a.getElementRects({reference:o,floating:t,strategy:i}):D.rects),{x:p,y:u}=Ca(m,x,d)),T=-1)}return{x:p,y:u,placement:x,strategy:i,middlewareData:b}};async function uo(o,t){var e;t===void 0&&(t={});let{x:r,y:i,platform:s,rects:a,elements:n,strategy:d}=o,{boundary:m="clippingAncestors",rootBoundary:p="viewport",elementContext:u="floating",altBoundary:x=!1,padding:b=0}=ct(t,o),E=bi(b),I=n[x?u==="floating"?"reference":"floating":u],S=mt(await s.getClippingRect({element:(e=await(s.isElement==null?void 0:s.isElement(I)))==null||e?I:I.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(n.floating)),boundary:m,rootBoundary:p,strategy:d})),k=u==="floating"?{x:r,y:i,width:a.floating.width,height:a.floating.height}:a.reference,N=await(s.getOffsetParent==null?void 0:s.getOffsetParent(n.floating)),P=await(s.isElement==null?void 0:s.isElement(N))?await(s.getScale==null?void 0:s.getScale(N))||{x:1,y:1}:{x:1,y:1},D=mt(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:n,rect:k,offsetParent:N,strategy:d}):k);return{top:(S.top-D.top+E.top)/P.y,bottom:(D.bottom-S.bottom+E.bottom)/P.y,left:(S.left-D.left+E.left)/P.x,right:(D.right-S.right+E.right)/P.x}}var La=o=>({name:"arrow",options:o,async fn(t){let{x:e,y:r,placement:i,rects:s,platform:a,elements:n,middlewareData:d}=t,{element:m,padding:p=0}=ct(o,t)||{};if(m==null)return{};let u=bi(p),x={x:e,y:r},b=ho(i),E=po(b),T=await a.getDimensions(m),I=b==="y",S=I?"top":"left",k=I?"bottom":"right",N=I?"clientHeight":"clientWidth",P=s.reference[E]+s.reference[b]-x[b]-s.floating[E],D=x[b]-s.reference[b],ee=await(a.getOffsetParent==null?void 0:a.getOffsetParent(m)),de=ee?ee[N]:0;(!de||!await(a.isElement==null?void 0:a.isElement(ee)))&&(de=n.floating[N]||s.floating[E]);let Se=P/2-D/2,fe=de/2-T[E]/2-1,me=Ae(u[S],fe),Ue=Ae(u[k],fe),ge=me,Ve=de-T[E]-Ue,q=de/2-T[E]/2+Se,wt=mo(ge,q,Ve),_e=!d.arrow&&dt(i)!=null&&q!==wt&&s.reference[E]/2-(q<ge?me:Ue)-T[E]/2<0,be=_e?q<ge?q-ge:q-Ve:0;return{[b]:x[b]+be,data:{[b]:wt,centerOffset:q-wt-be,..._e&&{alignmentOffset:be}},reset:_e}}});var Na=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(t){var e,r;let{placement:i,middlewareData:s,rects:a,initialPlacement:n,platform:d,elements:m}=t,{mainAxis:p=!0,crossAxis:u=!0,fallbackPlacements:x,fallbackStrategy:b="bestFit",fallbackAxisSideDirection:E="none",flipAlignment:T=!0,...I}=ct(o,t);if((e=s.arrow)!=null&&e.alignmentOffset)return{};let S=De(i),k=Xe(n),N=De(n)===n,P=await(d.isRTL==null?void 0:d.isRTL(m.floating)),D=x||(N||!T?[_r(n)]:Ia(n)),ee=E!=="none";!x&&ee&&D.push(...ka(n,T,E,P));let de=[n,...D],Se=await uo(t,I),fe=[],me=((r=s.flip)==null?void 0:r.overflows)||[];if(p&&fe.push(Se[S]),u){let q=_a(i,a,P);fe.push(Se[q[0]],Se[q[1]])}if(me=[...me,{placement:i,overflows:fe}],!fe.every(q=>q<=0)){var Ue,ge;let q=(((Ue=s.flip)==null?void 0:Ue.index)||0)+1,wt=de[q];if(wt)return{data:{index:q,overflows:me},reset:{placement:wt}};let _e=(ge=me.filter(be=>be.overflows[0]<=0).sort((be,Fe)=>be.overflows[1]-Fe.overflows[1])[0])==null?void 0:ge.placement;if(!_e)switch(b){case"bestFit":{var Ve;let be=(Ve=me.filter(Fe=>{if(ee){let He=Xe(Fe.placement);return He===k||He==="y"}return!0}).map(Fe=>[Fe.placement,Fe.overflows.filter(He=>He>0).reduce((He,bl)=>He+bl,0)]).sort((Fe,He)=>Fe[1]-He[1])[0])==null?void 0:Ve[0];be&&(_e=be);break}case"initialPlacement":_e=n;break}if(i!==_e)return{reset:{placement:_e}}}return{}}}};async function gc(o,t){let{placement:e,platform:r,elements:i}=o,s=await(r.isRTL==null?void 0:r.isRTL(i.floating)),a=De(e),n=dt(e),d=Xe(e)==="y",m=["left","top"].includes(a)?-1:1,p=s&&d?-1:1,u=ct(t,o),{mainAxis:x,crossAxis:b,alignmentAxis:E}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return n&&typeof E=="number"&&(b=n==="end"?E*-1:E),d?{x:b*p,y:x*m}:{x:x*m,y:b*p}}var Ra=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(t){var e,r;let{x:i,y:s,placement:a,middlewareData:n}=t,d=await gc(t,o);return a===((e=n.offset)==null?void 0:e.placement)&&(r=n.arrow)!=null&&r.alignmentOffset?{}:{x:i+d.x,y:s+d.y,data:{...d,placement:a}}}}},Oa=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:e,y:r,placement:i}=t,{mainAxis:s=!0,crossAxis:a=!1,limiter:n={fn:I=>{let{x:S,y:k}=I;return{x:S,y:k}}},...d}=ct(o,t),m={x:e,y:r},p=await uo(t,d),u=Xe(De(i)),x=gi(u),b=m[x],E=m[u];if(s){let I=x==="y"?"top":"left",S=x==="y"?"bottom":"right",k=b+p[I],N=b-p[S];b=mo(k,b,N)}if(a){let I=u==="y"?"top":"left",S=u==="y"?"bottom":"right",k=E+p[I],N=E-p[S];E=mo(k,E,N)}let T=n.fn({...t,[x]:b,[u]:E});return{...T,data:{x:T.x-e,y:T.y-r,enabled:{[x]:s,[u]:a}}}}}};var Ma=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){var e,r;let{placement:i,rects:s,platform:a,elements:n}=t,{apply:d=()=>{},...m}=ct(o,t),p=await uo(t,m),u=De(i),x=dt(i),b=Xe(i)==="y",{width:E,height:T}=s.floating,I,S;u==="top"||u==="bottom"?(I=u,S=x===(await(a.isRTL==null?void 0:a.isRTL(n.floating))?"start":"end")?"left":"right"):(S=u,I=x==="end"?"top":"bottom");let k=T-p.top-p.bottom,N=E-p.left-p.right,P=Ae(T-p[I],k),D=Ae(E-p[S],N),ee=!t.middlewareData.shift,de=P,Se=D;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(Se=N),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(de=k),ee&&!x){let me=X(p.left,0),Ue=X(p.right,0),ge=X(p.top,0),Ve=X(p.bottom,0);b?Se=E-2*(me!==0||Ue!==0?me+Ue:X(p.left,p.right)):de=T-2*(ge!==0||Ve!==0?ge+Ve:X(p.top,p.bottom))}await d({...t,availableWidth:Se,availableHeight:de});let fe=await a.getDimensions(n.floating);return E!==fe.width||T!==fe.height?{reset:{rects:!0}}:{}}}};function fo(){return typeof window<"u"}function pt(o){return za(o)?(o.nodeName||"").toLowerCase():"#document"}function j(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function he(o){var t;return(t=(za(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function za(o){return fo()?o instanceof Node||o instanceof j(o).Node:!1}function ae(o){return fo()?o instanceof Element||o instanceof j(o).Element:!1}function ue(o){return fo()?o instanceof HTMLElement||o instanceof j(o).HTMLElement:!1}function Da(o){return!fo()||typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof j(o).ShadowRoot}function Wt(o){let{overflow:t,overflowX:e,overflowY:r,display:i}=ne(o);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!["inline","contents"].includes(i)}function $a(o){return["table","td","th"].includes(pt(o))}function Cr(o){return[":popover-open",":modal"].some(t=>{try{return o.matches(t)}catch{return!1}})}function go(o){let t=bo(),e=ae(o)?ne(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 Pa(o){let t=ze(o);for(;ue(t)&&!ht(t);){if(go(t))return t;if(Cr(t))return null;t=ze(t)}return null}function bo(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ht(o){return["html","body","#document"].includes(pt(o))}function ne(o){return j(o).getComputedStyle(o)}function wr(o){return ae(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function ze(o){if(pt(o)==="html")return o;let t=o.assignedSlot||o.parentNode||Da(o)&&o.host||he(o);return Da(t)?t.host:t}function Ua(o){let t=ze(o);return ht(t)?o.ownerDocument?o.ownerDocument.body:o.body:ue(t)&&Wt(t)?t:Ua(t)}function qt(o,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let i=Ua(o),s=i===((r=o.ownerDocument)==null?void 0:r.body),a=j(i);if(s){let n=vo(a);return t.concat(a,a.visualViewport||[],Wt(i)?i:[],n&&e?qt(n):[])}return t.concat(i,qt(i,[],e))}function vo(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}function Ha(o){let t=ne(o),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=ue(o),s=i?o.offsetWidth:e,a=i?o.offsetHeight:r,n=Ir(e)!==s||Ir(r)!==a;return n&&(e=s,r=a),{width:e,height:r,$:n}}function yi(o){return ae(o)?o:o.contextElement}function Xt(o){let t=yi(o);if(!ue(t))return pe(1);let e=t.getBoundingClientRect(),{width:r,height:i,$:s}=Ha(t),a=(s?Ir(e.width):e.width)/r,n=(s?Ir(e.height):e.height)/i;return(!a||!Number.isFinite(a))&&(a=1),(!n||!Number.isFinite(n))&&(n=1),{x:a,y:n}}var bc=pe(0);function Ba(o){let t=j(o);return!bo()||!t.visualViewport?bc:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function vc(o,t,e){return t===void 0&&(t=!1),!e||t&&e!==j(o)?!1:t}function ut(o,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let i=o.getBoundingClientRect(),s=yi(o),a=pe(1);t&&(r?ae(r)&&(a=Xt(r)):a=Xt(o));let n=vc(s,e,r)?Ba(s):pe(0),d=(i.left+n.x)/a.x,m=(i.top+n.y)/a.y,p=i.width/a.x,u=i.height/a.y;if(s){let x=j(s),b=r&&ae(r)?j(r):r,E=x,T=vo(E);for(;T&&r&&b!==E;){let I=Xt(T),S=T.getBoundingClientRect(),k=ne(T),N=S.left+(T.clientLeft+parseFloat(k.paddingLeft))*I.x,P=S.top+(T.clientTop+parseFloat(k.paddingTop))*I.y;d*=I.x,m*=I.y,p*=I.x,u*=I.y,d+=N,m+=P,E=j(T),T=vo(E)}}return mt({width:p,height:u,x:d,y:m})}function xi(o,t){let e=wr(o).scrollLeft;return t?t.left+e:ut(he(o)).left+e}function Ga(o,t,e){e===void 0&&(e=!1);let r=o.getBoundingClientRect(),i=r.left+t.scrollLeft-(e?0:xi(o,r)),s=r.top+t.scrollTop;return{x:i,y:s}}function yc(o){let{elements:t,rect:e,offsetParent:r,strategy:i}=o,s=i==="fixed",a=he(r),n=t?Cr(t.floating):!1;if(r===a||n&&s)return e;let d={scrollLeft:0,scrollTop:0},m=pe(1),p=pe(0),u=ue(r);if((u||!u&&!s)&&((pt(r)!=="body"||Wt(a))&&(d=wr(r)),ue(r))){let b=ut(r);m=Xt(r),p.x=b.x+r.clientLeft,p.y=b.y+r.clientTop}let x=a&&!u&&!s?Ga(a,d,!0):pe(0);return{width:e.width*m.x,height:e.height*m.y,x:e.x*m.x-d.scrollLeft*m.x+p.x+x.x,y:e.y*m.y-d.scrollTop*m.y+p.y+x.y}}function xc(o){return Array.from(o.getClientRects())}function Ec(o){let t=he(o),e=wr(o),r=o.ownerDocument.body,i=X(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),s=X(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),a=-e.scrollLeft+xi(o),n=-e.scrollTop;return ne(r).direction==="rtl"&&(a+=X(t.clientWidth,r.clientWidth)-i),{width:i,height:s,x:a,y:n}}function Tc(o,t){let e=j(o),r=he(o),i=e.visualViewport,s=r.clientWidth,a=r.clientHeight,n=0,d=0;if(i){s=i.width,a=i.height;let m=bo();(!m||m&&t==="fixed")&&(n=i.offsetLeft,d=i.offsetTop)}return{width:s,height:a,x:n,y:d}}function Ac(o,t){let e=ut(o,!0,t==="fixed"),r=e.top+o.clientTop,i=e.left+o.clientLeft,s=ue(o)?Xt(o):pe(1),a=o.clientWidth*s.x,n=o.clientHeight*s.y,d=i*s.x,m=r*s.y;return{width:a,height:n,x:d,y:m}}function Va(o,t,e){let r;if(t==="viewport")r=Tc(o,e);else if(t==="document")r=Ec(he(o));else if(ae(t))r=Ac(t,e);else{let i=Ba(o);r={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return mt(r)}function Ya(o,t){let e=ze(o);return e===t||!ae(e)||ht(e)?!1:ne(e).position==="fixed"||Ya(e,t)}function Sc(o,t){let e=t.get(o);if(e)return e;let r=qt(o,[],!1).filter(n=>ae(n)&&pt(n)!=="body"),i=null,s=ne(o).position==="fixed",a=s?ze(o):o;for(;ae(a)&&!ht(a);){let n=ne(a),d=go(a);!d&&n.position==="fixed"&&(i=null),(s?!d&&!i:!d&&n.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Wt(a)&&!d&&Ya(o,a))?r=r.filter(p=>p!==a):i=n,a=ze(a)}return t.set(o,r),r}function _c(o){let{element:t,boundary:e,rootBoundary:r,strategy:i}=o,a=[...e==="clippingAncestors"?Cr(t)?[]:Sc(t,this._c):[].concat(e),r],n=a[0],d=a.reduce((m,p)=>{let u=Va(t,p,i);return m.top=X(u.top,m.top),m.right=Ae(u.right,m.right),m.bottom=Ae(u.bottom,m.bottom),m.left=X(u.left,m.left),m},Va(t,n,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Ic(o){let{width:t,height:e}=Ha(o);return{width:t,height:e}}function kc(o,t,e){let r=ue(t),i=he(t),s=e==="fixed",a=ut(o,!0,s,t),n={scrollLeft:0,scrollTop:0},d=pe(0);if(r||!r&&!s)if((pt(t)!=="body"||Wt(i))&&(n=wr(t)),r){let x=ut(t,!0,s,t);d.x=x.x+t.clientLeft,d.y=x.y+t.clientTop}else i&&(d.x=xi(i));let m=i&&!r&&!s?Ga(i,n):pe(0),p=a.left+n.scrollLeft-d.x-m.x,u=a.top+n.scrollTop-d.y-m.y;return{x:p,y:u,width:a.width,height:a.height}}function vi(o){return ne(o).position==="static"}function Fa(o,t){if(!ue(o)||ne(o).position==="fixed")return null;if(t)return t(o);let e=o.offsetParent;return he(o)===e&&(e=e.ownerDocument.body),e}function qa(o,t){let e=j(o);if(Cr(o))return e;if(!ue(o)){let i=ze(o);for(;i&&!ht(i);){if(ae(i)&&!vi(i))return i;i=ze(i)}return e}let r=Fa(o,t);for(;r&&$a(r)&&vi(r);)r=Fa(r,t);return r&&ht(r)&&vi(r)&&!go(r)?e:r||Pa(o)||e}var Cc=async function(o){let t=this.getOffsetParent||qa,e=this.getDimensions,r=await e(o.floating);return{reference:kc(o.reference,await t(o.floating),o.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function wc(o){return ne(o).direction==="rtl"}var Lc={convertOffsetParentRelativeRectToViewportRelativeRect:yc,getDocumentElement:he,getClippingRect:_c,getOffsetParent:qa,getElementRects:Cc,getClientRects:xc,getDimensions:Ic,getScale:Xt,isElement:ae,isRTL:wc};function Nc(o,t){let e=null,r,i=he(o);function s(){var n;clearTimeout(r),(n=e)==null||n.disconnect(),e=null}function a(n,d){n===void 0&&(n=!1),d===void 0&&(d=1),s();let{left:m,top:p,width:u,height:x}=o.getBoundingClientRect();if(n||t(),!u||!x)return;let b=kr(p),E=kr(i.clientWidth-(m+u)),T=kr(i.clientHeight-(p+x)),I=kr(m),k={rootMargin:-b+"px "+-E+"px "+-T+"px "+-I+"px",threshold:X(0,Ae(1,d))||1},N=!0;function P(D){let ee=D[0].intersectionRatio;if(ee!==d){if(!N)return a();ee?a(!1,ee):r=setTimeout(()=>{a(!1,1e-7)},1e3)}N=!1}try{e=new IntersectionObserver(P,{...k,root:i.ownerDocument})}catch{e=new IntersectionObserver(P,k)}e.observe(o)}return a(!0),s}function Wa(o,t,e,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:n=typeof IntersectionObserver=="function",animationFrame:d=!1}=r,m=yi(o),p=i||s?[...m?qt(m):[],...qt(t)]:[];p.forEach(S=>{i&&S.addEventListener("scroll",e,{passive:!0}),s&&S.addEventListener("resize",e)});let u=m&&n?Nc(m,e):null,x=-1,b=null;a&&(b=new ResizeObserver(S=>{let[k]=S;k&&k.target===m&&b&&(b.unobserve(t),cancelAnimationFrame(x),x=requestAnimationFrame(()=>{var N;(N=b)==null||N.observe(t)})),e()}),m&&!d&&b.observe(m),b.observe(t));let E,T=d?ut(o):null;d&&I();function I(){let S=ut(o);T&&(S.x!==T.x||S.y!==T.y||S.width!==T.width||S.height!==T.height)&&e(),T=S,E=requestAnimationFrame(I)}return e(),()=>{var S;p.forEach(k=>{i&&k.removeEventListener("scroll",e),s&&k.removeEventListener("resize",e)}),u==null||u(),(S=b)==null||S.disconnect(),b=null,d&&cancelAnimationFrame(E)}}var Xa=Ra;var Za=Oa,ja=Na,Ka=Ma;var Qa=La;var Ja=(o,t,e)=>{let r=new Map,i={platform:Lc,...e},s={...i.platform,_c:r};return wa(o,t,{...i,platform:s})};var Rc=f`
|
|
1487
|
+
<mdc-text type="${qt.TEXT_TYPE}" tagname="${qt.TAG_NAME}">${this.label}</mdc-text>
|
|
1488
|
+
`}};Xt.styles=[...y.styles,...Da],l([c({type:String,reflect:!0})],Xt.prototype,"color",2),l([c({type:String})],Xt.prototype,"label",2);var Zt=Xt;Zt.register($a);var Ec=Zt;var Ie=Math.min,j=Math.max,Cr=Math.round,Lr=Math.floor,fe=i=>({x:i,y:i}),Tc={left:"right",right:"left",bottom:"top",top:"bottom"},Ac={start:"end",end:"start"};function uo(i,t,e){return j(i,Ie(t,e))}function pt(i,t){return typeof i=="function"?i(t):i}function ze(i){return i.split("-")[0]}function ht(i){return i.split("-")[1]}function Ai(i){return i==="x"?"y":"x"}function fo(i){return i==="y"?"height":"width"}function Ke(i){return["top","bottom"].includes(ze(i))?"y":"x"}function bo(i){return Ai(Ke(i))}function za(i,t,e){e===void 0&&(e=!1);let r=ht(i),o=bo(i),s=fo(o),a=o==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(a=wr(a)),[a,wr(a)]}function Pa(i){let t=wr(i);return[ho(i),t,ho(t)]}function ho(i){return i.replace(/start|end/g,t=>Ac[t])}function Sc(i,t,e){let r=["left","right"],o=["right","left"],s=["top","bottom"],a=["bottom","top"];switch(i){case"top":case"bottom":return e?t?o:r:t?r:o;case"left":case"right":return t?s:a;default:return[]}}function Va(i,t,e,r){let o=ht(i),s=Sc(ze(i),e==="start",r);return o&&(s=s.map(a=>a+"-"+o),t&&(s=s.concat(s.map(ho)))),s}function wr(i){return i.replace(/left|right|bottom|top/g,t=>Tc[t])}function _c(i){return{top:0,right:0,bottom:0,left:0,...i}}function Si(i){return typeof i!="number"?_c(i):{top:i,right:i,bottom:i,left:i}}function ut(i){let{x:t,y:e,width:r,height:o}=i;return{width:r,height:o,top:e,left:t,right:t+r,bottom:e+o,x:t,y:e}}function Ua(i,t,e){let{reference:r,floating:o}=i,s=Ke(t),a=bo(t),n=fo(a),d=ze(t),m=s==="y",h=r.x+r.width/2-o.width/2,u=r.y+r.height/2-o.height/2,x=r[n]/2-o[n]/2,g;switch(d){case"top":g={x:h,y:r.y-o.height};break;case"bottom":g={x:h,y:r.y+r.height};break;case"right":g={x:r.x+r.width,y:u};break;case"left":g={x:r.x-o.width,y:u};break;default:g={x:r.x,y:r.y}}switch(ht(t)){case"start":g[a]-=x*(e&&m?-1:1);break;case"end":g[a]+=x*(e&&m?-1:1);break}return g}var Fa=async(i,t,e)=>{let{placement:r="bottom",strategy:o="absolute",middleware:s=[],platform:a}=e,n=s.filter(Boolean),d=await(a.isRTL==null?void 0:a.isRTL(t)),m=await a.getElementRects({reference:i,floating:t,strategy:o}),{x:h,y:u}=Ua(m,r,d),x=r,g={},E=0;for(let T=0;T<n.length;T++){let{name:I,fn:S}=n[T],{x:k,y:N,data:F,reset:z}=await S({x:h,y:u,initialPlacement:r,placement:x,strategy:o,middlewareData:g,rects:m,platform:a,elements:{reference:i,floating:t}});h=k!=null?k:h,u=N!=null?N:u,g={...g,[I]:{...g[I],...F}},z&&E<=50&&(E++,typeof z=="object"&&(z.placement&&(x=z.placement),z.rects&&(m=z.rects===!0?await a.getElementRects({reference:i,floating:t,strategy:o}):z.rects),{x:h,y:u}=Ua(m,x,d)),T=-1)}return{x:h,y:u,placement:x,strategy:o,middlewareData:g}};async function go(i,t){var e;t===void 0&&(t={});let{x:r,y:o,platform:s,rects:a,elements:n,strategy:d}=i,{boundary:m="clippingAncestors",rootBoundary:h="viewport",elementContext:u="floating",altBoundary:x=!1,padding:g=0}=pt(t,i),E=Si(g),I=n[x?u==="floating"?"reference":"floating":u],S=ut(await s.getClippingRect({element:(e=await(s.isElement==null?void 0:s.isElement(I)))==null||e?I:I.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(n.floating)),boundary:m,rootBoundary:h,strategy:d})),k=u==="floating"?{x:r,y:o,width:a.floating.width,height:a.floating.height}:a.reference,N=await(s.getOffsetParent==null?void 0:s.getOffsetParent(n.floating)),F=await(s.isElement==null?void 0:s.isElement(N))?await(s.getScale==null?void 0:s.getScale(N))||{x:1,y:1}:{x:1,y:1},z=ut(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:n,rect:k,offsetParent:N,strategy:d}):k);return{top:(S.top-z.top+E.top)/F.y,bottom:(z.bottom-S.bottom+E.bottom)/F.y,left:(S.left-z.left+E.left)/F.x,right:(z.right-S.right+E.right)/F.x}}var Ha=i=>({name:"arrow",options:i,async fn(t){let{x:e,y:r,placement:o,rects:s,platform:a,elements:n,middlewareData:d}=t,{element:m,padding:h=0}=pt(i,t)||{};if(m==null)return{};let u=Si(h),x={x:e,y:r},g=bo(o),E=fo(g),T=await a.getDimensions(m),I=g==="y",S=I?"top":"left",k=I?"bottom":"right",N=I?"clientHeight":"clientWidth",F=s.reference[E]+s.reference[g]-x[g]-s.floating[E],z=x[g]-s.reference[g],ie=await(a.getOffsetParent==null?void 0:a.getOffsetParent(m)),pe=ie?ie[N]:0;(!pe||!await(a.isElement==null?void 0:a.isElement(ie)))&&(pe=n.floating[N]||s.floating[E]);let ke=F/2-z/2,ve=pe/2-T[E]/2-1,he=Ie(u[S],ve),He=Ie(u[k],ve),ye=he,Be=pe-T[E]-He,q=pe/2-T[E]/2+ke,Nt=uo(ye,q,Be),we=!d.arrow&&ht(o)!=null&&q!==Nt&&s.reference[E]/2-(q<ye?he:He)-T[E]/2<0,xe=we?q<ye?q-ye:q-Be:0;return{[g]:x[g]+xe,data:{[g]:Nt,centerOffset:q-Nt-xe,...we&&{alignmentOffset:xe}},reset:we}}});var Ba=function(i){return i===void 0&&(i={}),{name:"flip",options:i,async fn(t){var e,r;let{placement:o,middlewareData:s,rects:a,initialPlacement:n,platform:d,elements:m}=t,{mainAxis:h=!0,crossAxis:u=!0,fallbackPlacements:x,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:E="none",flipAlignment:T=!0,...I}=pt(i,t);if((e=s.arrow)!=null&&e.alignmentOffset)return{};let S=ze(o),k=Ke(n),N=ze(n)===n,F=await(d.isRTL==null?void 0:d.isRTL(m.floating)),z=x||(N||!T?[wr(n)]:Pa(n)),ie=E!=="none";!x&&ie&&z.push(...Va(n,T,E,F));let pe=[n,...z],ke=await go(t,I),ve=[],he=((r=s.flip)==null?void 0:r.overflows)||[];if(h&&ve.push(ke[S]),u){let q=za(o,a,F);ve.push(ke[q[0]],ke[q[1]])}if(he=[...he,{placement:o,overflows:ve}],!ve.every(q=>q<=0)){var He,ye;let q=(((He=s.flip)==null?void 0:He.index)||0)+1,Nt=pe[q];if(Nt)return{data:{index:q,overflows:he},reset:{placement:Nt}};let we=(ye=he.filter(xe=>xe.overflows[0]<=0).sort((xe,Ge)=>xe.overflows[1]-Ge.overflows[1])[0])==null?void 0:ye.placement;if(!we)switch(g){case"bestFit":{var Be;let xe=(Be=he.filter(Ge=>{if(ie){let Ye=Ke(Ge.placement);return Ye===k||Ye==="y"}return!0}).map(Ge=>[Ge.placement,Ge.overflows.filter(Ye=>Ye>0).reduce((Ye,Al)=>Ye+Al,0)]).sort((Ge,Ye)=>Ge[1]-Ye[1])[0])==null?void 0:Be[0];xe&&(we=xe);break}case"initialPlacement":we=n;break}if(o!==we)return{reset:{placement:we}}}return{}}}};async function Ic(i,t){let{placement:e,platform:r,elements:o}=i,s=await(r.isRTL==null?void 0:r.isRTL(o.floating)),a=ze(e),n=ht(e),d=Ke(e)==="y",m=["left","top"].includes(a)?-1:1,h=s&&d?-1:1,u=pt(t,i),{mainAxis:x,crossAxis:g,alignmentAxis:E}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return n&&typeof E=="number"&&(g=n==="end"?E*-1:E),d?{x:g*h,y:x*m}:{x:x*m,y:g*h}}var Ga=function(i){return i===void 0&&(i=0),{name:"offset",options:i,async fn(t){var e,r;let{x:o,y:s,placement:a,middlewareData:n}=t,d=await Ic(t,i);return a===((e=n.offset)==null?void 0:e.placement)&&(r=n.arrow)!=null&&r.alignmentOffset?{}:{x:o+d.x,y:s+d.y,data:{...d,placement:a}}}}},Ya=function(i){return i===void 0&&(i={}),{name:"shift",options:i,async fn(t){let{x:e,y:r,placement:o}=t,{mainAxis:s=!0,crossAxis:a=!1,limiter:n={fn:I=>{let{x:S,y:k}=I;return{x:S,y:k}}},...d}=pt(i,t),m={x:e,y:r},h=await go(t,d),u=Ke(ze(o)),x=Ai(u),g=m[x],E=m[u];if(s){let I=x==="y"?"top":"left",S=x==="y"?"bottom":"right",k=g+h[I],N=g-h[S];g=uo(k,g,N)}if(a){let I=u==="y"?"top":"left",S=u==="y"?"bottom":"right",k=E+h[I],N=E-h[S];E=uo(k,E,N)}let T=n.fn({...t,[x]:g,[u]:E});return{...T,data:{x:T.x-e,y:T.y-r,enabled:{[x]:s,[u]:a}}}}}};var Wa=function(i){return i===void 0&&(i={}),{name:"size",options:i,async fn(t){var e,r;let{placement:o,rects:s,platform:a,elements:n}=t,{apply:d=()=>{},...m}=pt(i,t),h=await go(t,m),u=ze(o),x=ht(o),g=Ke(o)==="y",{width:E,height:T}=s.floating,I,S;u==="top"||u==="bottom"?(I=u,S=x===(await(a.isRTL==null?void 0:a.isRTL(n.floating))?"start":"end")?"left":"right"):(S=u,I=x==="end"?"top":"bottom");let k=T-h.top-h.bottom,N=E-h.left-h.right,F=Ie(T-h[I],k),z=Ie(E-h[S],N),ie=!t.middlewareData.shift,pe=F,ke=z;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(ke=N),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(pe=k),ie&&!x){let he=j(h.left,0),He=j(h.right,0),ye=j(h.top,0),Be=j(h.bottom,0);g?ke=E-2*(he!==0||He!==0?he+He:j(h.left,h.right)):pe=T-2*(ye!==0||Be!==0?ye+Be:j(h.top,h.bottom))}await d({...t,availableWidth:ke,availableHeight:pe});let ve=await a.getDimensions(n.floating);return E!==ve.width||T!==ve.height?{reset:{rects:!0}}:{}}}};function vo(){return typeof window<"u"}function ft(i){return Xa(i)?(i.nodeName||"").toLowerCase():"#document"}function J(i){var t;return(i==null||(t=i.ownerDocument)==null?void 0:t.defaultView)||window}function be(i){var t;return(t=(Xa(i)?i.ownerDocument:i.document)||window.document)==null?void 0:t.documentElement}function Xa(i){return vo()?i instanceof Node||i instanceof J(i).Node:!1}function le(i){return vo()?i instanceof Element||i instanceof J(i).Element:!1}function ge(i){return vo()?i instanceof HTMLElement||i instanceof J(i).HTMLElement:!1}function qa(i){return!vo()||typeof ShadowRoot>"u"?!1:i instanceof ShadowRoot||i instanceof J(i).ShadowRoot}function Kt(i){let{overflow:t,overflowX:e,overflowY:r,display:o}=ce(i);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!["inline","contents"].includes(o)}function Za(i){return["table","td","th"].includes(ft(i))}function Nr(i){return[":popover-open",":modal"].some(t=>{try{return i.matches(t)}catch{return!1}})}function yo(i){let t=xo(),e=le(i)?ce(i):i;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 ja(i){let t=Pe(i);for(;ge(t)&&!bt(t);){if(yo(t))return t;if(Nr(t))return null;t=Pe(t)}return null}function xo(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function bt(i){return["html","body","#document"].includes(ft(i))}function ce(i){return J(i).getComputedStyle(i)}function Rr(i){return le(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:{scrollLeft:i.scrollX,scrollTop:i.scrollY}}function Pe(i){if(ft(i)==="html")return i;let t=i.assignedSlot||i.parentNode||qa(i)&&i.host||be(i);return qa(t)?t.host:t}function Ka(i){let t=Pe(i);return bt(t)?i.ownerDocument?i.ownerDocument.body:i.body:ge(t)&&Kt(t)?t:Ka(t)}function jt(i,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let o=Ka(i),s=o===((r=i.ownerDocument)==null?void 0:r.body),a=J(o);if(s){let n=Eo(a);return t.concat(a,a.visualViewport||[],Kt(o)?o:[],n&&e?jt(n):[])}return t.concat(o,jt(o,[],e))}function Eo(i){return i.parent&&Object.getPrototypeOf(i.parent)?i.frameElement:null}function en(i){let t=ce(i),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,o=ge(i),s=o?i.offsetWidth:e,a=o?i.offsetHeight:r,n=Cr(e)!==s||Cr(r)!==a;return n&&(e=s,r=a),{width:e,height:r,$:n}}function Ii(i){return le(i)?i:i.contextElement}function Qt(i){let t=Ii(i);if(!ge(t))return fe(1);let e=t.getBoundingClientRect(),{width:r,height:o,$:s}=en(t),a=(s?Cr(e.width):e.width)/r,n=(s?Cr(e.height):e.height)/o;return(!a||!Number.isFinite(a))&&(a=1),(!n||!Number.isFinite(n))&&(n=1),{x:a,y:n}}var kc=fe(0);function tn(i){let t=J(i);return!xo()||!t.visualViewport?kc:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function wc(i,t,e){return t===void 0&&(t=!1),!e||t&&e!==J(i)?!1:t}function gt(i,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let o=i.getBoundingClientRect(),s=Ii(i),a=fe(1);t&&(r?le(r)&&(a=Qt(r)):a=Qt(i));let n=wc(s,e,r)?tn(s):fe(0),d=(o.left+n.x)/a.x,m=(o.top+n.y)/a.y,h=o.width/a.x,u=o.height/a.y;if(s){let x=J(s),g=r&&le(r)?J(r):r,E=x,T=Eo(E);for(;T&&r&&g!==E;){let I=Qt(T),S=T.getBoundingClientRect(),k=ce(T),N=S.left+(T.clientLeft+parseFloat(k.paddingLeft))*I.x,F=S.top+(T.clientTop+parseFloat(k.paddingTop))*I.y;d*=I.x,m*=I.y,h*=I.x,u*=I.y,d+=N,m+=F,E=J(T),T=Eo(E)}}return ut({width:h,height:u,x:d,y:m})}function ki(i,t){let e=Rr(i).scrollLeft;return t?t.left+e:gt(be(i)).left+e}function rn(i,t,e){e===void 0&&(e=!1);let r=i.getBoundingClientRect(),o=r.left+t.scrollLeft-(e?0:ki(i,r)),s=r.top+t.scrollTop;return{x:o,y:s}}function Cc(i){let{elements:t,rect:e,offsetParent:r,strategy:o}=i,s=o==="fixed",a=be(r),n=t?Nr(t.floating):!1;if(r===a||n&&s)return e;let d={scrollLeft:0,scrollTop:0},m=fe(1),h=fe(0),u=ge(r);if((u||!u&&!s)&&((ft(r)!=="body"||Kt(a))&&(d=Rr(r)),ge(r))){let g=gt(r);m=Qt(r),h.x=g.x+r.clientLeft,h.y=g.y+r.clientTop}let x=a&&!u&&!s?rn(a,d,!0):fe(0);return{width:e.width*m.x,height:e.height*m.y,x:e.x*m.x-d.scrollLeft*m.x+h.x+x.x,y:e.y*m.y-d.scrollTop*m.y+h.y+x.y}}function Lc(i){return Array.from(i.getClientRects())}function Nc(i){let t=be(i),e=Rr(i),r=i.ownerDocument.body,o=j(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),s=j(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),a=-e.scrollLeft+ki(i),n=-e.scrollTop;return ce(r).direction==="rtl"&&(a+=j(t.clientWidth,r.clientWidth)-o),{width:o,height:s,x:a,y:n}}function Rc(i,t){let e=J(i),r=be(i),o=e.visualViewport,s=r.clientWidth,a=r.clientHeight,n=0,d=0;if(o){s=o.width,a=o.height;let m=xo();(!m||m&&t==="fixed")&&(n=o.offsetLeft,d=o.offsetTop)}return{width:s,height:a,x:n,y:d}}function Oc(i,t){let e=gt(i,!0,t==="fixed"),r=e.top+i.clientTop,o=e.left+i.clientLeft,s=ge(i)?Qt(i):fe(1),a=i.clientWidth*s.x,n=i.clientHeight*s.y,d=o*s.x,m=r*s.y;return{width:a,height:n,x:d,y:m}}function Qa(i,t,e){let r;if(t==="viewport")r=Rc(i,e);else if(t==="document")r=Nc(be(i));else if(le(t))r=Oc(t,e);else{let o=tn(i);r={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return ut(r)}function on(i,t){let e=Pe(i);return e===t||!le(e)||bt(e)?!1:ce(e).position==="fixed"||on(e,t)}function Mc(i,t){let e=t.get(i);if(e)return e;let r=jt(i,[],!1).filter(n=>le(n)&&ft(n)!=="body"),o=null,s=ce(i).position==="fixed",a=s?Pe(i):i;for(;le(a)&&!bt(a);){let n=ce(a),d=yo(a);!d&&n.position==="fixed"&&(o=null),(s?!d&&!o:!d&&n.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||Kt(a)&&!d&&on(i,a))?r=r.filter(h=>h!==a):o=n,a=Pe(a)}return t.set(i,r),r}function Dc(i){let{element:t,boundary:e,rootBoundary:r,strategy:o}=i,a=[...e==="clippingAncestors"?Nr(t)?[]:Mc(t,this._c):[].concat(e),r],n=a[0],d=a.reduce((m,h)=>{let u=Qa(t,h,o);return m.top=j(u.top,m.top),m.right=Ie(u.right,m.right),m.bottom=Ie(u.bottom,m.bottom),m.left=j(u.left,m.left),m},Qa(t,n,o));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function $c(i){let{width:t,height:e}=en(i);return{width:t,height:e}}function zc(i,t,e){let r=ge(t),o=be(t),s=e==="fixed",a=gt(i,!0,s,t),n={scrollLeft:0,scrollTop:0},d=fe(0);if(r||!r&&!s)if((ft(t)!=="body"||Kt(o))&&(n=Rr(t)),r){let x=gt(t,!0,s,t);d.x=x.x+t.clientLeft,d.y=x.y+t.clientTop}else o&&(d.x=ki(o));let m=o&&!r&&!s?rn(o,n):fe(0),h=a.left+n.scrollLeft-d.x-m.x,u=a.top+n.scrollTop-d.y-m.y;return{x:h,y:u,width:a.width,height:a.height}}function _i(i){return ce(i).position==="static"}function Ja(i,t){if(!ge(i)||ce(i).position==="fixed")return null;if(t)return t(i);let e=i.offsetParent;return be(i)===e&&(e=e.ownerDocument.body),e}function sn(i,t){let e=J(i);if(Nr(i))return e;if(!ge(i)){let o=Pe(i);for(;o&&!bt(o);){if(le(o)&&!_i(o))return o;o=Pe(o)}return e}let r=Ja(i,t);for(;r&&Za(r)&&_i(r);)r=Ja(r,t);return r&&bt(r)&&_i(r)&&!yo(r)?e:r||ja(i)||e}var Pc=async function(i){let t=this.getOffsetParent||sn,e=this.getDimensions,r=await e(i.floating);return{reference:zc(i.reference,await t(i.floating),i.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function Vc(i){return ce(i).direction==="rtl"}var Uc={convertOffsetParentRelativeRectToViewportRelativeRect:Cc,getDocumentElement:be,getClippingRect:Dc,getOffsetParent:sn,getElementRects:Pc,getClientRects:Lc,getDimensions:$c,getScale:Qt,isElement:le,isRTL:Vc};function Fc(i,t){let e=null,r,o=be(i);function s(){var n;clearTimeout(r),(n=e)==null||n.disconnect(),e=null}function a(n,d){n===void 0&&(n=!1),d===void 0&&(d=1),s();let{left:m,top:h,width:u,height:x}=i.getBoundingClientRect();if(n||t(),!u||!x)return;let g=Lr(h),E=Lr(o.clientWidth-(m+u)),T=Lr(o.clientHeight-(h+x)),I=Lr(m),k={rootMargin:-g+"px "+-E+"px "+-T+"px "+-I+"px",threshold:j(0,Ie(1,d))||1},N=!0;function F(z){let ie=z[0].intersectionRatio;if(ie!==d){if(!N)return a();ie?a(!1,ie):r=setTimeout(()=>{a(!1,1e-7)},1e3)}N=!1}try{e=new IntersectionObserver(F,{...k,root:o.ownerDocument})}catch{e=new IntersectionObserver(F,k)}e.observe(i)}return a(!0),s}function an(i,t,e,r){r===void 0&&(r={});let{ancestorScroll:o=!0,ancestorResize:s=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:n=typeof IntersectionObserver=="function",animationFrame:d=!1}=r,m=Ii(i),h=o||s?[...m?jt(m):[],...jt(t)]:[];h.forEach(S=>{o&&S.addEventListener("scroll",e,{passive:!0}),s&&S.addEventListener("resize",e)});let u=m&&n?Fc(m,e):null,x=-1,g=null;a&&(g=new ResizeObserver(S=>{let[k]=S;k&&k.target===m&&g&&(g.unobserve(t),cancelAnimationFrame(x),x=requestAnimationFrame(()=>{var N;(N=g)==null||N.observe(t)})),e()}),m&&!d&&g.observe(m),g.observe(t));let E,T=d?gt(i):null;d&&I();function I(){let S=gt(i);T&&(S.x!==T.x||S.y!==T.y||S.width!==T.width||S.height!==T.height)&&e(),T=S,E=requestAnimationFrame(I)}return e(),()=>{var S;h.forEach(k=>{o&&k.removeEventListener("scroll",e),s&&k.removeEventListener("resize",e)}),u==null||u(),(S=g)==null||S.disconnect(),g=null,d&&cancelAnimationFrame(E)}}var nn=Ga;var ln=Ya,cn=Ba,dn=Wa;var mn=Ha;var pn=(i,t,e)=>{let r=new Map,o={platform:Uc,...e},s={...o.platform,_c:r};return Fa(i,t,{...o,platform:s})};var Hc=f`
|
|
1435
1489
|
:host {
|
|
1436
1490
|
--mdc-popover-arrow-border-radius: 0.1875rem;
|
|
1437
1491
|
--mdc-popover-arrow-border: 0.0625rem solid var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -1442,6 +1496,8 @@
|
|
|
1442
1496
|
--mdc-popover-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);
|
|
1443
1497
|
--mdc-popover-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);
|
|
1444
1498
|
--mdc-popover-elevation-3: var(--mds-elevation-3);
|
|
1499
|
+
--mdc-popover-max-width: unset;
|
|
1500
|
+
--mdc-popover-max-height: auto;
|
|
1445
1501
|
|
|
1446
1502
|
display: none;
|
|
1447
1503
|
position: absolute;
|
|
@@ -1450,6 +1506,7 @@
|
|
|
1450
1506
|
border-radius: 0.5rem;
|
|
1451
1507
|
border: 0.0625rem solid var(--mdc-popover-border-color);
|
|
1452
1508
|
filter: var(--mdc-popover-elevation-3);
|
|
1509
|
+
width: var(--mdc-popover-max-width);
|
|
1453
1510
|
}
|
|
1454
1511
|
|
|
1455
1512
|
:host([visible]) {
|
|
@@ -1480,6 +1537,7 @@
|
|
|
1480
1537
|
overflow-y: auto;
|
|
1481
1538
|
min-width: max-content;
|
|
1482
1539
|
z-index: 9998;
|
|
1540
|
+
max-height: var(--mdc-popover-max-height);
|
|
1483
1541
|
}
|
|
1484
1542
|
|
|
1485
1543
|
.popover-hover-bridge {
|
|
@@ -1534,7 +1592,7 @@
|
|
|
1534
1592
|
border-top-right-radius: var(--mdc-popover-arrow-border-radius);
|
|
1535
1593
|
border-bottom-left-radius: 100%;
|
|
1536
1594
|
}
|
|
1537
|
-
`,
|
|
1595
|
+
`,hn=[Hc];var un=b.constructTagName("popover"),Ve={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"},Or={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Mr={TONAL:"tonal",CONTRAST:"contrast"},O={PLACEMENT:Ve.BOTTOM,TRIGGER:Or.CLICK,COLOR:Mr.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,DISABLE_ARIA_EXPANDED:!1};var fn=i=>{class t extends i{constructor(...o){super(...o);this.enabledFocusTrap=O.FOCUS_TRAP;this.enabledPreventScroll=O.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(o){return o.getClientRects().length===0}hasZeroDimensions(o){let{width:s,height:a}=o.getBoundingClientRect(),{offsetWidth:n,offsetHeight:d}=o;return n+d+a+s===0}isNotVisible(o){return this.hasZeroDimensions(o)||this.hasNoClientRects(o)}hasHiddenStyle(o){let{display:s,opacity:a,visibility:n}=o.style;return s==="none"||a==="0"||n==="hidden"||n==="collapse"}hasComputedHidden(o){let s=getComputedStyle(o);return s.visibility==="hidden"||s.height==="0"||s.display==="none"}isHidden(o){return o.hasAttribute("hidden")||o.getAttribute("aria-hidden")==="true"||this.hasHiddenStyle(o)||this.isNotVisible(o)||this.hasComputedHidden(o)}isNotTabbable(o){return o.getAttribute("tabindex")==="-1"}isInteractiveElement(o){return!!(new Set(["BUTTON","DETAILS","EMBED","IFRAME","SELECT","TEXTAREA"]).has(o.tagName)||o instanceof HTMLAnchorElement&&o.hasAttribute("href")||o instanceof HTMLInputElement&&o.type!=="hidden"||(o instanceof HTMLAudioElement||o instanceof HTMLVideoElement)&&o.hasAttribute("controls")||(o instanceof HTMLImageElement||o instanceof HTMLObjectElement)&&o.hasAttribute("usemap")||o.hasAttribute("tabindex")&&o.tabIndex>-1)}isFocusable(o){return this.isHidden(o)||this.isNotTabbable(o)?!1:this.isInteractiveElement(o)}findFocusable(o,s=new Set){return o instanceof HTMLElement&&this.isFocusable(o)&&s.add(o),Array.from(o.children).forEach(n=>{let d=n;this.isFocusable(d)&&s.add(d),d.shadowRoot?this.findFocusable(d.shadowRoot,s):d.tagName==="SLOT"?d.assignedElements({flatten:!0}).forEach(h=>{h instanceof HTMLElement&&this.findFocusable(h,s)}):this.findFocusable(d,s)}),[...s]}setFocusableElements(){this.shadowRoot&&(this.focusableElements=this.findFocusable(this.shadowRoot,new Set))}setInitialFocus(o=0){this.focusableElements.length!==0&&(this.enabledPreventScroll&&(document.body.style.overflow="hidden"),this.focusableElements[o]&&(this.focusTrapIndex=o,this.focusableElements[o].focus()))}calculateNextIndex(o,s){let{length:a}=this.focusableElements,n=this.shouldWrapFocus();if(o===-1)return s>0?0:a-1;let d=o+s;return n?(d<0&&(d=a-1),d>=a&&(d=0)):(d<0&&(d=0),d>=a&&(d=a-1)),d}getDeepActiveElement(){var s;let o=document.activeElement||document.body;for(;o instanceof HTMLElement&&((s=o.shadowRoot)!=null&&s.activeElement);)o=o.shadowRoot.activeElement;return o||document.body}findElement(o){return this.focusableElements.findIndex(s=>this.isEqualFocusNode(o,s))}isEqualFocusNode(o,s){return o.nodeType>=0?s.isEqualNode(o)&&s===o:!1}trapFocus(o){if(this.focusableElements.length===0)return;let s=this.getDeepActiveElement(),a=this.findElement(s);o?this.focusTrapIndex=this.calculateNextIndex(a,-1):this.focusTrapIndex=this.calculateNextIndex(a,1);let n=this.focusableElements[this.focusTrapIndex];n&&n.focus()}handleKeydown(o){!this.enabledFocusTrap||!this.focusableElements.length||o.key==="Tab"&&(o.preventDefault(),this.trapFocus(o.shiftKey))}}return l([c({type:Boolean})],t.prototype,"enabledFocusTrap",2),l([c({type:Boolean})],t.prototype,"enabledPreventScroll",2),t};var wi=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=[]}},vt=new wi;var yt=class{static dispatchPopoverEvent(t,e){e.dispatchEvent(new CustomEvent(t,{detail:{show:e.visible},composed:!0,bubbles:!0}))}static onShowPopover(t){this.dispatchPopoverEvent("shown",t)}static onHidePopover(t){this.dispatchPopoverEvent("hidden",t)}static onCreatedPopover(t){this.dispatchPopoverEvent("created",t)}static onDestroyedPopover(t){this.dispatchPopoverEvent("destroyed",t)}};var To=class{constructor(t){this.arrowPixelChange=!1;this.popover=t}setupDelay(){try{let[t,e]=this.popover.delay.split(",").map(r=>{let o=parseInt(r,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${r}`);return o});return[t,e]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(t){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)`,o=this.popover.offsetHeight||0,s=this.popover.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=`${o}px`,e.style.width=r,e.style.right=`calc(-1.5 * (${r}))`;break;case"right":e.style.height=`${o}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.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive&&(this.popover.ariaLabel||(this.popover.ariaLabel=((t=this.popover.triggerElement)==null?void 0:t.ariaLabel)||((e=this.popover.triggerElement)==null?void 0:e.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateArrowStyle(t,e){var h;if(!this.popover.arrowElement)return;let r=e.split("-")[0],o={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:s,y:a}=t,n=this.popover.arrowElement.getBoundingClientRect(),d=(h=this.popover.arrowElement.offsetParent)==null?void 0:h.getBoundingClientRect();if(!this.arrowPixelChange){let u=d!=null&&d[o]?12-Math.abs(n[o]-d[o]):0;Math.round(u)===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:s!=null?`${s}px`:"",top:a!=null?`${a}px`:"",[o]:`${-this.popover.arrowElement.offsetHeight/2-m}px`})}updatePopoverStyle(t,e){Object.assign(this.popover.style,{left:`${t}px`,top:`${e}px`})}createBackdrop(){var t;if(!this.popover.backdropElement){let e=document.createElement("div");e.classList.add("popover-backdrop"),(t=this.popover.parentElement)==null||t.appendChild(e);let r=document.createElement("style");r.textContent=`
|
|
1538
1596
|
.popover-backdrop {
|
|
1539
1597
|
position: fixed;
|
|
1540
1598
|
top: 0;
|
|
@@ -1544,21 +1602,21 @@
|
|
|
1544
1602
|
background: transparent;
|
|
1545
1603
|
z-index: ${this.popover.zIndex-1};
|
|
1546
1604
|
}
|
|
1547
|
-
`,e.appendChild(r),this.popover.backdropElement=e}}};var L=class extends
|
|
1605
|
+
`,e.appendChild(r),this.popover.backdropElement=e}}};var L=class extends fn(y){constructor(){super();this.id="";this.triggerID="";this.trigger=O.TRIGGER;this.placement=O.PLACEMENT;this.color=O.COLOR;this.visible=O.VISIBLE;this.offset=O.OFFSET;this.focusTrap=O.FOCUS_TRAP;this.preventScroll=O.PREVENT_SCROLL;this.showArrow=O.ARROW;this.closeButton=O.CLOSE_BUTTON;this.interactive=O.INTERACTIVE;this.delay=O.DELAY;this.hideOnEscape=O.HIDE_ON_ESCAPE;this.hideOnBlur=O.HIDE_ON_BLUR;this.hideOnOutsideClick=O.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=O.FOCUS_BACK;this.backdrop=O.BACKDROP;this.flip=O.FLIP;this.size=O.SIZE;this.zIndex=O.Z_INDEX;this.appendTo="";this.closeButtonAriaLabel=null;this.role=O.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=O.DISABLE_ARIA_EXPANDED;this.arrowElement=null;this.triggerElement=null;this.hoverTimer=null;this.isTriggerClicked=!1;this.openDelay=0;this.closeDelay=0;this.backdropElement=null;this.onOutsidePopoverClick=e=>{if(vt.peek()!==this)return;let r=!1,o=e.composedPath();r=this.contains(e.target)||o.includes(this.triggerElement);let s=this.backdropElement?o.includes(this.backdropElement):!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},this.openDelay)};this.hidePopover=()=>{vt.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1},this.closeDelay)};this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)};this.utils=new To(this)}async firstUpdated(e){super.firstUpdated(e),this.utils.setupAppendTo(),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,yt.onCreatedPopover(this),this.visible&&(this.positionPopover(),await this.handleCreatePopoverFirstUpdate())}async disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners(),yt.onDestroyedPopover(this),vt.remove(this)}setupTriggerListener(){if(this.triggerID&&(this.triggerElement=this.getRootNode().querySelector(`[id="${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 e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.showPopover),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),e==null||e.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(){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),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.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")||!1;await this.isOpenUpdated(r,this.visible)}if(e.has("placement")&&this.setAttribute("placement",Object.values(Ve).includes(this.placement)?this.placement:O.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){let o=this.trigger.split(" ").filter(s=>Object.values(Or).includes(s));this.setAttribute("trigger",o.length>0?this.trigger:O.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(Mr).includes(this.color)?this.color:O.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),e.has("append-to")&&this.utils.setupAppendTo(),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility()}async isOpenUpdated(e,r){var o,s,a;e===r||!this.triggerElement||(r?(vt.peek()!==this&&vt.push(this),this.enabledFocusTrap=this.focusTrap,this.enabledPreventScroll=this.preventScroll,this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),await this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.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.disableAriaExpanded||this.triggerElement.setAttribute("aria-expanded","true"),this.interactive&&this.triggerElement.setAttribute("aria-haspopup",this.triggerElement.getAttribute("aria-haspopup")||"dialog"),yt.onShowPopover(this)):(vt.pop(),this.backdropElement&&((o=this.backdropElement)==null||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.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.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive&&this.triggerElement.removeAttribute("aria-haspopup"),this.focusBackToTrigger&&((a=this.triggerElement)==null||a.focus()),yt.onHidePopover(this)))}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)return;let e=[ln()],r=this.offset;if(this.flip&&e.push(cn()),this.size){let o=this.renderRoot.querySelector('[part="popover-content"]');e.push(dn({apply({availableHeight:s}){o&&Object.assign(o.style,{maxHeight:`${s}px`})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){let o=this.arrowElement.offsetHeight;r=Math.sqrt(2*o**2)/2+this.offset,e.push(mn({element:this.arrowElement,padding:12}))}e.push(nn(r)),an(this.triggerElement,this,async()=>{if(!this.triggerElement)return;let{x:o,y:s,middlewareData:a,placement:n}=await pn(this.triggerElement,this,{placement:this.placement,middleware:e});this.utils.updatePopoverStyle(o,s),a.arrow&&this.arrowElement&&this.utils.updateArrowStyle(a.arrow,n),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(n)})}render(){return p`
|
|
1548
1606
|
<div class="popover-hover-bridge"></div>
|
|
1549
|
-
${this.closeButton?
|
|
1607
|
+
${this.closeButton?p` <mdc-button
|
|
1550
1608
|
class="popover-close"
|
|
1551
1609
|
prefix-icon="cancel-bold"
|
|
1552
1610
|
variant="tertiary"
|
|
1553
1611
|
size="20"
|
|
1554
1612
|
aria-label=${A(this.closeButtonAriaLabel)||""}
|
|
1555
1613
|
@click="${this.hidePopover}"
|
|
1556
|
-
></mdc-button>`:
|
|
1557
|
-
${this.showArrow?
|
|
1614
|
+
></mdc-button>`:v}
|
|
1615
|
+
${this.showArrow?p`<div class="popover-arrow"></div>`:v}
|
|
1558
1616
|
<div part="popover-content">
|
|
1559
1617
|
<slot></slot>
|
|
1560
1618
|
</div>
|
|
1561
|
-
`}};L.styles=[...
|
|
1619
|
+
`}};L.styles=[...y.styles,...hn],l([c({type:String,reflect:!0})],L.prototype,"id",2),l([c({type:String,reflect:!0})],L.prototype,"triggerID",2),l([c({type:String,reflect:!0})],L.prototype,"trigger",2),l([c({type:String,reflect:!0})],L.prototype,"placement",2),l([c({type:String,reflect:!0})],L.prototype,"color",2),l([c({type:Boolean,reflect:!0})],L.prototype,"visible",2),l([c({type:Number,reflect:!0})],L.prototype,"offset",2),l([c({type:Boolean,reflect:!0,attribute:"focus-trap"})],L.prototype,"focusTrap",2),l([c({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],L.prototype,"preventScroll",2),l([c({type:Boolean,reflect:!0,attribute:"show-arrow"})],L.prototype,"showArrow",2),l([c({type:Boolean,reflect:!0,attribute:"close-button"})],L.prototype,"closeButton",2),l([c({type:Boolean,reflect:!0})],L.prototype,"interactive",2),l([c({type:String,reflect:!0})],L.prototype,"delay",2),l([c({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],L.prototype,"hideOnEscape",2),l([c({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],L.prototype,"hideOnBlur",2),l([c({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],L.prototype,"hideOnOutsideClick",2),l([c({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],L.prototype,"focusBackToTrigger",2),l([c({type:Boolean,reflect:!0})],L.prototype,"backdrop",2),l([c({type:Boolean,reflect:!0})],L.prototype,"flip",2),l([c({type:Boolean,reflect:!0})],L.prototype,"size",2),l([c({type:Number,reflect:!0,attribute:"z-index"})],L.prototype,"zIndex",2),l([c({type:String,reflect:!0,attribute:"append-to"})],L.prototype,"appendTo",2),l([c({type:String,attribute:"close-button-aria-label"})],L.prototype,"closeButtonAriaLabel",2),l([c({type:String,reflect:!0})],L.prototype,"role",2),l([c({type:String,reflect:!0,attribute:"aria-labelledby"})],L.prototype,"ariaLabelledby",2),l([c({type:String,reflect:!0,attribute:"aria-describedby"})],L.prototype,"ariaDescribedby",2),l([c({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],L.prototype,"disableAriaExpanded",2);var Qe=L;var bn=b.constructTagName("coachmark"),xt={COLOR:Mr.CONTRAST,TRIGGER:Or.MANUAL,ARROW:!0,CLOSE_BUTTON:!0,DISABLE_ARIA_EXPANDED:!0};var Et=class extends Qe{constructor(){super(...arguments);this.trigger=xt.TRIGGER;this.showArrow=xt.ARROW;this.closeButton=xt.CLOSE_BUTTON;this.disableAriaExpanded=xt.DISABLE_ARIA_EXPANDED}connectedCallback(){super.connectedCallback(),this.color=xt.COLOR,this.showArrow=xt.ARROW}};l([c({type:String,reflect:!0})],Et.prototype,"trigger",2),l([c({type:Boolean,attribute:"show-arrow"})],Et.prototype,"showArrow",2),l([c({type:Boolean,reflect:!0,attribute:"close-button"})],Et.prototype,"closeButton",2),l([c({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],Et.prototype,"disableAriaExpanded",2);var Ci=Et;Ci.register(bn);var Bc=Ci;var gn=b.constructTagName("divider"),Dr={HORIZONTAL:"horizontal",VERTICAL:"vertical"},Li={SOLID:"solid",GRADIENT:"gradient"},Je={POSITIVE:"positive",NEGATIVE:"negative"},$r={UP:"arrow-up-regular",DOWN:"arrow-down-regular",LEFT:"arrow-left-regular",RIGHT:"arrow-right-regular"},Tt={ORIENTATION:Dr.HORIZONTAL,VARIANT:Li.SOLID,ARROW_DIRECTION:Je.NEGATIVE,BUTTON_DIRECTION:Je.NEGATIVE};var Gc=[C,f`
|
|
1562
1620
|
:host {
|
|
1563
1621
|
--mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
1564
1622
|
--mdc-divider-width: 0.0625rem;
|
|
@@ -1769,11 +1827,11 @@
|
|
|
1769
1827
|
font-size: var(--mdc-divider-text-size);
|
|
1770
1828
|
line-height: var(--mdc-divider-text-line-height);
|
|
1771
1829
|
}
|
|
1772
|
-
`],
|
|
1830
|
+
`],vn=Gc;var et=class extends y{constructor(){super(...arguments);this.orientation=Tt.ORIENTATION;this.variant=Tt.VARIANT;this.arrowDirection=Tt.ARROW_DIRECTION;this.buttonPosition=Tt.BUTTON_DIRECTION}setVariant(e){this.setAttribute("variant",Object.values(Li).includes(e)?e:Tt.VARIANT)}setOrientation(e){this.setAttribute("orientation",Object.values(Dr).includes(e)?e:Tt.ORIENTATION)}ensureValidDirections(){let e=this.orientation===Dr.HORIZONTAL?Je.NEGATIVE:Je.POSITIVE;Object.values(Je).includes(this.buttonPosition)||(this.buttonPosition=e),Object.values(Je).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===Dr.HORIZONTAL,r=this.arrowDirection===Je.POSITIVE;return e?r?$r.UP:$r.DOWN:r?$r.RIGHT:$r.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 a;let e=(a=this.shadowRoot)==null?void 0:a.querySelector("slot"),r=(e==null?void 0:e.assignedElements({flatten:!0}))||[];if(r.length>1)return;let o=r.some(n=>n.tagName===gr.toUpperCase()),s=r.some(n=>n.tagName===Er.toUpperCase());o&&!s?this.setAttribute("data-type","mdc-text-divider"):!o&&s&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}connectedCallback(){super.connectedCallback(),this.setAttribute("data-type","mdc-primary-divider")}render(){return p`
|
|
1773
1831
|
<div></div>
|
|
1774
1832
|
<slot @slotchange=${this.inferDividerType}></slot>
|
|
1775
1833
|
<div></div>
|
|
1776
|
-
`}};
|
|
1834
|
+
`}};et.styles=[...y.styles,...vn],l([c({type:String,reflect:!0})],et.prototype,"orientation",2),l([c({type:String,reflect:!0})],et.prototype,"variant",2),l([c({type:String,attribute:"arrow-direction",reflect:!0})],et.prototype,"arrowDirection",2),l([c({type:String,attribute:"button-position",reflect:!0})],et.prototype,"buttonPosition",2);var Ni=et;Ni.register(gn);var Yc=Ni;var Wc=f`
|
|
1777
1835
|
:host([selected]){
|
|
1778
1836
|
border: 2px solid;
|
|
1779
1837
|
--mdc-chip-background-color: var(--mds-color-theme-background-label-default-active);
|
|
@@ -1793,7 +1851,7 @@
|
|
|
1793
1851
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
1794
1852
|
cursor: auto;
|
|
1795
1853
|
}
|
|
1796
|
-
`,
|
|
1854
|
+
`,yn=[Wc];var xn=b.constructTagName("filterchip"),Ri={ICON_NAME:"check-bold",COLOR:"default"};var zr=class extends Zt{constructor(){super(...arguments);this.selected=!1}connectedCallback(){super.connectedCallback(),this.color=Ri.COLOR}setSelected(e){e?(this.iconName=Ri.ICON_NAME,this.setAttribute("aria-pressed","true")):(this.iconName=void 0,this.setAttribute("aria-pressed","false"))}executeAction(){this.selected=!this.selected}update(e){super.update(e),e.has("selected")&&this.setSelected(this.selected)}};zr.styles=[...Zt.styles,...yn],l([c({type:Boolean,reflect:!0})],zr.prototype,"selected",2);var Oi=zr;Oi.register(xn);var qc=Oi;var En=b.constructTagName("formfieldgroup"),Mi={RADIOGROUP:"radiogroup",GROUP:"group"};var Xc=f`
|
|
1797
1855
|
|
|
1798
1856
|
:host::part(container) {
|
|
1799
1857
|
display: flex;
|
|
@@ -1810,12 +1868,12 @@
|
|
|
1810
1868
|
:host::part(label-text){
|
|
1811
1869
|
font-weight: bold;
|
|
1812
1870
|
}
|
|
1813
|
-
`,
|
|
1871
|
+
`,Tn=[Xc];var Ao=class extends P(Z){constructor(){super(...arguments);this.isRadio=!1}connectedCallback(){super.connectedCallback(),this.shouldRenderLabel=!1,this.id="",this.helpTextType=void 0,this.disabled=void 0}render(){var e;return p`
|
|
1814
1872
|
<div
|
|
1815
1873
|
part="container"
|
|
1816
|
-
role="${this.isRadio?
|
|
1817
|
-
aria-labelledby="${
|
|
1818
|
-
aria-describedby="${A(this.helpText?
|
|
1874
|
+
role="${this.isRadio?Mi.RADIOGROUP:Mi.GROUP}"
|
|
1875
|
+
aria-labelledby="${V.HEADING_ID}"
|
|
1876
|
+
aria-describedby="${A(this.helpText?V.HELPER_TEXT_ID:"")}"
|
|
1819
1877
|
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
1820
1878
|
>
|
|
1821
1879
|
<div part="group-header">
|
|
@@ -1824,7 +1882,7 @@
|
|
|
1824
1882
|
</div>
|
|
1825
1883
|
<slot></slot>
|
|
1826
1884
|
</div>
|
|
1827
|
-
`}};
|
|
1885
|
+
`}};Ao.styles=[...Z.styles,...Tn];var Di=Ao;Di.register(En);var So=Di;vr.register(oo);var Zc=vr;var jc=[f`
|
|
1828
1886
|
:host{
|
|
1829
1887
|
--mdc-input-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
1830
1888
|
--mdc-input-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -1940,35 +1998,35 @@
|
|
|
1940
1998
|
opacity: 0;
|
|
1941
1999
|
pointer-events: none;
|
|
1942
2000
|
}
|
|
1943
|
-
`,...
|
|
2001
|
+
`,...R(!0)],An=jc;Z.register(La);var de=Z;var Sn=b.constructTagName("input"),_o={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},$i={OFF:"off",ON:"on"},zi={TEXT:"text",SEARCH:"search"},_n={MAX_LENGTH:10,VALIDATION:B.ERROR},Ue={VALIDATION:B.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:Ze.TERTIARY,CLEAR_BUTTON_SIZE:Ae[20],PREFIX_TEXT_TYPE:_.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:w.SPAN,AUTO_COMPLETE:$i.OFF,INPUT_TYPE:zi.TEXT};var U=class extends Q(P(de)){constructor(){super(...arguments);this.placeholder="";this.readonly=!1;this.trailingButton=!1;this.autocapitalize=_o.OFF;this.autocomplete=$i.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.requiredLabel&&this.validationMessage&&this.value===""?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()}attributeChangedCallback(e,r,o){super.attributeChangedCallback(e,r,o),["maxlength","minlength","pattern","required"].includes(e)&&this.updateComplete.then(()=>{this.setInputValidity()}).catch(a=>{this.onerror&&this.onerror(a)})}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?p`
|
|
1944
2002
|
<mdc-icon
|
|
1945
2003
|
class="leading-icon"
|
|
1946
2004
|
part="leading-icon"
|
|
1947
2005
|
name=${this.leadingIcon}
|
|
1948
|
-
size="${
|
|
1949
|
-
length-unit="${
|
|
2006
|
+
size="${Ue.ICON_SIZE_VALUE}"
|
|
2007
|
+
length-unit="${Ue.ICON_SIZE_UNIT}">
|
|
1950
2008
|
</mdc-icon>
|
|
1951
|
-
`:
|
|
2009
|
+
`:v}renderPrefixText(){return this.prefixText?p`
|
|
1952
2010
|
<mdc-text
|
|
1953
2011
|
class="prefix-text"
|
|
1954
|
-
tagname="${
|
|
1955
|
-
type="${
|
|
2012
|
+
tagname="${Ue.PREFIX_TEXT_TAG}"
|
|
2013
|
+
type="${Ue.PREFIX_TEXT_TYPE}"
|
|
1956
2014
|
aria-hidden="true"
|
|
1957
2015
|
>
|
|
1958
|
-
${this.prefixText.slice(0,
|
|
2016
|
+
${this.prefixText.slice(0,_n.MAX_LENGTH)}
|
|
1959
2017
|
</mdc-text>
|
|
1960
|
-
`:
|
|
2018
|
+
`:v}clearInputText(){var e;this.value="",(e=this.inputElement)==null||e.focus()}renderTrailingButton(){return!this.trailingButton||!this.value?v:p`
|
|
1961
2019
|
<mdc-button
|
|
1962
2020
|
part='trailing-button'
|
|
1963
2021
|
class='own-focus-ring ${this.value?"":"hidden"}'
|
|
1964
|
-
prefix-icon='${
|
|
1965
|
-
variant='${
|
|
1966
|
-
size="${
|
|
2022
|
+
prefix-icon='${Ue.CLEAR_BUTTON_ICON}'
|
|
2023
|
+
variant='${Ue.CLEAR_BUTTON_VARIANT}'
|
|
2024
|
+
size="${Ue.CLEAR_BUTTON_SIZE}"
|
|
1967
2025
|
aria-label="${this.clearAriaLabel}"
|
|
1968
2026
|
@click=${this.clearInputText}
|
|
1969
2027
|
?disabled=${this.disabled||this.readonly||!this.value}
|
|
1970
2028
|
></mdc-button>
|
|
1971
|
-
`}renderInputElement(e){var r;return
|
|
2029
|
+
`}renderInputElement(e){var r;return p`<input
|
|
1972
2030
|
aria-label="${(r=this.dataAriaLabel)!=null?r:""}"
|
|
1973
2031
|
class='input'
|
|
1974
2032
|
part='input'
|
|
@@ -1979,7 +2037,7 @@
|
|
|
1979
2037
|
?readonly="${this.readonly}"
|
|
1980
2038
|
?required="${!!this.requiredLabel}"
|
|
1981
2039
|
type="${e}"
|
|
1982
|
-
aria-describedby="${A(this.helpText?
|
|
2040
|
+
aria-describedby="${A(this.helpText?V.HELPER_TEXT_ID:"")}"
|
|
1983
2041
|
aria-invalid="${this.helpTextType==="error"?"true":"false"}"
|
|
1984
2042
|
placeholder=${A(this.placeholder)}
|
|
1985
2043
|
minlength=${A(this.minlength)}
|
|
@@ -1994,18 +2052,18 @@
|
|
|
1994
2052
|
@input=${this.onInput}
|
|
1995
2053
|
@change=${this.onChange}
|
|
1996
2054
|
@keydown=${this.handleKeyDown}
|
|
1997
|
-
/>`}render(){return
|
|
2055
|
+
/>`}render(){return p`
|
|
1998
2056
|
${this.renderLabel()}
|
|
1999
2057
|
<div class="input-container mdc-focus-ring" part="input-container">
|
|
2000
2058
|
<slot name="input-leading-icon">${this.renderLeadingIcon()}</slot>
|
|
2001
2059
|
<div class="input-section" part="input-section">
|
|
2002
2060
|
<slot name="input-prefix-text">${this.renderPrefixText()}</slot>
|
|
2003
|
-
<slot name="input">${this.renderInputElement(
|
|
2061
|
+
<slot name="input">${this.renderInputElement(Ue.INPUT_TYPE)}</slot>
|
|
2004
2062
|
</div>
|
|
2005
2063
|
<slot name="trailing-button">${this.renderTrailingButton()}</slot>
|
|
2006
2064
|
</div>
|
|
2007
|
-
${this.helpText?this.renderHelperText():
|
|
2008
|
-
`}}
|
|
2065
|
+
${this.helpText?this.renderHelperText():v}
|
|
2066
|
+
`}};U.styles=[...de.styles,...An],l([c({type:String})],U.prototype,"placeholder",2),l([c({type:Boolean})],U.prototype,"readonly",2),l([c({type:String,attribute:"prefix-text"})],U.prototype,"prefixText",2),l([c({type:String,attribute:"leading-icon"})],U.prototype,"leadingIcon",2),l([c({type:Boolean,attribute:"trailing-button"})],U.prototype,"trailingButton",2),l([c({type:Number})],U.prototype,"maxlength",2),l([c({type:Number})],U.prototype,"minlength",2),l([c({type:String})],U.prototype,"autocapitalize",2),l([c({type:String})],U.prototype,"autocomplete",2),l([c({type:Boolean})],U.prototype,"autofocus",2),l([c({type:String})],U.prototype,"dirname",2),l([c({type:String})],U.prototype,"pattern",2),l([c({type:String})],U.prototype,"list",2),l([c({type:Number})],U.prototype,"size",2),l([c({type:String,attribute:"clear-aria-label"})],U.prototype,"clearAriaLabel",2);var Jt=U;Jt.register(Sn);var Kc=Jt;var Qc=f`
|
|
2009
2067
|
:host {
|
|
2010
2068
|
height: 1.5rem;
|
|
2011
2069
|
gap: 0.25rem;
|
|
@@ -2034,24 +2092,24 @@
|
|
|
2034
2092
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
2035
2093
|
cursor: auto;
|
|
2036
2094
|
}
|
|
2037
|
-
`,
|
|
2095
|
+
`,In=[C,Qc];var kn=b.constructTagName("inputchip"),Io={TEXT_TYPE:_.BODY_MIDSIZE_REGULAR,TAG_NAME:w.SPAN,CLOSE_ICON:"cancel-bold"};var At=class extends K(se(y)){constructor(){super(...arguments);this.label="";this.error=!1;this.clearAriaLabel=""}renderIcon(){return this.iconName?p`
|
|
2038
2096
|
<mdc-icon
|
|
2039
2097
|
name="${this.iconName}"
|
|
2040
2098
|
length-unit="rem"
|
|
2041
2099
|
size="1"></mdc-icon>
|
|
2042
|
-
`:
|
|
2100
|
+
`:v}handleClose(){this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,composed:!0}))}render(){return p`
|
|
2043
2101
|
${this.renderIcon()}
|
|
2044
|
-
<mdc-text part="label" type="${
|
|
2102
|
+
<mdc-text part="label" type="${Io.TEXT_TYPE}" tagname="${Io.TAG_NAME}">${this.label}</mdc-text>
|
|
2045
2103
|
<mdc-button
|
|
2046
2104
|
?disabled="${this.disabled}"
|
|
2047
2105
|
variant="tertiary"
|
|
2048
2106
|
part="close-icon"
|
|
2049
2107
|
aria-label="${this.clearAriaLabel}"
|
|
2050
|
-
prefix-icon="${
|
|
2108
|
+
prefix-icon="${Io.CLOSE_ICON}"
|
|
2051
2109
|
size="20"
|
|
2052
2110
|
@click="${this.handleClose}"
|
|
2053
2111
|
></mdc-button>
|
|
2054
|
-
`}};
|
|
2112
|
+
`}};At.styles=[...y.styles,...In],l([c({type:String})],At.prototype,"label",2),l([c({type:Boolean})],At.prototype,"error",2),l([c({type:String,attribute:"clear-aria-label"})],At.prototype,"clearAriaLabel",2);var Pi=At;Pi.register(kn);var Jc=Pi;var wn=b.constructTagName("link"),ko={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},wo={LARGE:1,MIDSIZE:.875,SMALL:.75},Co={INLINE:!1,INVERTED:!1,LINK_SIZE:ko.LARGE};var ed=[C,f`
|
|
2055
2113
|
|
|
2056
2114
|
:host {
|
|
2057
2115
|
|
|
@@ -2170,35 +2228,35 @@
|
|
|
2170
2228
|
:host([inverted][disabled])::part(link-container) {
|
|
2171
2229
|
color: var(--mdc-link-inverted-color-disabled);
|
|
2172
2230
|
}
|
|
2173
|
-
`,...
|
|
2231
|
+
`,...R(!0),f`
|
|
2174
2232
|
:host(:active)::part(link-container) {
|
|
2175
2233
|
box-shadow: none;
|
|
2176
2234
|
}
|
|
2177
|
-
`],
|
|
2235
|
+
`],Cn=ed;var St=class extends se(K(y)){constructor(){super(...arguments);this.inline=Co.INLINE;this.inverted=Co.INVERTED;this.size=Co.LINK_SIZE;this.prevTabindex=null}getIconSize(){switch(this.size){case ko.SMALL:return wo.SMALL;case ko.MIDSIZE:return wo.MIDSIZE;default:return wo.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 o,s;let e=(s=(o=this.shadowRoot)==null?void 0:o.querySelector("slot"))==null?void 0:s.assignedElements({flatten:!0}).find(a=>a.tagName==="A"),r=this.getIconSize();if(this.iconName&&e){let a=document.createElement("mdc-icon");a.setAttribute("name",this.iconName),a.setAttribute("size",`${r}`),a.setAttribute("length-unit","rem"),e.appendChild(a)}}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return p`
|
|
2178
2236
|
<div part='link-container' class='mdc-focus-ring'>
|
|
2179
2237
|
<slot @slotchange=${this.updateTrailingIcon}></slot>
|
|
2180
2238
|
</div>
|
|
2181
|
-
`}};
|
|
2239
|
+
`}};St.styles=[...y.styles,...Cn],l([c({type:Boolean,reflect:!0})],St.prototype,"inline",2),l([c({type:Boolean,reflect:!0})],St.prototype,"inverted",2),l([c({type:String,reflect:!0})],St.prototype,"size",2);var Vi=St;Vi.register(wn);var td=Vi;var Lo=b.constructTagName("listitem"),Ui={FULL_WIDTH:"full-width",INSET_PILL:"inset-pill",INSET_RECTANGLE:"inset-rectangle"},Ln={VARIANT:Ui.FULL_WIDTH};var Nn=b.constructTagName("list"),Fi="header-id";var rd=f`
|
|
2182
2240
|
:host::part(header-text) {
|
|
2183
2241
|
padding: 0.5rem 0.75rem;
|
|
2184
2242
|
}
|
|
2185
|
-
`,
|
|
2243
|
+
`,Rn=[rd];var D={ARROW_DOWN:"ArrowDown",ARROW_UP:"ArrowUp",END:"End",ENTER:"Enter",ESCAPE:"Escape",HOME:"Home",PAGE_DOWN:"PageDown",PAGE_UP:"PageUp",SPACE:" "};var er=class extends P(y){constructor(){super(),this.addEventListener("keydown",this.handleKeyDown)}handleKeyDown(t){var o;let e=this.getCurrentIndex(t.target),r=this.getNewIndexBasedOnKey(t.key,e,this.listItems.length);r!==void 0&&((o=this.listItems[r])==null||o.focus(),this.resetTabIndexAndSetActiveTabIndex(r))}getCurrentIndex(t){return this.listItems.findIndex(e=>e===t||e===t.parentElement)}getNewIndexBasedOnKey(t,e,r){switch(t){case D.ARROW_DOWN:return(e+1)%r;case D.ARROW_UP:return(e-1+r)%r;case D.HOME:return 0;case D.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 o=t===r?"0":"-1";e==null||e.setAttribute("tabindex",o)})}firstUpdated(){this.resetTabIndexAndSetActiveTabIndex(0)}render(){var e;let t=this.headerText?p`
|
|
2186
2244
|
<mdc-text
|
|
2187
|
-
id="${
|
|
2245
|
+
id="${Fi}"
|
|
2188
2246
|
part="header-text"
|
|
2189
2247
|
type="${_.BODY_MIDSIZE_BOLD}"
|
|
2190
2248
|
tagname="${w.SPAN}"
|
|
2191
2249
|
>${this.headerText}</mdc-text>
|
|
2192
|
-
`:
|
|
2250
|
+
`:v;return p`
|
|
2193
2251
|
<div
|
|
2194
2252
|
role="list"
|
|
2195
|
-
aria-labelledby="${this.headerText?
|
|
2253
|
+
aria-labelledby="${this.headerText?Fi:""}"
|
|
2196
2254
|
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
2197
2255
|
>
|
|
2198
2256
|
${t}
|
|
2199
2257
|
<slot role="presentation" @click="${this.handleMouseClick}"></slot>
|
|
2200
2258
|
</div>
|
|
2201
|
-
`}};
|
|
2259
|
+
`}};er.styles=[...y.styles,...Rn],l([ue({selector:Lo})],er.prototype,"listItems",2),l([c({type:String,attribute:"header-text",reflect:!0})],er.prototype,"headerText",2);var Hi=er;Hi.register(Nn);var od=Hi;var id=f`
|
|
2202
2260
|
:host {
|
|
2203
2261
|
--mdc-listitem-default-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
2204
2262
|
--mdc-listitem-background-color-hover: var(--mds-color-theme-background-primary-hover);
|
|
@@ -2206,10 +2264,11 @@
|
|
|
2206
2264
|
--mdc-listitem-primary-label-color: var(--mds-color-theme-text-primary-normal);
|
|
2207
2265
|
--mdc-listitem-secondary-label-color: var(--mds-color-theme-text-secondary-normal);
|
|
2208
2266
|
--mdc-listitem-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
2267
|
+
--mdc-listitem-column-gap: 0.75rem;
|
|
2209
2268
|
}
|
|
2210
2269
|
:host {
|
|
2211
2270
|
background-color: var(--mdc-listitem-default-background-color);
|
|
2212
|
-
column-gap:
|
|
2271
|
+
column-gap: var(--mdc-listitem-column-gap);
|
|
2213
2272
|
cursor: pointer;
|
|
2214
2273
|
display: flex;
|
|
2215
2274
|
flex-direction: row;
|
|
@@ -2249,7 +2308,7 @@
|
|
|
2249
2308
|
}
|
|
2250
2309
|
:host::part(leading), :host::part(trailing) {
|
|
2251
2310
|
align-items: center;
|
|
2252
|
-
column-gap:
|
|
2311
|
+
column-gap: var(--mdc-listitem-column-gap);
|
|
2253
2312
|
display: flex;
|
|
2254
2313
|
}
|
|
2255
2314
|
:host::part(leading-text-secondary-label), :host::part(leading-text-tertiary-label) {
|
|
@@ -2263,15 +2322,15 @@
|
|
|
2263
2322
|
}
|
|
2264
2323
|
::slotted([slot="leading-controls"]), ::slotted([slot="trailing-controls"]) {
|
|
2265
2324
|
align-items: center;
|
|
2266
|
-
column-gap:
|
|
2325
|
+
column-gap: var(--mdc-listitem-column-gap);
|
|
2267
2326
|
display: flex;
|
|
2268
2327
|
flex-direction: row;
|
|
2269
2328
|
}
|
|
2270
|
-
`,
|
|
2329
|
+
`,On=[id,...R()];var me=class extends P(se(ro(y))){constructor(){super(...arguments);this.variant=Ln.VARIANT}connectedCallback(){super.connectedCallback(),this.role=this.role||"listitem"}getText(e,r,o){return o?p`
|
|
2271
2330
|
<slot name="${e}">
|
|
2272
|
-
<mdc-text part="${e}" type="${r}" tagname="${w.SPAN}">${
|
|
2331
|
+
<mdc-text part="${e}" type="${r}" tagname="${w.SPAN}">${o}</mdc-text>
|
|
2273
2332
|
</slot>
|
|
2274
|
-
`:
|
|
2333
|
+
`:v}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 p`
|
|
2275
2334
|
<div part="leading">
|
|
2276
2335
|
<slot name="leading-controls"></slot>
|
|
2277
2336
|
<div part="leading-text">
|
|
@@ -2287,7 +2346,7 @@
|
|
|
2287
2346
|
</div>
|
|
2288
2347
|
<slot name="trailing-controls"></slot>
|
|
2289
2348
|
</div>
|
|
2290
|
-
`}};
|
|
2349
|
+
`}};me.styles=[...y.styles,...On],l([ue({slot:"leading-controls"})],me.prototype,"leadingControlsSlot",2),l([ue({slot:"trailing-controls"})],me.prototype,"trailingControlsSlot",2),l([c({type:String,reflect:!0})],me.prototype,"variant",2),l([c({type:String,reflect:!0})],me.prototype,"label",2),l([c({type:String,reflect:!0,attribute:"secondary-label"})],me.prototype,"secondaryLabel",2),l([c({type:String,reflect:!0,attribute:"tertiary-label"})],me.prototype,"tertiaryLabel",2),l([c({type:String,reflect:!0,attribute:"side-header-text"})],me.prototype,"sideHeaderText",2),l([c({type:String,reflect:!0,attribute:"subline-text"})],me.prototype,"sublineText",2);var tr=me;tr.register(Lo);var sd=tr;var ad=f`
|
|
2291
2350
|
:host {
|
|
2292
2351
|
--mdc-marker-width: 0.25rem;
|
|
2293
2352
|
--mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -2312,7 +2371,209 @@
|
|
|
2312
2371
|
var(--mdc-marker-striped-background-color) 0.375rem
|
|
2313
2372
|
);
|
|
2314
2373
|
}
|
|
2315
|
-
`,
|
|
2374
|
+
`,Mn=[ad];var Dn=b.constructTagName("marker"),$n={SOLID:"solid",STRIPED:"striped"};var Pr=class extends y{constructor(){super(...arguments);this.variant=$n.SOLID}};Pr.styles=[...y.styles,...Mn],l([c({type:String,reflect:!0})],Pr.prototype,"variant",2);var Bi=Pr;Bi.register(Dn);var nd=Bi;var No=b.constructTagName("optgroup"),Gi="header-id";var ld=f`
|
|
2375
|
+
:host {
|
|
2376
|
+
--mdc-optgroup-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
2377
|
+
}
|
|
2378
|
+
:host::part(header-text) {
|
|
2379
|
+
padding: 0.5rem 0.75rem;
|
|
2380
|
+
height: 2.25rem;
|
|
2381
|
+
}
|
|
2382
|
+
:host([disabled]),
|
|
2383
|
+
:host([disabled])::part(header-text) {
|
|
2384
|
+
color: var(--mdc-optgroup-disabled-color);
|
|
2385
|
+
cursor: default;
|
|
2386
|
+
}
|
|
2387
|
+
`,zn=[ld];var rr=class extends P(se(y)){setDisabledForAllOptions(){this.options.forEach(t=>{this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")})}updated(t){super.updated(t),t.has("disabled")&&this.setDisabledForAllOptions()}render(){var e;let t=this.label?p`
|
|
2388
|
+
<mdc-text
|
|
2389
|
+
id="${Gi}"
|
|
2390
|
+
part="header-text"
|
|
2391
|
+
type="${_.BODY_MIDSIZE_BOLD}"
|
|
2392
|
+
tagname="${w.SPAN}"
|
|
2393
|
+
>${this.label}</mdc-text>
|
|
2394
|
+
`:v;return p`
|
|
2395
|
+
<div
|
|
2396
|
+
role="group"
|
|
2397
|
+
aria-labelledby="${this.label?Gi:""}"
|
|
2398
|
+
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
2399
|
+
>
|
|
2400
|
+
${t}
|
|
2401
|
+
<slot role="presentation"></slot>
|
|
2402
|
+
</div>
|
|
2403
|
+
`}};rr.styles=[...y.styles,...zn],l([c({type:String,reflect:!0})],rr.prototype,"label",2),l([ue({selector:"mdc-option"})],rr.prototype,"options",2);var Yi=rr;Yi.register(No);var cd=Yi;var Ro=b.constructTagName("tooltip"),oe={DESCRIPTION:"description",LABEL:"label",NONE:"none"},tt={BACKDROP:!1,DELAY:"0,0",OFFSET:4,PLACEMENT:Ve.TOP,SHOW_ARROW:!0,TOOLTIP_TYPE:oe.DESCRIPTION};var dd=f`
|
|
2404
|
+
|
|
2405
|
+
:host {
|
|
2406
|
+
--mdc-tooltip-max-width: 400px;
|
|
2407
|
+
--mdc-tooltip-padding: 0.75rem;
|
|
2408
|
+
--mdc-tooltip-text-color: var(--mds-color-theme-text-primary-normal);
|
|
2409
|
+
--mdc-tooltip-text-color-contrast: var(--mds-color-theme-inverted-text-primary-normal);
|
|
2410
|
+
}
|
|
2411
|
+
|
|
2412
|
+
:host::part(popover-content) {
|
|
2413
|
+
padding: var(--mdc-tooltip-padding);
|
|
2414
|
+
color: var(--mdc-tooltip-text-color);
|
|
2415
|
+
min-width: fit-content;
|
|
2416
|
+
max-width: var(--mdc-tooltip-max-width);
|
|
2417
|
+
|
|
2418
|
+
font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
|
2419
|
+
font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
|
2420
|
+
line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
|
2421
|
+
text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);
|
|
2422
|
+
text-transform: var(--mds-font-apps-body-midsize-regular-text-case);
|
|
2423
|
+
}
|
|
2424
|
+
|
|
2425
|
+
:host([color='contrast'])::part(popover-content) {
|
|
2426
|
+
color: var(--mdc-tooltip-text-color-contrast);
|
|
2427
|
+
}
|
|
2428
|
+
`,Pn=[dd];var or=class extends Qe{constructor(){super(...arguments);this.tooltipType=tt.TOOLTIP_TYPE}connectedCallback(){super.connectedCallback(),this.backdrop=!1,this.delay=tt.DELAY,this.focusTrap=!1,this.hideOnBlur=!0,this.hideOnEscape=!0,this.interactive=!1,this.offset=tt.OFFSET,this.placement=tt.PLACEMENT,this.role="tooltip",this.showArrow=!0,this.trigger="mouseenter focusin",this.enabledFocusTrap=!1,this.enabledPreventScroll=!1,this.flip=!0,this.focusTrap=!1,this.preventScroll=!1,this.closeButton=!1,this.hideOnOutsideClick=!1,this.focusBackToTrigger=!1,this.size=!1,this.disableAriaExpanded=!0}getTooltipText(){var e,r;return((r=(e=this.defaultSlotNodes)==null?void 0:e.map(o=>o.textContent).join(" "))==null?void 0:r.trim())||""}setTooltipType(e){this.setAttribute("tooltip-type",Object.values(oe).includes(e)?e:tt.TOOLTIP_TYPE)}onIdUpdated(){this.id.length===0&&(this.id=`mdc-tooltip-${De()}`);let e=document.getElementById(this.triggerID);if(e)switch(this.tooltipType){case oe.DESCRIPTION:e.setAttribute("aria-describedby",this.id);break;case oe.LABEL:e.setAttribute("aria-labelledby",this.id);break;default:break}}onPlacementUpdated(){Object.values(Ve).includes(this.placement)||(this.placement=tt.PLACEMENT)}onTooltipTypeUpdated(e){let r=e.get("tooltipType");Object.values(oe).includes(this.tooltipType)||this.setTooltipType(tt.TOOLTIP_TYPE);let o=document.getElementById(this.triggerID);if(o){let s=this.getTooltipText();switch(this.tooltipType){case oe.DESCRIPTION:r===oe.LABEL&&o.removeAttribute("aria-labelledby"),o.setAttribute("aria-describedby",this.id);break;case oe.LABEL:r===oe.DESCRIPTION&&o.removeAttribute("aria-describedby"),o.setAttribute("aria-labelledby",this.id);break;default:r===oe.DESCRIPTION?o.removeAttribute("aria-describedby"):r===oe.LABEL&&o.removeAttribute("aria-labelledby");break}s.length>0&&this.tooltipType!==oe.NONE&&!this.ariaLabel&&(this.ariaLabel=s)}}update(e){super.update(e),e.has("id")&&this.onIdUpdated(),e.has("placement")&&this.onPlacementUpdated(),e.has("tooltipType")&&this.onTooltipTypeUpdated(e)}};or.styles=[...Qe.styles,...Pn],l([c({type:String,attribute:"tooltip-type",reflect:!0})],or.prototype,"tooltipType",2),l([Vs()],or.prototype,"defaultSlotNodes",2);var Wi=or;Wi.register(Ro);var md=Wi;var Vn="check-bold",qi="dynamic-option-tooltip-popover",Vr=b.constructTagName("option");var pd=f`
|
|
2429
|
+
:host {
|
|
2430
|
+
--mdc-option-icon-width: 1rem;
|
|
2431
|
+
|
|
2432
|
+
display: flex;
|
|
2433
|
+
flex-direction: row;
|
|
2434
|
+
align-items: center;
|
|
2435
|
+
}
|
|
2436
|
+
:host::part(list-item) {
|
|
2437
|
+
height: 2.25rem;
|
|
2438
|
+
}
|
|
2439
|
+
:host::part(default-slot) {
|
|
2440
|
+
display: none;
|
|
2441
|
+
}
|
|
2442
|
+
:host::part(leading-icon),
|
|
2443
|
+
:host::part(trailing) {
|
|
2444
|
+
flex: 1;
|
|
2445
|
+
max-width: var(--mdc-option-icon-width);
|
|
2446
|
+
}
|
|
2447
|
+
:host::part(leading-text) {
|
|
2448
|
+
flex: 1;
|
|
2449
|
+
/** 2x of leading and trailing icon width + 2x of column gap on both sides of the label text */
|
|
2450
|
+
width: calc(100% - (2 * var(--mdc-option-icon-width)) - (2 * var(--mdc-listitem-column-gap)));
|
|
2451
|
+
}
|
|
2452
|
+
:host::part(leading-text-primary-label) {
|
|
2453
|
+
overflow: hidden;
|
|
2454
|
+
text-overflow: ellipsis;
|
|
2455
|
+
white-space: nowrap;
|
|
2456
|
+
}
|
|
2457
|
+
`,Un=[pd];var _t=class extends Q(tr){constructor(){super(...arguments);this.selected=!1;this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.role="option",this.variant=Ui.INSET_RECTANGLE,this.updateAttribute("aria-selected",`${this.selected}`),this.updateAttribute("aria-disabled",`${!!this.disabled}`),this.name=void 0,this.secondaryLabel=void 0,this.sideHeaderText=void 0,this.sublineText=void 0,this.dataAriaLabel=void 0,this.addEventListener("focusin",this.displayTooltipForLongText),this.addEventListener("mouseover",this.displayTooltipForLongText),this.addEventListener("focusout",this.hideTooltipOnLeave),this.addEventListener("mouseout",this.hideTooltipOnLeave),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.displayTooltipForLongText),this.removeEventListener("mouseover",this.displayTooltipForLongText),this.removeEventListener("focusout",this.hideTooltipOnLeave),this.removeEventListener("mouseout",this.hideTooltipOnLeave),this.removeEventListener("click",this.handleClick)}handleClick(){this.hideTooltipOnLeave()}displayTooltipForLongText(e){var a,n;let r=(a=e.target.shadowRoot)==null?void 0:a.querySelector('[part="leading-text-primary-label"]');if(r&&r.scrollWidth&&r.clientWidth&&r.scrollWidth<=(r==null?void 0:r.clientWidth))return;let o=document.createElement(Ro);o.id=qi,o.textContent=(n=this.label)!=null?n:"",o.setAttribute("triggerid",this.id),o.setAttribute("visible","");let s=this.closest("mdc-select")||this.parentElement;s==null||s.after(o)}hideTooltipOnLeave(){let e=document.querySelector(`#${qi}`);e==null||e.remove()}handleDefaultSlotChange(){var r,o,s;let e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");e&&!this.label&&(this.label=(s=(o=e.assignedNodes()[0])==null?void 0:o.textContent)==null?void 0:s.trim())}updateAttribute(e,r){this.setAttribute(e,r)}update(e){super.update(e),e.has("disabled")&&this.updateAttribute("aria-disabled",`${this.disabled}`),e.has("selected")&&this.updateAttribute("aria-selected",`${this.selected}`)}render(){let e=this.prefixIcon?p`
|
|
2458
|
+
<div part="leading-icon">
|
|
2459
|
+
<mdc-icon slot="leading-controls" name="${A(this.prefixIcon)}"></mdc-icon>
|
|
2460
|
+
</div>
|
|
2461
|
+
`:v,r=this.selected?p`
|
|
2462
|
+
<mdc-icon slot="trailing-controls" name="${Vn}"></mdc-icon>
|
|
2463
|
+
`:v;return p`
|
|
2464
|
+
${e}
|
|
2465
|
+
<div part="leading-text">
|
|
2466
|
+
${this.getText("leading-text-primary-label",_.BODY_MIDSIZE_REGULAR,this.label)}
|
|
2467
|
+
</div>
|
|
2468
|
+
<div part="trailing">
|
|
2469
|
+
${r}
|
|
2470
|
+
</div>
|
|
2471
|
+
<slot part="default-slot" @slotchange="${this.handleDefaultSlotChange}"></slot>
|
|
2472
|
+
`}};_t.styles=[...tr.styles,...Un],l([c({type:Boolean,reflect:!0})],_t.prototype,"selected",2),l([c({type:String,reflect:!0,attribute:"prefix-icon"})],_t.prototype,"prefixIcon",2),l([c({type:String,reflect:!0,attribute:"aria-label"})],_t.prototype,"ariaLabel",2);var Xi=_t;Xi.register(Vr);var hd=Xi;Qe.register(un);var ud=Qe;var fd=[f`
|
|
2473
|
+
:host {
|
|
2474
|
+
--mdc-progressbar-background-color: var(--mds-color-theme-control-indicator-inactive-normal);
|
|
2475
|
+
--mdc-progressbar-active-background-color: var(--mds-color-theme-control-active-normal);
|
|
2476
|
+
--mdc-progressbar-success-color: var(--mds-color-theme-indicator-stable);
|
|
2477
|
+
--mdc-progressbar-error-color: var(--mds-color-theme-indicator-attention);
|
|
2478
|
+
--mdc-progressbar-height: 0.25rem;
|
|
2479
|
+
--mdc-progressbar-border: 0.5px solid transparent;
|
|
2480
|
+
--mdc-progressbar-border-radius: var(--mdc-progressbar-height);
|
|
2481
|
+
|
|
2482
|
+
--mdc-progressbar-label-color: var(--mds-color-theme-text-primary-normal);
|
|
2483
|
+
--mdc-progressbar-label-line-height: var(--mds-font-lineheight-body-midsize);
|
|
2484
|
+
--mdc-progressbar-label-font-size: var(--mds-font-size-body-midsize);
|
|
2485
|
+
--mdc-progressbar-label-font-weight: var(--mds-font-weight-regular);
|
|
2486
|
+
--mdc-progressbar-help-text-color: var(--mds-color-theme-text-secondary-normal);
|
|
2487
|
+
|
|
2488
|
+
display: block;
|
|
2489
|
+
width: 100%;
|
|
2490
|
+
}
|
|
2491
|
+
|
|
2492
|
+
:host::part(label-container) {
|
|
2493
|
+
display: flex;
|
|
2494
|
+
justify-content: space-between;
|
|
2495
|
+
}
|
|
2496
|
+
|
|
2497
|
+
:host::part(inline-label-container) {
|
|
2498
|
+
display: flex;
|
|
2499
|
+
align-items: center;
|
|
2500
|
+
gap: 0.5rem;
|
|
2501
|
+
}
|
|
2502
|
+
|
|
2503
|
+
:host::part(progress-container) {
|
|
2504
|
+
display: flex;
|
|
2505
|
+
align-items: center;
|
|
2506
|
+
width: 100%;
|
|
2507
|
+
height: var(--mdc-progressbar-height);
|
|
2508
|
+
margin: 0.5rem 0;
|
|
2509
|
+
}
|
|
2510
|
+
|
|
2511
|
+
:host::part(gap) {
|
|
2512
|
+
gap: 0.25rem;
|
|
2513
|
+
}
|
|
2514
|
+
|
|
2515
|
+
:host([variant="inline"])::part(label) {
|
|
2516
|
+
overflow: unset;
|
|
2517
|
+
}
|
|
2518
|
+
|
|
2519
|
+
:host::part(progress-bar) {
|
|
2520
|
+
height: 100%;
|
|
2521
|
+
background-color: var(--mdc-progressbar-active-background-color);
|
|
2522
|
+
border-radius: var(--mdc-progressbar-border-radius);
|
|
2523
|
+
transition: width 0.3s ease-in-out;
|
|
2524
|
+
}
|
|
2525
|
+
|
|
2526
|
+
:host::part(success) {
|
|
2527
|
+
background-color: var(--mdc-progressbar-success-color);
|
|
2528
|
+
}
|
|
2529
|
+
|
|
2530
|
+
:host::part(error) {
|
|
2531
|
+
background-color: var(--mdc-progressbar-error-color);
|
|
2532
|
+
}
|
|
2533
|
+
|
|
2534
|
+
:host::part(remaining) {
|
|
2535
|
+
height: 100%;
|
|
2536
|
+
flex-grow: 1;
|
|
2537
|
+
background-color: var(--mdc-progressbar-background-color);
|
|
2538
|
+
border-radius: var(--mdc-progressbar-border-radius);
|
|
2539
|
+
}
|
|
2540
|
+
|
|
2541
|
+
:host::part(label-text), :host::part(help-text), :host::part(percentage) {
|
|
2542
|
+
font-size: var(--mdc-progressbar-label-font-size);
|
|
2543
|
+
font-weight: var(--mdc-progressbar-label-font-weight);
|
|
2544
|
+
line-height: var(--mdc-progressbar-label-line-height);
|
|
2545
|
+
}
|
|
2546
|
+
|
|
2547
|
+
:host([help-text-type="default"])::part(help-text) {
|
|
2548
|
+
color: var(--mdc-progressbar-help-text-color);
|
|
2549
|
+
}
|
|
2550
|
+
|
|
2551
|
+
@media (forced-colors: active) {
|
|
2552
|
+
:host::part(progress-container), :host::part(progress-bar) {
|
|
2553
|
+
border: var(--mdc-progressbar-border);
|
|
2554
|
+
}
|
|
2555
|
+
`],Fn=fd;var Hn=b.constructTagName("progressbar"),Oo={DEFAULT:"default",INLINE:"inline"},Bn={VARIANT:Oo.DEFAULT,VALIDATION:B.DEFAULT};var It=class extends P(de){constructor(){super(...arguments);this.variant=Bn.VARIANT;this.value="0";this.error=!1;this.renderProgressbar=()=>{var s;let e=this.getValidationVariant(),r=this.clampedValue>0&&this.clampedValue<100,o=this.error?"100":`${this.clampedValue}`;return p`
|
|
2556
|
+
<div
|
|
2557
|
+
part="progress-container ${r?"gap":""}"
|
|
2558
|
+
role="progressbar"
|
|
2559
|
+
aria-valuenow="${this.clampedValue}"
|
|
2560
|
+
aria-valuemin="0"
|
|
2561
|
+
aria-valuemax="100"
|
|
2562
|
+
aria-label="${(s=this.dataAriaLabel)!=null?s:""}"
|
|
2563
|
+
>
|
|
2564
|
+
<div part="progress-bar ${e}" style="width: ${o}%"></div>
|
|
2565
|
+
<div part="remaining"></div>
|
|
2566
|
+
</div>
|
|
2567
|
+
`}}connectedCallback(){super.connectedCallback(),this.id=`mdc-progressbar-${De()}`,this.disabled=void 0}get clampedValue(){let e=Number(this.value);return Number.isNaN(e)?0:Math.max(0,Math.min(100,e))}getValidationVariant(){return this.error?this.helpTextType=B.ERROR:this.clampedValue===100?this.helpTextType=B.SUCCESS:this.helpTextType=B.DEFAULT,this.helpTextType}render(){let e=this.variant===Oo.INLINE;return p`
|
|
2568
|
+
${e?p`<div part="inline-label-container">${this.renderLabelElement()} ${this.renderProgressbar()}</div>`:p`
|
|
2569
|
+
<div part="label-container">
|
|
2570
|
+
${this.renderLabelElement()}
|
|
2571
|
+
${this.variant===Oo.DEFAULT&&this.label?p`<span part="percentage">${this.clampedValue}%</span>`:""}
|
|
2572
|
+
</div>
|
|
2573
|
+
${this.renderProgressbar()}
|
|
2574
|
+
${this.renderHelperText()}
|
|
2575
|
+
`}
|
|
2576
|
+
`}};It.styles=[...de.styles,...Fn],l([c({type:String,reflect:!0})],It.prototype,"variant",2),l([c({type:String,reflect:!0})],It.prototype,"value",2),l([c({type:Boolean,attribute:"error"})],It.prototype,"error",2);var Zi=It;Zi.register(Hn);var bd=Zi;var gd=[C,f`
|
|
2316
2577
|
:host{
|
|
2317
2578
|
--mdc-radio-inner-circle-size: 0.375rem;
|
|
2318
2579
|
--mdc-radio-text-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -2474,10 +2735,10 @@
|
|
|
2474
2735
|
display: none;
|
|
2475
2736
|
}
|
|
2476
2737
|
|
|
2477
|
-
`,...
|
|
2738
|
+
`,...R(!0)],Gn=gd;var kt=class extends Q(P(Z)){constructor(){super(...arguments);this.checked=!1;this.readonly=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?p`<div class="mdc-radio__label-container">
|
|
2478
2739
|
${this.renderLabel()}
|
|
2479
2740
|
${this.renderHelperText()}
|
|
2480
|
-
</div>`:
|
|
2741
|
+
</div>`:v}connectedCallback(){super.connectedCallback(),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(o=>{o.setComponentValidity(r)})}).catch(o=>{this.onerror&&this.onerror(o)})}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 o=r.some(n=>n.requiredLabel),s=!!r.find(n=>n.checked),a=o&&!s;this.setGroupValidity(r,!a)}this.internals.setFormValue(e)}handleChange(e){var s;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(a=>{var d;let n=(d=a.shadowRoot)==null?void 0:d.querySelector("input");n&&(a.checked=!1,n.checked=!1)}),this.checked=!0;let o=(s=this.shadowRoot)==null?void 0:s.querySelector("input");o&&(o.checked=!0),this.dispatchChangeEvent(e)}updateRadio(e,r,o){var s,a;(a=(s=e[r].shadowRoot)==null?void 0:s.querySelector("input"))==null||a.focus(),e[r].handleChange(o)}handleKeyDown(e){var a;if(this.disabled)return;let o=this.getAllRadiosWithinSameGroup().filter(n=>!n.disabled),s=o.indexOf(this);if(["ArrowDown","ArrowRight"].includes(e.key)){let n=(s+1)%o.length;this.updateRadio(o,n,e)}else if(["ArrowUp","ArrowLeft"].includes(e.key)){let n=(s-1+o.length)%o.length;this.updateRadio(o,n,e)}else e.key===" "&&this.updateRadio(o,s,e);this.updateTabIndex(),e.key==="Enter"&&((a=this.form)==null||a.requestSubmit())}updateTabIndex(){let e=this.getAllRadiosWithinSameGroup(),r=e.find(s=>s.checked),o=e.find(s=>!s.disabled);e.forEach(s=>{var n;let a=(n=s.shadowRoot)==null?void 0:n.querySelector("input");a&&(a.tabIndex=-1,(s===r||!r&&s===o)&&(a.tabIndex=0))})}update(e){super.update(e),e.has("checked")&&this.setActualFormValue()}render(){var e;return p`
|
|
2481
2742
|
<div class="mdc-radio__container">
|
|
2482
2743
|
<div class="mdc-radio__icon-container mdc-focus-ring">
|
|
2483
2744
|
<input
|
|
@@ -2495,32 +2756,259 @@
|
|
|
2495
2756
|
?disabled=${this.disabled}
|
|
2496
2757
|
class="mdc-radio__input"
|
|
2497
2758
|
aria-checked="${this.checked}"
|
|
2498
|
-
aria-describedby="${A(this.helpText?
|
|
2759
|
+
aria-describedby="${A(this.helpText?V.HELPER_TEXT_ID:"")}"
|
|
2499
2760
|
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
2500
2761
|
/>
|
|
2501
2762
|
<span class="mdc-radio__icon"></span>
|
|
2502
2763
|
</div>
|
|
2503
2764
|
${this.renderLabelAndHelperText()}
|
|
2504
2765
|
</div>
|
|
2505
|
-
`}};
|
|
2766
|
+
`}};kt.styles=[...Z.styles,...Gn],l([c({type:Boolean,reflect:!0})],kt.prototype,"checked",2),l([c({type:Boolean,reflect:!0})],kt.prototype,"readonly",2),l([c({type:Boolean,reflect:!0})],kt.prototype,"autofocus",2);var ji=kt;var Mo=b.constructTagName("radio");ji.register(Mo);var vd=ji;var Ur=class extends So{constructor(){super();this.name="";this.isRadio=!0}firstUpdated(){var e,r,o,s,a;(a=(s=(o=(r=Array.from(((e=this.shadowRoot)==null?void 0:e.querySelectorAll("slot"))||[]))==null?void 0:r.flatMap(n=>n.assignedElements({flatten:!0})))==null?void 0:o.filter(n=>n.tagName.toLowerCase()===Mo))==null?void 0:s.filter(n=>!n.hasAttribute("name")))==null||a.forEach(n=>{n.setAttribute("name",this.name),this.requiredLabel&&n.setAttribute("required-label",this.requiredLabel)})}};Ur.styles=[...So.styles],l([c({type:String})],Ur.prototype,"name",2);var Ki=Ur;var Yn=b.constructTagName("radiogroup");Ki.register(Yn);var yd=Ki;var Wn=b.constructTagName("screenreaderannouncer"),xd={ASSERTIVE:"assertive",POLITE:"polite",OFF:"off"},ir={ARIA_LIVE:xd.POLITE,DELAY:150,IDENTITY:"mdc-screenreaderannouncer-identity",TIMEOUT:2e4};var Ed=[f`
|
|
2506
2767
|
:host {
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
--mdc-spinner-button-variant-color: currentColor;
|
|
2510
|
-
--mdc-spinner-color: var(--mdc-spinner-default-color);
|
|
2511
|
-
--mdc-spinner-size: 100%;
|
|
2512
|
-
}
|
|
2513
|
-
|
|
2514
|
-
:host([inverted]) {
|
|
2515
|
-
--mdc-spinner-color: var(--mdc-spinner-inverted-color);
|
|
2768
|
+
display: none;
|
|
2769
|
+
visibility: hidden;
|
|
2516
2770
|
}
|
|
2771
|
+
`],qn=Ed;var Fe=class extends y{constructor(){super(...arguments);this.announcement="";this.identity="";this.dataAriaLive=ir.ARIA_LIVE;this.delay=ir.DELAY;this.timeout=ir.TIMEOUT;this.timeOutIds=[];this.ariaLiveAnnouncementIds=[]}announce(e,r,o,s){var a;if(e.length>0){let n=`mdc-screenreaderannouncer-announcement-${De()}`,d=document.createElement("div");d.id=n,d.ariaLive=s,(a=document.getElementById(this.identity))==null||a.appendChild(d);let m=window.setTimeout(()=>{let h=document.createElement("p");h.textContent=e,d.appendChild(h),this.ariaLiveAnnouncementIds.push(n);let u=window.setTimeout(()=>{var x;(x=document.getElementById(n))==null||x.remove()},o);this.timeOutIds.push(u)},r);this.timeOutIds.push(m)}}clearTimeOutsAndAnnouncements(){this.timeOutIds.forEach(e=>{window.clearTimeout(e)}),this.ariaLiveAnnouncementIds.forEach(e=>{var r;(r=document.getElementById(e))==null||r.remove()})}createAnnouncementAriaLiveRegion(){let e=document.getElementById(this.identity);if(!e){e=document.createElement("div"),e.id=this.identity;let r=document.createElement("style");r.textContent=`
|
|
2772
|
+
.mdc-screenreaderannouncer__visually-hidden {
|
|
2773
|
+
clip: rect(0 0 0 0);
|
|
2774
|
+
clip-path: inset(50%);
|
|
2775
|
+
height: 1px;
|
|
2776
|
+
overflow: hidden;
|
|
2777
|
+
position: absolute;
|
|
2778
|
+
white-space: nowrap;
|
|
2779
|
+
width: 1px;
|
|
2780
|
+
}
|
|
2781
|
+
`,e.appendChild(r),e.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(e)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=ir.IDENTITY),this.createAnnouncementAriaLiveRegion()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeOutsAndAnnouncements()}updated(e){e.has("identity")&&this.identity.length===0&&(this.identity=ir.IDENTITY,this.createAnnouncementAriaLiveRegion()),e.has("announcement")&&this.announcement.length>0&&(this.announce(this.announcement,this.delay,this.timeout,this.dataAriaLive),this.announcement="")}};Fe.styles=[...y.styles,...qn],l([c({type:String,reflect:!0})],Fe.prototype,"announcement",2),l([c({type:String,reflect:!0})],Fe.prototype,"identity",2),l([c({type:String,reflect:!0,attribute:"data-aria-live"})],Fe.prototype,"dataAriaLive",2),l([c({type:Number,reflect:!0})],Fe.prototype,"delay",2),l([c({type:Number,reflect:!0})],Fe.prototype,"timeout",2);var Qi=Fe;Qi.register(Wn);var Td=Qi;var Ad=f`
|
|
2517
2782
|
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2783
|
+
:host::part(filters-container){
|
|
2784
|
+
display: flex;
|
|
2785
|
+
gap: 0.25rem;
|
|
2786
|
+
margin: 0.25rem;
|
|
2787
|
+
}
|
|
2521
2788
|
|
|
2522
|
-
|
|
2523
|
-
|
|
2789
|
+
.input {
|
|
2790
|
+
white-space: nowrap;
|
|
2791
|
+
min-width: 50%;
|
|
2792
|
+
}
|
|
2793
|
+
|
|
2794
|
+
.input::-webkit-search-cancel-button {
|
|
2795
|
+
-webkit-appearance: none;
|
|
2796
|
+
pointer-events: none;
|
|
2797
|
+
}
|
|
2798
|
+
|
|
2799
|
+
:host::part(scrollable-container){
|
|
2800
|
+
display: flex;
|
|
2801
|
+
flex-grow: 1;
|
|
2802
|
+
overflow-x: scroll;
|
|
2803
|
+
overflow-y: hidden;
|
|
2804
|
+
position: relative;
|
|
2805
|
+
scrollbar-width: none;
|
|
2806
|
+
}
|
|
2807
|
+
|
|
2808
|
+
`,Xn=[Ad];var Zn=b.constructTagName("searchfield"),Do={TYPE:zi.SEARCH,ICON:"search-bold",CLOSE_BTN:!0};var sr=class extends Jt{constructor(){super(...arguments);this.isInputFocused=!1}connectedCallback(){super.connectedCallback(),this.leadingIcon=Do.ICON,this.trailingButton=Do.CLOSE_BTN,this.helpText=void 0,this.helpTextType=void 0,this.requiredLabel=void 0,this.validationMessage=void 0,this.prefixText=void 0}renderInputChips(){this.inputChips&&this.inputChips.forEach(e=>{e.matches("mdc-inputchip")||e.remove()})}firstUpdated(){this.inputElement.onfocus=()=>{this.isInputFocused=!0},this.inputElement.onblur=()=>{this.isInputFocused=!1}}render(){return p`
|
|
2809
|
+
${this.renderLabelElement()}
|
|
2810
|
+
<div class="${Yt({"input-container":!0,"mdc-focus-ring":this.isInputFocused})}" part="input-container">
|
|
2811
|
+
${this.renderLeadingIcon()}
|
|
2812
|
+
<div part='scrollable-container'>
|
|
2813
|
+
<div part="filters-container"
|
|
2814
|
+
@click=${()=>this.inputElement.focus()}
|
|
2815
|
+
@keydown=${e=>e.key==="Enter"?this.inputElement.focus():null}
|
|
2816
|
+
@keyup=${e=>e.key===" "?this.inputElement.focus():null}>
|
|
2817
|
+
<slot name="filters" @slotchange=${this.renderInputChips}></slot></div>
|
|
2818
|
+
${this.renderInputElement(Do.TYPE)}
|
|
2819
|
+
</div>
|
|
2820
|
+
${this.renderTrailingButton()}
|
|
2821
|
+
</div>
|
|
2822
|
+
`}};sr.styles=[...Jt.styles,...Xn],l([ue({slot:"filters"})],sr.prototype,"inputChips",2),l([$()],sr.prototype,"isInputFocused",2);var Ji=sr;Ji.register(Zn);var Sd=Ji;var jn=b.constructTagName("select"),$o={ARROW_UP:"arrow-up-bold",ARROW_DOWN:"arrow-down-bold"};var _d=f`
|
|
2823
|
+
:host {
|
|
2824
|
+
--mdc-select-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
2825
|
+
--mdc-select-icon-border-color: var(--mds-color-theme-outline-input-normal);
|
|
2826
|
+
--mdc-select-base-text-color: var(--mds-color-theme-text-secondary-normal);
|
|
2827
|
+
--mdc-select-selected-text-color: var(--mds-color-theme-text-primary-normal);
|
|
2828
|
+
--mdc-select-disabled-color: var(--mds-color-theme-outline-primary-disabled);
|
|
2829
|
+
--mdc-select-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
2830
|
+
--mdc-select-error-border-color: var(--mds-color-theme-text-error-normal);
|
|
2831
|
+
--mdc-select-warning-border-color: var(--mds-color-theme-text-warning-normal);
|
|
2832
|
+
--mdc-select-success-border-color: var(--mds-color-theme-text-success-normal);
|
|
2833
|
+
--mdc-select-background-hover: var(--mds-color-theme-background-primary-hover);
|
|
2834
|
+
--mdc-select-background-active: var(--mds-color-theme-background-primary-active);
|
|
2835
|
+
|
|
2836
|
+
display: flex;
|
|
2837
|
+
flex-direction: column;
|
|
2838
|
+
row-gap: 0.5rem;
|
|
2839
|
+
align-items: unset;
|
|
2840
|
+
width: unset;
|
|
2841
|
+
}
|
|
2842
|
+
:host::part(native-select) {
|
|
2843
|
+
margin: 0;
|
|
2844
|
+
opacity: 0.1%;
|
|
2845
|
+
overflow: visible;
|
|
2846
|
+
padding: 0;
|
|
2847
|
+
position: absolute;
|
|
2848
|
+
width: 100%;
|
|
2849
|
+
height: 1px;
|
|
2850
|
+
z-index: 1;
|
|
2851
|
+
}
|
|
2852
|
+
:host::part(container) {
|
|
2853
|
+
width: 100%;
|
|
2854
|
+
position: relative;
|
|
2855
|
+
}
|
|
2856
|
+
:host::part(base-container) {
|
|
2857
|
+
border-radius: 0.5rem;
|
|
2858
|
+
padding: 5.5px 6px 5.5px 12px;
|
|
2859
|
+
border: 1px solid var(--mdc-select-icon-border-color);
|
|
2860
|
+
background: var(--mdc-select-background-color);
|
|
2861
|
+
display: flex;
|
|
2862
|
+
gap: 0.375rem;
|
|
2863
|
+
}
|
|
2864
|
+
:host::part(base-container):hover {
|
|
2865
|
+
background-color: var(--mdc-select-background-hover);
|
|
2866
|
+
}
|
|
2867
|
+
:host::part(base-container):active {
|
|
2868
|
+
background-color: var(--mdc-select-background-active);
|
|
2869
|
+
}
|
|
2870
|
+
:host::part(base-text) {
|
|
2871
|
+
height: 1.3125rem;
|
|
2872
|
+
width: 100%;
|
|
2873
|
+
color: var(--mdc-select-base-text-color);
|
|
2874
|
+
overflow: hidden;
|
|
2875
|
+
text-overflow: ellipsis;
|
|
2876
|
+
white-space: nowrap;
|
|
2877
|
+
}
|
|
2878
|
+
:host::part(selected) {
|
|
2879
|
+
color: var(--mdc-select-selected-text-color);
|
|
2880
|
+
}
|
|
2881
|
+
:host::part(icon-container) {
|
|
2882
|
+
margin-left: auto;
|
|
2883
|
+
display: flex;
|
|
2884
|
+
padding: 2px;
|
|
2885
|
+
}
|
|
2886
|
+
:host([readonly])::part(icon-container) {
|
|
2887
|
+
color: var(--mdc-select-disabled-text-color);
|
|
2888
|
+
}
|
|
2889
|
+
:host::part(popover-content) {
|
|
2890
|
+
min-width: auto;
|
|
2891
|
+
}
|
|
2892
|
+
:host([disabled])::part(base-container),
|
|
2893
|
+
:host([readonly])::part(base-container),
|
|
2894
|
+
:host([help-text-type="success"][disabled])::part(base-container),
|
|
2895
|
+
:host([help-text-type="error"][disabled])::part(base-container),
|
|
2896
|
+
:host([help-text-type="warning"][disabled])::part(base-container),
|
|
2897
|
+
:host([help-text-type="success"][readonly])::part(base-container),
|
|
2898
|
+
:host([help-text-type="error"][readonly])::part(base-container),
|
|
2899
|
+
:host([help-text-type="warning"][readonly])::part(base-container) {
|
|
2900
|
+
border-color: var(--mdc-select-disabled-color);
|
|
2901
|
+
}
|
|
2902
|
+
:host([disabled]:hover)::part(base-container),
|
|
2903
|
+
:host([readonly]:hover)::part(base-container) {
|
|
2904
|
+
background-color: unset;
|
|
2905
|
+
}
|
|
2906
|
+
:host([readonly])::part(base-text) {
|
|
2907
|
+
color: var(--mdc-select-selected-text-color);
|
|
2908
|
+
}
|
|
2909
|
+
:host([disabled])::part(base-text) {
|
|
2910
|
+
color: var(--mdc-select-disabled-text-color);
|
|
2911
|
+
}
|
|
2912
|
+
:host([help-text-type="success"])::part(base-container) {
|
|
2913
|
+
border-color: var(--mdc-select-success-border-color);
|
|
2914
|
+
}
|
|
2915
|
+
:host([help-text-type="error"])::part(base-container) {
|
|
2916
|
+
border-color: var(--mdc-select-error-border-color);
|
|
2917
|
+
}
|
|
2918
|
+
:host([help-text-type="warning"])::part(base-container) {
|
|
2919
|
+
border-color: var(--mdc-select-warning-border-color);
|
|
2920
|
+
}
|
|
2921
|
+
`,Kn=[_d,...R(!0)];var ee=class extends Q(P(Z)){constructor(){super(...arguments);this.readonly=!1;this.height="auto";this.baseIconName=$o.ARROW_DOWN;this.selectedValue="";this.showPopover=!1;this.activeDescendant=""}connectedCallback(){super.connectedCallback(),this.value=void 0,this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}getAllValidOptions(){var e;return((e=this.optionsList)==null?void 0:e.map(r=>r.tagName.toLowerCase()===Vr?r:r.tagName.toLowerCase()===No?Array.from(r.children).filter(o=>o.tagName.toLowerCase()===Vr):[]).flat())||[]}handlePopoverOpen(){this.baseIconName=$o.ARROW_UP}handlePopoverClose(){this.baseIconName=$o.ARROW_DOWN}updateTabIndexForAllOptions(e){var o;let r=!1;this.getAllValidOptions().forEach(s=>{s===e?(this.setSelectedValue(s),r=!0,s.setAttribute("selected",""),s.setAttribute("tabindex","0")):(s==null||s.setAttribute("tabindex","-1"),s==null||s.removeAttribute("selected"))}),!r&&((o=this.getAllValidOptions()[0])==null||o.setAttribute("tabindex","0"))}handleOptionsClick(e){this.updateTabIndexForAllOptions(e.target)}setSelectedValue(e){var r,o,s,a;this.selectedValueText=(o=(r=e==null?void 0:e.getAttribute("label"))!=null?r:e==null?void 0:e.textContent)!=null?o:"",this.selectedValue=(a=(s=e==null?void 0:e.getAttribute("value"))!=null?s:e==null?void 0:e.textContent)!=null?a:"",this.internals.setFormValue(this.selectedValue),this.manageRequired(),this.dispatchChange(this.selectedValue)}manageRequired(){!this.selectedValue&&this.requiredLabel?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.selectedValue="",this.selectedValueText=void 0,this.internals.setFormValue(this.selectedValue),this.updateTabIndexForAllOptions()}formStateRestoreCallback(e){this.selectedValue=e,this.selectedValueText=e}dispatchChange(e){e&&this.dispatchEvent(new CustomEvent("change",{detail:{value:e},composed:!0,bubbles:!0}))}handleKeydown(e){this.showPopover?this.handlePopoverOnOpen(e):this.handlePopoverOnClose(e)}handlePopoverOnOpen(e){var r;switch(e.key){case D.SPACE:this.updateTabIndexForAllOptions(e.target),this.closePopover();break;case D.ENTER:this.updateTabIndexForAllOptions(e.target),this.closePopover(),(r=this.form)==null||r.requestSubmit();break;case D.ESCAPE:this.closePopover();break;case D.HOME:this.setFocusAndTabIndex(0);break;case D.END:this.setFocusAndTabIndex(this.getAllValidOptions().length-1);break;case D.ARROW_DOWN:case D.ARROW_UP:case D.PAGE_DOWN:case D.PAGE_UP:this.handleOptionsNavigation(e),this.updateActivedescendant(e.target);break;default:break}}handlePopoverOnClose(e){switch(e.key){case D.ARROW_DOWN:case D.ARROW_UP:case D.ENTER:case D.SPACE:this.openPopover(),e.preventDefault();break;case D.HOME:this.openPopover(),this.setFocusAndTabIndex(0);break;case D.END:this.openPopover(),this.setFocusAndTabIndex(this.getAllValidOptions().length-1);break;default:break}}handleOptionsNavigation(e){let r=this.getAllValidOptions(),o=r.findIndex(a=>a===e.target),s=this.getNewIndexBasedOnKey(e.key,o,r.length);s!==-1&&(this.setFocusAndTabIndex(s),e.preventDefault())}getNewIndexBasedOnKey(e,r,o){return e===D.ARROW_DOWN&&r!==o-1?r+1:e===D.ARROW_UP&&r>0?r-1:e===D.PAGE_DOWN?r+10>o?o-1:r+10:e===D.PAGE_UP?r-10<0?0:r-10:-1}updateActivedescendant(e){var o,s;let r=this.getAllValidOptions().findIndex(a=>a===e);this.activeDescendant=(s=(o=this.getAllValidOptions()[r])==null?void 0:o.id)!=null?s:""}resetActivedescendant(){this.activeDescendant=""}setFocusAndTabIndex(e){var r;(r=this.getAllValidOptions()[e])==null||r.focus(),this.getAllValidOptions().forEach((o,s)=>{let a=e===s?"0":"-1";o==null||o.setAttribute("tabindex",a)})}openPopover(){this.showPopover=!0,this.resetActivedescendant()}closePopover(){this.showPopover=!1,this.resetActivedescendant()}firstUpdated(){let e=this.getAllValidOptions(),r=e.findIndex(o=>o==null?void 0:o.hasAttribute("selected"));r!==-1?(this.setSelectedValue(e[r]),this.updateTabIndexForAllOptions(e[r])):this.placeholder?this.placeholder&&this.manageRequired():(this.setSelectedValue(e[0]),this.updateTabIndexForAllOptions())}getNativeSelect(){var e;return p`
|
|
2922
|
+
<select
|
|
2923
|
+
part="native-select"
|
|
2924
|
+
id="${this.id}"
|
|
2925
|
+
tabindex="-1"
|
|
2926
|
+
name="${this.name}"
|
|
2927
|
+
size="1"
|
|
2928
|
+
.value="${this.selectedValue}"
|
|
2929
|
+
?autofocus="${this.autofocus}"
|
|
2930
|
+
?disabled="${this.disabled}"
|
|
2931
|
+
?required="${!!this.requiredLabel}"
|
|
2932
|
+
aria-activedescendant="${this.activeDescendant}"
|
|
2933
|
+
aria-expanded="${this.showPopover}"
|
|
2934
|
+
aria-haspopup="listbox"
|
|
2935
|
+
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
2936
|
+
aria-labelledby="${this.label?V.HEADING_ID:""}"
|
|
2937
|
+
@mousedown="${r=>r.preventDefault()}"
|
|
2938
|
+
>
|
|
2939
|
+
${this.getOptionsContentFromSlot()}
|
|
2940
|
+
</select>
|
|
2941
|
+
`}getOptionsContentFromSlot(){return this.getAllValidOptions().map(e=>{var r,o;return p`
|
|
2942
|
+
<option
|
|
2943
|
+
part="native-select"
|
|
2944
|
+
value="${(r=e.getAttribute("value"))!=null?r:""}"
|
|
2945
|
+
label="${(o=e.getAttribute("label"))!=null?o:""}"
|
|
2946
|
+
?disabled="${!!e.hasAttribute("disabled")}"
|
|
2947
|
+
?selected="${!!e.hasAttribute("selected")}"
|
|
2948
|
+
>
|
|
2949
|
+
${e.textContent}
|
|
2950
|
+
</option>
|
|
2951
|
+
`})}getPopoverContent(){return this.disabled||this.readonly?v:p`
|
|
2952
|
+
<mdc-popover
|
|
2953
|
+
id="options-popover"
|
|
2954
|
+
triggerid="select-base-triggerid"
|
|
2955
|
+
interactive
|
|
2956
|
+
?visible="${this.showPopover}"
|
|
2957
|
+
hide-on-outside-click
|
|
2958
|
+
focus-back-to-trigger
|
|
2959
|
+
focus-trap
|
|
2960
|
+
prevent-scroll
|
|
2961
|
+
role="listbox"
|
|
2962
|
+
placement="${Ve.BOTTOM_START}"
|
|
2963
|
+
@shown="${this.handlePopoverOpen}"
|
|
2964
|
+
@hidden="${this.handlePopoverClose}"
|
|
2965
|
+
style="--mdc-popover-max-width: 100%; --mdc-popover-max-height: ${this.height};"
|
|
2966
|
+
>
|
|
2967
|
+
<slot @click="${this.handleOptionsClick}"></slot>
|
|
2968
|
+
</mdc-popover>
|
|
2969
|
+
`}shouldFocusSelect(){return!(this.disabled||this.readonly)}updated(e){super.updated(e),(e.has("disabled")||e.has("readonly"))&&(this.closePopover(),this.handlePopoverClose())}render(){var e;return p`
|
|
2970
|
+
${this.renderLabel()}
|
|
2971
|
+
<div part="container">
|
|
2972
|
+
<div
|
|
2973
|
+
id="select-base-triggerid"
|
|
2974
|
+
part="base-container"
|
|
2975
|
+
tabindex="${this.shouldFocusSelect()?"0":"-1"}"
|
|
2976
|
+
class="${this.shouldFocusSelect()?"mdc-focus-ring":""}"
|
|
2977
|
+
>
|
|
2978
|
+
<mdc-text
|
|
2979
|
+
part="base-text ${this.selectedValueText?"selected":""}"
|
|
2980
|
+
type="${_.BODY_MIDSIZE_REGULAR}"
|
|
2981
|
+
tagname="${w.SPAN}"
|
|
2982
|
+
>
|
|
2983
|
+
${(e=this.selectedValueText)!=null?e:this.placeholder}
|
|
2984
|
+
</mdc-text>
|
|
2985
|
+
<div part="icon-container">
|
|
2986
|
+
<mdc-icon size="1" length-unit="rem" name="${this.baseIconName}"></mdc-icon>
|
|
2987
|
+
</div>
|
|
2988
|
+
</div>
|
|
2989
|
+
${this.getNativeSelect()}
|
|
2990
|
+
${this.getPopoverContent()}
|
|
2991
|
+
</div>
|
|
2992
|
+
${this.renderHelperText()}
|
|
2993
|
+
`}};ee.styles=[...Z.styles,...Kn],l([c({type:String})],ee.prototype,"placeholder",2),l([c({type:Boolean})],ee.prototype,"readonly",2),l([c({type:String,attribute:"height"})],ee.prototype,"height",2),l([ue()],ee.prototype,"optionsList",2),l([$()],ee.prototype,"baseIconName",2),l([$()],ee.prototype,"selectedValueText",2),l([$()],ee.prototype,"selectedValue",2),l([$()],ee.prototype,"showPopover",2),l([$()],ee.prototype,"activeDescendant",2),l([Ot("select")],ee.prototype,"inputElement",2);var es=ee;es.register(jn);var Id=es;var kd=[C,f`
|
|
2994
|
+
:host {
|
|
2995
|
+
--mdc-spinner-default-color: var(--mds-color-theme-control-active-normal);
|
|
2996
|
+
--mdc-spinner-inverted-color: var(--mds-color-theme-inverted-control-active-normal);
|
|
2997
|
+
--mdc-spinner-button-variant-color: currentColor;
|
|
2998
|
+
--mdc-spinner-color: var(--mdc-spinner-default-color);
|
|
2999
|
+
--mdc-spinner-size: 100%;
|
|
3000
|
+
}
|
|
3001
|
+
|
|
3002
|
+
:host([inverted]) {
|
|
3003
|
+
--mdc-spinner-color: var(--mdc-spinner-inverted-color);
|
|
3004
|
+
}
|
|
3005
|
+
|
|
3006
|
+
:host([size="large"]) {
|
|
3007
|
+
--mdc-spinner-size: 6rem;
|
|
3008
|
+
}
|
|
3009
|
+
|
|
3010
|
+
:host([size="midsize"]) {
|
|
3011
|
+
--mdc-spinner-size: 3rem;
|
|
2524
3012
|
}
|
|
2525
3013
|
|
|
2526
3014
|
:host([size="small"]) {
|
|
@@ -2564,11 +3052,11 @@
|
|
|
2564
3052
|
stroke-dashoffset: -292;
|
|
2565
3053
|
}
|
|
2566
3054
|
}
|
|
2567
|
-
`],
|
|
3055
|
+
`],Qn=kd;var Jn=b.constructTagName("spinner"),wd={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Cd={STANDALONE:"standalone",BUTTON:"button"},zo={VARIANT:Cd.STANDALONE,SIZE:wd.MIDSIZE,INVERTED:!1};var rt=class extends y{constructor(){super(...arguments);this.inverted=zo.INVERTED;this.size=zo.SIZE;this.ariaLabel=null;this.variant=zo.VARIANT}updated(e){super.updated(e),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null,this.ariaHidden=this.ariaLabel?"false":"true")}render(){return p`
|
|
2568
3056
|
<svg part="container" viewBox="0 0 100 100">
|
|
2569
3057
|
<circle part="circle" cx="50" cy="50" r="46"></circle>
|
|
2570
3058
|
</svg>
|
|
2571
|
-
`}};
|
|
3059
|
+
`}};rt.styles=[...y.styles,...Qn],l([c({type:Boolean,reflect:!0})],rt.prototype,"inverted",2),l([c({type:String,reflect:!0})],rt.prototype,"size",2),l([c({type:String,attribute:"aria-label"})],rt.prototype,"ariaLabel",2),l([c({type:String,reflect:!0})],rt.prototype,"variant",2);var ts=rt;ts.register(Jn);var Ld=ts;var Nd=[C,f`
|
|
2572
3060
|
|
|
2573
3061
|
:host {
|
|
2574
3062
|
--mdc-tab-content-gap: 0.5rem;
|
|
@@ -2811,134 +3299,297 @@
|
|
|
2811
3299
|
color: var(--mdc-tab-pill-active-color-disabled);
|
|
2812
3300
|
}
|
|
2813
3301
|
|
|
2814
|
-
`,...
|
|
3302
|
+
`,...R()],el=Nd;var tl=b.constructTagName("tab"),rs={GLASS:"glass",LINE:"line",PILL:"pill"},os={VARIANT:rs.PILL};var ar=class extends K(ae){constructor(){super(...arguments);this.variant=os.VARIANT}connectedCallback(){super.connectedCallback(),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=`${kr(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(e){this.setAttribute("variant",Object.values(rs).includes(e)?e:os.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 p`
|
|
2815
3303
|
<div part="container">
|
|
2816
|
-
${this.iconName?
|
|
2817
|
-
${this.text?
|
|
3304
|
+
${this.iconName?p` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:v}
|
|
3305
|
+
${this.text?p` <mdc-text
|
|
2818
3306
|
type=${this.active?_.BODY_MIDSIZE_BOLD:_.BODY_MIDSIZE_MEDIUM}
|
|
2819
3307
|
tagname=${w.SPAN}
|
|
2820
3308
|
data-text=${this.text}
|
|
2821
3309
|
part="text"
|
|
2822
3310
|
>${this.text}</mdc-text
|
|
2823
|
-
>`:
|
|
3311
|
+
>`:v}
|
|
2824
3312
|
<slot name="badge"></slot>
|
|
2825
3313
|
<slot name="chip"></slot>
|
|
2826
3314
|
</div>
|
|
2827
3315
|
<div part="indicator"></div>
|
|
2828
|
-
`}};
|
|
3316
|
+
`}};ar.styles=[...ae.styles,...el],l([c({type:String,reflect:!0})],ar.prototype,"text",2),l([c({type:String,reflect:!0})],ar.prototype,"variant",2);var is=ar;is.register(tl);var Rd=is;var Od=[f`
|
|
2829
3317
|
:host {
|
|
2830
|
-
--mdc-
|
|
2831
|
-
--mdc-
|
|
2832
|
-
--mdc-
|
|
2833
|
-
|
|
2834
|
-
--mdc-
|
|
2835
|
-
|
|
2836
|
-
--mdc-
|
|
2837
|
-
|
|
2838
|
-
|
|
2839
|
-
--mdc-
|
|
2840
|
-
--mdc-
|
|
2841
|
-
--mdc-
|
|
2842
|
-
--mdc-
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
font-weight: var(--mdc-themeprovider-font-weight);
|
|
2847
|
-
letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
|
|
2848
|
-
|
|
2849
|
-
font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
|
|
3318
|
+
--mdc-textarea-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
3319
|
+
--mdc-textarea-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
3320
|
+
--mdc-textarea-disabled-background-color: var(--mds-color-theme-background-primary-disabled);
|
|
3321
|
+
--mdc-textarea-text-color: var(--mds-color-theme-text-primary-normal);
|
|
3322
|
+
--mdc-textarea-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
3323
|
+
--mdc-textarea-border-color: var(--mds-color-theme-outline-input-normal);
|
|
3324
|
+
--mdc-textarea-text-secondary-normal : var(--mds-color-theme-text-secondary-normal);
|
|
3325
|
+
--mdc-textarea-error-border-color: var(--mds-color-theme-text-error-normal);
|
|
3326
|
+
--mdc-textarea-warning-border-color: var(--mds-color-theme-text-warning-normal);
|
|
3327
|
+
--mdc-textarea-success-border-color: var(--mds-color-theme-text-success-normal);
|
|
3328
|
+
--mdc-textarea-primary-border-color: var(--mds-color-theme-text-accent-normal);
|
|
3329
|
+
--mdc-textarea-hover-background-color: var(--mds-color-theme-background-primary-hover);
|
|
3330
|
+
--mdc-textarea-focused-background-color: var(--mds-color-theme-background-primary-active);
|
|
3331
|
+
--mdc-textarea-focused-border-color: var(--mds-color-theme-outline-input-active);
|
|
3332
|
+
--mdc-textarea-text-font-size: var(--mds-font-size-body-midsize);
|
|
3333
|
+
--mdc-textarea-text-line-height: var(--mds-font-lineheight-body-midsize);
|
|
2850
3334
|
}
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
scrollbar-color: var(--mdc-themeprovider-scrollbar-thumb-color) var(--mdc-themeprovider-scrollbar-track-color);
|
|
3335
|
+
|
|
3336
|
+
:host([disabled])::part(textarea),
|
|
3337
|
+
:host([disabled])::part(textarea)::placeholder{
|
|
3338
|
+
color: var(--mdc-input-disabled-text-color);
|
|
2856
3339
|
}
|
|
2857
|
-
`,Nn=[ld];var Jt=class extends Ot{constructor(){super({context:Ro.context,initialValue:new Ro(Bi.THEMECLASS)});this.themeclass=Bi.THEMECLASS}static get Context(){return Ro.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(" "))}};Jt.styles=[...Ot.styles,...Nn],l([U()],Jt.prototype,"currentThemeClass",2),l([c({type:String})],Jt.prototype,"themeclass",2);var Gi=Jt;Gi.register(Lo);var cd=Gi;var dd=[C,f`
|
|
2858
|
-
:host {
|
|
2859
|
-
--mdc-toggle-width: 3rem;
|
|
2860
|
-
--mdc-toggle-height: 1.5rem;
|
|
2861
|
-
--mdc-toggle-width-compact: 2rem;
|
|
2862
|
-
--mdc-toggle-height-compact: 1rem;
|
|
2863
|
-
--mdc-toggle-border-radius: 0.75rem;
|
|
2864
|
-
--mdc-toggle-border-radius-compact: 0.5rem;
|
|
2865
|
-
--mdc-toggle-border: 0.0625rem solid var(--mds-color-theme-outline-input-normal);
|
|
2866
3340
|
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
--mdc-toggle-active-hover-color: var(--mds-color-theme-control-active-hover);
|
|
2873
|
-
--mdc-toggle-active-pressed-color: var(--mds-color-theme-control-active-pressed);
|
|
2874
|
-
--mdc-toggle-active-disabled-color: var(--mds-color-theme-control-active-disabled);
|
|
3341
|
+
:host([disabled])::part(textarea),
|
|
3342
|
+
:host([readonly])::part(textarea){
|
|
3343
|
+
border-color: var(--mdc-textarea-disabled-border-color);
|
|
3344
|
+
background: var(--mdc-textarea-disabled-background-color);
|
|
3345
|
+
}
|
|
2875
3346
|
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
3347
|
+
:host([disabled][help-text-type="default"])::part(textarea-container),
|
|
3348
|
+
:host([disabled][help-text-type="success"])::part(textarea-container),
|
|
3349
|
+
:host([disabled][help-text-type="warning"])::part(textarea-container),
|
|
3350
|
+
:host([disabled][help-text-type="error"])::part(textarea-container),
|
|
3351
|
+
:host([disabled][help-text-type="priority"])::part(textarea-container){
|
|
3352
|
+
border-color: var(--mdc-textarea-disabled-border-color);
|
|
3353
|
+
}
|
|
2881
3354
|
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
3355
|
+
:host::part(textarea){
|
|
3356
|
+
min-height: 6.25rem;
|
|
3357
|
+
color: var(--mdc-textarea-text-color);
|
|
3358
|
+
font-family: inherit;
|
|
3359
|
+
font-size: var(--mdc-textarea-text-font-size);
|
|
3360
|
+
line-height: var(--mdc-textarea-text-line-height);
|
|
3361
|
+
background-color: var(--mdc-textarea-background-color);
|
|
3362
|
+
resize: none;
|
|
3363
|
+
border: none;
|
|
3364
|
+
outline: none;
|
|
3365
|
+
box-sizing: border-box;
|
|
2886
3366
|
}
|
|
2887
3367
|
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
3368
|
+
|
|
3369
|
+
:host::part(textarea-container) {
|
|
3370
|
+
display: flex;
|
|
3371
|
+
border-radius: 0.5rem;
|
|
3372
|
+
border: 0.0625rem solid var(--mdc-textarea-border-color);
|
|
3373
|
+
overflow: hidden;
|
|
3374
|
+
padding: 0.375rem 0.25rem 0.25rem 0.75rem;
|
|
2894
3375
|
}
|
|
2895
3376
|
|
|
2896
|
-
:host(
|
|
2897
|
-
|
|
2898
|
-
row-gap: 0rem;
|
|
3377
|
+
:host(:dir(rtl))::part(textarea-container){
|
|
3378
|
+
padding: 0.375rem 0.75rem 0.25rem 0.25rem;
|
|
2899
3379
|
}
|
|
2900
3380
|
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
border-radius: var(--mdc-toggle-border-radius);
|
|
3381
|
+
:host(:not([disabled]))::part(textarea-container):hover{
|
|
3382
|
+
background-color: var(--mdc-textarea-hover-background-color);
|
|
2904
3383
|
}
|
|
2905
3384
|
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2909
|
-
|
|
2910
|
-
margin: 0;
|
|
2911
|
-
width: var(--mdc-toggle-width);
|
|
2912
|
-
height: var(--mdc-toggle-height);
|
|
3385
|
+
:host(:not([disabled]))::part(textarea-container):active,
|
|
3386
|
+
:host(:not([disabled]))::part(textarea-container):focus-within{
|
|
3387
|
+
background-color: var(--mdc-textarea-focused-background-color);
|
|
3388
|
+
border-color: var(--mdc-textarea-focused-border-color);
|
|
2913
3389
|
}
|
|
2914
3390
|
|
|
2915
|
-
|
|
2916
|
-
width: var(--mdc-toggle-width);
|
|
2917
|
-
height: var(--mdc-toggle-height);
|
|
2918
|
-
background: var(--mdc-toggle-inactive-rest-color);
|
|
2919
|
-
border-radius: var(--mdc-toggle-border-radius);
|
|
2920
|
-
border: var(--mdc-toggle-border);
|
|
3391
|
+
:host::part(textarea-footer) {
|
|
2921
3392
|
display: flex;
|
|
3393
|
+
justify-content: space-between;
|
|
2922
3394
|
align-items: center;
|
|
2923
|
-
|
|
2924
|
-
transition: background-color 0.3s ease;
|
|
2925
|
-
outline: none;
|
|
2926
|
-
padding: 0.0625rem;
|
|
3395
|
+
width: 100%;
|
|
2927
3396
|
}
|
|
2928
3397
|
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
justify-content: flex-end;
|
|
2932
|
-
border-color: transparent;
|
|
3398
|
+
.textarea::placeholder{
|
|
3399
|
+
color: var(--mdc-textarea-text-secondary-normal);
|
|
2933
3400
|
}
|
|
2934
3401
|
|
|
2935
|
-
:host(
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
border-radius: var(--mdc-toggle-border-radius-compact);
|
|
3402
|
+
:host::part(character-counter){
|
|
3403
|
+
margin-left: auto;
|
|
3404
|
+
color: var(--mdc-textarea-text-secondary-normal);
|
|
2939
3405
|
}
|
|
2940
|
-
|
|
2941
|
-
|
|
3406
|
+
|
|
3407
|
+
:host([help-text-type="error"])::part(character-counter) {
|
|
3408
|
+
color: var(--mdc-textarea-error-border-color);
|
|
3409
|
+
}
|
|
3410
|
+
|
|
3411
|
+
:host([disabled])::part(character-counter){
|
|
3412
|
+
color: var(--mds-color-theme-text-primary-disabled);
|
|
3413
|
+
}
|
|
3414
|
+
|
|
3415
|
+
:host([help-text-type="error"])::part(textarea-container),
|
|
3416
|
+
:host([help-text-type="error"])::part(textarea-container):focus-within {
|
|
3417
|
+
border-color: var(--mdc-textarea-error-border-color);
|
|
3418
|
+
}
|
|
3419
|
+
:host([help-text-type="warning"])::part(textarea-container),
|
|
3420
|
+
:host([help-text-type="warning"])::part(textarea-container):focus-within {
|
|
3421
|
+
border-color: var(--mdc-textarea-warning-border-color);
|
|
3422
|
+
}
|
|
3423
|
+
:host([help-text-type="success"])::part(textarea-container),
|
|
3424
|
+
:host([help-text-type="success"])::part(textarea-container):focus-within {
|
|
3425
|
+
border-color: var(--mdc-textarea-success-border-color);
|
|
3426
|
+
}
|
|
3427
|
+
:host([help-text-type="priority"])::part(textarea-container),
|
|
3428
|
+
:host([help-text-type="priority"])::part(textarea-container):focus-within {
|
|
3429
|
+
border-color: var(--mdc-textarea-primary-border-color);
|
|
3430
|
+
}
|
|
3431
|
+
|
|
3432
|
+
.hidden {
|
|
3433
|
+
opacity: 0;
|
|
3434
|
+
pointer-events: none;
|
|
3435
|
+
}
|
|
3436
|
+
|
|
3437
|
+
`,...R(!0)],rl=Od;var ol=b.constructTagName("textarea"),ss={HARD:"hard",SOFT:"soft"},il={OFF:"off",ON:"on"},Po={CHARACTER_COUNTER_TYPE:_.BODY_MIDSIZE_REGULAR,ROWS:5,COLS:40,WRAP:ss.SOFT};var Y=class extends Q(P(de)){constructor(){super(...arguments);this.readonly=!1;this.rows=Po.ROWS;this.cols=Po.COLS;this.wrap=ss.SOFT;this.autocapitalize=_o.OFF;this.autocomplete=il.OFF;this.autofocus=!1;this.characterLimitExceedingFired=!1}get textarea(){return this.inputElement}connectedCallback(){var e;super.connectedCallback(),this.value=((e=this.textContent)==null?void 0:e.trim())||this.value,this.updateComplete.then(()=>{this.textarea&&(this.textarea.checkValidity(),this.setTextareaValidity(),this.internals.setFormValue(this.textarea.value))}).catch(r=>{this.onerror&&this.onerror(r)})}setTextareaValidity(){this.requiredLabel&&this.validationMessage&&this.value===""?this.textarea.setCustomValidity(this.validationMessage):this.maxCharacterLimit&&this.value.length>this.maxCharacterLimit&&this.helpTextType===B.ERROR&&this.helpText?this.textarea.setCustomValidity(this.helpText):this.textarea.setCustomValidity(""),this.setValidity()}formResetCallback(){this.value="",this.requestUpdate()}formStateRestoreCallback(e){this.value=e}handleValueChange(){this.updateComplete.then(()=>{this.setTextareaValidity()}).catch(e=>{this.onerror&&this.onerror(e)})}updated(e){super.updated(e),e.has("value")&&(this.handleValueChange(),this.handleCharacterOverflowStateChange())}attributeChangedCallback(e,r,o){super.attributeChangedCallback(e,r,o),["maxlength","minlength","required"].includes(e)&&this.updateComplete.then(()=>{this.setTextareaValidity()}).catch(a=>{this.onerror&&this.onerror(a)})}dispatchCharacterOverflowStateChangeEvent(){this.dispatchEvent(new CustomEvent("limitexceeded",{detail:{currentCharacterCount:this.value.length,maxCharacterLimit:this.maxCharacterLimit,value:this.value},bubbles:!0,composed:!0}))}handleCharacterOverflowStateChange(){this.maxCharacterLimit&&(this.value.length>this.maxCharacterLimit&&!this.characterLimitExceedingFired?(this.dispatchCharacterOverflowStateChangeEvent(),this.characterLimitExceedingFired=!0):this.value.length<=this.maxCharacterLimit&&this.characterLimitExceedingFired&&(this.dispatchCharacterOverflowStateChangeEvent(),this.characterLimitExceedingFired=!1))}updateValue(){this.value=this.textarea.value,this.internals.setFormValue(this.textarea.value)}onChange(e){this.updateValue();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}renderCharacterCounter(){return this.maxCharacterLimit?p`
|
|
3438
|
+
<mdc-text
|
|
3439
|
+
part="character-counter"
|
|
3440
|
+
tagname="span"
|
|
3441
|
+
type=${Po.CHARACTER_COUNTER_TYPE}
|
|
3442
|
+
>
|
|
3443
|
+
${this.value.length<10?`0${this.value.length}`:this.value.length}/${this.maxCharacterLimit}
|
|
3444
|
+
</mdc-text>
|
|
3445
|
+
`:v}renderTextareaFooter(){return!this.helpText&&!this.maxCharacterLimit?v:p`
|
|
3446
|
+
<div part="textarea-footer">
|
|
3447
|
+
${this.renderHelperText()}
|
|
3448
|
+
${this.renderCharacterCounter()}
|
|
3449
|
+
</div>
|
|
3450
|
+
`}render(){var e;return p`
|
|
3451
|
+
${this.renderLabel()}
|
|
3452
|
+
<div class="textarea-container mdc-focus-ring" part="textarea-container">
|
|
3453
|
+
<textarea
|
|
3454
|
+
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
3455
|
+
part='textarea'
|
|
3456
|
+
id="${this.id}"
|
|
3457
|
+
name="${this.name}"
|
|
3458
|
+
.value="${this.value}"
|
|
3459
|
+
?disabled="${this.disabled}"
|
|
3460
|
+
?readonly="${this.readonly}"
|
|
3461
|
+
?required="${!!this.requiredLabel}"
|
|
3462
|
+
placeholder=${A(this.placeholder)}
|
|
3463
|
+
rows=${A(this.rows)}
|
|
3464
|
+
cols=${A(this.cols)}
|
|
3465
|
+
wrap=${A(this.wrap)}
|
|
3466
|
+
?autofocus="${this.autofocus}"
|
|
3467
|
+
autocapitalize=${this.autocapitalize}
|
|
3468
|
+
autocomplete=${this.autocomplete}
|
|
3469
|
+
minlength=${A(this.minlength)}
|
|
3470
|
+
maxlength=${A(this.maxlength)}
|
|
3471
|
+
dirname=${A(this.dirname)}
|
|
3472
|
+
@input=${this.updateValue}
|
|
3473
|
+
@change=${this.onChange}
|
|
3474
|
+
aria-describedby="${A(this.helpText?V.HELPER_TEXT_ID:"")}"
|
|
3475
|
+
aria-invalid="${this.helpTextType==="error"?"true":"false"}"
|
|
3476
|
+
></textarea>
|
|
3477
|
+
</div>
|
|
3478
|
+
${this.renderTextareaFooter()}
|
|
3479
|
+
`}};Y.styles=[...de.styles,...rl],l([c({type:String})],Y.prototype,"placeholder",2),l([c({type:Boolean})],Y.prototype,"readonly",2),l([c({type:Number})],Y.prototype,"rows",2),l([c({type:Number})],Y.prototype,"cols",2),l([c({type:String})],Y.prototype,"wrap",2),l([c({type:String})],Y.prototype,"autocapitalize",2),l([c({type:String})],Y.prototype,"autocomplete",2),l([c({type:Boolean})],Y.prototype,"autofocus",2),l([c({type:String})],Y.prototype,"dirname",2),l([c({type:Number})],Y.prototype,"maxlength",2),l([c({type:Number})],Y.prototype,"minlength",2),l([c({type:Number,attribute:"max-character-limit"})],Y.prototype,"maxCharacterLimit",2),l([Ot("textarea")],Y.prototype,"inputElement",2);var as=Y;as.register(ol);var Md=as;var Vo=b.constructTagName("themeprovider"),ns={THEMECLASS:"mds-theme-stable-darkWebex"};var Uo=class{constructor(t){this.themeclass=t}};Uo.context=Vo;var Fo=Uo;var Dd=f`
|
|
3480
|
+
:host {
|
|
3481
|
+
--mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
|
|
3482
|
+
--mdc-themeprovider-font-family: var(--mds-font-family-primary);
|
|
3483
|
+
--mdc-themeprovider-font-weight: 400;
|
|
3484
|
+
/* adjusting Inter's letter spacing to better match the old CiscoSans */
|
|
3485
|
+
--mdc-themeprovider-letter-spacing-adjustment: -0.25px;
|
|
3486
|
+
/* Adjusting font feature settings for accessibility reasons */
|
|
3487
|
+
--mdc-themeprovider-font-feature-settings: "ss02" on;
|
|
3488
|
+
|
|
3489
|
+
/* Custom scrollbar variables */
|
|
3490
|
+
--mdc-themeprovider-scrollbar-track-color: var(--mds-color-theme-background-secondary-normal);
|
|
3491
|
+
--mdc-themeprovider-scrollbar-thumb-color: var(--mds-color-theme-scrollbar-button-normal);
|
|
3492
|
+
--mdc-themeprovider-scrollbar-thumb-hover-color: var(--mds-color-theme-scrollbar-button-hover);
|
|
3493
|
+
--mdc-themeprovider-scrollbar-thumb-active-color: var(--mds-color-theme-scrollbar-button-pressed);
|
|
3494
|
+
|
|
3495
|
+
color: var(--mdc-themeprovider-color-default);
|
|
3496
|
+
font-family: var(--mdc-themeprovider-font-family);
|
|
3497
|
+
font-weight: var(--mdc-themeprovider-font-weight);
|
|
3498
|
+
letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
|
|
3499
|
+
|
|
3500
|
+
font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
|
|
3501
|
+
}
|
|
3502
|
+
|
|
3503
|
+
/** Scrollbar Theme for Chrome, Edge, and Firefox. This has limited support on other browsers.
|
|
3504
|
+
https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color for more details */
|
|
3505
|
+
* {
|
|
3506
|
+
scrollbar-color: var(--mdc-themeprovider-scrollbar-thumb-color) var(--mdc-themeprovider-scrollbar-track-color);
|
|
3507
|
+
}
|
|
3508
|
+
`,sl=[Dd];var nr=class extends $t{constructor(){super({context:Fo.context,initialValue:new Fo(ns.THEMECLASS)});this.themeclass=ns.THEMECLASS}static get Context(){return Fo.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(" "))}};nr.styles=[...$t.styles,...sl],l([$()],nr.prototype,"currentThemeClass",2),l([c({type:String})],nr.prototype,"themeclass",2);var ls=nr;ls.register(Vo);var $d=ls;var zd=[C,f`
|
|
3509
|
+
:host {
|
|
3510
|
+
--mdc-toggle-width: 3rem;
|
|
3511
|
+
--mdc-toggle-height: 1.5rem;
|
|
3512
|
+
--mdc-toggle-width-compact: 2rem;
|
|
3513
|
+
--mdc-toggle-height-compact: 1rem;
|
|
3514
|
+
--mdc-toggle-border-radius: 0.75rem;
|
|
3515
|
+
--mdc-toggle-border-radius-compact: 0.5rem;
|
|
3516
|
+
--mdc-toggle-border: 0.0625rem solid var(--mds-color-theme-outline-input-normal);
|
|
3517
|
+
|
|
3518
|
+
--mdc-toggle-inactive-rest-color: var(--mds-color-theme-control-inactive-normal);
|
|
3519
|
+
--mdc-toggle-inactive-hover-color: var(--mds-color-theme-control-inactive-hover);
|
|
3520
|
+
--mdc-toggle-inactive-pressed-color: var(--mds-color-theme-control-inactive-pressed);
|
|
3521
|
+
--mdc-toggle-inactive-disabled-color: var(--mds-color-theme-control-inactive-disabled);
|
|
3522
|
+
--mdc-toggle-active-rest-color: var(--mds-color-theme-control-active-normal);
|
|
3523
|
+
--mdc-toggle-active-hover-color: var(--mds-color-theme-control-active-hover);
|
|
3524
|
+
--mdc-toggle-active-pressed-color: var(--mds-color-theme-control-active-pressed);
|
|
3525
|
+
--mdc-toggle-active-disabled-color: var(--mds-color-theme-control-active-disabled);
|
|
3526
|
+
|
|
3527
|
+
--mdc-toggle-label-lineheight: var(--mds-font-lineheight-body-midsize);
|
|
3528
|
+
--mdc-toggle-label-fontsize: var(--mds-font-size-body-midsize);
|
|
3529
|
+
--mdc-toggle-label-fontweight: 400;
|
|
3530
|
+
--mdc-toggle-label-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
3531
|
+
--mdc-toggle-help-text-color: var(--mds-color-theme-text-secondary-normal);
|
|
3532
|
+
|
|
3533
|
+
--mdc-toggle-icon-color-normal: var(--mds-color-theme-common-inverted-text-primary-normal);
|
|
3534
|
+
--mdc-toggle-icon-color-disabled: var(--mds-color-theme-common-inverted-text-primary-disabled);
|
|
3535
|
+
--mdc-toggle-icon-background-color-normal: var(--mds-color-theme-common-text-primary-normal);
|
|
3536
|
+
--mdc-toggle-icon-background-color-disabled: var(--mds-color-theme-common-text-primary-disabled);
|
|
3537
|
+
}
|
|
3538
|
+
|
|
3539
|
+
:host([label]), :host([help-text]){
|
|
3540
|
+
display: grid;
|
|
3541
|
+
grid-template-rows: auto auto;
|
|
3542
|
+
grid-template-columns: auto auto;
|
|
3543
|
+
column-gap: 0.75rem;
|
|
3544
|
+
row-gap: 0.25rem;
|
|
3545
|
+
}
|
|
3546
|
+
|
|
3547
|
+
:host([help-text='']) {
|
|
3548
|
+
grid-template-rows: auto;
|
|
3549
|
+
row-gap: 0rem;
|
|
3550
|
+
}
|
|
3551
|
+
|
|
3552
|
+
.mdc-toggle__container {
|
|
3553
|
+
position: relative;
|
|
3554
|
+
border-radius: var(--mdc-toggle-border-radius);
|
|
3555
|
+
}
|
|
3556
|
+
|
|
3557
|
+
.mdc-toggle__input {
|
|
3558
|
+
opacity: 0;
|
|
3559
|
+
position: absolute;
|
|
3560
|
+
cursor: pointer;
|
|
3561
|
+
margin: 0;
|
|
3562
|
+
width: var(--mdc-toggle-width);
|
|
3563
|
+
height: var(--mdc-toggle-height);
|
|
3564
|
+
}
|
|
3565
|
+
|
|
3566
|
+
.mdc-toggle__slider {
|
|
3567
|
+
width: var(--mdc-toggle-width);
|
|
3568
|
+
height: var(--mdc-toggle-height);
|
|
3569
|
+
background: var(--mdc-toggle-inactive-rest-color);
|
|
3570
|
+
border-radius: var(--mdc-toggle-border-radius);
|
|
3571
|
+
border: var(--mdc-toggle-border);
|
|
3572
|
+
display: flex;
|
|
3573
|
+
align-items: center;
|
|
3574
|
+
justify-content: flex-start;
|
|
3575
|
+
transition: background-color 0.3s ease;
|
|
3576
|
+
outline: none;
|
|
3577
|
+
padding: 0.0625rem;
|
|
3578
|
+
}
|
|
3579
|
+
|
|
3580
|
+
:host([checked]) .mdc-toggle__slider {
|
|
3581
|
+
background-color: var(--mdc-toggle-active-rest-color);
|
|
3582
|
+
justify-content: flex-end;
|
|
3583
|
+
border-color: transparent;
|
|
3584
|
+
}
|
|
3585
|
+
|
|
3586
|
+
:host([size='compact']) .mdc-toggle__slider {
|
|
3587
|
+
width: var(--mdc-toggle-width-compact);
|
|
3588
|
+
height: var(--mdc-toggle-height-compact);
|
|
3589
|
+
border-radius: var(--mdc-toggle-border-radius-compact);
|
|
3590
|
+
}
|
|
3591
|
+
:host([size='compact']) .mdc-toggle__input {
|
|
3592
|
+
width: var(--mdc-toggle-width-compact);
|
|
2942
3593
|
height: var(--mdc-toggle-height-compact);
|
|
2943
3594
|
}
|
|
2944
3595
|
|
|
@@ -3006,7 +3657,7 @@
|
|
|
3006
3657
|
border: var(--mdc-toggle-border);
|
|
3007
3658
|
}
|
|
3008
3659
|
}
|
|
3009
|
-
`,...
|
|
3660
|
+
`,...R(!0)],al=zd;var nl=b.constructTagName("toggle"),cs={DEFAULT:"default",COMPACT:"compact"},ds={CHECKED:"check-bold",UNCHECKED:"cancel-bold"},ll={compact:.75,default:1.25},ms={SIZE:cs.DEFAULT,VALIDATION_MESSAGE:"Please toggle this switch if you want to proceed."};var wt=class extends Q(P(de)){constructor(){super(...arguments);this.checked=!1;this.size=ms.SIZE;this.autofocus=!1}connectedCallback(){super.connectedCallback(),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(cs).includes(e)?e:ms.SIZE)}update(e){super.update(e),e.has("checked")&&this.setFormValue(),e.has("size")&&this.setToggleSize(this.size)}render(){var e;return p`
|
|
3010
3661
|
<div class="mdc-toggle__container mdc-focus-ring">
|
|
3011
3662
|
<input
|
|
3012
3663
|
id="${this.id}"
|
|
@@ -3020,7 +3671,7 @@
|
|
|
3020
3671
|
.checked="${this.checked}"
|
|
3021
3672
|
aria-checked="${this.checked}"
|
|
3022
3673
|
.disabled="${this.disabled}"
|
|
3023
|
-
aria-describedby="${A(this.helpText?
|
|
3674
|
+
aria-describedby="${A(this.helpText?V.HELPER_TEXT_ID:"")}"
|
|
3024
3675
|
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
3025
3676
|
tabindex="${this.disabled?-1:0}"
|
|
3026
3677
|
@change="${this.handleChange}"
|
|
@@ -3028,44 +3679,19 @@
|
|
|
3028
3679
|
/>
|
|
3029
3680
|
<div class="mdc-toggle__slider">
|
|
3030
3681
|
<mdc-icon
|
|
3031
|
-
name="${this.checked?
|
|
3682
|
+
name="${this.checked?ds.CHECKED:ds.UNCHECKED}"
|
|
3032
3683
|
class="mdc-toggle__icon"
|
|
3033
3684
|
length-unit="rem"
|
|
3034
|
-
size="${
|
|
3685
|
+
size="${ll[this.size]}"
|
|
3035
3686
|
></mdc-icon>
|
|
3036
3687
|
</div>
|
|
3037
3688
|
</div>
|
|
3038
3689
|
${this.renderLabel()}
|
|
3039
3690
|
${this.renderHelperText()}
|
|
3040
|
-
`}};
|
|
3041
|
-
|
|
3042
|
-
:host {
|
|
3043
|
-
--mdc-tooltip-max-width: 400px;
|
|
3044
|
-
--mdc-tooltip-padding: 0.75rem;
|
|
3045
|
-
--mdc-tooltip-text-color: var(--mds-color-theme-text-primary-normal);
|
|
3046
|
-
--mdc-tooltip-text-color-contrast: var(--mds-color-theme-inverted-text-primary-normal);
|
|
3047
|
-
}
|
|
3048
|
-
|
|
3049
|
-
:host::part(popover-content) {
|
|
3050
|
-
padding: var(--mdc-tooltip-padding);
|
|
3051
|
-
color: var(--mdc-tooltip-text-color);
|
|
3052
|
-
min-width: fit-content;
|
|
3053
|
-
max-width: var(--mdc-tooltip-max-width);
|
|
3054
|
-
|
|
3055
|
-
font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
|
3056
|
-
font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
|
3057
|
-
line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
|
3058
|
-
text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);
|
|
3059
|
-
text-transform: var(--mds-font-apps-body-midsize-regular-text-case);
|
|
3060
|
-
}
|
|
3061
|
-
|
|
3062
|
-
:host([color='contrast'])::part(popover-content) {
|
|
3063
|
-
color: var(--mdc-tooltip-text-color-contrast);
|
|
3064
|
-
}
|
|
3065
|
-
`,zn=[pd];var er=class extends Ze{constructor(){super(...arguments);this.tooltipType=Je.TOOLTIP_TYPE}connectedCallback(){super.connectedCallback(),this.backdrop=!1,this.delay=Je.DELAY,this.focusTrap=!1,this.hideOnBlur=!0,this.hideOnEscape=!0,this.interactive=!1,this.offset=Je.OFFSET,this.placement=Je.PLACEMENT,this.role="tooltip",this.showArrow=!0,this.trigger="mouseenter focusin",this.enabledFocusTrap=!1,this.enabledPreventScroll=!1,this.flip=!0,this.focusTrap=!1,this.preventScroll=!1,this.closeButton=!1,this.hideOnOutsideClick=!1,this.focusBackToTrigger=!1,this.size=!1,this.disableAriaExpanded=!0}getTooltipText(){var e,r;return((r=(e=this.defaultSlotNodes)==null?void 0:e.map(i=>i.textContent).join(" "))==null?void 0:r.trim())||""}setTooltipType(e){this.setAttribute("tooltip-type",Object.values(J).includes(e)?e:Je.TOOLTIP_TYPE)}onIdUpdated(){this.id.length===0&&(this.id=`mdc-tooltip-${Oe()}`);let e=document.getElementById(this.triggerID);if(e)switch(this.tooltipType){case J.DESCRIPTION:e.setAttribute("aria-describedby",this.id);break;case J.LABEL:e.setAttribute("aria-labelledby",this.id);break;default:break}}onPlacementUpdated(){Object.values(ft).includes(this.placement)||(this.placement=Je.PLACEMENT)}onTooltipTypeUpdated(e){let r=e.get("tooltipType");Object.values(J).includes(this.tooltipType)||this.setTooltipType(Je.TOOLTIP_TYPE);let i=document.getElementById(this.triggerID);if(i){let s=this.getTooltipText();switch(this.tooltipType){case J.DESCRIPTION:r===J.LABEL&&i.removeAttribute("aria-labelledby"),i.setAttribute("aria-describedby",this.id);break;case J.LABEL:r===J.DESCRIPTION&&i.removeAttribute("aria-describedby"),i.setAttribute("aria-labelledby",this.id);break;default:r===J.DESCRIPTION?i.removeAttribute("aria-describedby"):r===J.LABEL&&i.removeAttribute("aria-labelledby");break}s.length>0&&this.tooltipType!==J.NONE&&!this.ariaLabel&&(this.ariaLabel=s)}}update(e){super.update(e),e.has("id")&&this.onIdUpdated(),e.has("placement")&&this.onPlacementUpdated(),e.has("tooltipType")&&this.onTooltipTypeUpdated(e)}};er.styles=[...Ze.styles,...zn],l([c({type:String,attribute:"tooltip-type",reflect:!0})],er.prototype,"tooltipType",2),l([Rs()],er.prototype,"defaultSlotNodes",2);var Zi=er;Zi.register(Dn);var hd=Zi;function _t(o,t,e){var s;let r=(s=e.initialDeps)!=null?s:[],i;return()=>{var a,n,d,m;let p;e.key&&((a=e.debug)!=null&&a.call(e))&&(p=Date.now());let u=o();if(!(u.length!==r.length||u.some((E,T)=>r[T]!==E)))return i;r=u;let b;if(e.key&&((n=e.debug)!=null&&n.call(e))&&(b=Date.now()),i=t(...u),e.key&&((d=e.debug)!=null&&d.call(e))){let E=Math.round((Date.now()-p)*100)/100,T=Math.round((Date.now()-b)*100)/100,I=T/16,S=(k,N)=>{for(k=String(k);k.length<N;)k=" "+k;return k};console.info(`%c\u23F1 ${S(T,5)} /${S(E,5)} ms`,`
|
|
3691
|
+
`}};wt.styles=[...de.styles,...al],l([c({type:Boolean,reflect:!0})],wt.prototype,"checked",2),l([c({type:String,reflect:!0})],wt.prototype,"size",2),l([c({type:Boolean,reflect:!0})],wt.prototype,"autofocus",2);var ps=wt;ps.register(nl);var Pd=ps;function Ct(i,t,e){var s;let r=(s=e.initialDeps)!=null?s:[],o;return()=>{var a,n,d,m;let h;e.key&&((a=e.debug)!=null&&a.call(e))&&(h=Date.now());let u=i();if(!(u.length!==r.length||u.some((E,T)=>r[T]!==E)))return o;r=u;let g;if(e.key&&((n=e.debug)!=null&&n.call(e))&&(g=Date.now()),o=t(...u),e.key&&((d=e.debug)!=null&&d.call(e))){let E=Math.round((Date.now()-h)*100)/100,T=Math.round((Date.now()-g)*100)/100,I=T/16,S=(k,N)=>{for(k=String(k);k.length<N;)k=" "+k;return k};console.info(`%c\u23F1 ${S(T,5)} /${S(E,5)} ms`,`
|
|
3066
3692
|
font-size: .6rem;
|
|
3067
3693
|
font-weight: bold;
|
|
3068
|
-
color: hsl(${Math.max(0,Math.min(120-120*I,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 Oo(o,t){if(o===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return o}var $n=(o,t)=>Math.abs(o-t)<1,Pn=(o,t,e)=>{let r;return function(...i){o.clearTimeout(r),r=o.setTimeout(()=>t.apply(this,i),e)}};var ud=o=>o,fd=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},Vn=(o,t)=>{let e=o.scrollElement;if(!e)return;let r=o.targetWindow;if(!r)return;let i=a=>{let{width:n,height:d}=a;t({width:Math.round(n),height:Math.round(d)})};if(i(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let s=new r.ResizeObserver(a=>{let n=a[0];if(n!=null&&n.borderBoxSize){let d=n.borderBoxSize[0];if(d){i({width:d.inlineSize,height:d.blockSize});return}}i(e.getBoundingClientRect())});return s.observe(e,{box:"border-box"}),()=>{s.unobserve(e)}},Un={passive:!0};var gd=typeof window>"u"?!0:"onscrollend"in window,Fn=(o,t)=>{let e=o.scrollElement;if(!e)return;let r=o.targetWindow;if(!r)return;let i=0,s=o.options.useScrollendEvent&&gd?()=>{}:Pn(r,()=>{t(i,!1)},o.options.isScrollingResetDelay),a=m=>()=>{let{horizontal:p,isRtl:u}=o.options;i=p?e.scrollLeft*(u&&-1||1):e.scrollTop,s(),t(i,m)},n=a(!0),d=a(!1);return d(),e.addEventListener("scroll",n,Un),e.addEventListener("scrollend",d,Un),()=>{e.removeEventListener("scroll",n),e.removeEventListener("scrollend",d)}};var bd=(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 Hn=(o,{adjustments:t=0,behavior:e},r)=>{var i,s;let a=o+t;(s=(i=r.scrollElement)==null?void 0:i.scrollTo)==null||s.call(i,{[r.options.horizontal?"left":"top"]:a,behavior:e})},Mo=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(s=>{this._measureElement(s.target,s)})}));return{disconnect:()=>{var i;(i=r())==null||i.disconnect(),e=null},observe:i=>{var s;return(s=r())==null?void 0:s.observe(i,{box:"border-box"})},unobserve:i=>{var s;return(s=r())==null?void 0:s.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:ud,rangeExtractor:fd,onChange:()=>{},measureElement:bd,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=_t(()=>(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(s=>{this.observer.observe(s)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,s=>{this.scrollRect=s,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(s,a)=>{this.scrollAdjustments=0,this.scrollDirection=a?this.getScrollOffset()<s?"forward":"backward":null,this.scrollOffset=s,this.isScrolling=a,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,s=new Map;for(let a=r-1;a>=0;a--){let n=e[a];if(i.has(n.lane))continue;let d=s.get(n.lane);if(d==null||n.end>d.end?s.set(n.lane,n):n.end<d.end&&i.set(n.lane,!0),i.size===this.options.lanes)break}return s.size===this.options.lanes?Array.from(s.values()).sort((a,n)=>a.end===n.end?a.index-n.index:a.end-n.end)[0]:void 0},this.getMeasurementOptions=_t(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,i,s,a)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:i,getItemKey:s,enabled:a}),{key:!1}),this.getMeasurements=_t(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:i,getItemKey:s,enabled:a},n)=>{if(!a)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(p=>{this.itemSizeCache.set(p.key,p.size)}));let d=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let m=this.measurementsCache.slice(0,d);for(let p=d;p<e;p++){let u=s(p),x=this.options.lanes===1?m[p-1]:this.getFurthestMeasurement(m,p),b=x?x.end+this.options.gap:r+i,E=n.get(u),T=typeof E=="number"?E:this.options.estimateSize(p),I=b+T,S=x?x.lane:p%this.options.lanes;m[p]={index:p,start:b,size:T,end:I,key:u,lane:S}}return this.measurementsCache=m,m},{key:!1,debug:()=>this.options.debug}),this.calculateRange=_t(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,i)=>this.range=e.length>0&&r>0?vd({measurements:e,outerSize:r,scrollOffset:i}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=_t(()=>{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,s,a)=>s===null||a===null?[]:e({startIndex:s,endIndex:a,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),s=this.measurementsCache[i];if(!s)return;let a=s.key,n=this.elementsCache.get(a);n!==e&&(n&&this.observer.unobserve(n),this.observer.observe(e),this.elementsCache.set(a,e)),e.isConnected&&this.resizeItem(i,this.options.measureElement(e,r,this))},this.resizeItem=(e,r)=>{var n;let i=this.measurementsCache[e];if(!i)return;let s=(n=this.itemSizeCache.get(i.key))!=null?n:i.size,a=r-s;a!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(i,a,this):i.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=a,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=_t(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let i=[];for(let s=0,a=e.length;s<a;s++){let n=e[s],d=r[n];i.push(d)}return i},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let r=this.getMeasurements();if(r.length!==0)return Oo(r[Bn(0,r.length-1,i=>Oo(r[i]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let i=this.getSize(),s=this.getScrollOffset();r==="auto"&&e>=s+i&&(r="end"),r==="end"&&(e-=i);let a=this.options.horizontal?"scrollWidth":"scrollHeight",d=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[a]:this.scrollElement[a]:0)-i;return Math.max(Math.min(d,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 s=this.getSize(),a=this.getScrollOffset();if(r==="auto")if(i.end>=a+s-this.options.scrollPaddingEnd)r="end";else if(i.start<=a+this.options.scrollPaddingStart)r="start";else return[a,r];let n=i.start-this.options.scrollPaddingStart+(i.size-s)/2;switch(r){case"center":return[this.getOffsetForAlignment(n,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 s=this.getOffsetForIndex(e,r);if(!s)return;let[a,n]=s;this._scrollToOffset(a,{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]=Oo(this.getOffsetForIndex(e,n));$n(m,this.getScrollOffset())||this.scrollToIndex(e,{align:n,behavior:i})}else this.scrollToIndex(e,{align:n,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 s;var e;let r=this.getMeasurements(),i;return r.length===0?i=this.options.paddingStart:i=this.options.lanes===1?(s=(e=r[r.length-1])==null?void 0:e.end)!=null?s:0:Math.max(...r.slice(-this.options.lanes).map(a=>a.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)}},Bn=(o,t,e,r)=>{for(;o<=t;){let i=(o+t)/2|0,s=e(i);if(s<r)o=i+1;else if(s>r)t=i-1;else return i}return o>0?o-1:0};function vd({measurements:o,outerSize:t,scrollOffset:e}){let r=o.length-1,s=Bn(0,r,n=>o[n].start,e),a=s;for(;a<r&&o[a].end<e+t;)a++;return{startIndex:s,endIndex:a}}var ji=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(i,s)=>{var a;this.host.updateComplete.then(()=>this.host.requestUpdate()),(a=e.onChange)==null||a.call(e,i,s)}};this.virtualizer=new Mo(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},Do=class extends ji{constructor(t,e){super(t,{observeElementRect:Vn,observeElementOffset:Fn,scrollToFn:Hn,...e})}};var{I:f_}=Cs;var Gn=o=>o.strings===void 0;var Pr=(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),Pr(i,t);return!0},zo=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)},Yn=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),Ed(t)}};function yd(o){this._$AN!==void 0?(zo(this),this._$AM=o,Yn(this)):this._$AM=o}function xd(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 s=e;s<r.length;s++)Pr(r[s],!1),zo(r[s]);else r!=null&&(Pr(r,!1),zo(r));else Pr(this,o)}var Ed=o=>{var t,e;o.type==ao.CHILD&&((t=o._$AP)!=null||(o._$AP=xd),(e=o._$AQ)!=null||(o._$AQ=yd))},$o=class extends Ft{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),Yn(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&&(Pr(this,t),zo(this))}setValue(t){if(Gn(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 qn=()=>new Qi,Qi=class{},Ki=new WeakMap,Wn=Er(class extends $o{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=Ki.get(e);r===void 0&&(r=new WeakMap,Ki.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=Ki.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 Td=[f`
|
|
3694
|
+
color: hsl(${Math.max(0,Math.min(120-120*I,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(m=e==null?void 0:e.onChange)==null||m.call(e,o),o}}function Ho(i,t){if(i===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return i}var cl=(i,t)=>Math.abs(i-t)<1,dl=(i,t,e)=>{let r;return function(...o){i.clearTimeout(r),r=i.setTimeout(()=>t.apply(this,o),e)}};var Vd=i=>i,Ud=i=>{let t=Math.max(i.startIndex-i.overscan,0),e=Math.min(i.endIndex+i.overscan,i.count-1),r=[];for(let o=t;o<=e;o++)r.push(o);return r},pl=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=a=>{let{width:n,height:d}=a;t({width:Math.round(n),height:Math.round(d)})};if(o(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let s=new r.ResizeObserver(a=>{let n=a[0];if(n!=null&&n.borderBoxSize){let d=n.borderBoxSize[0];if(d){o({width:d.inlineSize,height:d.blockSize});return}}o(e.getBoundingClientRect())});return s.observe(e,{box:"border-box"}),()=>{s.unobserve(e)}},ml={passive:!0};var Fd=typeof window>"u"?!0:"onscrollend"in window,hl=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=0,s=i.options.useScrollendEvent&&Fd?()=>{}:dl(r,()=>{t(o,!1)},i.options.isScrollingResetDelay),a=m=>()=>{let{horizontal:h,isRtl:u}=i.options;o=h?e.scrollLeft*(u&&-1||1):e.scrollTop,s(),t(o,m)},n=a(!0),d=a(!1);return d(),e.addEventListener("scroll",n,ml),e.addEventListener("scrollend",d,ml),()=>{e.removeEventListener("scroll",n),e.removeEventListener("scrollend",d)}};var Hd=(i,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(i.getBoundingClientRect()[e.options.horizontal?"width":"height"])};var ul=(i,{adjustments:t=0,behavior:e},r)=>{var o,s;let a=i+t;(s=(o=r.scrollElement)==null?void 0:o.scrollTo)==null||s.call(o,{[r.options.horizontal?"left":"top"]:a,behavior:e})},Bo=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(o=>{o.forEach(s=>{this._measureElement(s.target,s)})}));return{disconnect:()=>{var o;(o=r())==null||o.disconnect(),e=null},observe:o=>{var s;return(s=r())==null?void 0:s.observe(o,{box:"border-box"})},unobserve:o=>{var s;return(s=r())==null?void 0:s.unobserve(o)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([r,o])=>{typeof o>"u"&&delete e[r]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Vd,rangeExtractor:Ud,onChange:()=>{},measureElement:Hd,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,o;(o=(r=this.options).onChange)==null||o.call(r,this,e)},this.maybeNotify=Ct(()=>(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 o;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=(o=(e=this.scrollElement)==null?void 0:e.window)!=null?o:null,this.elementsCache.forEach(s=>{this.observer.observe(s)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,s=>{this.scrollRect=s,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(s,a)=>{this.scrollAdjustments=0,this.scrollDirection=a?this.getScrollOffset()<s?"forward":"backward":null,this.scrollOffset=s,this.isScrolling=a,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 o=new Map,s=new Map;for(let a=r-1;a>=0;a--){let n=e[a];if(o.has(n.lane))continue;let d=s.get(n.lane);if(d==null||n.end>d.end?s.set(n.lane,n):n.end<d.end&&o.set(n.lane,!0),o.size===this.options.lanes)break}return s.size===this.options.lanes?Array.from(s.values()).sort((a,n)=>a.end===n.end?a.index-n.index:a.end-n.end)[0]:void 0},this.getMeasurementOptions=Ct(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,o,s,a)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:o,getItemKey:s,enabled:a}),{key:!1}),this.getMeasurements=Ct(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:o,getItemKey:s,enabled:a},n)=>{if(!a)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 d=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let m=this.measurementsCache.slice(0,d);for(let h=d;h<e;h++){let u=s(h),x=this.options.lanes===1?m[h-1]:this.getFurthestMeasurement(m,h),g=x?x.end+this.options.gap:r+o,E=n.get(u),T=typeof E=="number"?E:this.options.estimateSize(h),I=g+T,S=x?x.lane:h%this.options.lanes;m[h]={index:h,start:g,size:T,end:I,key:u,lane:S}}return this.measurementsCache=m,m},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Ct(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,o)=>this.range=e.length>0&&r>0?Bd({measurements:e,outerSize:r,scrollOffset:o}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=Ct(()=>{let e=null,r=null,o=this.calculateRange();return o&&(e=o.startIndex,r=o.endIndex),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,r]},(e,r,o,s,a)=>s===null||a===null?[]:e({startIndex:s,endIndex:a,overscan:r,count:o}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=e=>{let r=this.options.indexAttribute,o=e.getAttribute(r);return o?parseInt(o,10):(console.warn(`Missing attribute name '${r}={index}' on measured element.`),-1)},this._measureElement=(e,r)=>{let o=this.indexFromElement(e),s=this.measurementsCache[o];if(!s)return;let a=s.key,n=this.elementsCache.get(a);n!==e&&(n&&this.observer.unobserve(n),this.observer.observe(e),this.elementsCache.set(a,e)),e.isConnected&&this.resizeItem(o,this.options.measureElement(e,r,this))},this.resizeItem=(e,r)=>{var n;let o=this.measurementsCache[e];if(!o)return;let s=(n=this.itemSizeCache.get(o.key))!=null?n:o.size,a=r-s;a!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(o,a,this):o.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=a,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(o.index),this.itemSizeCache=new Map(this.itemSizeCache.set(o.key,r)),this.notify(!1))},this.measureElement=e=>{if(!e){this.elementsCache.forEach((r,o)=>{r.isConnected||(this.observer.unobserve(r),this.elementsCache.delete(o))});return}this._measureElement(e,void 0)},this.getVirtualItems=Ct(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let o=[];for(let s=0,a=e.length;s<a;s++){let n=e[s],d=r[n];o.push(d)}return o},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let r=this.getMeasurements();if(r.length!==0)return Ho(r[fl(0,r.length-1,o=>Ho(r[o]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let o=this.getSize(),s=this.getScrollOffset();r==="auto"&&e>=s+o&&(r="end"),r==="end"&&(e-=o);let a=this.options.horizontal?"scrollWidth":"scrollHeight",d=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[a]:this.scrollElement[a]:0)-o;return Math.max(Math.min(d,e),0)},this.getOffsetForIndex=(e,r="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));let o=this.measurementsCache[e];if(!o)return;let s=this.getSize(),a=this.getScrollOffset();if(r==="auto")if(o.end>=a+s-this.options.scrollPaddingEnd)r="end";else if(o.start<=a+this.options.scrollPaddingStart)r="start";else return[a,r];let n=o.start-this.options.scrollPaddingStart+(o.size-s)/2;switch(r){case"center":return[this.getOffsetForAlignment(n,r),r];case"end":return[this.getOffsetForAlignment(o.end+this.options.scrollPaddingEnd,r),r];default:return[this.getOffsetForAlignment(o.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:o}={})=>{this.cancelScrollToIndex(),o==="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:o})},this.scrollToIndex=(e,{align:r="auto",behavior:o}={})=>{e=Math.max(0,Math.min(e,this.options.count-1)),this.cancelScrollToIndex(),o==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");let s=this.getOffsetForIndex(e,r);if(!s)return;let[a,n]=s;this._scrollToOffset(a,{adjustments:void 0,behavior:o}),o!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(e))){let[m]=Ho(this.getOffsetForIndex(e,n));cl(m,this.getScrollOffset())||this.scrollToIndex(e,{align:n,behavior:o})}else this.scrollToIndex(e,{align:n,behavior:o})}))},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 s;var e;let r=this.getMeasurements(),o;return r.length===0?o=this.options.paddingStart:o=this.options.lanes===1?(s=(e=r[r.length-1])==null?void 0:e.end)!=null?s:0:Math.max(...r.slice(-this.options.lanes).map(a=>a.end)),Math.max(o-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:r,behavior:o})=>{this.options.scrollToFn(e,{behavior:o,adjustments:r},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}},fl=(i,t,e,r)=>{for(;i<=t;){let o=(i+t)/2|0,s=e(o);if(s<r)i=o+1;else if(s>r)t=o-1;else return o}return i>0?i-1:0};function Bd({measurements:i,outerSize:t,scrollOffset:e}){let r=i.length-1,s=fl(0,r,n=>i[n].start,e),a=s;for(;a<r&&i[a].end<e+t;)a++;return{startIndex:s,endIndex:a}}var hs=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(o,s)=>{var a;this.host.updateComplete.then(()=>this.host.requestUpdate()),(a=e.onChange)==null||a.call(e,o,s)}};this.virtualizer=new Bo(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},Go=class extends hs{constructor(t,e){super(t,{observeElementRect:pl,observeElementOffset:hl,scrollToFn:ul,...e})}};var{I:Hw}=Ds;var bl=i=>i.strings===void 0;var Fr=(i,t)=>{var r;let e=i._$AN;if(e===void 0)return!1;for(let o of e)(r=o._$AO)==null||r.call(o,t,!1),Fr(o,t);return!0},Yo=i=>{let t,e;do{if((t=i._$AM)===void 0)break;e=t._$AN,e.delete(i),i=t}while((e==null?void 0:e.size)===0)},gl=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),Wd(t)}};function Gd(i){this._$AN!==void 0?(Yo(this),this._$AM=i,gl(this)):this._$AM=i}function Yd(i,t=!1,e=0){let r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(r))for(let s=e;s<r.length;s++)Fr(r[s],!1),Yo(r[s]);else r!=null&&(Fr(r,!1),Yo(r));else Fr(this,i)}var Wd=i=>{var t,e;i.type==co.CHILD&&((t=i._$AP)!=null||(i._$AP=Yd),(e=i._$AQ)!=null||(i._$AQ=Gd))},Wo=class extends Gt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),gl(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,o;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(o=this.disconnected)==null||o.call(this)),e&&(Fr(this,t),Yo(this))}setValue(t){if(bl(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 vl=()=>new fs,fs=class{},us=new WeakMap,yl=Sr(class extends Wo{render(i){return v}update(i,[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=i.options)==null?void 0:r.host,this.rt(this.ct=i.element)),v}rt(i){var t;if(this.isConnected||(i=void 0),typeof this.Y=="function"){let e=(t=this.ht)!=null?t:globalThis,r=us.get(e);r===void 0&&(r=new WeakMap,us.set(e,r)),r.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),r.set(this.Y,i),i!==void 0&&this.Y.call(this.ht,i)}else this.Y.value=i}get lt(){var i,t,e;return typeof this.Y=="function"?(t=us.get((i=this.ht)!=null?i: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 qd=[f`
|
|
3069
3695
|
:host::part(scroll) {
|
|
3070
3696
|
height: 100%;
|
|
3071
3697
|
width: 100%;
|
|
@@ -3075,447 +3701,19 @@
|
|
|
3075
3701
|
position: relative;
|
|
3076
3702
|
width: 100%;
|
|
3077
3703
|
}
|
|
3078
|
-
`],
|
|
3704
|
+
`],xl=qd;var El=b.constructTagName("virtualizedlist"),iC=b.constructTagName("virtualizedwrapper"),Tl={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var Lt=class extends y{constructor(){super();this.virtualizerProps=Tl.VIRTUALIZER_PROPS;this.scrollElementRef=vl();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 Go(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 n,d;this.virtualizer=e.getVirtualizer();let{getTotalSize:r,getVirtualItems:o,measureElement:s}=this.virtualizer,a=o();if(a!==this.virtualItems){this.virtualItems=a;let m=o(),h={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(d=(n=m[0])==null?void 0:n.start)!=null?d:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:m,measureElement:s,listStyle:h})}return p`<div
|
|
3079
3705
|
part="container"
|
|
3080
3706
|
style="height: ${r()}px;"
|
|
3081
3707
|
>
|
|
3082
3708
|
<slot></slot>
|
|
3083
|
-
</div>`}render(){return
|
|
3084
|
-
${
|
|
3709
|
+
</div>`}render(){return p`<div
|
|
3710
|
+
${yl(this.scrollElementRef)}
|
|
3085
3711
|
part="scroll"
|
|
3086
3712
|
@scroll=${this.onscroll&&this.onscroll}
|
|
3087
3713
|
>
|
|
3088
|
-
${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):
|
|
3714
|
+
${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):p``}
|
|
3089
3715
|
</div>
|
|
3090
|
-
`}};
|
|
3091
|
-
:host {
|
|
3092
|
-
--mdc-progressbar-background-color: var(--mds-color-theme-control-indicator-inactive-normal);
|
|
3093
|
-
--mdc-progressbar-active-background-color: var(--mds-color-theme-control-active-normal);
|
|
3094
|
-
--mdc-progressbar-success-color: var(--mds-color-theme-indicator-stable);
|
|
3095
|
-
--mdc-progressbar-error-color: var(--mds-color-theme-indicator-attention);
|
|
3096
|
-
--mdc-progressbar-height: 0.25rem;
|
|
3097
|
-
--mdc-progressbar-border: 0.5px solid transparent;
|
|
3098
|
-
--mdc-progressbar-border-radius: var(--mdc-progressbar-height);
|
|
3099
|
-
|
|
3100
|
-
--mdc-progressbar-label-color: var(--mds-color-theme-text-primary-normal);
|
|
3101
|
-
--mdc-progressbar-label-line-height: var(--mds-font-lineheight-body-midsize);
|
|
3102
|
-
--mdc-progressbar-label-font-size: var(--mds-font-size-body-midsize);
|
|
3103
|
-
--mdc-progressbar-label-font-weight: var(--mds-font-weight-regular);
|
|
3104
|
-
--mdc-progressbar-help-text-color: var(--mds-color-theme-text-secondary-normal);
|
|
3105
|
-
|
|
3106
|
-
display: block;
|
|
3107
|
-
width: 100%;
|
|
3108
|
-
}
|
|
3109
|
-
|
|
3110
|
-
:host::part(label-container) {
|
|
3111
|
-
display: flex;
|
|
3112
|
-
justify-content: space-between;
|
|
3113
|
-
}
|
|
3114
|
-
|
|
3115
|
-
:host::part(inline-label-container) {
|
|
3116
|
-
display: flex;
|
|
3117
|
-
align-items: center;
|
|
3118
|
-
gap: 0.5rem;
|
|
3119
|
-
}
|
|
3120
|
-
|
|
3121
|
-
:host::part(progress-container) {
|
|
3122
|
-
display: flex;
|
|
3123
|
-
align-items: center;
|
|
3124
|
-
width: 100%;
|
|
3125
|
-
height: var(--mdc-progressbar-height);
|
|
3126
|
-
margin: 0.5rem 0;
|
|
3127
|
-
}
|
|
3128
|
-
|
|
3129
|
-
:host::part(gap) {
|
|
3130
|
-
gap: 0.25rem;
|
|
3131
|
-
}
|
|
3132
|
-
|
|
3133
|
-
:host([variant="inline"])::part(label) {
|
|
3134
|
-
overflow: unset;
|
|
3135
|
-
}
|
|
3136
|
-
|
|
3137
|
-
:host::part(progress-bar) {
|
|
3138
|
-
height: 100%;
|
|
3139
|
-
background-color: var(--mdc-progressbar-active-background-color);
|
|
3140
|
-
border-radius: var(--mdc-progressbar-border-radius);
|
|
3141
|
-
transition: width 0.3s ease-in-out;
|
|
3142
|
-
}
|
|
3143
|
-
|
|
3144
|
-
:host::part(success) {
|
|
3145
|
-
background-color: var(--mdc-progressbar-success-color);
|
|
3146
|
-
}
|
|
3147
|
-
|
|
3148
|
-
:host::part(error) {
|
|
3149
|
-
background-color: var(--mdc-progressbar-error-color);
|
|
3150
|
-
}
|
|
3151
|
-
|
|
3152
|
-
:host::part(remaining) {
|
|
3153
|
-
height: 100%;
|
|
3154
|
-
flex-grow: 1;
|
|
3155
|
-
background-color: var(--mdc-progressbar-background-color);
|
|
3156
|
-
border-radius: var(--mdc-progressbar-border-radius);
|
|
3157
|
-
}
|
|
3158
|
-
|
|
3159
|
-
:host::part(label-text), :host::part(help-text), :host::part(percentage) {
|
|
3160
|
-
font-size: var(--mdc-progressbar-label-font-size);
|
|
3161
|
-
font-weight: var(--mdc-progressbar-label-font-weight);
|
|
3162
|
-
line-height: var(--mdc-progressbar-label-line-height);
|
|
3163
|
-
}
|
|
3164
|
-
|
|
3165
|
-
:host([help-text-type="default"])::part(help-text) {
|
|
3166
|
-
color: var(--mdc-progressbar-help-text-color);
|
|
3167
|
-
}
|
|
3168
|
-
|
|
3169
|
-
@media (forced-colors: active) {
|
|
3170
|
-
:host::part(progress-container), :host::part(progress-bar) {
|
|
3171
|
-
border: var(--mdc-progressbar-border);
|
|
3172
|
-
}
|
|
3173
|
-
`],Kn=Sd;var Qn=g.constructTagName("progressbar"),Po={DEFAULT:"default",INLINE:"inline"},Jn={VARIANT:Po.DEFAULT,VALIDATION:F.DEFAULT};var kt=class extends z(le){constructor(){super(...arguments);this.variant=Jn.VARIANT;this.value="0";this.error=!1;this.renderProgressbar=()=>{var s;let e=this.getValidationVariant(),r=this.clampedValue>0&&this.clampedValue<100,i=this.error?"100":`${this.clampedValue}`;return h`
|
|
3174
|
-
<div
|
|
3175
|
-
part="progress-container ${r?"gap":""}"
|
|
3176
|
-
role="progressbar"
|
|
3177
|
-
aria-valuenow="${this.clampedValue}"
|
|
3178
|
-
aria-valuemin="0"
|
|
3179
|
-
aria-valuemax="100"
|
|
3180
|
-
aria-label="${(s=this.dataAriaLabel)!=null?s:""}"
|
|
3181
|
-
>
|
|
3182
|
-
<div part="progress-bar ${e}" style="width: ${i}%"></div>
|
|
3183
|
-
<div part="remaining"></div>
|
|
3184
|
-
</div>
|
|
3185
|
-
`}}connectedCallback(){super.connectedCallback(),this.id=`mdc-progressbar-${Oe()}`,this.disabled=void 0}get clampedValue(){let e=Number(this.value);return Number.isNaN(e)?0:Math.max(0,Math.min(100,e))}getValidationVariant(){return this.error?this.helpTextType=F.ERROR:this.clampedValue===100?this.helpTextType=F.SUCCESS:this.helpTextType=F.DEFAULT,this.helpTextType}render(){let e=this.variant===Po.INLINE;return h`
|
|
3186
|
-
${e?h`<div part="inline-label-container">${this.renderLabelElement()} ${this.renderProgressbar()}</div>`:h`
|
|
3187
|
-
<div part="label-container">
|
|
3188
|
-
${this.renderLabelElement()}
|
|
3189
|
-
${this.variant===Po.DEFAULT&&this.label?h`<span part="percentage">${this.clampedValue}%</span>`:""}
|
|
3190
|
-
</div>
|
|
3191
|
-
${this.renderProgressbar()}
|
|
3192
|
-
${this.renderHelperText()}
|
|
3193
|
-
`}
|
|
3194
|
-
`}};kt.styles=[...le.styles,...Kn],l([c({type:String,reflect:!0})],kt.prototype,"variant",2),l([c({type:String,reflect:!0})],kt.prototype,"value",2),l([c({type:Boolean,attribute:"error"})],kt.prototype,"error",2);var es=kt;es.register(Qn);var _d=es;var el="check-bold",tl=g.constructTagName("option");var Id=f`
|
|
3195
|
-
:host::part(list-item) {
|
|
3196
|
-
height: 2.25rem;
|
|
3197
|
-
}
|
|
3198
|
-
:host::part(default-slot) {
|
|
3199
|
-
display: none;
|
|
3200
|
-
}
|
|
3201
|
-
`,rl=[Id];var Ct=class extends ie(Kt){constructor(){super(...arguments);this.selected=!1;this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.role="option",this.variant=Oi.INSET_RECTANGLE,this.updateAttribute("aria-selected",`${this.selected}`),this.updateAttribute("aria-disabled",`${!!this.disabled}`),this.name=void 0,this.secondaryLabel=void 0,this.sideHeaderText=void 0,this.sublineText=void 0,this.dataAriaLabel=void 0}handleDefaultSlotChange(){var r,i,s;let e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");e&&!this.label&&(this.label=(s=(i=e.assignedNodes()[0])==null?void 0:i.textContent)==null?void 0:s.trim())}updateAttribute(e,r){this.setAttribute(e,r)}update(e){super.update(e),e.has("disabled")&&this.updateAttribute("aria-disabled",`${this.disabled}`),e.has("selected")&&this.updateAttribute("aria-selected",`${this.selected}`)}render(){let e=this.selected?h`
|
|
3202
|
-
<mdc-icon slot="trailing-controls" name="${el}"></mdc-icon>
|
|
3203
|
-
`:y,r=this.prefixIcon?h`
|
|
3204
|
-
<mdc-icon slot="leading-controls" name="${A(this.prefixIcon)}"></mdc-icon>
|
|
3205
|
-
`:y;return h`
|
|
3206
|
-
<div part="leading">
|
|
3207
|
-
${r}
|
|
3208
|
-
<div part="leading-text">
|
|
3209
|
-
${this.getText("leading-text-primary-label",_.BODY_MIDSIZE_REGULAR,this.label)}
|
|
3210
|
-
</div>
|
|
3211
|
-
</div>
|
|
3212
|
-
<div part="trailing">
|
|
3213
|
-
${e}
|
|
3214
|
-
</div>
|
|
3215
|
-
<slot part="default-slot" @slotchange="${this.handleDefaultSlotChange}"></slot>
|
|
3216
|
-
`}};Ct.styles=[...Kt.styles,...rl],l([c({type:Boolean,reflect:!0})],Ct.prototype,"selected",2),l([c({type:String,reflect:!0,attribute:"prefix-icon"})],Ct.prototype,"prefixIcon",2),l([c({type:String,reflect:!0,attribute:"aria-label"})],Ct.prototype,"ariaLabel",2);var ts=Ct;ts.register(tl);var kd=ts;var ol=g.constructTagName("optgroup"),rs="header-id";var Cd=f`
|
|
3217
|
-
:host {
|
|
3218
|
-
--mdc-optgroup-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
3219
|
-
}
|
|
3220
|
-
:host::part(header-text) {
|
|
3221
|
-
padding: 0.5rem 0.75rem;
|
|
3222
|
-
height: 2.25rem;
|
|
3223
|
-
}
|
|
3224
|
-
:host([disabled]),
|
|
3225
|
-
:host([disabled])::part(header-text) {
|
|
3226
|
-
color: var(--mdc-optgroup-disabled-color);
|
|
3227
|
-
cursor: default;
|
|
3228
|
-
}
|
|
3229
|
-
`,il=[Cd];var tr=class extends z(te(v)){setDisabledForAllOptions(){this.options.forEach(t=>{this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")})}updated(t){super.updated(t),t.has("disabled")&&this.setDisabledForAllOptions()}render(){var e;let t=this.label?h`
|
|
3230
|
-
<mdc-text
|
|
3231
|
-
id="${rs}"
|
|
3232
|
-
part="header-text"
|
|
3233
|
-
type="${_.BODY_MIDSIZE_BOLD}"
|
|
3234
|
-
tagname="${w.SPAN}"
|
|
3235
|
-
>${this.label}</mdc-text>
|
|
3236
|
-
`:y;return h`
|
|
3237
|
-
<div
|
|
3238
|
-
role="group"
|
|
3239
|
-
aria-labelledby="${this.label?rs:""}"
|
|
3240
|
-
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
3241
|
-
>
|
|
3242
|
-
${t}
|
|
3243
|
-
<slot role="presentation"></slot>
|
|
3244
|
-
</div>
|
|
3245
|
-
`}};tr.styles=[...v.styles,...il],l([c({type:String,reflect:!0})],tr.prototype,"label",2),l([Le({selector:"mdc-option"})],tr.prototype,"options",2);var os=tr;os.register(ol);var wd=os;var Ld=[f`
|
|
3246
|
-
:host {
|
|
3247
|
-
--mdc-textarea-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
3248
|
-
--mdc-textarea-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
3249
|
-
--mdc-textarea-disabled-background-color: var(--mds-color-theme-background-primary-disabled);
|
|
3250
|
-
--mdc-textarea-text-color: var(--mds-color-theme-text-primary-normal);
|
|
3251
|
-
--mdc-textarea-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
3252
|
-
--mdc-textarea-border-color: var(--mds-color-theme-outline-input-normal);
|
|
3253
|
-
--mdc-textarea-text-secondary-normal : var(--mds-color-theme-text-secondary-normal);
|
|
3254
|
-
--mdc-textarea-error-border-color: var(--mds-color-theme-text-error-normal);
|
|
3255
|
-
--mdc-textarea-warning-border-color: var(--mds-color-theme-text-warning-normal);
|
|
3256
|
-
--mdc-textarea-success-border-color: var(--mds-color-theme-text-success-normal);
|
|
3257
|
-
--mdc-textarea-primary-border-color: var(--mds-color-theme-text-accent-normal);
|
|
3258
|
-
--mdc-textarea-hover-background-color: var(--mds-color-theme-background-primary-hover);
|
|
3259
|
-
--mdc-textarea-focused-background-color: var(--mds-color-theme-background-primary-active);
|
|
3260
|
-
--mdc-textarea-focused-border-color: var(--mds-color-theme-outline-input-active);
|
|
3261
|
-
--mdc-textarea-text-font-size: var(--mds-font-size-body-midsize);
|
|
3262
|
-
--mdc-textarea-text-line-height: var(--mds-font-lineheight-body-midsize);
|
|
3263
|
-
}
|
|
3264
|
-
|
|
3265
|
-
:host([disabled])::part(textarea),
|
|
3266
|
-
:host([disabled])::part(textarea)::placeholder{
|
|
3267
|
-
color: var(--mdc-input-disabled-text-color);
|
|
3268
|
-
}
|
|
3269
|
-
|
|
3270
|
-
:host([disabled])::part(textarea),
|
|
3271
|
-
:host([readonly])::part(textarea){
|
|
3272
|
-
border-color: var(--mdc-textarea-disabled-border-color);
|
|
3273
|
-
background: var(--mdc-textarea-disabled-background-color);
|
|
3274
|
-
}
|
|
3275
|
-
|
|
3276
|
-
:host([disabled][help-text-type="default"])::part(textarea-container),
|
|
3277
|
-
:host([disabled][help-text-type="success"])::part(textarea-container),
|
|
3278
|
-
:host([disabled][help-text-type="warning"])::part(textarea-container),
|
|
3279
|
-
:host([disabled][help-text-type="error"])::part(textarea-container),
|
|
3280
|
-
:host([disabled][help-text-type="priority"])::part(textarea-container){
|
|
3281
|
-
border-color: var(--mdc-textarea-disabled-border-color);
|
|
3282
|
-
}
|
|
3283
|
-
|
|
3284
|
-
:host::part(textarea){
|
|
3285
|
-
min-height: 6.25rem;
|
|
3286
|
-
color: var(--mdc-textarea-text-color);
|
|
3287
|
-
font-family: inherit;
|
|
3288
|
-
font-size: var(--mdc-textarea-text-font-size);
|
|
3289
|
-
line-height: var(--mdc-textarea-text-line-height);
|
|
3290
|
-
background-color: var(--mdc-textarea-background-color);
|
|
3291
|
-
resize: none;
|
|
3292
|
-
border: none;
|
|
3293
|
-
outline: none;
|
|
3294
|
-
box-sizing: border-box;
|
|
3295
|
-
}
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
:host::part(textarea-container) {
|
|
3299
|
-
display: flex;
|
|
3300
|
-
border-radius: 0.5rem;
|
|
3301
|
-
border: 0.0625rem solid var(--mdc-textarea-border-color);
|
|
3302
|
-
overflow: hidden;
|
|
3303
|
-
padding: 0.375rem 0.25rem 0.25rem 0.75rem;
|
|
3304
|
-
}
|
|
3305
|
-
|
|
3306
|
-
:host(:dir(rtl))::part(textarea-container){
|
|
3307
|
-
padding: 0.375rem 0.75rem 0.25rem 0.25rem;
|
|
3308
|
-
}
|
|
3309
|
-
|
|
3310
|
-
:host(:not([disabled]))::part(textarea-container):hover{
|
|
3311
|
-
background-color: var(--mdc-textarea-hover-background-color);
|
|
3312
|
-
}
|
|
3313
|
-
|
|
3314
|
-
:host(:not([disabled]))::part(textarea-container):active,
|
|
3315
|
-
:host(:not([disabled]))::part(textarea-container):focus-within{
|
|
3316
|
-
background-color: var(--mdc-textarea-focused-background-color);
|
|
3317
|
-
border-color: var(--mdc-textarea-focused-border-color);
|
|
3318
|
-
}
|
|
3319
|
-
|
|
3320
|
-
:host::part(textarea-footer) {
|
|
3321
|
-
display: flex;
|
|
3322
|
-
justify-content: space-between;
|
|
3323
|
-
align-items: center;
|
|
3324
|
-
width: 100%;
|
|
3325
|
-
}
|
|
3326
|
-
|
|
3327
|
-
.textarea::placeholder{
|
|
3328
|
-
color: var(--mdc-textarea-text-secondary-normal);
|
|
3329
|
-
}
|
|
3330
|
-
|
|
3331
|
-
:host::part(character-counter){
|
|
3332
|
-
margin-left: auto;
|
|
3333
|
-
color: var(--mdc-textarea-text-secondary-normal);
|
|
3334
|
-
}
|
|
3335
|
-
|
|
3336
|
-
:host([help-text-type="error"])::part(character-counter) {
|
|
3337
|
-
color: var(--mdc-textarea-error-border-color);
|
|
3338
|
-
}
|
|
3339
|
-
|
|
3340
|
-
:host([disabled])::part(character-counter){
|
|
3341
|
-
color: var(--mds-color-theme-text-primary-disabled);
|
|
3342
|
-
}
|
|
3343
|
-
|
|
3344
|
-
:host([help-text-type="error"])::part(textarea-container),
|
|
3345
|
-
:host([help-text-type="error"])::part(textarea-container):focus-within {
|
|
3346
|
-
border-color: var(--mdc-textarea-error-border-color);
|
|
3347
|
-
}
|
|
3348
|
-
:host([help-text-type="warning"])::part(textarea-container),
|
|
3349
|
-
:host([help-text-type="warning"])::part(textarea-container):focus-within {
|
|
3350
|
-
border-color: var(--mdc-textarea-warning-border-color);
|
|
3351
|
-
}
|
|
3352
|
-
:host([help-text-type="success"])::part(textarea-container),
|
|
3353
|
-
:host([help-text-type="success"])::part(textarea-container):focus-within {
|
|
3354
|
-
border-color: var(--mdc-textarea-success-border-color);
|
|
3355
|
-
}
|
|
3356
|
-
:host([help-text-type="priority"])::part(textarea-container),
|
|
3357
|
-
:host([help-text-type="priority"])::part(textarea-container):focus-within {
|
|
3358
|
-
border-color: var(--mdc-textarea-primary-border-color);
|
|
3359
|
-
}
|
|
3360
|
-
|
|
3361
|
-
.hidden {
|
|
3362
|
-
opacity: 0;
|
|
3363
|
-
pointer-events: none;
|
|
3364
|
-
}
|
|
3365
|
-
|
|
3366
|
-
`,...O(!0)],sl=Ld;var al=g.constructTagName("textarea"),is={HARD:"hard",SOFT:"soft"},nl={OFF:"off",ON:"on"},Uo={CHARACTER_COUNTER_TYPE:_.BODY_MIDSIZE_REGULAR,ROWS:5,COLS:40,WRAP:is.SOFT};var G=class extends ie(z(le)){constructor(){super(...arguments);this.readonly=!1;this.rows=Uo.ROWS;this.cols=Uo.COLS;this.wrap=is.SOFT;this.autocapitalize=To.OFF;this.autocomplete=nl.OFF;this.autofocus=!1;this.characterLimitExceedingFired=!1}get textarea(){return this.inputElement}connectedCallback(){var e;super.connectedCallback(),this.value=((e=this.textContent)==null?void 0:e.trim())||this.value,this.updateComplete.then(()=>{this.textarea&&(this.textarea.checkValidity(),this.setTextareaValidity(),this.internals.setFormValue(this.textarea.value))}).catch(r=>{this.onerror&&this.onerror(r)})}setTextareaValidity(){this.requiredLabel&&this.validationMessage&&this.value===""?this.textarea.setCustomValidity(this.validationMessage):this.maxCharacterLimit&&this.value.length>this.maxCharacterLimit&&this.helpTextType===F.ERROR&&this.helpText?this.textarea.setCustomValidity(this.helpText):this.textarea.setCustomValidity(""),this.setValidity()}formResetCallback(){this.value="",this.requestUpdate()}formStateRestoreCallback(e){this.value=e}handleValueChange(){this.updateComplete.then(()=>{this.setTextareaValidity()}).catch(e=>{this.onerror&&this.onerror(e)})}updated(e){super.updated(e),e.has("value")&&(this.handleValueChange(),this.handleCharacterOverflowStateChange())}attributeChangedCallback(e,r,i){super.attributeChangedCallback(e,r,i),["maxlength","minlength","required"].includes(e)&&this.updateComplete.then(()=>{this.setTextareaValidity()}).catch(a=>{this.onerror&&this.onerror(a)})}dispatchCharacterOverflowStateChangeEvent(){this.dispatchEvent(new CustomEvent("limitexceeded",{detail:{currentCharacterCount:this.value.length,maxCharacterLimit:this.maxCharacterLimit,value:this.value},bubbles:!0,composed:!0}))}handleCharacterOverflowStateChange(){this.maxCharacterLimit&&(this.value.length>this.maxCharacterLimit&&!this.characterLimitExceedingFired?(this.dispatchCharacterOverflowStateChangeEvent(),this.characterLimitExceedingFired=!0):this.value.length<=this.maxCharacterLimit&&this.characterLimitExceedingFired&&(this.dispatchCharacterOverflowStateChangeEvent(),this.characterLimitExceedingFired=!1))}updateValue(){this.value=this.textarea.value,this.internals.setFormValue(this.textarea.value)}onChange(e){this.updateValue();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}renderCharacterCounter(){return this.maxCharacterLimit?h`
|
|
3367
|
-
<mdc-text
|
|
3368
|
-
part="character-counter"
|
|
3369
|
-
tagname="span"
|
|
3370
|
-
type=${Uo.CHARACTER_COUNTER_TYPE}
|
|
3371
|
-
>
|
|
3372
|
-
${this.value.length<10?`0${this.value.length}`:this.value.length}/${this.maxCharacterLimit}
|
|
3373
|
-
</mdc-text>
|
|
3374
|
-
`:y}renderTextareaFooter(){return!this.helpText&&!this.maxCharacterLimit?y:h`
|
|
3375
|
-
<div part="textarea-footer">
|
|
3376
|
-
${this.renderHelperText()}
|
|
3377
|
-
${this.renderCharacterCounter()}
|
|
3378
|
-
</div>
|
|
3379
|
-
`}render(){var e;return h`
|
|
3380
|
-
${this.renderLabel()}
|
|
3381
|
-
<div class="textarea-container mdc-focus-ring" part="textarea-container">
|
|
3382
|
-
<textarea
|
|
3383
|
-
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
3384
|
-
part='textarea'
|
|
3385
|
-
id="${this.id}"
|
|
3386
|
-
name="${this.name}"
|
|
3387
|
-
.value="${this.value}"
|
|
3388
|
-
?disabled="${this.disabled}"
|
|
3389
|
-
?readonly="${this.readonly}"
|
|
3390
|
-
?required="${!!this.requiredLabel}"
|
|
3391
|
-
placeholder=${A(this.placeholder)}
|
|
3392
|
-
rows=${A(this.rows)}
|
|
3393
|
-
cols=${A(this.cols)}
|
|
3394
|
-
wrap=${A(this.wrap)}
|
|
3395
|
-
?autofocus="${this.autofocus}"
|
|
3396
|
-
autocapitalize=${this.autocapitalize}
|
|
3397
|
-
autocomplete=${this.autocomplete}
|
|
3398
|
-
minlength=${A(this.minlength)}
|
|
3399
|
-
maxlength=${A(this.maxlength)}
|
|
3400
|
-
dirname=${A(this.dirname)}
|
|
3401
|
-
@input=${this.updateValue}
|
|
3402
|
-
@change=${this.onChange}
|
|
3403
|
-
aria-describedby="${A(this.helpText?H.HELPER_TEXT_ID:"")}"
|
|
3404
|
-
aria-invalid="${this.helpTextType==="error"?"true":"false"}"
|
|
3405
|
-
></textarea>
|
|
3406
|
-
</div>
|
|
3407
|
-
${this.renderTextareaFooter()}
|
|
3408
|
-
`}};G.styles=[...le.styles,...sl],l([c({type:String})],G.prototype,"placeholder",2),l([c({type:Boolean})],G.prototype,"readonly",2),l([c({type:Number})],G.prototype,"rows",2),l([c({type:Number})],G.prototype,"cols",2),l([c({type:String})],G.prototype,"wrap",2),l([c({type:String})],G.prototype,"autocapitalize",2),l([c({type:String})],G.prototype,"autocomplete",2),l([c({type:Boolean})],G.prototype,"autofocus",2),l([c({type:String})],G.prototype,"dirname",2),l([c({type:Number})],G.prototype,"maxlength",2),l([c({type:Number})],G.prototype,"minlength",2),l([c({type:Number,attribute:"max-character-limit"})],G.prototype,"maxCharacterLimit",2),l([Zr("textarea")],G.prototype,"inputElement",2);var ss=G;ss.register(al);var Nd=ss;var Rd=f`
|
|
3409
|
-
|
|
3410
|
-
:host::part(filters-container){
|
|
3411
|
-
display: flex;
|
|
3412
|
-
gap: 0.25rem;
|
|
3413
|
-
margin: 0.25rem;
|
|
3414
|
-
}
|
|
3415
|
-
|
|
3416
|
-
.input {
|
|
3417
|
-
white-space: nowrap;
|
|
3418
|
-
min-width: 50%;
|
|
3419
|
-
}
|
|
3420
|
-
|
|
3421
|
-
.input::-webkit-search-cancel-button {
|
|
3422
|
-
-webkit-appearance: none;
|
|
3423
|
-
pointer-events: none;
|
|
3424
|
-
}
|
|
3425
|
-
|
|
3426
|
-
:host::part(scrollable-container){
|
|
3427
|
-
display: flex;
|
|
3428
|
-
flex-grow: 1;
|
|
3429
|
-
overflow-x: scroll;
|
|
3430
|
-
overflow-y: hidden;
|
|
3431
|
-
position: relative;
|
|
3432
|
-
scrollbar-width: none;
|
|
3433
|
-
}
|
|
3434
|
-
|
|
3435
|
-
`,ll=[Rd];var cl=g.constructTagName("searchfield"),Vo={TYPE:Li.SEARCH,ICON:"search-bold",CLOSE_BTN:!0};var rr=class extends Zt{constructor(){super(...arguments);this.isInputFocused=!1}connectedCallback(){super.connectedCallback(),this.leadingIcon=Vo.ICON,this.trailingButton=Vo.CLOSE_BTN,this.helpText=void 0,this.helpTextType=void 0,this.requiredLabel=void 0,this.validationMessage=void 0,this.prefixText=void 0}renderInputChips(){this.inputChips&&this.inputChips.forEach(e=>{e.matches("mdc-inputchip")||e.remove()})}firstUpdated(){this.inputElement.onfocus=()=>{this.isInputFocused=!0},this.inputElement.onblur=()=>{this.isInputFocused=!1}}render(){return h`
|
|
3436
|
-
${this.renderLabelElement()}
|
|
3437
|
-
<div class="${Ht({"input-container":!0,"mdc-focus-ring":this.isInputFocused})}" part="input-container">
|
|
3438
|
-
${this.renderLeadingIcon()}
|
|
3439
|
-
<div part='scrollable-container'>
|
|
3440
|
-
<div part="filters-container"
|
|
3441
|
-
@click=${()=>this.inputElement.focus()}
|
|
3442
|
-
@keydown=${e=>e.key==="Enter"?this.inputElement.focus():null}
|
|
3443
|
-
@keyup=${e=>e.key===" "?this.inputElement.focus():null}>
|
|
3444
|
-
<slot name="filters" @slotchange=${this.renderInputChips}></slot></div>
|
|
3445
|
-
${this.renderInputElement(Vo.TYPE)}
|
|
3446
|
-
</div>
|
|
3447
|
-
${this.renderTrailingButton()}
|
|
3448
|
-
</div>
|
|
3449
|
-
`}};rr.styles=[...Zt.styles,...ll],l([Le({slot:"filters"})],rr.prototype,"inputChips",2),l([U()],rr.prototype,"isInputFocused",2);var as=rr;as.register(cl);var Od=as;var Md=f`
|
|
3450
|
-
:host {
|
|
3451
|
-
display: block;
|
|
3452
|
-
height: 100%;
|
|
3453
|
-
}
|
|
3454
|
-
:host::part(brandvisual) {
|
|
3455
|
-
height: 100%;
|
|
3456
|
-
width: 100%;
|
|
3457
|
-
}
|
|
3458
|
-
`,dl=[Md];var ml=g.constructTagName("brandvisual"),pl={NAME:void 0};var or=class extends v{constructor(){super(...arguments);this.name=pl.NAME}async getBrandVisualData(){return this.name?import(`@momentum-design/brand-visuals/dist/logos/ts/${this.name}.ts`).then(e=>{this.handleBrandVisualLoadedSuccess(e.default())}).catch(e=>{this.handleBrandVisualLoadedFailure(e)}):(this.handleBrandVisualLoadedFailure(new Error("No brandvisual name provided.")),Promise.reject(new Error("No brandvisual name provided.")))}updated(e){super.updated(e),e.has("name")&&this.getBrandVisualData().catch(r=>{this.onerror&&this.onerror(r)})}handleBrandVisualLoadedSuccess(e){this.brandVisualData=e;let r=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(r)}handleBrandVisualLoadedFailure(e){let r=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:e}});this.dispatchEvent(r)}render(){return h` ${this.brandVisualData} `}};or.styles=[...v.styles,...dl],l([U()],or.prototype,"brandVisualData",2),l([c({type:String,reflect:!0})],or.prototype,"name",2);var ns=or;ns.register(ml);var Dd=ns;var zd=f`
|
|
3459
|
-
:host {
|
|
3460
|
-
--mdc-appheader-height: 4rem;
|
|
3461
|
-
}
|
|
3462
|
-
|
|
3463
|
-
:host::part(container) {
|
|
3464
|
-
display: flex;
|
|
3465
|
-
align-items: center;
|
|
3466
|
-
width: 100%;
|
|
3467
|
-
height: var(--mdc-appheader-height);
|
|
3468
|
-
padding: 1rem;
|
|
3469
|
-
}
|
|
3470
|
-
|
|
3471
|
-
:host::part(leading-section),
|
|
3472
|
-
:host::part(center-section),
|
|
3473
|
-
:host::part(trailing-section) {
|
|
3474
|
-
flex: 1;
|
|
3475
|
-
display: flex;
|
|
3476
|
-
height: 100%;
|
|
3477
|
-
}
|
|
3478
|
-
|
|
3479
|
-
:host::part(leading-section) {
|
|
3480
|
-
justify-content: flex-start;
|
|
3481
|
-
|
|
3482
|
-
}
|
|
3483
|
-
|
|
3484
|
-
:host::part(center-section) {
|
|
3485
|
-
justify-content: center;
|
|
3486
|
-
align-items: center;
|
|
3487
|
-
}
|
|
3488
|
-
|
|
3489
|
-
:host::part(trailing-section) {
|
|
3490
|
-
justify-content: flex-end;
|
|
3491
|
-
}
|
|
3492
|
-
`,hl=[zd];var Fo=class extends v{render(){return h`
|
|
3493
|
-
<header part="container">
|
|
3494
|
-
<div part="leading-section">
|
|
3495
|
-
<slot name="leading"></slot>
|
|
3496
|
-
</div>
|
|
3497
|
-
<div part="center-section">
|
|
3498
|
-
<slot name="center"></slot>
|
|
3499
|
-
</div>
|
|
3500
|
-
<div part="trailing-section">
|
|
3501
|
-
<slot name="trailing"></slot>
|
|
3502
|
-
</div>
|
|
3503
|
-
</header>`}};Fo.styles=[...v.styles,...hl];var ls=Fo;var ul=g.constructTagName("appheader");ls.register(ul);var $d=ls;var fl=g.constructTagName("screenreaderannouncer"),Pd={ASSERTIVE:"assertive",POLITE:"polite",OFF:"off"},ir={ARIA_LIVE:Pd.POLITE,DELAY:150,IDENTITY:"mdc-screenreaderannouncer-identity",TIMEOUT:2e4};var Ud=[f`
|
|
3504
|
-
:host {
|
|
3505
|
-
display: none;
|
|
3506
|
-
visibility: hidden;
|
|
3507
|
-
}
|
|
3508
|
-
`],gl=Ud;var Pe=class extends v{constructor(){super(...arguments);this.announcement="";this.identity="";this.dataAriaLive=ir.ARIA_LIVE;this.delay=ir.DELAY;this.timeout=ir.TIMEOUT;this.timeOutIds=[];this.ariaLiveAnnouncementIds=[]}announce(e,r,i,s){var a;if(e.length>0){let n=`mdc-screenreaderannouncer-announcement-${Oe()}`,d=document.createElement("div");d.id=n,d.ariaLive=s,(a=document.getElementById(this.identity))==null||a.appendChild(d);let m=window.setTimeout(()=>{let p=document.createElement("p");p.textContent=e,d.appendChild(p),this.ariaLiveAnnouncementIds.push(n);let u=window.setTimeout(()=>{var x;(x=document.getElementById(n))==null||x.remove()},i);this.timeOutIds.push(u)},r);this.timeOutIds.push(m)}}clearTimeOutsAndAnnouncements(){this.timeOutIds.forEach(e=>{window.clearTimeout(e)}),this.ariaLiveAnnouncementIds.forEach(e=>{var r;(r=document.getElementById(e))==null||r.remove()})}createAnnouncementAriaLiveRegion(){let e=document.getElementById(this.identity);if(!e){e=document.createElement("div"),e.id=this.identity;let r=document.createElement("style");r.textContent=`
|
|
3509
|
-
.mdc-screenreaderannouncer__visually-hidden {
|
|
3510
|
-
clip: rect(0 0 0 0);
|
|
3511
|
-
clip-path: inset(50%);
|
|
3512
|
-
height: 1px;
|
|
3513
|
-
overflow: hidden;
|
|
3514
|
-
position: absolute;
|
|
3515
|
-
white-space: nowrap;
|
|
3516
|
-
width: 1px;
|
|
3517
|
-
}
|
|
3518
|
-
`,e.appendChild(r),e.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(e)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=ir.IDENTITY),this.createAnnouncementAriaLiveRegion()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeOutsAndAnnouncements()}updated(e){e.has("identity")&&this.identity.length===0&&(this.identity=ir.IDENTITY,this.createAnnouncementAriaLiveRegion()),e.has("announcement")&&this.announcement.length>0&&(this.announce(this.announcement,this.delay,this.timeout,this.dataAriaLive),this.announcement="")}};Pe.styles=[...v.styles,...gl],l([c({type:String,reflect:!0})],Pe.prototype,"announcement",2),l([c({type:String,reflect:!0})],Pe.prototype,"identity",2),l([c({type:String,reflect:!0,attribute:"data-aria-live"})],Pe.prototype,"dataAriaLive",2),l([c({type:Number,reflect:!0})],Pe.prototype,"delay",2),l([c({type:Number,reflect:!0})],Pe.prototype,"timeout",2);var cs=Pe;cs.register(fl);var Vd=cs;})();
|
|
3716
|
+
`}};Lt.styles=[...y.styles,...xl],l([c({type:Function,attribute:"onscroll"})],Lt.prototype,"onscroll",2),l([c({type:Object,attribute:"virtualizerprops"})],Lt.prototype,"virtualizerProps",2),l([c({type:Function,attribute:"setlistdata"})],Lt.prototype,"setlistdata",2);var bs=Lt;bs.register(El);var Xd=bs;})();
|
|
3519
3717
|
/*! Bundled license information:
|
|
3520
3718
|
|
|
3521
3719
|
@lit/reactive-element/css-tag.js:
|