@momentum-design/components 0.53.7 → 0.53.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +173 -182
- package/dist/browser/index.js.map +3 -3
- package/dist/components/buttonsimple/buttonsimple.component.d.ts +2 -2
- package/dist/components/buttonsimple/buttonsimple.component.js +5 -14
- package/dist/components/link/link.component.d.ts +29 -18
- package/dist/components/link/link.component.js +67 -39
- package/dist/components/link/link.styles.js +34 -48
- package/dist/components/link/link.types.d.ts +7 -1
- package/dist/custom-elements.json +177 -24
- package/dist/react/link/index.d.ts +13 -3
- package/dist/react/link/index.js +12 -3
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";(()=>{var Yl=Object.defineProperty;var ql=Object.getOwnPropertyDescriptor;var l=(i,t,e,r)=>{for(var o=r>1?void 0:r?ql(t,e):t,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Yl(t,e,o),o};var
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ba=/'/g,Ha=/"/g,qa=/^(?:script|style|textarea|title)$/i,ui=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),m=ui(1),_m=ui(2),wm=ui(3),
|
|
1
|
+
"use strict";(()=>{var Yl=Object.defineProperty;var ql=Object.getOwnPropertyDescriptor;var l=(i,t,e,r)=>{for(var o=r>1?void 0:r?ql(t,e):t,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Yl(t,e,o),o};var Qr=globalThis,Jr=Qr.ShadowRoot&&(Qr.ShadyCSS===void 0||Qr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,si=Symbol(),Ra=new WeakMap,hr=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==si)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(Jr&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=Ra.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Ra.set(e,t))}return t}toString(){return this.cssText}},Oa=i=>new hr(typeof i=="string"?i:i+"",void 0,si),f=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,o,a)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[a+1],i[0]);return new hr(e,i,si)},ni=(i,t)=>{if(Jr)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),o=Qr.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,i.appendChild(r)}},eo=Jr?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Oa(e)})(i):i;var{is:Zl,defineProperty:Xl,getOwnPropertyDescriptor:Kl,getOwnPropertyNames:jl,getOwnPropertySymbols:Ql,getPrototypeOf:Jl}=Object,Ke=globalThis,Ma=Ke.trustedTypes,ec=Ma?Ma.emptyScript:"",li=Ke.reactiveElementPolyfillSupport,ur=(i,t)=>i,fr={toAttribute(i,t){switch(t){case Boolean:i=i?ec: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}},to=(i,t)=>!Zl(i,t),Da={attribute:!0,type:String,converter:fr,reflect:!1,hasChanged:to},$a,za;($a=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(za=Ke.litPropertyMetadata)!=null||(Ke.litPropertyMetadata=new WeakMap);var Re=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=Da){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&&Xl(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){var s;let{get:o,set:a}=(s=Kl(this.prototype,t))!=null?s:{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);a.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:Da}static _$Ei(){if(this.hasOwnProperty(ur("elementProperties")))return;let t=Jl(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ur("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ur("properties"))){let e=this.properties,r=[...jl(e),...Ql(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(eo(o))}else t!==void 0&&e.push(eo(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 ni(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 a;let r=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,r);if(o!==void 0&&r.reflect===!0){let s=(((a=r.converter)==null?void 0:a.toAttribute)!==void 0?r.converter:fr).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){var a;let r=this.constructor,o=r._$Eh.get(t);if(o!==void 0&&this._$Em!==o){let s=r.getPropertyOptions(o),n=typeof s.converter=="function"?{fromAttribute:s.converter}:((a=s.converter)==null?void 0:a.fromAttribute)!==void 0?s.converter:fr;this._$Em=o,this[o]=n.fromAttribute(e,s.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:to)(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[s,n]of this._$Ep)this[s]=n;this._$Ep=void 0}let a=this.constructor.elementProperties;if(a.size>0)for(let[s,n]of a)n.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],n)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(a=>{var s;return(s=a.hostUpdate)==null?void 0:s.call(a)}),this.update(e)):this._$EU()}catch(a){throw t=!1,this._$EU(),a}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){}},Pa;Re.elementStyles=[],Re.shadowRootOptions={mode:"open"},Re[ur("elementProperties")]=new Map,Re[ur("finalized")]=new Map,li==null||li({ReactiveElement:Re}),((Pa=Ke.reactiveElementVersions)!=null?Pa:Ke.reactiveElementVersions=[]).push("2.0.4");var gr=globalThis,ro=gr.trustedTypes,Va=ro?ro.createPolicy("lit-html",{createHTML:i=>i}):void 0,mi="$lit$",Oe=`lit$${Math.random().toFixed(9).slice(2)}$`,pi="?"+Oe,tc=`<${pi}>`,dt=document,vr=()=>dt.createComment(""),yr=i=>i===null||typeof i!="object"&&typeof i!="function",hi=Array.isArray,Ya=i=>hi(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",ci=`[
|
|
2
|
+
\f\r]`,br=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ua=/-->/g,Fa=/>/g,lt=RegExp(`>|${ci}(?:([^\\s"'>=/]+)(${ci}*=${ci}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ba=/'/g,Ha=/"/g,qa=/^(?:script|style|textarea|title)$/i,ui=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),m=ui(1),_m=ui(2),wm=ui(3),Me=Symbol.for("lit-noChange"),v=Symbol.for("lit-nothing"),Ga=new WeakMap,ct=dt.createTreeWalker(dt,129);function Za(i,t){if(!hi(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Va!==void 0?Va.createHTML(t):t}var Xa=(i,t)=>{let e=i.length-1,r=[],o,a=t===2?"<svg>":t===3?"<math>":"",s=br;for(let n=0;n<e;n++){let d=i[n],p,h,u=-1,x=0;for(;x<d.length&&(s.lastIndex=x,h=s.exec(d),h!==null);)x=s.lastIndex,s===br?h[1]==="!--"?s=Ua:h[1]!==void 0?s=Fa:h[2]!==void 0?(qa.test(h[2])&&(o=RegExp("</"+h[2],"g")),s=lt):h[3]!==void 0&&(s=lt):s===lt?h[0]===">"?(s=o!=null?o:br,u=-1):h[1]===void 0?u=-2:(u=s.lastIndex-h[2].length,p=h[1],s=h[3]===void 0?lt:h[3]==='"'?Ha:Ba):s===Ha||s===Ba?s=lt:s===Ua||s===Fa?s=br:(s=lt,o=void 0);let y=s===lt&&i[n+1].startsWith("/>")?" ":"";a+=s===br?d+tc:u>=0?(r.push(p),d.slice(0,u)+mi+d.slice(u)+Oe+y):d+Oe+(u===-2?n:y)}return[Za(i,a+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},xr=class i{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let a=0,s=0,n=t.length-1,d=this.parts,[p,h]=Xa(t,e);if(this.el=i.createElement(p,r),ct.currentNode=this.el.content,e===2||e===3){let u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(o=ct.nextNode())!==null&&d.length<n;){if(o.nodeType===1){if(o.hasAttributes())for(let u of o.getAttributeNames())if(u.endsWith(mi)){let x=h[s++],y=o.getAttribute(u).split(Oe),E=/([.?@])?(.*)/.exec(x);d.push({type:1,index:a,name:E[2],strings:y,ctor:E[1]==="."?io:E[1]==="?"?ao:E[1]==="@"?so:pt}),o.removeAttribute(u)}else u.startsWith(Oe)&&(d.push({type:6,index:a}),o.removeAttribute(u));if(qa.test(o.tagName)){let u=o.textContent.split(Oe),x=u.length-1;if(x>0){o.textContent=ro?ro.emptyScript:"";for(let y=0;y<x;y++)o.append(u[y],vr()),ct.nextNode(),d.push({type:2,index:++a});o.append(u[x],vr())}}}else if(o.nodeType===8)if(o.data===pi)d.push({type:2,index:a});else{let u=-1;for(;(u=o.data.indexOf(Oe,u+1))!==-1;)d.push({type:7,index:a}),u+=Oe.length-1}a++}}static createElement(t,e){let r=dt.createElement("template");return r.innerHTML=t,r}};function mt(i,t,e=i,r){var s,n,d;if(t===Me)return t;let o=r!==void 0?(s=e.o)==null?void 0:s[r]:e.l,a=yr(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==a&&((n=o==null?void 0:o._$AO)==null||n.call(o,!1),a===void 0?o=void 0:(o=new a(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=mt(i,o._$AS(i,t.values),o,r)),t}var oo=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 p;let{el:{content:e},parts:r}=this._$AD,o=((p=t==null?void 0:t.creationScope)!=null?p:dt).importNode(e,!0);ct.currentNode=o;let a=ct.nextNode(),s=0,n=0,d=r[0];for(;d!==void 0;){if(s===d.index){let h;d.type===2?h=new zt(a,a.nextSibling,this,t):d.type===1?h=new d.ctor(a,d.name,d.strings,this,t):d.type===6&&(h=new no(a,this,t)),this._$AV.push(h),d=r[++n]}s!==(d==null?void 0:d.index)&&(a=ct.nextNode(),s++)}return ct.currentNode=dt,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++}},zt=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 a;this.type=2,this._$AH=v,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=o,this.v=(a=o==null?void 0:o.isConnected)!=null?a:!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=mt(this,t,e),yr(t)?t===v||t==null||t===""?(this._$AH!==v&&this._$AR(),this._$AH=v):t!==this._$AH&&t!==Me&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ya(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&&yr(this._$AH)?this._$AA.nextSibling.data=t:this.T(dt.createTextNode(t)),this._$AH=t}$(t){var a;let{values:e,_$litType$:r}=t,o=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=xr.createElement(Za(r.h,r.h[0]),this.options)),r);if(((a=this._$AH)==null?void 0:a._$AD)===o)this._$AH.p(e);else{let s=new oo(o,this),n=s.u(this.options);s.p(e),this.T(n),this._$AH=s}}_$AC(t){let e=Ga.get(t.strings);return e===void 0&&Ga.set(t.strings,e=new xr(t)),e}k(t){hi(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,o=0;for(let a of t)o===e.length?e.push(r=new i(this.O(vr()),this.O(vr()),this,this.options)):r=e[o],r._$AI(a),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))}},pt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,o,a){this.type=1,this._$AH=v,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=a,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 a=this.strings,s=!1;if(a===void 0)t=mt(this,t,e,0),s=!yr(t)||t!==this._$AH&&t!==Me,s&&(this._$AH=t);else{let n=t,d,p;for(t=a[0],d=0;d<a.length-1;d++)p=mt(this,n[r+d],e,d),p===Me&&(p=this._$AH[d]),s||(s=!yr(p)||p!==this._$AH[d]),p===v?t=v:t!==v&&(t+=(p!=null?p:"")+a[d+1]),this._$AH[d]=p}s&&!o&&this.j(t)}j(t){t===v?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},io=class extends pt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===v?void 0:t}},ao=class extends pt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==v)}},so=class extends pt{constructor(t,e,r,o,a){super(t,e,r,o,a),this.type=5}_$AI(t,e=this){var s;if((t=(s=mt(this,t,e,0))!=null?s:v)===Me)return;let r=this._$AH,o=t===v&&r!==v||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,a=t!==v&&(r===v||o);o&&this.element.removeEventListener(this.name,this,r),a&&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)}},no=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){mt(this,t)}},Ka={M:mi,P:Oe,A:pi,C:1,L:Xa,R:oo,D:Ya,V:mt,I:zt,H:pt,N:ao,U:so,B:io,F:no},di=gr.litHtmlPolyfillSupport,Wa;di==null||di(xr,zt),((Wa=gr.litHtmlVersions)!=null?Wa:gr.litHtmlVersions=[]).push("3.2.0");var ja=(i,t,e)=>{var a,s;let r=(a=e==null?void 0:e.renderBefore)!=null?a:t,o=r._$litPart$;if(o===void 0){let n=(s=e==null?void 0:e.renderBefore)!=null?s:null;r._$litPart$=o=new zt(t.insertBefore(vr(),n),n,void 0,e!=null?e:{})}return o._$AI(i),o};var je=class extends Re{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=ja(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 Me}},Qa;je._$litElement$=!0,je.finalized=!0,(Qa=globalThis.litElementHydrateSupport)==null||Qa.call(globalThis,{LitElement:je});var fi=globalThis.litElementPolyfillSupport;fi==null||fi({LitElement:je});var Ja;((Ja=globalThis.litElementVersions)!=null?Ja:globalThis.litElementVersions=[]).push("4.1.0");var rc={attribute:!0,type:String,converter:fr,reflect:!1,hasChanged:to},oc=(i=rc,t,e)=>{let{kind:r,metadata:o}=e,a=globalThis.litPropertyMetadata.get(o);if(a===void 0&&globalThis.litPropertyMetadata.set(o,a=new Map),a.set(e.name,i),r==="accessor"){let{name:s}=e;return{set(n){let d=t.get.call(this);t.set.call(this,n),this.requestUpdate(s,d,i)},init(n){return n!==void 0&&this.P(s,void 0,i),n}}}if(r==="setter"){let{name:s}=e;return function(n){let d=this[s];t.call(this,n),this.requestUpdate(s,d,i)}}throw Error("Unsupported decorator location: "+r)};function c(i){return(t,e)=>typeof e=="object"?oc(i,t,e):((r,o,a)=>{let s=o.hasOwnProperty(a);return o.constructor.createProperty(a,s?{...r,wrapped:!0}:r),s?Object.getOwnPropertyDescriptor(o,a):void 0})(i,t,e)}function M(i){return c({...i,state:!0,attribute:!1})}var De=(i,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(i,t,e),e);function $e(i,t){return(e,r,o)=>{let a=s=>{var n,d;return(d=(n=s.renderRoot)==null?void 0:n.querySelector(i))!=null?d:null};if(t){let{get:s,set:n}=typeof r=="object"?e:o!=null?o:(()=>{let d=Symbol();return{get(){return this[d]},set(p){this[d]=p}}})();return De(e,r,{get(){let d=s.call(this);return d===void 0&&(d=a(this),(d!==null||this.hasUpdated)&&n.call(this,d)),d}})}return De(e,r,{get(){return a(this)}})}}function re(i){return(t,e)=>{let{slot:r,selector:o}=i!=null?i:{},a="slot"+(r?`[name=${r}]`:":not([name])");return De(t,e,{get(){var d,p;let s=(d=this.renderRoot)==null?void 0:d.querySelector(a),n=(p=s==null?void 0:s.assignedElements(i))!=null?p:[];return o===void 0?n:n.filter(h=>h.matches(o))}})}}function es(i){return(t,e)=>{let{slot:r}=i!=null?i:{},o="slot"+(r?`[name=${r}]`:":not([name])");return De(t,e,{get(){var s,n;let a=(s=this.renderRoot)==null?void 0:s.querySelector(o);return(n=a==null?void 0:a.assignedNodes(i))!=null?n:[]}})}}var k=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
|
+
`,lo=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);
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
--mdc-focus-ring-middle-offset: var(--mdc-focus-ring-inner-width);
|
|
22
22
|
--mdc-focus-ring-outer-offset: calc(var(--mdc-focus-ring-inner-width) + var(--mdc-focus-ring-middle-width));
|
|
23
23
|
}
|
|
24
|
-
`,
|
|
24
|
+
`,R=(i=!1)=>{let t=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 i?[
|
|
27
|
+
`;return i?[lo,f`
|
|
28
28
|
.mdc-focus-ring:focus-visible {
|
|
29
29
|
outline: none;
|
|
30
30
|
}
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
|
-
`]:[
|
|
51
|
+
`]:[lo,f`
|
|
52
52
|
:host([disabled]:focus) {
|
|
53
53
|
box-shadow: none;
|
|
54
54
|
}
|
|
@@ -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
|
-
`,ts=[k,ic,...
|
|
169
|
+
`,ts=[k,ic,...R()];var rs=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 co=class extends je{static register(t){customElements.get(t)||customElements.define(t,this)}};co.styles=[rs];var os=co;var g=os;var Qe=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 Pt=class{constructor(t,e,r,o){var a;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(s,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=s,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(s,n)),this.unsubscribe=n},this.host=t,e.context!==void 0){let s=e;this.context=s.context,this.callback=s.callback,this.subscribe=(a=s.subscribe)!=null?a:!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 Qe(this.context,this.t,this.subscribe))}};var mo=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 bi=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Vt=class extends mo{constructor(t,e,r){var o,a;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=s=>{let n=s.composedPath()[0];s.context===this.context&&n!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,n,s.subscribe))},this.onProviderRequest=s=>{let n=s.composedPath()[0];if(s.context!==this.context||n===this.host)return;let d=new Set;for(let[p,{consumerHost:h}]of this.subscriptions)d.has(p)||(d.add(p),h.dispatchEvent(new Qe(this.context,p,!0)));s.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(a=(o=this.host).addController)==null||a.call(o,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new bi(this.context))}};var ac=f`
|
|
180
180
|
:host {
|
|
181
181
|
display: contents;
|
|
182
182
|
}
|
|
183
|
-
`,as=ac;var
|
|
183
|
+
`,as=ac;var po=class extends g{constructor({context:t,initialValue:e}){super(),this.context=new Vt(this,{context:t,initialValue:e})}render(){return this.updateContext(),m`<slot></slot>`}};po.styles=[...g.styles,as];var ss=po;var Ut=ss;var sc={PREFIX:"mdc",SEPARATOR:"-"},nc={NAMESPACE:sc},gi=nc;var lc=i=>[gi.NAMESPACE.PREFIX,i].join(gi.NAMESPACE.SEPARATOR),b={constructTagName:lc};var uh=b.constructTagName("buttonsimple"),Er={20:20,24:24,28:28,32:32,40:40,48:48,52:52,64:64,72:72,88:88,124:124},Ft={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},Tr={SIZE:Er[32],TYPE:Ft.BUTTON,ROLE:"button",ARIA_STATE_KEY:"aria-pressed"};var Ar=b.constructTagName("text"),I={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"},C={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},oe={TYPE:I.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:C.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var ns=b.constructTagName("alertchip"),ht={NEUTRAL:"neutral",ERROR:"error",SUCCESS:"success",WARNING:"warning",INFORMATIONAL:"informational"},Bt={VARIANT:ht.NEUTRAL,TEXT_TYPE:I.BODY_MIDSIZE_REGULAR,TAG_NAME:C.SPAN,SIZE:Er[24],ROLE:"button"};var ls=i=>({[ht.ERROR]:"error-legacy-badge-filled",[ht.WARNING]:"warning-badge-filled",[ht.SUCCESS]:"check-circle-badge-filled",[ht.INFORMATIONAL]:"info-badge-filled",[ht.NEUTRAL]:"dnd-presence-badge-filled"})[i];var le=i=>{class t extends i{}return l([c({reflect:!0,type:Boolean})],t.prototype,"disabled",2),t};var Ht=i=>{class t extends i{constructor(){super(...arguments);this.tabIndex=0}}return l([c({reflect:!0,type:Number})],t.prototype,"tabIndex",2),t};var cc=[k,f`
|
|
184
184
|
:host {
|
|
185
185
|
border: 0.0625rem solid transparent;
|
|
186
186
|
cursor: pointer;
|
|
@@ -237,10 +237,10 @@
|
|
|
237
237
|
:host([size="20"]){
|
|
238
238
|
height: var(--mdc-button-height-size-20);
|
|
239
239
|
}
|
|
240
|
-
`,...
|
|
240
|
+
`,...R()],cs=cc;var ge=class extends Ht(le(g)){constructor(){super();this.size=Tr.SIZE;this.role=Tr.ROLE;this.type=Tr.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.active&&(this.ariaStateKey=this.ariaStateKey||Tr.ARIA_STATE_KEY),this.setActive(this,this.active))}executeAction(){this.type===Ft.SUBMIT&&this.form&&this.form.requestSubmit(),this.type===Ft.RESET&&this.form&&this.form.reset()}setActive(e,r){this.ariaStateKey&&this.ariaStateKey.split(",").filter(a=>a.trim().startsWith("aria-")).forEach(a=>{r===!0?e.setAttribute(a.trim(),"true"):r===!1?e.setAttribute(a.trim(),"false"):e.removeAttribute(a.trim())})}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 m` <slot></slot> `}};ge.formAssociated=!0,ge.styles=[...g.styles,...cs],l([c({type:Boolean,reflect:!0})],ge.prototype,"active",2),l([c({type:Boolean,attribute:"soft-disabled"})],ge.prototype,"softDisabled",2),l([c({type:Number,reflect:!0})],ge.prototype,"size",2),l([c({type:String,reflect:!0})],ge.prototype,"role",2),l([c({type:String,reflect:!0})],ge.prototype,"ariaStateKey",2),l([c({reflect:!0})],ge.prototype,"type",2);var ce=ge;var Gt=class extends ce{constructor(){super(...arguments);this.variant=Bt.VARIANT;this.label=""}connectedCallback(){super.connectedCallback(),this.disabled=void 0,this.softDisabled=void 0,this.active=void 0,this.size=Bt.SIZE,this.role=Bt.ROLE}render(){return m`
|
|
241
241
|
<mdc-icon part="icon" name="${ls(this.variant)}" length-unit="rem" size="1"></mdc-icon>
|
|
242
242
|
<mdc-text part="label" type="${Bt.TEXT_TYPE}" tagname="${Bt.TAG_NAME}">${this.label}</mdc-text>
|
|
243
|
-
`}};
|
|
243
|
+
`}};Gt.styles=[...g.styles,...ts],l([c({type:String})],Gt.prototype,"variant",2),l([c({type:String})],Gt.prototype,"label",2);var vi=Gt;var ds=f`
|
|
244
244
|
:host::part(text) {
|
|
245
245
|
font-size: unset;
|
|
246
246
|
font-weight: unset;
|
|
@@ -490,7 +490,7 @@
|
|
|
490
490
|
display: block;
|
|
491
491
|
font-family: var(--mdc-text-font-family);
|
|
492
492
|
}
|
|
493
|
-
`,ds],ms=dc;var
|
|
493
|
+
`,ds],ms=dc;var Wt=class extends g{constructor(){super(...arguments);this.type=oe.TYPE;this.tagname=oe.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case C.H1:return m`<h1 part=${oe.CSS_PART_TEXT}><slot></slot></h1>`;case C.H2:return m`<h2 part=${oe.CSS_PART_TEXT}><slot></slot></h2>`;case C.H3:return m`<h3 part=${oe.CSS_PART_TEXT}><slot></slot></h3>`;case C.H4:return m`<h4 part=${oe.CSS_PART_TEXT}><slot></slot></h4>`;case C.H5:return m`<h5 part=${oe.CSS_PART_TEXT}><slot></slot></h5>`;case C.H6:return m`<h6 part=${oe.CSS_PART_TEXT}><slot></slot></h6>`;case C.DIV:return m`<div part=${oe.CSS_PART_TEXT}><slot></slot></div>`;case C.SPAN:return m`<span part=${oe.CSS_PART_TEXT}><slot></slot></span>`;case C.SMALL:return m`<small part=${oe.CSS_PART_TEXT}><slot></slot></small>`;case C.P:default:return m`<p part=${oe.CSS_PART_TEXT}><slot></slot></p>`}}};Wt.styles=[...g.styles,...ms],l([c({attribute:"type",reflect:!0,type:String})],Wt.prototype,"type",2),l([c({attribute:"tagname",reflect:!0,type:String})],Wt.prototype,"tagname",2);var yi=Wt;yi.register(Ar);var mc=yi;var pc=[k,f`
|
|
494
494
|
:host {
|
|
495
495
|
--mdc-icon-fill-color: currentColor;
|
|
496
496
|
--mdc-icon-size: var(--computed-icon-size);
|
|
@@ -505,7 +505,7 @@
|
|
|
505
505
|
width: 100%;
|
|
506
506
|
fill: var(--mdc-icon-fill-color);
|
|
507
507
|
}
|
|
508
|
-
`,...
|
|
508
|
+
`,...R()],ps=pc;var hc=i=>{let{host:t,context:e,subscribe:r}=i;return new Pt(t,{context:e,subscribe:r!=null?r:!0})},uc={consume:hc},hs=uc;var ho=b.constructTagName("iconprovider"),us=["svg"],fs=["em","rem","px","%"],fc={px:16,em:1,rem:1,"%":100},ze={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:fc.em,SHOULD_CACHE:!1,ICON_SET:"momentum-icons"};var uo=class{};uo.context=ho;var fo=uo;var Ie=class extends Ut{constructor(){super({context:fo.context,initialValue:new fo});this.iconSet=ze.ICON_SET;this.fileExtension=ze.FILE_EXTENSION;this.lengthUnit=ze.LENGTH_UNIT;this.size=ze.SIZE}static get Context(){return fo.context}updateValuesInContext(){this.fileExtension&&us.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=ze.FILE_EXTENSION,this.context.value.fileExtension=ze.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&&fs.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=ze.LENGTH_UNIT,this.context.value.lengthUnit=ze.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})],Ie.prototype,"iconSet",2),l([c({type:String})],Ie.prototype,"url",2),l([c({type:String,attribute:"file-extension",reflect:!0})],Ie.prototype,"fileExtension",2),l([c({type:String,attribute:"length-unit",reflect:!0})],Ie.prototype,"lengthUnit",2),l([c({type:Number,reflect:!0})],Ie.prototype,"size",2),l([c({type:String,attribute:"cache-strategy"})],Ie.prototype,"cacheStrategy",2),l([c({type:String,attribute:"cache-name"})],Ie.prototype,"cacheName",2);var Sr=Ie;var Ir={},bs=async i=>(Ir[i]===void 0&&(Ir[i]=new Map),{async set(t,e){Ir[i].set(t.url,await e.text())},async get(t){return Ir[i].get(t.url)},async delete(t){Ir[i].delete(t.url)}}),gs=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)}}},vs=async(i,t)=>t==="in-memory-cache"?bs(i):gs(i);var ys=async i=>fetch(i).then(t=>{if(!t.ok)throw new Error("There was a problem while fetching the icon!");return t}),xs=async({url:i,name:t,fileExtension:e,cacheStrategy:r,cacheName:o,renewSignal:a})=>{let s=a(),n=new Request(`${i}/${t}.${e}`,{signal:s});return!o||!r||!["in-memory-cache","web-cache-api"].includes(r)?ys(n).then(d=>d.text()):vs(o,r).then(d=>d.get(n).then(p=>p||ys(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(p=>{throw new Error(`Error in caching the Icon ${t}, ${p}`)}))};var Es=b.constructTagName("icon"),xi={NAME:void 0,SIZE:1};var ie=class extends g{constructor(){super();this.name=xi.NAME;this.ariaLabel=null;this.ariaLabelledBy=null;this.iconProviderContext=hs.consume({host:this,context:Sr.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:a,iconSet:s,cacheStrategy:n}=this.iconProviderContext.value;if(s==="custom-icons"&&o&&r&&this.name){let d=()=>(this.abortController.abort(),this.abortController=new AbortController,this.abortController.signal);return xs({url:o,name:this.name,fileExtension:r,cacheName:a,cacheStrategy:n,renewSignal:d}).then(p=>{let h=this.prepareIconElement(p);this.handleIconLoadedSuccess(h)}).catch(p=>{this.handleIconLoadedFailure(p)})}if(s==="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:xi.SIZE}updated(e){var r,o,a,s;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!==((a=this.iconProviderContext.value)==null?void 0:a.size)&&(this.sizeFromContext=(s=this.iconProviderContext.value)==null?void 0:s.size,this.updateSize())}render(){return m` ${this.iconData} `}};ie.styles=[...g.styles,...ps],l([M()],ie.prototype,"iconData",2),l([M()],ie.prototype,"lengthUnitFromContext",2),l([M()],ie.prototype,"sizeFromContext",2),l([c({type:String,reflect:!0})],ie.prototype,"name",2),l([c({type:Number})],ie.prototype,"size",2),l([c({type:String,attribute:"length-unit"})],ie.prototype,"lengthUnit",2),l([c({type:String,attribute:"aria-label"})],ie.prototype,"ariaLabel",2),l([c({type:String,attribute:"aria-labelledby"})],ie.prototype,"ariaLabelledBy",2),l([M()],ie.prototype,"abortController",2);var Ei=ie;Ei.register(Es);var bc=Ei;vi.register(ns);var gc=vi;var vc=f`
|
|
509
509
|
:host {
|
|
510
510
|
--mdc-appheader-height: 4rem;
|
|
511
511
|
}
|
|
@@ -550,7 +550,7 @@
|
|
|
550
550
|
<div part="trailing-section">
|
|
551
551
|
<slot name="trailing"></slot>
|
|
552
552
|
</div>
|
|
553
|
-
</header>`}};bo.styles=[...g.styles,...Ts];var Ti=bo;var As=b.constructTagName("appheader");Ti.register(As);var yc=Ti;var A=i=>i!=null?i:
|
|
553
|
+
</header>`}};bo.styles=[...g.styles,...Ts];var Ti=bo;var As=b.constructTagName("appheader");Ti.register(As);var yc=Ti;var A=i=>i!=null?i:v;var Ss=b.constructTagName("avatar"),X={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},Ai=99,xc="user-regular",D={24:24,32:32,48:48,64:64,72:72,88:88,124:124},Yt={TYPE:X.PHOTO,SIZE:D[32],ICON_NAME:xc};var go=i=>{class t extends i{constructor(){super(...arguments);this.size=Yt.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 Q=i=>{class t extends i{}return l([c({type:String,attribute:"icon-name"})],t.prototype,"iconName",2),t};var Ec=[k,f`
|
|
554
554
|
:host {
|
|
555
555
|
--mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
|
|
556
556
|
--mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
@@ -673,9 +673,9 @@
|
|
|
673
673
|
outline: 0.125rem solid;
|
|
674
674
|
}
|
|
675
675
|
}
|
|
676
|
-
`],Is=Ec;var _s=b.constructTagName("presence"),q={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"},
|
|
676
|
+
`],Is=Ec;var _s=b.constructTagName("presence"),q={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"},qt={TYPE:q.ACTIVE,SIZE:H.SMALL};var ws=i=>({[D[124]]:H.XX_LARGE,[D[88]]:H.X_LARGE,[D[72]]:H.LARGE,[D[64]]:H.MIDSIZE,[D[48]]:H.SMALL,[D[32]]:H.X_SMALL,[D[24]]:H.XX_SMALL})[i]||H.X_SMALL,Cs=i=>({[D[124]]:4.75,[D[88]]:3,[D[72]]:2.5,[D[64]]:2.25,[D[48]]:1.75,[D[32]]:1.25,[D[24]]:1})[i]||1.25,ks=i=>({[D[124]]:I.HEADING_XLARGE_MEDIUM,[D[88]]:I.HEADING_LARGE_MEDIUM,[D[72]]:I.HEADING_MIDSIZE_MEDIUM,[D[64]]:I.HEADING_SMALL_MEDIUM,[D[48]]:I.HEADING_SMALL_MEDIUM,[D[32]]:I.BODY_MIDSIZE_MEDIUM,[D[24]]:I.BODY_SMALL_MEDIUM})[i]||I.BODY_MIDSIZE_MEDIUM;var _r=class extends go(Q(g)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===X.COUNTER&&(this.counter||this.counter===0)||this.isTyping?v:this.presence?m`
|
|
677
677
|
<mdc-presence part="presence" type="${this.presence}" size="${ws(this.size)}"></mdc-presence>
|
|
678
|
-
`:
|
|
678
|
+
`: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 m`
|
|
679
679
|
<img
|
|
680
680
|
part="photo"
|
|
681
681
|
src="${A(this.src)}"
|
|
@@ -684,7 +684,7 @@
|
|
|
684
684
|
@load="${this.handleOnLoad}"
|
|
685
685
|
@error="${this.handleOnError}"
|
|
686
686
|
/>
|
|
687
|
-
`}iconTemplate(){let e=this.iconName||
|
|
687
|
+
`}iconTemplate(){let e=this.iconName||Yt.ICON_NAME;return m`
|
|
688
688
|
<mdc-icon
|
|
689
689
|
name="${A(e)}"
|
|
690
690
|
length-unit="rem"
|
|
@@ -697,14 +697,14 @@
|
|
|
697
697
|
>
|
|
698
698
|
${e}
|
|
699
699
|
</mdc-text>
|
|
700
|
-
`}generateCounterText(e){return e<0?"0":e>Ai?`${Ai}+`: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?m`<div part="loading-wrapper"><div part="loader"></div></div>`:
|
|
700
|
+
`}generateCounterText(e){return e<0?"0":e>Ai?`${Ai}+`: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?m`<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 m`
|
|
701
701
|
<div part="content" aria-hidden="true">
|
|
702
702
|
${this.getPhotoPlaceHolderContent(e)}
|
|
703
703
|
${this.getTemplateBasedOnType(e)}
|
|
704
704
|
${this.getLoadingContent()}
|
|
705
705
|
${this.getPresenceTemplateBasedOnType(e)}
|
|
706
706
|
</div>
|
|
707
|
-
`}};
|
|
707
|
+
`}};_r.styles=[...g.styles,...Is],l([M()],_r.prototype,"isPhotoLoaded",2);var Si=_r;var Tc=[k,f`
|
|
708
708
|
:host {
|
|
709
709
|
--mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
|
|
710
710
|
--mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
|
|
@@ -798,7 +798,7 @@
|
|
|
798
798
|
.mdc-presence-icon__scheduled {
|
|
799
799
|
color: var(--mdc-presence-scheduled-background-color);
|
|
800
800
|
}
|
|
801
|
-
`],Ls=Tc;var
|
|
801
|
+
`],Ls=Tc;var Ns=i=>{switch(i){case q.AWAY:return"recents-presence-badge-filled";case q.AWAY_CALLING:return"away-calling-presence-filled";case q.BUSY:return"busy-presence-bold";case q.DND:return"dnd-presence-badge-filled";case q.MEETING:return"camera-filled";case q.ON_CALL:return"handset-filled";case q.ON_DEVICE:return"generic-device-video-badge-filled";case q.ON_MOBILE:return"phone-badge-filled";case q.PAUSE:return"pause-badge-filled";case q.PTO:return"pto-presence-filled";case q.PRESENTING:return"share-screen-badge-filled";case q.QUIET:return"quiet-hours-presence-filled";case q.SCHEDULED:return"meetings-presence-badge-filled";case q.ACTIVE:default:return"active-presence-small-filled"}};var ut=class extends g{constructor(){super(...arguments);this.type=qt.TYPE;this.size=qt.SIZE;this.currentIconType=qt.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=qt.SIZE,.875}}get icon(){let e=Ns(this.type);return e==="active-presence-small-filled"&&(this.type=qt.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 m`
|
|
802
802
|
<div class="mdc-presence mdc-presence__${this.size}">
|
|
803
803
|
<mdc-icon
|
|
804
804
|
class="mdc-presence-icon mdc-presence-icon__${this.currentIconType}"
|
|
@@ -808,7 +808,7 @@
|
|
|
808
808
|
@error="${this.handleOnError}"
|
|
809
809
|
></mdc-icon>
|
|
810
810
|
</div>
|
|
811
|
-
`}};
|
|
811
|
+
`}};ut.styles=[...g.styles,...Ls],l([c({type:String,reflect:!0})],ut.prototype,"type",2),l([c({type:String,reflect:!0})],ut.prototype,"size",2),l([M()],ut.prototype,"currentIconType",2);var Ii=ut;Ii.register(_s);var Ac=Ii;Si.register(Ss);var Sc=Si;var wr=b.constructTagName("button"),Je={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Cr={40:40,32:32,28:28,24:24},Zt={64:64,52:52,20:20,...Cr},vo={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},Xt={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},_e={VARIANT:Je.PRIMARY,SIZE:Cr[32],COLOR:vo.DEFAULT,TYPE_INTERNAL:Xt.ICON,TYPE:Ft.BUTTON};var Ic=[k,f`
|
|
812
812
|
:host {
|
|
813
813
|
--mdc-avatarbutton-overlay-background-color-rest: var(--mds-color-theme-avatar-ghost);
|
|
814
814
|
--mdc-avatarbutton-overlay-background-color-hover: var(--mds-color-theme-avatar-hover);
|
|
@@ -837,7 +837,7 @@
|
|
|
837
837
|
:host::part(presence) {
|
|
838
838
|
z-index: 2;
|
|
839
839
|
}
|
|
840
|
-
`,...
|
|
840
|
+
`,...R()],Rs=Ic;var kr=class extends go(Q(ce)){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=_e.TYPE}update(e){super.update(e),e.has("size")&&this.setSize(this.size)}setSize(e){this.setAttribute("size",Object.values(D).includes(e)?`${e}`:Yt.SIZE.toString())}render(){return m`
|
|
841
841
|
<div part="overlay" aria-hidden="true"></div>
|
|
842
842
|
<mdc-avatar
|
|
843
843
|
?is-typing="${this.isTyping}"
|
|
@@ -848,7 +848,7 @@
|
|
|
848
848
|
size="${A(this.size)}"
|
|
849
849
|
src="${A(this.src)}"
|
|
850
850
|
></mdc-avatar>
|
|
851
|
-
`}};
|
|
851
|
+
`}};kr.styles=[...Rs],l([c({type:String,attribute:"aria-label"})],kr.prototype,"ariaLabel",2);var _i=kr;var Os=b.constructTagName("avatarbutton");_i.register(Os);var _c=_i;var yo={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Lr=i=>(...t)=>({_$litDirective$:i,values:t}),Kt=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 jt=Lr(class extends Kt{constructor(i){var t;if(super(i),i.type!==yo.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(a=>a!=="")));for(let a in t)t[a]&&!((r=this.nt)!=null&&r.has(a))&&this.st.add(a);return this.render(t)}let e=i.element.classList;for(let a of this.st)a in t||(e.remove(a),this.st.delete(a));for(let a in t){let s=!!t[a];s===this.st.has(a)||(o=this.nt)!=null&&o.has(a)||(s?(e.add(a),this.st.add(a)):(e.remove(a),this.st.delete(a)))}return Me}});var Ms=b.constructTagName("badge"),Pe={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},xo={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},Eo={PRIMARY:"primary",SECONDARY:"secondary"},Nr={SUCCESS:"success",WARNING:"warning",ERROR:"error"},Xb={...Eo,...Nr},et={TYPE:Pe.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:Eo.PRIMARY,ICON_SIZE:1};var wc=[k,f`
|
|
852
852
|
:host {
|
|
853
853
|
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
854
854
|
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
@@ -917,21 +917,21 @@
|
|
|
917
917
|
outline: 0.125rem solid;
|
|
918
918
|
}
|
|
919
919
|
}
|
|
920
|
-
`],Ds=wc;var we=class extends Q(g){constructor(){super(...arguments);this.variant=
|
|
920
|
+
`],Ds=wc;var we=class extends Q(g){constructor(){super(...arguments);this.variant=et.VARIANT;this.maxCounter=et.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>et.MAX_COUNTER_LIMIT||r>et.MAX_COUNTER_LIMIT?`${et.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r){return m`
|
|
921
921
|
<mdc-icon
|
|
922
|
-
class="mdc-badge-icon ${
|
|
922
|
+
class="mdc-badge-icon ${jt({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
|
|
923
923
|
name="${A(e)}"
|
|
924
|
-
size="${
|
|
924
|
+
size="${et.ICON_SIZE}"
|
|
925
925
|
></mdc-icon>
|
|
926
|
-
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${
|
|
926
|
+
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${jt({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return m`
|
|
927
927
|
<mdc-text
|
|
928
928
|
type="${I.BODY_SMALL_MEDIUM}"
|
|
929
929
|
tagname="${C.DIV}"
|
|
930
|
-
class="mdc-badge-text ${
|
|
930
|
+
class="mdc-badge-text ${jt({"mdc-badge-overlay":this.overlay})}"
|
|
931
931
|
>
|
|
932
932
|
${this.getCounterText(this.maxCounter,this.counter)}
|
|
933
933
|
</mdc-text>
|
|
934
|
-
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(Eo).includes(this.variant)&&(this.variant=
|
|
934
|
+
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(Eo).includes(this.variant)&&(this.variant=et.VARIANT);let{iconName:e,type:r,variant:o}=this;switch(r){case Pe.ICON:return this.getBadgeIcon(e||"",o);case Pe.COUNTER:return this.getBadgeCounterText();case Pe.SUCCESS:return this.getBadgeIcon(xo.SUCCESS_ICON_NAME,Nr.SUCCESS);case Pe.WARNING:return this.getBadgeIcon(xo.WARNING_ICON_NAME,Nr.WARNING);case Pe.ERROR:return this.getBadgeIcon(xo.ERROR_ICON_NAME,Nr.ERROR);case Pe.DOT:default:return this.type=Pe.DOT,this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};we.styles=[...g.styles,...Ds],l([c({type:String,reflect:!0})],we.prototype,"type",2),l([c({type:String,reflect:!0})],we.prototype,"variant",2),l([c({type:Number})],we.prototype,"counter",2),l([c({type:Number,attribute:"max-counter",reflect:!0})],we.prototype,"maxCounter",2),l([c({type:Boolean})],we.prototype,"overlay",2),l([c({type:String,attribute:"aria-label"})],we.prototype,"ariaLabel",2);var wi=we;wi.register(Ms);var Cc=wi;var kc=f`
|
|
935
935
|
:host {
|
|
936
936
|
display: block;
|
|
937
937
|
height: 100%;
|
|
@@ -940,7 +940,7 @@
|
|
|
940
940
|
height: 100%;
|
|
941
941
|
width: 100%;
|
|
942
942
|
}
|
|
943
|
-
`,$s=[kc];var zs=b.constructTagName("brandvisual"),Ps={NAME:void 0};var
|
|
943
|
+
`,$s=[kc];var zs=b.constructTagName("brandvisual"),Ps={NAME:void 0};var Qt=class extends g{constructor(){super(...arguments);this.name=Ps.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 m` ${this.brandVisualData} `}};Qt.styles=[...g.styles,...$s],l([M()],Qt.prototype,"brandVisualData",2),l([c({type:String,reflect:!0})],Qt.prototype,"name",2);var Ci=Qt;Ci.register(zs);var Lc=Ci;var Nc=f`
|
|
944
944
|
:host {
|
|
945
945
|
--mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
946
946
|
--mdc-bullet-size-small: 0.25rem;
|
|
@@ -961,7 +961,7 @@
|
|
|
961
961
|
:host([size="large"]) {
|
|
962
962
|
height: var(--mdc-bullet-size-large);
|
|
963
963
|
}
|
|
964
|
-
`,Vs=[
|
|
964
|
+
`,Vs=[Nc];var Us=b.constructTagName("bullet"),Fs={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var Rr=class extends g{constructor(){super(...arguments);this.size=Fs.SMALL}};Rr.styles=[...g.styles,...Vs],l([c({type:String,reflect:!0})],Rr.prototype,"size",2);var ki=Rr;ki.register(Us);var Rc=ki;var Oc=f`
|
|
965
965
|
:host {
|
|
966
966
|
background-color: transparent;
|
|
967
967
|
border-radius: 1.25rem;
|
|
@@ -1188,11 +1188,11 @@
|
|
|
1188
1188
|
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
1189
1189
|
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
1190
1190
|
}
|
|
1191
|
-
`,Bs=[Oc];var
|
|
1191
|
+
`,Bs=[Oc];var Or=i=>{let t=i.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var ve=class extends ce{constructor(){super(...arguments);this.variant=_e.VARIANT;this.size=_e.SIZE;this.color=_e.COLOR;this.role="button";this.typeInternal=_e.TYPE_INTERNAL}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=`${Or(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${Or(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(Je).includes(e)?e:_e.VARIANT)}setSize(e){let o=this.typeInternal===Xt.ICON?Object.values(Zt).includes(e)&&!(e===Zt[20]&&this.variant!==Je.TERTIARY):Object.values(Cr).includes(e);this.setAttribute("size",o?`${e}`:`${_e.SIZE}`)}setColor(e){!Object.values(vo).includes(e)||this.variant===Je.TERTIARY?this.setAttribute("color",`${_e.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(a=>{var s;return a.nodeType!==Node.TEXT_NODE||((s=a.textContent)==null?void 0:s.trim())}).length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Xt.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Xt.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=Xt.PILL,this.setAttribute("data-btn-type","pill"))}render(){return m`
|
|
1192
1192
|
${this.prefixIcon?m` <mdc-icon name="${this.prefixIcon}" part="prefix-icon"></mdc-icon>`:""}
|
|
1193
1193
|
<slot @slotchange=${this.inferButtonType}></slot>
|
|
1194
1194
|
${this.postfixIcon?m` <mdc-icon name="${this.postfixIcon}" part="postfix-icon"></mdc-icon>`:""}
|
|
1195
|
-
`}};ve.styles=[...ce.styles,...Bs],l([c({type:String,attribute:"prefix-icon",reflect:!0})],ve.prototype,"prefixIcon",2),l([c({type:String,attribute:"postfix-icon",reflect:!0})],ve.prototype,"postfixIcon",2),l([c({type:String})],ve.prototype,"variant",2),l([c({type:Number})],ve.prototype,"size",2),l([c({type:String})],ve.prototype,"color",2),l([c({type:String,reflect:!0})],ve.prototype,"role",2),l([M()],ve.prototype,"typeInternal",2);var
|
|
1195
|
+
`}};ve.styles=[...ce.styles,...Bs],l([c({type:String,attribute:"prefix-icon",reflect:!0})],ve.prototype,"prefixIcon",2),l([c({type:String,attribute:"postfix-icon",reflect:!0})],ve.prototype,"postfixIcon",2),l([c({type:String})],ve.prototype,"variant",2),l([c({type:Number})],ve.prototype,"size",2),l([c({type:String})],ve.prototype,"color",2),l([c({type:String,reflect:!0})],ve.prototype,"role",2),l([M()],ve.prototype,"typeInternal",2);var Mr=ve;Mr.register(wr);var Mc=Mr;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 W=[];for(let i=0;i<256;++i)W.push((i+256).toString(16).slice(1));function Hs(i,t=0){return(W[i[t+0]]+W[i[t+1]]+W[i[t+2]]+W[i[t+3]]+"-"+W[i[t+4]]+W[i[t+5]]+"-"+W[i[t+6]]+W[i[t+7]]+"-"+W[i[t+8]]+W[i[t+9]]+"-"+W[i[t+10]]+W[i[t+11]]+W[i[t+12]]+W[i[t+13]]+W[i[t+14]]+W[i[t+15]]).toLowerCase()}var Li,Dc=new Uint8Array(16);function Ni(){if(!Li){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");Li=crypto.getRandomValues.bind(crypto)}return Li(Dc)}var $c=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Ri={randomUUID:$c};function zc(i,t,e){var o,a,s;if(Ri.randomUUID&&!t&&!i)return Ri.randomUUID();i=i||{};let r=(s=(a=i.random)!=null?a:(o=i.rng)==null?void 0:o.call(i))!=null?s:Ni();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 Hs(r)}var Ve=zc;var J=i=>{class t extends i{constructor(){super(...arguments);this.name="";this.value="";this.internals=this.attachInternals()}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}connectedCallback(){super.connectedCallback(),this.id=`mdc-input-${Ve()}`}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([$e("input")],t.prototype,"inputElement",2),t};var Gs=b.constructTagName("formfieldwrapper"),G={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},V={VALIDATION:G.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id"},ft={TAGNAME:C.SPAN,TYPE:I.BODY_MIDSIZE_REGULAR,HEADER_TYPE:I.BODY_MIDSIZE_BOLD};var Pc=[k,f`
|
|
1196
1196
|
:host {
|
|
1197
1197
|
flex-direction: column;
|
|
1198
1198
|
align-items: flex-start;
|
|
@@ -1245,33 +1245,33 @@
|
|
|
1245
1245
|
:host([help-text-type='priority']) .mdc-help-text {
|
|
1246
1246
|
color: var(--mds-color-theme-text-accent-normal);
|
|
1247
1247
|
}
|
|
1248
|
-
`],Ws=Pc;var Ys=i=>({[G.ERROR]:"error-legacy-badge-filled",[G.WARNING]:"warning-badge-filled",[G.SUCCESS]:"check-circle-badge-filled",[G.PRIORITY]:"priority-badge-filled",[G.DEFAULT]:""})[i]||"";var
|
|
1248
|
+
`],Ws=Pc;var Ys=i=>({[G.ERROR]:"error-legacy-badge-filled",[G.WARNING]:"warning-badge-filled",[G.SUCCESS]:"check-circle-badge-filled",[G.PRIORITY]:"priority-badge-filled",[G.DEFAULT]:""})[i]||"";var Ue=class extends le(g){constructor(){super(...arguments);this.id="";this.helpTextType=V.VALIDATION;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?m`<label for="${this.id}" id="${V.HEADING_ID}" class="mdc-label" part="label">${this.label}</label>`:m` <mdc-text
|
|
1249
1249
|
id="${V.HEADING_ID}"
|
|
1250
|
-
tagname="${
|
|
1251
|
-
type="${
|
|
1250
|
+
tagname="${ft.TAGNAME}"
|
|
1251
|
+
type="${ft.HEADER_TYPE}"
|
|
1252
1252
|
part="label"
|
|
1253
1253
|
>${this.label}</mdc-text
|
|
1254
|
-
>`:
|
|
1255
|
-
<mdc-text part="required-label" tagname=${
|
|
1254
|
+
>`:v}renderRequiredLabel(){return this.requiredLabel?m`
|
|
1255
|
+
<mdc-text part="required-label" tagname=${ft.TAGNAME} type=${ft.TYPE}>
|
|
1256
1256
|
(${this.requiredLabel})
|
|
1257
1257
|
</mdc-text>
|
|
1258
|
-
`:
|
|
1258
|
+
`:v}renderHelpTextIcon(){if(!this.helpText)return v;let e=Ys(this.helpTextType||V.VALIDATION);return e&&!this.disabled?m`<mdc-icon part="helper-icon" size="1" length-unit="rem" name=${e}></mdc-icon>`:v}renderHelpText(){return this.helpText?m`
|
|
1259
1259
|
<mdc-text
|
|
1260
1260
|
id="${V.HELPER_TEXT_ID}"
|
|
1261
1261
|
part="help-text"
|
|
1262
|
-
tagname=${
|
|
1263
|
-
type=${
|
|
1262
|
+
tagname=${ft.TAGNAME}
|
|
1263
|
+
type=${ft.TYPE}
|
|
1264
1264
|
>
|
|
1265
1265
|
${this.helpText}
|
|
1266
1266
|
</mdc-text>
|
|
1267
|
-
`:
|
|
1267
|
+
`:v}renderLabel(){return this.label?m`<div class="mdc-label-text" part="label-text">
|
|
1268
1268
|
<slot name="label">${this.renderLabelElement()}</slot>
|
|
1269
1269
|
<slot name="required-label">${this.renderRequiredLabel()}</slot>
|
|
1270
1270
|
<slot name="label-info"></slot>
|
|
1271
|
-
</div>`:
|
|
1271
|
+
</div>`:v}renderHelperText(){return this.helpText?m`<div class="mdc-help-text" part="mdc-help-text">
|
|
1272
1272
|
<slot name="help-icon">${this.renderHelpTextIcon()}</slot>
|
|
1273
1273
|
<slot name="help-text">${this.renderHelpText()}</slot>
|
|
1274
|
-
</div>`:
|
|
1274
|
+
</div>`:v}};Ue.styles=[...g.styles,...Ws],l([c({reflect:!0,type:String})],Ue.prototype,"label",2),l([c({type:String,reflect:!0,attribute:"required-label"})],Ue.prototype,"requiredLabel",2),l([c({type:String})],Ue.prototype,"id",2),l([c({reflect:!0,attribute:"help-text-type"})],Ue.prototype,"helpTextType",2),l([c({type:String,reflect:!0,attribute:"help-text"})],Ue.prototype,"helpText",2);var K=Ue;var qs=b.constructTagName("checkbox"),Oi={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var Vc=[f`
|
|
1275
1275
|
:host {
|
|
1276
1276
|
--mdc-checkbox-background-color-hover: var(--mds-color-theme-control-inactive-hover);
|
|
1277
1277
|
--mdc-checkbox-border-color: var(--mds-color-theme-outline-button-normal);
|
|
@@ -1375,17 +1375,17 @@
|
|
|
1375
1375
|
border: 0.0625rem solid var(--mdc-checkbox-border-color);
|
|
1376
1376
|
}
|
|
1377
1377
|
}
|
|
1378
|
-
`,...
|
|
1378
|
+
`,...R(!0)],Zs=Vc;var bt=class extends J(P(K)){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?m`<div class="text-container">
|
|
1379
1379
|
${this.renderLabel()}
|
|
1380
1380
|
${this.renderHelperText()}
|
|
1381
|
-
</div>`:
|
|
1381
|
+
</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?m`
|
|
1382
1382
|
<mdc-icon
|
|
1383
1383
|
class="icon"
|
|
1384
1384
|
name="${this.indeterminate?Oi.INDETERMINATE:Oi.CHECKED}"
|
|
1385
1385
|
size="1"
|
|
1386
1386
|
length-unit="rem"
|
|
1387
1387
|
></mdc-icon>
|
|
1388
|
-
`:
|
|
1388
|
+
`:v;return m`
|
|
1389
1389
|
<div class="container mdc-focus-ring">
|
|
1390
1390
|
<input
|
|
1391
1391
|
id="${this.id}"
|
|
@@ -1408,7 +1408,7 @@
|
|
|
1408
1408
|
<div class="icon-container">${e}</div>
|
|
1409
1409
|
</div>
|
|
1410
1410
|
${this.renderLabelAndHelperText()}
|
|
1411
|
-
`}};
|
|
1411
|
+
`}};bt.styles=[...K.styles,...Zs],l([c({type:Boolean,reflect:!0})],bt.prototype,"checked",2),l([c({type:Boolean,reflect:!0})],bt.prototype,"indeterminate",2),l([c({type:Boolean,reflect:!0})],bt.prototype,"autofocus",2);var Mi=bt;Mi.register(qs);var Uc=Mi;var Fc=f`
|
|
1412
1412
|
:host {
|
|
1413
1413
|
height: 1.5rem;
|
|
1414
1414
|
gap: 0.25rem;
|
|
@@ -1545,15 +1545,15 @@
|
|
|
1545
1545
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
1546
1546
|
cursor: auto;
|
|
1547
1547
|
}
|
|
1548
|
-
`,Xs=[k,Fc,...
|
|
1548
|
+
`,Xs=[k,Fc,...R()];var Ks=b.constructTagName("chip"),Bc={DEFAULT:"default",COBALT:"cobalt",GOLD:"gold",LIME:"lime",MINT:"mint",PINK:"pink",PURPLE:"purple",SLATE:"slate",VIOLET:"violet"},Jt={COLOR:Bc.DEFAULT,TEXT_TYPE:I.BODY_MIDSIZE_REGULAR,TAG_NAME:C.SPAN,SIZE:Er[24],ROLE:"button"};var er=class extends Q(ce){constructor(){super(...arguments);this.color=Jt.COLOR;this.label=""}connectedCallback(){super.connectedCallback(),this.role=Jt.ROLE,this.size=Jt.SIZE,this.active=void 0,this.softDisabled=void 0}renderIcon(){return this.iconName?m`
|
|
1549
1549
|
<mdc-icon
|
|
1550
1550
|
name="${this.iconName}"
|
|
1551
1551
|
length-unit="rem"
|
|
1552
1552
|
size="1"></mdc-icon>
|
|
1553
|
-
`:
|
|
1553
|
+
`:v}render(){return m`
|
|
1554
1554
|
${this.renderIcon()}
|
|
1555
|
-
<mdc-text type="${
|
|
1556
|
-
`}};Jt.styles=[...g.styles,...Xs],l([c({type:String,reflect:!0})],Jt.prototype,"color",2),l([c({type:String})],Jt.prototype,"label",2);var er=Jt;er.register(Ks);var Hc=er;var Ce=Math.min,j=Math.max,Dr=Math.round,$r=Math.floor,ye=i=>({x:i,y:i}),Gc={left:"right",right:"left",bottom:"top",top:"bottom"},Wc={start:"end",end:"start"};function Ao(i,t,e){return j(i,Ce(t,e))}function bt(i,t){return typeof i=="function"?i(t):i}function Ue(i){return i.split("-")[0]}function gt(i){return i.split("-")[1]}function Di(i){return i==="x"?"y":"x"}function So(i){return i==="y"?"height":"width"}function et(i){return["top","bottom"].includes(Ue(i))?"y":"x"}function Io(i){return Di(et(i))}function js(i,t,e){e===void 0&&(e=!1);let r=gt(i),o=Io(i),a=So(o),s=o==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(s=Mr(s)),[s,Mr(s)]}function Qs(i){let t=Mr(i);return[To(i),t,To(t)]}function To(i){return i.replace(/start|end/g,t=>Wc[t])}function Yc(i,t,e){let r=["left","right"],o=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(i){case"top":case"bottom":return e?t?o:r:t?r:o;case"left":case"right":return t?a:s;default:return[]}}function Js(i,t,e,r){let o=gt(i),a=Yc(Ue(i),e==="start",r);return o&&(a=a.map(s=>s+"-"+o),t&&(a=a.concat(a.map(To)))),a}function Mr(i){return i.replace(/left|right|bottom|top/g,t=>Gc[t])}function qc(i){return{top:0,right:0,bottom:0,left:0,...i}}function $i(i){return typeof i!="number"?qc(i):{top:i,right:i,bottom:i,left:i}}function vt(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 en(i,t,e){let{reference:r,floating:o}=i,a=et(t),s=Io(t),n=So(s),d=Ue(t),p=a==="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,v;switch(d){case"top":v={x:h,y:r.y-o.height};break;case"bottom":v={x:h,y:r.y+r.height};break;case"right":v={x:r.x+r.width,y:u};break;case"left":v={x:r.x-o.width,y:u};break;default:v={x:r.x,y:r.y}}switch(gt(t)){case"start":v[s]-=x*(e&&p?-1:1);break;case"end":v[s]+=x*(e&&p?-1:1);break}return v}var tn=async(i,t,e)=>{let{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:s}=e,n=a.filter(Boolean),d=await(s.isRTL==null?void 0:s.isRTL(t)),p=await s.getElementRects({reference:i,floating:t,strategy:o}),{x:h,y:u}=en(p,r,d),x=r,v={},E=0;for(let T=0;T<n.length;T++){let{name:_,fn:S}=n[T],{x:w,y:R,data:B,reset:z}=await S({x:h,y:u,initialPlacement:r,placement:x,strategy:o,middlewareData:v,rects:p,platform:s,elements:{reference:i,floating:t}});h=w!=null?w:h,u=R!=null?R:u,v={...v,[_]:{...v[_],...B}},z&&E<=50&&(E++,typeof z=="object"&&(z.placement&&(x=z.placement),z.rects&&(p=z.rects===!0?await s.getElementRects({reference:i,floating:t,strategy:o}):z.rects),{x:h,y:u}=en(p,x,d)),T=-1)}return{x:h,y:u,placement:x,strategy:o,middlewareData:v}};async function _o(i,t){var e;t===void 0&&(t={});let{x:r,y:o,platform:a,rects:s,elements:n,strategy:d}=i,{boundary:p="clippingAncestors",rootBoundary:h="viewport",elementContext:u="floating",altBoundary:x=!1,padding:v=0}=bt(t,i),E=$i(v),_=n[x?u==="floating"?"reference":"floating":u],S=vt(await a.getClippingRect({element:(e=await(a.isElement==null?void 0:a.isElement(_)))==null||e?_:_.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(n.floating)),boundary:p,rootBoundary:h,strategy:d})),w=u==="floating"?{x:r,y:o,width:s.floating.width,height:s.floating.height}:s.reference,R=await(a.getOffsetParent==null?void 0:a.getOffsetParent(n.floating)),B=await(a.isElement==null?void 0:a.isElement(R))?await(a.getScale==null?void 0:a.getScale(R))||{x:1,y:1}:{x:1,y:1},z=vt(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:n,rect:w,offsetParent:R,strategy:d}):w);return{top:(S.top-z.top+E.top)/B.y,bottom:(z.bottom-S.bottom+E.bottom)/B.y,left:(S.left-z.left+E.left)/B.x,right:(z.right-S.right+E.right)/B.x}}var rn=i=>({name:"arrow",options:i,async fn(t){let{x:e,y:r,placement:o,rects:a,platform:s,elements:n,middlewareData:d}=t,{element:p,padding:h=0}=bt(i,t)||{};if(p==null)return{};let u=$i(h),x={x:e,y:r},v=Io(o),E=So(v),T=await s.getDimensions(p),_=v==="y",S=_?"top":"left",w=_?"bottom":"right",R=_?"clientHeight":"clientWidth",B=a.reference[E]+a.reference[v]-x[v]-a.floating[E],z=x[v]-a.reference[v],ne=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p)),fe=ne?ne[R]:0;(!fe||!await(s.isElement==null?void 0:s.isElement(ne)))&&(fe=n.floating[R]||a.floating[E]);let ke=B/2-z/2,Te=fe/2-T[E]/2-1,be=Ce(u[S],Te),We=Ce(u[w],Te),Ae=be,Ye=fe-T[E]-We,Z=fe/2-T[E]/2+ke,$t=Ao(Ae,Z,Ye),Le=!d.arrow&>(o)!=null&&Z!==$t&&a.reference[E]/2-(Z<Ae?be:We)-T[E]/2<0,Se=Le?Z<Ae?Z-Ae:Z-Ye:0;return{[v]:x[v]+Se,data:{[v]:$t,centerOffset:Z-$t-Se,...Le&&{alignmentOffset:Se}},reset:Le}}});var on=function(i){return i===void 0&&(i={}),{name:"flip",options:i,async fn(t){var e,r;let{placement:o,middlewareData:a,rects:s,initialPlacement:n,platform:d,elements:p}=t,{mainAxis:h=!0,crossAxis:u=!0,fallbackPlacements:x,fallbackStrategy:v="bestFit",fallbackAxisSideDirection:E="none",flipAlignment:T=!0,..._}=bt(i,t);if((e=a.arrow)!=null&&e.alignmentOffset)return{};let S=Ue(o),w=et(n),R=Ue(n)===n,B=await(d.isRTL==null?void 0:d.isRTL(p.floating)),z=x||(R||!T?[Mr(n)]:Qs(n)),ne=E!=="none";!x&&ne&&z.push(...Js(n,T,E,B));let fe=[n,...z],ke=await _o(t,_),Te=[],be=((r=a.flip)==null?void 0:r.overflows)||[];if(h&&Te.push(ke[S]),u){let Z=js(o,s,B);Te.push(ke[Z[0]],ke[Z[1]])}if(be=[...be,{placement:o,overflows:Te}],!Te.every(Z=>Z<=0)){var We,Ae;let Z=(((We=a.flip)==null?void 0:We.index)||0)+1,$t=fe[Z];if($t)return{data:{index:Z,overflows:be},reset:{placement:$t}};let Le=(Ae=be.filter(Se=>Se.overflows[0]<=0).sort((Se,qe)=>Se.overflows[1]-qe.overflows[1])[0])==null?void 0:Ae.placement;if(!Le)switch(v){case"bestFit":{var Ye;let Se=(Ye=be.filter(qe=>{if(ne){let Ze=et(qe.placement);return Ze===w||Ze==="y"}return!0}).map(qe=>[qe.placement,qe.overflows.filter(Ze=>Ze>0).reduce((Ze,Wl)=>Ze+Wl,0)]).sort((qe,Ze)=>qe[1]-Ze[1])[0])==null?void 0:Ye[0];Se&&(Le=Se);break}case"initialPlacement":Le=n;break}if(o!==Le)return{reset:{placement:Le}}}return{}}}};async function Zc(i,t){let{placement:e,platform:r,elements:o}=i,a=await(r.isRTL==null?void 0:r.isRTL(o.floating)),s=Ue(e),n=gt(e),d=et(e)==="y",p=["left","top"].includes(s)?-1:1,h=a&&d?-1:1,u=bt(t,i),{mainAxis:x,crossAxis:v,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"&&(v=n==="end"?E*-1:E),d?{x:v*h,y:x*p}:{x:x*p,y:v*h}}var an=function(i){return i===void 0&&(i=0),{name:"offset",options:i,async fn(t){var e,r;let{x:o,y:a,placement:s,middlewareData:n}=t,d=await Zc(t,i);return s===((e=n.offset)==null?void 0:e.placement)&&(r=n.arrow)!=null&&r.alignmentOffset?{}:{x:o+d.x,y:a+d.y,data:{...d,placement:s}}}}},sn=function(i){return i===void 0&&(i={}),{name:"shift",options:i,async fn(t){let{x:e,y:r,placement:o}=t,{mainAxis:a=!0,crossAxis:s=!1,limiter:n={fn:_=>{let{x:S,y:w}=_;return{x:S,y:w}}},...d}=bt(i,t),p={x:e,y:r},h=await _o(t,d),u=et(Ue(o)),x=Di(u),v=p[x],E=p[u];if(a){let _=x==="y"?"top":"left",S=x==="y"?"bottom":"right",w=v+h[_],R=v-h[S];v=Ao(w,v,R)}if(s){let _=u==="y"?"top":"left",S=u==="y"?"bottom":"right",w=E+h[_],R=E-h[S];E=Ao(w,E,R)}let T=n.fn({...t,[x]:v,[u]:E});return{...T,data:{x:T.x-e,y:T.y-r,enabled:{[x]:a,[u]:s}}}}}};var nn=function(i){return i===void 0&&(i={}),{name:"size",options:i,async fn(t){var e,r;let{placement:o,rects:a,platform:s,elements:n}=t,{apply:d=()=>{},...p}=bt(i,t),h=await _o(t,p),u=Ue(o),x=gt(o),v=et(o)==="y",{width:E,height:T}=a.floating,_,S;u==="top"||u==="bottom"?(_=u,S=x===(await(s.isRTL==null?void 0:s.isRTL(n.floating))?"start":"end")?"left":"right"):(S=u,_=x==="end"?"top":"bottom");let w=T-h.top-h.bottom,R=E-h.left-h.right,B=Ce(T-h[_],w),z=Ce(E-h[S],R),ne=!t.middlewareData.shift,fe=B,ke=z;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(ke=R),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(fe=w),ne&&!x){let be=j(h.left,0),We=j(h.right,0),Ae=j(h.top,0),Ye=j(h.bottom,0);v?ke=E-2*(be!==0||We!==0?be+We:j(h.left,h.right)):fe=T-2*(Ae!==0||Ye!==0?Ae+Ye:j(h.top,h.bottom))}await d({...t,availableWidth:ke,availableHeight:fe});let Te=await s.getDimensions(n.floating);return E!==Te.width||T!==Te.height?{reset:{rects:!0}}:{}}}};function wo(){return typeof window<"u"}function yt(i){return cn(i)?(i.nodeName||"").toLowerCase():"#document"}function ee(i){var t;return(i==null||(t=i.ownerDocument)==null?void 0:t.defaultView)||window}function xe(i){var t;return(t=(cn(i)?i.ownerDocument:i.document)||window.document)==null?void 0:t.documentElement}function cn(i){return wo()?i instanceof Node||i instanceof ee(i).Node:!1}function de(i){return wo()?i instanceof Element||i instanceof ee(i).Element:!1}function Ee(i){return wo()?i instanceof HTMLElement||i instanceof ee(i).HTMLElement:!1}function ln(i){return!wo()||typeof ShadowRoot>"u"?!1:i instanceof ShadowRoot||i instanceof ee(i).ShadowRoot}function rr(i){let{overflow:t,overflowX:e,overflowY:r,display:o}=me(i);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!["inline","contents"].includes(o)}function dn(i){return["table","td","th"].includes(yt(i))}function zr(i){return[":popover-open",":modal"].some(t=>{try{return i.matches(t)}catch{return!1}})}function Co(i){let t=ko(),e=de(i)?me(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 mn(i){let t=Fe(i);for(;Ee(t)&&!xt(t);){if(Co(t))return t;if(zr(t))return null;t=Fe(t)}return null}function ko(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function xt(i){return["html","body","#document"].includes(yt(i))}function me(i){return ee(i).getComputedStyle(i)}function Pr(i){return de(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:{scrollLeft:i.scrollX,scrollTop:i.scrollY}}function Fe(i){if(yt(i)==="html")return i;let t=i.assignedSlot||i.parentNode||ln(i)&&i.host||xe(i);return ln(t)?t.host:t}function pn(i){let t=Fe(i);return xt(t)?i.ownerDocument?i.ownerDocument.body:i.body:Ee(t)&&rr(t)?t:pn(t)}function tr(i,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let o=pn(i),a=o===((r=i.ownerDocument)==null?void 0:r.body),s=ee(o);if(a){let n=Lo(s);return t.concat(s,s.visualViewport||[],rr(o)?o:[],n&&e?tr(n):[])}return t.concat(o,tr(o,[],e))}function Lo(i){return i.parent&&Object.getPrototypeOf(i.parent)?i.frameElement:null}function fn(i){let t=me(i),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,o=Ee(i),a=o?i.offsetWidth:e,s=o?i.offsetHeight:r,n=Dr(e)!==a||Dr(r)!==s;return n&&(e=a,r=s),{width:e,height:r,$:n}}function Pi(i){return de(i)?i:i.contextElement}function or(i){let t=Pi(i);if(!Ee(t))return ye(1);let e=t.getBoundingClientRect(),{width:r,height:o,$:a}=fn(t),s=(a?Dr(e.width):e.width)/r,n=(a?Dr(e.height):e.height)/o;return(!s||!Number.isFinite(s))&&(s=1),(!n||!Number.isFinite(n))&&(n=1),{x:s,y:n}}var Xc=ye(0);function bn(i){let t=ee(i);return!ko()||!t.visualViewport?Xc:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Kc(i,t,e){return t===void 0&&(t=!1),!e||t&&e!==ee(i)?!1:t}function Et(i,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let o=i.getBoundingClientRect(),a=Pi(i),s=ye(1);t&&(r?de(r)&&(s=or(r)):s=or(i));let n=Kc(a,e,r)?bn(a):ye(0),d=(o.left+n.x)/s.x,p=(o.top+n.y)/s.y,h=o.width/s.x,u=o.height/s.y;if(a){let x=ee(a),v=r&&de(r)?ee(r):r,E=x,T=Lo(E);for(;T&&r&&v!==E;){let _=or(T),S=T.getBoundingClientRect(),w=me(T),R=S.left+(T.clientLeft+parseFloat(w.paddingLeft))*_.x,B=S.top+(T.clientTop+parseFloat(w.paddingTop))*_.y;d*=_.x,p*=_.y,h*=_.x,u*=_.y,d+=R,p+=B,E=ee(T),T=Lo(E)}}return vt({width:h,height:u,x:d,y:p})}function Vi(i,t){let e=Pr(i).scrollLeft;return t?t.left+e:Et(xe(i)).left+e}function gn(i,t,e){e===void 0&&(e=!1);let r=i.getBoundingClientRect(),o=r.left+t.scrollLeft-(e?0:Vi(i,r)),a=r.top+t.scrollTop;return{x:o,y:a}}function jc(i){let{elements:t,rect:e,offsetParent:r,strategy:o}=i,a=o==="fixed",s=xe(r),n=t?zr(t.floating):!1;if(r===s||n&&a)return e;let d={scrollLeft:0,scrollTop:0},p=ye(1),h=ye(0),u=Ee(r);if((u||!u&&!a)&&((yt(r)!=="body"||rr(s))&&(d=Pr(r)),Ee(r))){let v=Et(r);p=or(r),h.x=v.x+r.clientLeft,h.y=v.y+r.clientTop}let x=s&&!u&&!a?gn(s,d,!0):ye(0);return{width:e.width*p.x,height:e.height*p.y,x:e.x*p.x-d.scrollLeft*p.x+h.x+x.x,y:e.y*p.y-d.scrollTop*p.y+h.y+x.y}}function Qc(i){return Array.from(i.getClientRects())}function Jc(i){let t=xe(i),e=Pr(i),r=i.ownerDocument.body,o=j(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=j(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),s=-e.scrollLeft+Vi(i),n=-e.scrollTop;return me(r).direction==="rtl"&&(s+=j(t.clientWidth,r.clientWidth)-o),{width:o,height:a,x:s,y:n}}function ed(i,t){let e=ee(i),r=xe(i),o=e.visualViewport,a=r.clientWidth,s=r.clientHeight,n=0,d=0;if(o){a=o.width,s=o.height;let p=ko();(!p||p&&t==="fixed")&&(n=o.offsetLeft,d=o.offsetTop)}return{width:a,height:s,x:n,y:d}}function td(i,t){let e=Et(i,!0,t==="fixed"),r=e.top+i.clientTop,o=e.left+i.clientLeft,a=Ee(i)?or(i):ye(1),s=i.clientWidth*a.x,n=i.clientHeight*a.y,d=o*a.x,p=r*a.y;return{width:s,height:n,x:d,y:p}}function hn(i,t,e){let r;if(t==="viewport")r=ed(i,e);else if(t==="document")r=Jc(xe(i));else if(de(t))r=td(t,e);else{let o=bn(i);r={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return vt(r)}function vn(i,t){let e=Fe(i);return e===t||!de(e)||xt(e)?!1:me(e).position==="fixed"||vn(e,t)}function rd(i,t){let e=t.get(i);if(e)return e;let r=tr(i,[],!1).filter(n=>de(n)&&yt(n)!=="body"),o=null,a=me(i).position==="fixed",s=a?Fe(i):i;for(;de(s)&&!xt(s);){let n=me(s),d=Co(s);!d&&n.position==="fixed"&&(o=null),(a?!d&&!o:!d&&n.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||rr(s)&&!d&&vn(i,s))?r=r.filter(h=>h!==s):o=n,s=Fe(s)}return t.set(i,r),r}function od(i){let{element:t,boundary:e,rootBoundary:r,strategy:o}=i,s=[...e==="clippingAncestors"?zr(t)?[]:rd(t,this._c):[].concat(e),r],n=s[0],d=s.reduce((p,h)=>{let u=hn(t,h,o);return p.top=j(u.top,p.top),p.right=Ce(u.right,p.right),p.bottom=Ce(u.bottom,p.bottom),p.left=j(u.left,p.left),p},hn(t,n,o));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function id(i){let{width:t,height:e}=fn(i);return{width:t,height:e}}function ad(i,t,e){let r=Ee(t),o=xe(t),a=e==="fixed",s=Et(i,!0,a,t),n={scrollLeft:0,scrollTop:0},d=ye(0);if(r||!r&&!a)if((yt(t)!=="body"||rr(o))&&(n=Pr(t)),r){let x=Et(t,!0,a,t);d.x=x.x+t.clientLeft,d.y=x.y+t.clientTop}else o&&(d.x=Vi(o));let p=o&&!r&&!a?gn(o,n):ye(0),h=s.left+n.scrollLeft-d.x-p.x,u=s.top+n.scrollTop-d.y-p.y;return{x:h,y:u,width:s.width,height:s.height}}function zi(i){return me(i).position==="static"}function un(i,t){if(!Ee(i)||me(i).position==="fixed")return null;if(t)return t(i);let e=i.offsetParent;return xe(i)===e&&(e=e.ownerDocument.body),e}function yn(i,t){let e=ee(i);if(zr(i))return e;if(!Ee(i)){let o=Fe(i);for(;o&&!xt(o);){if(de(o)&&!zi(o))return o;o=Fe(o)}return e}let r=un(i,t);for(;r&&dn(r)&&zi(r);)r=un(r,t);return r&&xt(r)&&zi(r)&&!Co(r)?e:r||mn(i)||e}var sd=async function(i){let t=this.getOffsetParent||yn,e=this.getDimensions,r=await e(i.floating);return{reference:ad(i.reference,await t(i.floating),i.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function nd(i){return me(i).direction==="rtl"}var ld={convertOffsetParentRelativeRectToViewportRelativeRect:jc,getDocumentElement:xe,getClippingRect:od,getOffsetParent:yn,getElementRects:sd,getClientRects:Qc,getDimensions:id,getScale:or,isElement:de,isRTL:nd};function cd(i,t){let e=null,r,o=xe(i);function a(){var n;clearTimeout(r),(n=e)==null||n.disconnect(),e=null}function s(n,d){n===void 0&&(n=!1),d===void 0&&(d=1),a();let{left:p,top:h,width:u,height:x}=i.getBoundingClientRect();if(n||t(),!u||!x)return;let v=$r(h),E=$r(o.clientWidth-(p+u)),T=$r(o.clientHeight-(h+x)),_=$r(p),w={rootMargin:-v+"px "+-E+"px "+-T+"px "+-_+"px",threshold:j(0,Ce(1,d))||1},R=!0;function B(z){let ne=z[0].intersectionRatio;if(ne!==d){if(!R)return s();ne?s(!1,ne):r=setTimeout(()=>{s(!1,1e-7)},1e3)}R=!1}try{e=new IntersectionObserver(B,{...w,root:o.ownerDocument})}catch{e=new IntersectionObserver(B,w)}e.observe(i)}return s(!0),a}function xn(i,t,e,r){r===void 0&&(r={});let{ancestorScroll:o=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:n=typeof IntersectionObserver=="function",animationFrame:d=!1}=r,p=Pi(i),h=o||a?[...p?tr(p):[],...tr(t)]:[];h.forEach(S=>{o&&S.addEventListener("scroll",e,{passive:!0}),a&&S.addEventListener("resize",e)});let u=p&&n?cd(p,e):null,x=-1,v=null;s&&(v=new ResizeObserver(S=>{let[w]=S;w&&w.target===p&&v&&(v.unobserve(t),cancelAnimationFrame(x),x=requestAnimationFrame(()=>{var R;(R=v)==null||R.observe(t)})),e()}),p&&!d&&v.observe(p),v.observe(t));let E,T=d?Et(i):null;d&&_();function _(){let S=Et(i);T&&(S.x!==T.x||S.y!==T.y||S.width!==T.width||S.height!==T.height)&&e(),T=S,E=requestAnimationFrame(_)}return e(),()=>{var S;h.forEach(w=>{o&&w.removeEventListener("scroll",e),a&&w.removeEventListener("resize",e)}),u==null||u(),(S=v)==null||S.disconnect(),v=null,d&&cancelAnimationFrame(E)}}var En=an;var Tn=sn,An=on,Sn=nn;var In=rn;var _n=(i,t,e)=>{let r=new Map,o={platform:ld,...e},a={...o.platform,_c:r};return tn(i,t,{...o,platform:a})};var dd=f`
|
|
1555
|
+
<mdc-text type="${Jt.TEXT_TYPE}" tagname="${Jt.TAG_NAME}">${this.label}</mdc-text>
|
|
1556
|
+
`}};er.styles=[...g.styles,...Xs],l([c({type:String,reflect:!0})],er.prototype,"color",2),l([c({type:String})],er.prototype,"label",2);var tr=er;tr.register(Ks);var Hc=tr;var Ce=Math.min,j=Math.max,$r=Math.round,zr=Math.floor,ye=i=>({x:i,y:i}),Gc={left:"right",right:"left",bottom:"top",top:"bottom"},Wc={start:"end",end:"start"};function Ao(i,t,e){return j(i,Ce(t,e))}function gt(i,t){return typeof i=="function"?i(t):i}function Fe(i){return i.split("-")[0]}function vt(i){return i.split("-")[1]}function Di(i){return i==="x"?"y":"x"}function So(i){return i==="y"?"height":"width"}function tt(i){return["top","bottom"].includes(Fe(i))?"y":"x"}function Io(i){return Di(tt(i))}function js(i,t,e){e===void 0&&(e=!1);let r=vt(i),o=Io(i),a=So(o),s=o==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(s=Dr(s)),[s,Dr(s)]}function Qs(i){let t=Dr(i);return[To(i),t,To(t)]}function To(i){return i.replace(/start|end/g,t=>Wc[t])}function Yc(i,t,e){let r=["left","right"],o=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(i){case"top":case"bottom":return e?t?o:r:t?r:o;case"left":case"right":return t?a:s;default:return[]}}function Js(i,t,e,r){let o=vt(i),a=Yc(Fe(i),e==="start",r);return o&&(a=a.map(s=>s+"-"+o),t&&(a=a.concat(a.map(To)))),a}function Dr(i){return i.replace(/left|right|bottom|top/g,t=>Gc[t])}function qc(i){return{top:0,right:0,bottom:0,left:0,...i}}function $i(i){return typeof i!="number"?qc(i):{top:i,right:i,bottom:i,left:i}}function yt(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 en(i,t,e){let{reference:r,floating:o}=i,a=tt(t),s=Io(t),n=So(s),d=Fe(t),p=a==="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,y;switch(d){case"top":y={x:h,y:r.y-o.height};break;case"bottom":y={x:h,y:r.y+r.height};break;case"right":y={x:r.x+r.width,y:u};break;case"left":y={x:r.x-o.width,y:u};break;default:y={x:r.x,y:r.y}}switch(vt(t)){case"start":y[s]-=x*(e&&p?-1:1);break;case"end":y[s]+=x*(e&&p?-1:1);break}return y}var tn=async(i,t,e)=>{let{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:s}=e,n=a.filter(Boolean),d=await(s.isRTL==null?void 0:s.isRTL(t)),p=await s.getElementRects({reference:i,floating:t,strategy:o}),{x:h,y:u}=en(p,r,d),x=r,y={},E=0;for(let T=0;T<n.length;T++){let{name:_,fn:S}=n[T],{x:w,y:N,data:B,reset:z}=await S({x:h,y:u,initialPlacement:r,placement:x,strategy:o,middlewareData:y,rects:p,platform:s,elements:{reference:i,floating:t}});h=w!=null?w:h,u=N!=null?N:u,y={...y,[_]:{...y[_],...B}},z&&E<=50&&(E++,typeof z=="object"&&(z.placement&&(x=z.placement),z.rects&&(p=z.rects===!0?await s.getElementRects({reference:i,floating:t,strategy:o}):z.rects),{x:h,y:u}=en(p,x,d)),T=-1)}return{x:h,y:u,placement:x,strategy:o,middlewareData:y}};async function _o(i,t){var e;t===void 0&&(t={});let{x:r,y:o,platform:a,rects:s,elements:n,strategy:d}=i,{boundary:p="clippingAncestors",rootBoundary:h="viewport",elementContext:u="floating",altBoundary:x=!1,padding:y=0}=gt(t,i),E=$i(y),_=n[x?u==="floating"?"reference":"floating":u],S=yt(await a.getClippingRect({element:(e=await(a.isElement==null?void 0:a.isElement(_)))==null||e?_:_.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(n.floating)),boundary:p,rootBoundary:h,strategy:d})),w=u==="floating"?{x:r,y:o,width:s.floating.width,height:s.floating.height}:s.reference,N=await(a.getOffsetParent==null?void 0:a.getOffsetParent(n.floating)),B=await(a.isElement==null?void 0:a.isElement(N))?await(a.getScale==null?void 0:a.getScale(N))||{x:1,y:1}:{x:1,y:1},z=yt(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:n,rect:w,offsetParent:N,strategy:d}):w);return{top:(S.top-z.top+E.top)/B.y,bottom:(z.bottom-S.bottom+E.bottom)/B.y,left:(S.left-z.left+E.left)/B.x,right:(z.right-S.right+E.right)/B.x}}var rn=i=>({name:"arrow",options:i,async fn(t){let{x:e,y:r,placement:o,rects:a,platform:s,elements:n,middlewareData:d}=t,{element:p,padding:h=0}=gt(i,t)||{};if(p==null)return{};let u=$i(h),x={x:e,y:r},y=Io(o),E=So(y),T=await s.getDimensions(p),_=y==="y",S=_?"top":"left",w=_?"bottom":"right",N=_?"clientHeight":"clientWidth",B=a.reference[E]+a.reference[y]-x[y]-a.floating[E],z=x[y]-a.reference[y],ne=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p)),fe=ne?ne[N]:0;(!fe||!await(s.isElement==null?void 0:s.isElement(ne)))&&(fe=n.floating[N]||a.floating[E]);let Le=B/2-z/2,Te=fe/2-T[E]/2-1,be=Ce(u[S],Te),Ye=Ce(u[w],Te),Ae=be,qe=fe-T[E]-Ye,Z=fe/2-T[E]/2+Le,$t=Ao(Ae,Z,qe),Ne=!d.arrow&&vt(o)!=null&&Z!==$t&&a.reference[E]/2-(Z<Ae?be:Ye)-T[E]/2<0,Se=Ne?Z<Ae?Z-Ae:Z-qe:0;return{[y]:x[y]+Se,data:{[y]:$t,centerOffset:Z-$t-Se,...Ne&&{alignmentOffset:Se}},reset:Ne}}});var on=function(i){return i===void 0&&(i={}),{name:"flip",options:i,async fn(t){var e,r;let{placement:o,middlewareData:a,rects:s,initialPlacement:n,platform:d,elements:p}=t,{mainAxis:h=!0,crossAxis:u=!0,fallbackPlacements:x,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:E="none",flipAlignment:T=!0,..._}=gt(i,t);if((e=a.arrow)!=null&&e.alignmentOffset)return{};let S=Fe(o),w=tt(n),N=Fe(n)===n,B=await(d.isRTL==null?void 0:d.isRTL(p.floating)),z=x||(N||!T?[Dr(n)]:Qs(n)),ne=E!=="none";!x&&ne&&z.push(...Js(n,T,E,B));let fe=[n,...z],Le=await _o(t,_),Te=[],be=((r=a.flip)==null?void 0:r.overflows)||[];if(h&&Te.push(Le[S]),u){let Z=js(o,s,B);Te.push(Le[Z[0]],Le[Z[1]])}if(be=[...be,{placement:o,overflows:Te}],!Te.every(Z=>Z<=0)){var Ye,Ae;let Z=(((Ye=a.flip)==null?void 0:Ye.index)||0)+1,$t=fe[Z];if($t)return{data:{index:Z,overflows:be},reset:{placement:$t}};let Ne=(Ae=be.filter(Se=>Se.overflows[0]<=0).sort((Se,Ze)=>Se.overflows[1]-Ze.overflows[1])[0])==null?void 0:Ae.placement;if(!Ne)switch(y){case"bestFit":{var qe;let Se=(qe=be.filter(Ze=>{if(ne){let Xe=tt(Ze.placement);return Xe===w||Xe==="y"}return!0}).map(Ze=>[Ze.placement,Ze.overflows.filter(Xe=>Xe>0).reduce((Xe,Wl)=>Xe+Wl,0)]).sort((Ze,Xe)=>Ze[1]-Xe[1])[0])==null?void 0:qe[0];Se&&(Ne=Se);break}case"initialPlacement":Ne=n;break}if(o!==Ne)return{reset:{placement:Ne}}}return{}}}};async function Zc(i,t){let{placement:e,platform:r,elements:o}=i,a=await(r.isRTL==null?void 0:r.isRTL(o.floating)),s=Fe(e),n=vt(e),d=tt(e)==="y",p=["left","top"].includes(s)?-1:1,h=a&&d?-1:1,u=gt(t,i),{mainAxis:x,crossAxis:y,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"&&(y=n==="end"?E*-1:E),d?{x:y*h,y:x*p}:{x:x*p,y:y*h}}var an=function(i){return i===void 0&&(i=0),{name:"offset",options:i,async fn(t){var e,r;let{x:o,y:a,placement:s,middlewareData:n}=t,d=await Zc(t,i);return s===((e=n.offset)==null?void 0:e.placement)&&(r=n.arrow)!=null&&r.alignmentOffset?{}:{x:o+d.x,y:a+d.y,data:{...d,placement:s}}}}},sn=function(i){return i===void 0&&(i={}),{name:"shift",options:i,async fn(t){let{x:e,y:r,placement:o}=t,{mainAxis:a=!0,crossAxis:s=!1,limiter:n={fn:_=>{let{x:S,y:w}=_;return{x:S,y:w}}},...d}=gt(i,t),p={x:e,y:r},h=await _o(t,d),u=tt(Fe(o)),x=Di(u),y=p[x],E=p[u];if(a){let _=x==="y"?"top":"left",S=x==="y"?"bottom":"right",w=y+h[_],N=y-h[S];y=Ao(w,y,N)}if(s){let _=u==="y"?"top":"left",S=u==="y"?"bottom":"right",w=E+h[_],N=E-h[S];E=Ao(w,E,N)}let T=n.fn({...t,[x]:y,[u]:E});return{...T,data:{x:T.x-e,y:T.y-r,enabled:{[x]:a,[u]:s}}}}}};var nn=function(i){return i===void 0&&(i={}),{name:"size",options:i,async fn(t){var e,r;let{placement:o,rects:a,platform:s,elements:n}=t,{apply:d=()=>{},...p}=gt(i,t),h=await _o(t,p),u=Fe(o),x=vt(o),y=tt(o)==="y",{width:E,height:T}=a.floating,_,S;u==="top"||u==="bottom"?(_=u,S=x===(await(s.isRTL==null?void 0:s.isRTL(n.floating))?"start":"end")?"left":"right"):(S=u,_=x==="end"?"top":"bottom");let w=T-h.top-h.bottom,N=E-h.left-h.right,B=Ce(T-h[_],w),z=Ce(E-h[S],N),ne=!t.middlewareData.shift,fe=B,Le=z;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(Le=N),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(fe=w),ne&&!x){let be=j(h.left,0),Ye=j(h.right,0),Ae=j(h.top,0),qe=j(h.bottom,0);y?Le=E-2*(be!==0||Ye!==0?be+Ye:j(h.left,h.right)):fe=T-2*(Ae!==0||qe!==0?Ae+qe:j(h.top,h.bottom))}await d({...t,availableWidth:Le,availableHeight:fe});let Te=await s.getDimensions(n.floating);return E!==Te.width||T!==Te.height?{reset:{rects:!0}}:{}}}};function wo(){return typeof window<"u"}function xt(i){return cn(i)?(i.nodeName||"").toLowerCase():"#document"}function ee(i){var t;return(i==null||(t=i.ownerDocument)==null?void 0:t.defaultView)||window}function xe(i){var t;return(t=(cn(i)?i.ownerDocument:i.document)||window.document)==null?void 0:t.documentElement}function cn(i){return wo()?i instanceof Node||i instanceof ee(i).Node:!1}function de(i){return wo()?i instanceof Element||i instanceof ee(i).Element:!1}function Ee(i){return wo()?i instanceof HTMLElement||i instanceof ee(i).HTMLElement:!1}function ln(i){return!wo()||typeof ShadowRoot>"u"?!1:i instanceof ShadowRoot||i instanceof ee(i).ShadowRoot}function or(i){let{overflow:t,overflowX:e,overflowY:r,display:o}=me(i);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!["inline","contents"].includes(o)}function dn(i){return["table","td","th"].includes(xt(i))}function Pr(i){return[":popover-open",":modal"].some(t=>{try{return i.matches(t)}catch{return!1}})}function Co(i){let t=ko(),e=de(i)?me(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 mn(i){let t=Be(i);for(;Ee(t)&&!Et(t);){if(Co(t))return t;if(Pr(t))return null;t=Be(t)}return null}function ko(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Et(i){return["html","body","#document"].includes(xt(i))}function me(i){return ee(i).getComputedStyle(i)}function Vr(i){return de(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:{scrollLeft:i.scrollX,scrollTop:i.scrollY}}function Be(i){if(xt(i)==="html")return i;let t=i.assignedSlot||i.parentNode||ln(i)&&i.host||xe(i);return ln(t)?t.host:t}function pn(i){let t=Be(i);return Et(t)?i.ownerDocument?i.ownerDocument.body:i.body:Ee(t)&&or(t)?t:pn(t)}function rr(i,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let o=pn(i),a=o===((r=i.ownerDocument)==null?void 0:r.body),s=ee(o);if(a){let n=Lo(s);return t.concat(s,s.visualViewport||[],or(o)?o:[],n&&e?rr(n):[])}return t.concat(o,rr(o,[],e))}function Lo(i){return i.parent&&Object.getPrototypeOf(i.parent)?i.frameElement:null}function fn(i){let t=me(i),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,o=Ee(i),a=o?i.offsetWidth:e,s=o?i.offsetHeight:r,n=$r(e)!==a||$r(r)!==s;return n&&(e=a,r=s),{width:e,height:r,$:n}}function Pi(i){return de(i)?i:i.contextElement}function ir(i){let t=Pi(i);if(!Ee(t))return ye(1);let e=t.getBoundingClientRect(),{width:r,height:o,$:a}=fn(t),s=(a?$r(e.width):e.width)/r,n=(a?$r(e.height):e.height)/o;return(!s||!Number.isFinite(s))&&(s=1),(!n||!Number.isFinite(n))&&(n=1),{x:s,y:n}}var Xc=ye(0);function bn(i){let t=ee(i);return!ko()||!t.visualViewport?Xc:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Kc(i,t,e){return t===void 0&&(t=!1),!e||t&&e!==ee(i)?!1:t}function Tt(i,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let o=i.getBoundingClientRect(),a=Pi(i),s=ye(1);t&&(r?de(r)&&(s=ir(r)):s=ir(i));let n=Kc(a,e,r)?bn(a):ye(0),d=(o.left+n.x)/s.x,p=(o.top+n.y)/s.y,h=o.width/s.x,u=o.height/s.y;if(a){let x=ee(a),y=r&&de(r)?ee(r):r,E=x,T=Lo(E);for(;T&&r&&y!==E;){let _=ir(T),S=T.getBoundingClientRect(),w=me(T),N=S.left+(T.clientLeft+parseFloat(w.paddingLeft))*_.x,B=S.top+(T.clientTop+parseFloat(w.paddingTop))*_.y;d*=_.x,p*=_.y,h*=_.x,u*=_.y,d+=N,p+=B,E=ee(T),T=Lo(E)}}return yt({width:h,height:u,x:d,y:p})}function Vi(i,t){let e=Vr(i).scrollLeft;return t?t.left+e:Tt(xe(i)).left+e}function gn(i,t,e){e===void 0&&(e=!1);let r=i.getBoundingClientRect(),o=r.left+t.scrollLeft-(e?0:Vi(i,r)),a=r.top+t.scrollTop;return{x:o,y:a}}function jc(i){let{elements:t,rect:e,offsetParent:r,strategy:o}=i,a=o==="fixed",s=xe(r),n=t?Pr(t.floating):!1;if(r===s||n&&a)return e;let d={scrollLeft:0,scrollTop:0},p=ye(1),h=ye(0),u=Ee(r);if((u||!u&&!a)&&((xt(r)!=="body"||or(s))&&(d=Vr(r)),Ee(r))){let y=Tt(r);p=ir(r),h.x=y.x+r.clientLeft,h.y=y.y+r.clientTop}let x=s&&!u&&!a?gn(s,d,!0):ye(0);return{width:e.width*p.x,height:e.height*p.y,x:e.x*p.x-d.scrollLeft*p.x+h.x+x.x,y:e.y*p.y-d.scrollTop*p.y+h.y+x.y}}function Qc(i){return Array.from(i.getClientRects())}function Jc(i){let t=xe(i),e=Vr(i),r=i.ownerDocument.body,o=j(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=j(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),s=-e.scrollLeft+Vi(i),n=-e.scrollTop;return me(r).direction==="rtl"&&(s+=j(t.clientWidth,r.clientWidth)-o),{width:o,height:a,x:s,y:n}}function ed(i,t){let e=ee(i),r=xe(i),o=e.visualViewport,a=r.clientWidth,s=r.clientHeight,n=0,d=0;if(o){a=o.width,s=o.height;let p=ko();(!p||p&&t==="fixed")&&(n=o.offsetLeft,d=o.offsetTop)}return{width:a,height:s,x:n,y:d}}function td(i,t){let e=Tt(i,!0,t==="fixed"),r=e.top+i.clientTop,o=e.left+i.clientLeft,a=Ee(i)?ir(i):ye(1),s=i.clientWidth*a.x,n=i.clientHeight*a.y,d=o*a.x,p=r*a.y;return{width:s,height:n,x:d,y:p}}function hn(i,t,e){let r;if(t==="viewport")r=ed(i,e);else if(t==="document")r=Jc(xe(i));else if(de(t))r=td(t,e);else{let o=bn(i);r={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return yt(r)}function vn(i,t){let e=Be(i);return e===t||!de(e)||Et(e)?!1:me(e).position==="fixed"||vn(e,t)}function rd(i,t){let e=t.get(i);if(e)return e;let r=rr(i,[],!1).filter(n=>de(n)&&xt(n)!=="body"),o=null,a=me(i).position==="fixed",s=a?Be(i):i;for(;de(s)&&!Et(s);){let n=me(s),d=Co(s);!d&&n.position==="fixed"&&(o=null),(a?!d&&!o:!d&&n.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||or(s)&&!d&&vn(i,s))?r=r.filter(h=>h!==s):o=n,s=Be(s)}return t.set(i,r),r}function od(i){let{element:t,boundary:e,rootBoundary:r,strategy:o}=i,s=[...e==="clippingAncestors"?Pr(t)?[]:rd(t,this._c):[].concat(e),r],n=s[0],d=s.reduce((p,h)=>{let u=hn(t,h,o);return p.top=j(u.top,p.top),p.right=Ce(u.right,p.right),p.bottom=Ce(u.bottom,p.bottom),p.left=j(u.left,p.left),p},hn(t,n,o));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function id(i){let{width:t,height:e}=fn(i);return{width:t,height:e}}function ad(i,t,e){let r=Ee(t),o=xe(t),a=e==="fixed",s=Tt(i,!0,a,t),n={scrollLeft:0,scrollTop:0},d=ye(0);if(r||!r&&!a)if((xt(t)!=="body"||or(o))&&(n=Vr(t)),r){let x=Tt(t,!0,a,t);d.x=x.x+t.clientLeft,d.y=x.y+t.clientTop}else o&&(d.x=Vi(o));let p=o&&!r&&!a?gn(o,n):ye(0),h=s.left+n.scrollLeft-d.x-p.x,u=s.top+n.scrollTop-d.y-p.y;return{x:h,y:u,width:s.width,height:s.height}}function zi(i){return me(i).position==="static"}function un(i,t){if(!Ee(i)||me(i).position==="fixed")return null;if(t)return t(i);let e=i.offsetParent;return xe(i)===e&&(e=e.ownerDocument.body),e}function yn(i,t){let e=ee(i);if(Pr(i))return e;if(!Ee(i)){let o=Be(i);for(;o&&!Et(o);){if(de(o)&&!zi(o))return o;o=Be(o)}return e}let r=un(i,t);for(;r&&dn(r)&&zi(r);)r=un(r,t);return r&&Et(r)&&zi(r)&&!Co(r)?e:r||mn(i)||e}var sd=async function(i){let t=this.getOffsetParent||yn,e=this.getDimensions,r=await e(i.floating);return{reference:ad(i.reference,await t(i.floating),i.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function nd(i){return me(i).direction==="rtl"}var ld={convertOffsetParentRelativeRectToViewportRelativeRect:jc,getDocumentElement:xe,getClippingRect:od,getOffsetParent:yn,getElementRects:sd,getClientRects:Qc,getDimensions:id,getScale:ir,isElement:de,isRTL:nd};function cd(i,t){let e=null,r,o=xe(i);function a(){var n;clearTimeout(r),(n=e)==null||n.disconnect(),e=null}function s(n,d){n===void 0&&(n=!1),d===void 0&&(d=1),a();let{left:p,top:h,width:u,height:x}=i.getBoundingClientRect();if(n||t(),!u||!x)return;let y=zr(h),E=zr(o.clientWidth-(p+u)),T=zr(o.clientHeight-(h+x)),_=zr(p),w={rootMargin:-y+"px "+-E+"px "+-T+"px "+-_+"px",threshold:j(0,Ce(1,d))||1},N=!0;function B(z){let ne=z[0].intersectionRatio;if(ne!==d){if(!N)return s();ne?s(!1,ne):r=setTimeout(()=>{s(!1,1e-7)},1e3)}N=!1}try{e=new IntersectionObserver(B,{...w,root:o.ownerDocument})}catch{e=new IntersectionObserver(B,w)}e.observe(i)}return s(!0),a}function xn(i,t,e,r){r===void 0&&(r={});let{ancestorScroll:o=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:n=typeof IntersectionObserver=="function",animationFrame:d=!1}=r,p=Pi(i),h=o||a?[...p?rr(p):[],...rr(t)]:[];h.forEach(S=>{o&&S.addEventListener("scroll",e,{passive:!0}),a&&S.addEventListener("resize",e)});let u=p&&n?cd(p,e):null,x=-1,y=null;s&&(y=new ResizeObserver(S=>{let[w]=S;w&&w.target===p&&y&&(y.unobserve(t),cancelAnimationFrame(x),x=requestAnimationFrame(()=>{var N;(N=y)==null||N.observe(t)})),e()}),p&&!d&&y.observe(p),y.observe(t));let E,T=d?Tt(i):null;d&&_();function _(){let S=Tt(i);T&&(S.x!==T.x||S.y!==T.y||S.width!==T.width||S.height!==T.height)&&e(),T=S,E=requestAnimationFrame(_)}return e(),()=>{var S;h.forEach(w=>{o&&w.removeEventListener("scroll",e),a&&w.removeEventListener("resize",e)}),u==null||u(),(S=y)==null||S.disconnect(),y=null,d&&cancelAnimationFrame(E)}}var En=an;var Tn=sn,An=on,Sn=nn;var In=rn;var _n=(i,t,e)=>{let r=new Map,o={platform:ld,...e},a={...o.platform,_c:r};return tn(i,t,{...o,platform:a})};var dd=f`
|
|
1557
1557
|
:host {
|
|
1558
1558
|
--mdc-popover-arrow-border-radius: 0.1875rem;
|
|
1559
1559
|
--mdc-popover-arrow-border: 0.0625rem solid var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -1660,7 +1660,7 @@
|
|
|
1660
1660
|
border-top-right-radius: var(--mdc-popover-arrow-border-radius);
|
|
1661
1661
|
border-bottom-left-radius: 100%;
|
|
1662
1662
|
}
|
|
1663
|
-
`,wn=[dd];var Cn=b.constructTagName("popover"),
|
|
1663
|
+
`,wn=[dd];var Cn=b.constructTagName("popover"),He={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"},Ur={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Fr={TONAL:"tonal",CONTRAST:"contrast"},O={PLACEMENT:He.BOTTOM,TRIGGER:Ur.CLICK,COLOR:Fr.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 kn=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:a,height:s}=o.getBoundingClientRect(),{offsetWidth:n,offsetHeight:d}=o;return n+d+s+a===0}isNotVisible(o){return this.hasZeroDimensions(o)||this.hasNoClientRects(o)}hasHiddenStyle(o){let{display:a,opacity:s,visibility:n}=o.style;return a==="none"||s==="0"||n==="hidden"||n==="collapse"}hasComputedHidden(o){let a=getComputedStyle(o);return a.visibility==="hidden"||a.height==="0"||a.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,a=new Set){return o instanceof HTMLElement&&this.isFocusable(o)&&a.add(o),Array.from(o.children).forEach(n=>{let d=n;this.isFocusable(d)&&a.add(d),d.shadowRoot?this.findFocusable(d.shadowRoot,a):d.tagName==="SLOT"?d.assignedElements({flatten:!0}).forEach(h=>{h instanceof HTMLElement&&this.findFocusable(h,a)}):this.findFocusable(d,a)}),[...a]}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,a){let{length:s}=this.focusableElements,n=this.shouldWrapFocus();if(o===-1)return a>0?0:s-1;let d=o+a;return n?(d<0&&(d=s-1),d>=s&&(d=0)):(d<0&&(d=0),d>=s&&(d=s-1)),d}getDeepActiveElement(){var a;let o=document.activeElement||document.body;for(;o instanceof HTMLElement&&((a=o.shadowRoot)!=null&&a.activeElement);)o=o.shadowRoot.activeElement;return o||document.body}findElement(o){return this.focusableElements.findIndex(a=>this.isEqualFocusNode(o,a))}isEqualFocusNode(o,a){return o.nodeType>=0?a.isEqualNode(o)&&a===o:!1}trapFocus(o){if(this.focusableElements.length===0)return;let a=this.getDeepActiveElement(),s=this.findElement(a);o?this.focusTrapIndex=this.calculateNextIndex(s,-1):this.focusTrapIndex=this.calculateNextIndex(s,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 Ui=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=[]}},At=new Ui;var St=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 No=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,a=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=`${a}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=`${a}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.role==="dialog"||this.popover.role==="alertdialog")&&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:a,y:s}=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 p=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:a!=null?`${a}px`:"",top:s!=null?`${s}px`:"",[o]:`${-this.popover.arrowElement.offsetHeight/2-p}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=`
|
|
1664
1664
|
.popover-backdrop {
|
|
1665
1665
|
position: fixed;
|
|
1666
1666
|
top: 0;
|
|
@@ -1670,7 +1670,7 @@
|
|
|
1670
1670
|
background: transparent;
|
|
1671
1671
|
z-index: ${this.popover.zIndex-1};
|
|
1672
1672
|
}
|
|
1673
|
-
`,e.appendChild(r),this.popover.backdropElement=e}}};var L=class extends kn(g){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(
|
|
1673
|
+
`,e.appendChild(r),this.popover.backdropElement=e}}};var L=class extends kn(g){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(At.peek()!==this)return;let r=!1,o=e.composedPath();r=this.contains(e.target)||o.includes(this.triggerElement);let a=this.backdropElement?o.includes(this.backdropElement):!1;(!r||a)&&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=()=>{At.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 No(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}`,St.onCreatedPopover(this),this.visible&&(this.positionPopover(),await this.handleCreatePopoverFirstUpdate())}async disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners(),St.onDestroyedPopover(this),At.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(He).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(a=>Object.values(Ur).includes(a));this.setAttribute("trigger",o.length>0?this.trigger:O.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("color")&&this.setAttribute("color",Object.values(Fr).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,a,s;if(!(e===r||!this.triggerElement))if(r)At.peek()!==this&&At.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"),St.onShowPopover(this);else{if(At.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),(a=this.deactivateFocusTrap)==null||a.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){let n=this.triggerElement.getAttribute("aria-haspopup");(n==="dialog"||n==="alertdialog")&&this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&((s=this.triggerElement)==null||s.focus()),St.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=[Tn()],r=this.offset;if(this.flip&&e.push(An()),this.size){let o=this.renderRoot.querySelector('[part="popover-content"]');e.push(Sn({apply({availableHeight:a}){o&&Object.assign(o.style,{maxHeight:`${a}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(In({element:this.arrowElement,padding:12}))}e.push(En(r)),xn(this.triggerElement,this,async()=>{if(!this.triggerElement)return;let{x:o,y:a,middlewareData:s,placement:n}=await _n(this.triggerElement,this,{placement:this.placement,middleware:e});this.utils.updatePopoverStyle(o,a),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,n),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(n)})}render(){return m`
|
|
1674
1674
|
<div class="popover-hover-bridge"></div>
|
|
1675
1675
|
${this.closeButton?m` <mdc-button
|
|
1676
1676
|
class="popover-close"
|
|
@@ -1679,12 +1679,12 @@
|
|
|
1679
1679
|
size="20"
|
|
1680
1680
|
aria-label=${A(this.closeButtonAriaLabel)||""}
|
|
1681
1681
|
@click="${this.hidePopover}"
|
|
1682
|
-
></mdc-button>`:
|
|
1683
|
-
${this.showArrow?m`<div class="popover-arrow"></div>`:
|
|
1682
|
+
></mdc-button>`:v}
|
|
1683
|
+
${this.showArrow?m`<div class="popover-arrow"></div>`:v}
|
|
1684
1684
|
<div part="popover-content">
|
|
1685
1685
|
<slot></slot>
|
|
1686
1686
|
</div>
|
|
1687
|
-
`}};L.styles=[...g.styles,...wn],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
|
|
1687
|
+
`}};L.styles=[...g.styles,...wn],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 rt=L;var Ln=b.constructTagName("coachmark"),It={COLOR:Fr.CONTRAST,TRIGGER:Ur.MANUAL,ARROW:!0,CLOSE_BUTTON:!0,DISABLE_ARIA_EXPANDED:!0};var _t=class extends rt{constructor(){super(...arguments);this.trigger=It.TRIGGER;this.showArrow=It.ARROW;this.closeButton=It.CLOSE_BUTTON;this.disableAriaExpanded=It.DISABLE_ARIA_EXPANDED}connectedCallback(){super.connectedCallback(),this.color=It.COLOR,this.showArrow=It.ARROW}};l([c({type:String,reflect:!0})],_t.prototype,"trigger",2),l([c({type:Boolean,attribute:"show-arrow"})],_t.prototype,"showArrow",2),l([c({type:Boolean,reflect:!0,attribute:"close-button"})],_t.prototype,"closeButton",2),l([c({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],_t.prototype,"disableAriaExpanded",2);var Fi=_t;Fi.register(Ln);var md=Fi;var Nn=b.constructTagName("divider"),Br={HORIZONTAL:"horizontal",VERTICAL:"vertical"},Bi={SOLID:"solid",GRADIENT:"gradient"},ot={POSITIVE:"positive",NEGATIVE:"negative"},Hr={UP:"arrow-up-regular",DOWN:"arrow-down-regular",LEFT:"arrow-left-regular",RIGHT:"arrow-right-regular"},wt={ORIENTATION:Br.HORIZONTAL,VARIANT:Bi.SOLID,ARROW_DIRECTION:ot.NEGATIVE,BUTTON_DIRECTION:ot.NEGATIVE};var pd=[k,f`
|
|
1688
1688
|
:host {
|
|
1689
1689
|
--mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
1690
1690
|
--mdc-divider-width: 0.0625rem;
|
|
@@ -1895,11 +1895,11 @@
|
|
|
1895
1895
|
font-size: var(--mdc-divider-text-size);
|
|
1896
1896
|
line-height: var(--mdc-divider-text-line-height);
|
|
1897
1897
|
}
|
|
1898
|
-
`],
|
|
1898
|
+
`],Rn=pd;var it=class extends g{constructor(){super(...arguments);this.orientation=wt.ORIENTATION;this.variant=wt.VARIANT;this.arrowDirection=wt.ARROW_DIRECTION;this.buttonPosition=wt.BUTTON_DIRECTION}setVariant(e){this.setAttribute("variant",Object.values(Bi).includes(e)?e:wt.VARIANT)}setOrientation(e){this.setAttribute("orientation",Object.values(Br).includes(e)?e:wt.ORIENTATION)}ensureValidDirections(){let e=this.orientation===Br.HORIZONTAL?ot.NEGATIVE:ot.POSITIVE;Object.values(ot).includes(this.buttonPosition)||(this.buttonPosition=e),Object.values(ot).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===Br.HORIZONTAL,r=this.arrowDirection===ot.POSITIVE;return e?r?Hr.UP:Hr.DOWN:r?Hr.RIGHT:Hr.LEFT}update(e){super.update(e),e.has("orientation")&&this.setOrientation(this.orientation),e.has("variant")&&this.setVariant(this.variant),(e.has("orientation")||e.has("arrowDirection")||e.has("buttonPosition"))&&this.setGrabberButton()}inferDividerType(){var s;let e=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"),r=(e==null?void 0:e.assignedElements({flatten:!0}))||[];if(r.length>1)return;let o=r.some(n=>n.tagName===Ar.toUpperCase()),a=r.some(n=>n.tagName===wr.toUpperCase());o&&!a?this.setAttribute("data-type","mdc-text-divider"):!o&&a&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}connectedCallback(){super.connectedCallback(),this.setAttribute("data-type","mdc-primary-divider")}render(){return m`
|
|
1899
1899
|
<div></div>
|
|
1900
1900
|
<slot @slotchange=${this.inferDividerType}></slot>
|
|
1901
1901
|
<div></div>
|
|
1902
|
-
`}};
|
|
1902
|
+
`}};it.styles=[...g.styles,...Rn],l([c({type:String,reflect:!0})],it.prototype,"orientation",2),l([c({type:String,reflect:!0})],it.prototype,"variant",2),l([c({type:String,attribute:"arrow-direction",reflect:!0})],it.prototype,"arrowDirection",2),l([c({type:String,attribute:"button-position",reflect:!0})],it.prototype,"buttonPosition",2);var Hi=it;Hi.register(Nn);var hd=Hi;var ud=f`
|
|
1903
1903
|
:host([selected]){
|
|
1904
1904
|
border: 2px solid;
|
|
1905
1905
|
--mdc-chip-background-color: var(--mds-color-theme-background-label-default-active);
|
|
@@ -1919,7 +1919,7 @@
|
|
|
1919
1919
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
1920
1920
|
cursor: auto;
|
|
1921
1921
|
}
|
|
1922
|
-
`,On=[ud];var Mn=b.constructTagName("filterchip"),Gi={ICON_NAME:"check-bold",COLOR:"default"};var
|
|
1922
|
+
`,On=[ud];var Mn=b.constructTagName("filterchip"),Gi={ICON_NAME:"check-bold",COLOR:"default"};var Gr=class extends tr{constructor(){super(...arguments);this.selected=!1}connectedCallback(){super.connectedCallback(),this.color=Gi.COLOR}setSelected(e){e?(this.iconName=Gi.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)}};Gr.styles=[...tr.styles,...On],l([c({type:Boolean,reflect:!0})],Gr.prototype,"selected",2);var Wi=Gr;Wi.register(Mn);var fd=Wi;var Dn=b.constructTagName("formfieldgroup"),Yi={RADIOGROUP:"radiogroup",GROUP:"group"};var bd=f`
|
|
1923
1923
|
|
|
1924
1924
|
:host::part(container) {
|
|
1925
1925
|
display: flex;
|
|
@@ -1936,7 +1936,7 @@
|
|
|
1936
1936
|
:host::part(label-text){
|
|
1937
1937
|
font-weight: bold;
|
|
1938
1938
|
}
|
|
1939
|
-
`,$n=[bd];var
|
|
1939
|
+
`,$n=[bd];var Ro=class extends P(K){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 m`
|
|
1940
1940
|
<div
|
|
1941
1941
|
part="container"
|
|
1942
1942
|
role="${this.isRadio?Yi.RADIOGROUP:Yi.GROUP}"
|
|
@@ -1950,7 +1950,7 @@
|
|
|
1950
1950
|
</div>
|
|
1951
1951
|
<slot></slot>
|
|
1952
1952
|
</div>
|
|
1953
|
-
`}};
|
|
1953
|
+
`}};Ro.styles=[...K.styles,...$n];var qi=Ro;qi.register(Dn);var Oo=qi;Sr.register(ho);var gd=Sr;var vd=[f`
|
|
1954
1954
|
:host{
|
|
1955
1955
|
--mdc-input-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
1956
1956
|
--mdc-input-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -2066,35 +2066,35 @@
|
|
|
2066
2066
|
opacity: 0;
|
|
2067
2067
|
pointer-events: none;
|
|
2068
2068
|
}
|
|
2069
|
-
`,...
|
|
2069
|
+
`,...R(!0)],zn=vd;K.register(Gs);var pe=K;var Pn=b.constructTagName("input"),Mo={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},Zi={OFF:"off",ON:"on"},Xi={TEXT:"text",SEARCH:"search"},Vn={MAX_LENGTH:10,VALIDATION:G.ERROR},Ge={VALIDATION:G.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:Je.TERTIARY,CLEAR_BUTTON_SIZE:Zt[20],PREFIX_TEXT_TYPE:I.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:C.SPAN,AUTO_COMPLETE:Zi.OFF,INPUT_TYPE:Xi.TEXT};var U=class extends J(P(pe)){constructor(){super(...arguments);this.placeholder="";this.readonly=!1;this.trailingButton=!1;this.autocapitalize=Mo.OFF;this.autocomplete=Zi.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(s=>{this.onerror&&this.onerror(s)})}updateValue(){this.value=this.inputElement.value,this.internals.setFormValue(this.inputElement.value)}onInput(){this.updateValue(),this.setInputValidity()}onChange(e){this.updateValue(),this.setInputValidity();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}renderLeadingIcon(){return this.leadingIcon?m`
|
|
2070
2070
|
<mdc-icon
|
|
2071
2071
|
class="leading-icon"
|
|
2072
2072
|
part="leading-icon"
|
|
2073
2073
|
name=${this.leadingIcon}
|
|
2074
|
-
size="${
|
|
2075
|
-
length-unit="${
|
|
2074
|
+
size="${Ge.ICON_SIZE_VALUE}"
|
|
2075
|
+
length-unit="${Ge.ICON_SIZE_UNIT}">
|
|
2076
2076
|
</mdc-icon>
|
|
2077
|
-
`:
|
|
2077
|
+
`:v}renderPrefixText(){return this.prefixText?m`
|
|
2078
2078
|
<mdc-text
|
|
2079
2079
|
class="prefix-text"
|
|
2080
|
-
tagname="${
|
|
2081
|
-
type="${
|
|
2080
|
+
tagname="${Ge.PREFIX_TEXT_TAG}"
|
|
2081
|
+
type="${Ge.PREFIX_TEXT_TYPE}"
|
|
2082
2082
|
aria-hidden="true"
|
|
2083
2083
|
>
|
|
2084
2084
|
${this.prefixText.slice(0,Vn.MAX_LENGTH)}
|
|
2085
2085
|
</mdc-text>
|
|
2086
|
-
`:
|
|
2086
|
+
`:v}clearInputText(){var e;this.value="",(e=this.inputElement)==null||e.focus()}renderTrailingButton(e=!1){let r=e||this.value&&this.trailingButton;return r?m`
|
|
2087
2087
|
<mdc-button
|
|
2088
2088
|
part='trailing-button'
|
|
2089
2089
|
class='own-focus-ring ${r?"":"hidden"}'
|
|
2090
|
-
prefix-icon='${
|
|
2091
|
-
variant='${
|
|
2092
|
-
size="${
|
|
2090
|
+
prefix-icon='${Ge.CLEAR_BUTTON_ICON}'
|
|
2091
|
+
variant='${Ge.CLEAR_BUTTON_VARIANT}'
|
|
2092
|
+
size="${Ge.CLEAR_BUTTON_SIZE}"
|
|
2093
2093
|
aria-label="${this.clearAriaLabel}"
|
|
2094
2094
|
@click=${this.clearInputText}
|
|
2095
2095
|
?disabled=${this.disabled||this.readonly||!r}
|
|
2096
2096
|
></mdc-button>
|
|
2097
|
-
`:
|
|
2097
|
+
`:v}renderInputElement(e,r=!1){var a;let o=r?"":this.placeholder;return m`<input
|
|
2098
2098
|
aria-label="${(a=this.dataAriaLabel)!=null?a:""}"
|
|
2099
2099
|
class='input'
|
|
2100
2100
|
part='input'
|
|
@@ -2126,12 +2126,12 @@
|
|
|
2126
2126
|
<slot name="input-leading-icon">${this.renderLeadingIcon()}</slot>
|
|
2127
2127
|
<div class="input-section" part="input-section">
|
|
2128
2128
|
<slot name="input-prefix-text">${this.renderPrefixText()}</slot>
|
|
2129
|
-
<slot name="input">${this.renderInputElement(
|
|
2129
|
+
<slot name="input">${this.renderInputElement(Ge.INPUT_TYPE)}</slot>
|
|
2130
2130
|
</div>
|
|
2131
2131
|
<slot name="trailing-button">${this.renderTrailingButton()}</slot>
|
|
2132
2132
|
</div>
|
|
2133
|
-
${this.helpText?this.renderHelperText():
|
|
2134
|
-
`}};U.styles=[...pe.styles,...zn],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
|
|
2133
|
+
${this.helpText?this.renderHelperText():v}
|
|
2134
|
+
`}};U.styles=[...pe.styles,...zn],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 ar=U;ar.register(Pn);var yd=ar;var xd=f`
|
|
2135
2135
|
:host {
|
|
2136
2136
|
height: 1.5rem;
|
|
2137
2137
|
gap: 0.25rem;
|
|
@@ -2160,12 +2160,12 @@
|
|
|
2160
2160
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
2161
2161
|
cursor: auto;
|
|
2162
2162
|
}
|
|
2163
|
-
`,Un=[k,xd];var Do=b.constructTagName("inputchip"),$o={TEXT_TYPE:I.BODY_MIDSIZE_REGULAR,TAG_NAME:C.SPAN,CLOSE_ICON:"cancel-bold"};var
|
|
2163
|
+
`,Un=[k,xd];var Do=b.constructTagName("inputchip"),$o={TEXT_TYPE:I.BODY_MIDSIZE_REGULAR,TAG_NAME:C.SPAN,CLOSE_ICON:"cancel-bold"};var Ct=class extends Q(le(g)){constructor(){super(...arguments);this.label="";this.error=!1;this.clearAriaLabel=""}renderIcon(){return this.iconName?m`
|
|
2164
2164
|
<mdc-icon
|
|
2165
2165
|
name="${this.iconName}"
|
|
2166
2166
|
length-unit="rem"
|
|
2167
2167
|
size="1"></mdc-icon>
|
|
2168
|
-
`:
|
|
2168
|
+
`:v}handleClose(){this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,composed:!0}))}render(){return m`
|
|
2169
2169
|
${this.renderIcon()}
|
|
2170
2170
|
<mdc-text part="label" type="${$o.TEXT_TYPE}" tagname="${$o.TAG_NAME}">${this.label}</mdc-text>
|
|
2171
2171
|
<mdc-button
|
|
@@ -2177,10 +2177,8 @@
|
|
|
2177
2177
|
size="20"
|
|
2178
2178
|
@click="${this.handleClose}"
|
|
2179
2179
|
></mdc-button>
|
|
2180
|
-
`}};
|
|
2181
|
-
|
|
2180
|
+
`}};Ct.styles=[...g.styles,...Un],l([c({type:String})],Ct.prototype,"label",2),l([c({type:Boolean})],Ct.prototype,"error",2),l([c({type:String,attribute:"clear-aria-label"})],Ct.prototype,"clearAriaLabel",2);var Ki=Ct;Ki.register(Do);var Ed=Ki;var Fn=b.constructTagName("link"),zo={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Po={LARGE:1,MIDSIZE:.875,SMALL:.75},Vo={INLINE:!1,INVERTED:!1,LINK_SIZE:zo.LARGE};var Td=[k,f`
|
|
2182
2181
|
:host {
|
|
2183
|
-
|
|
2184
2182
|
--mdc-link-border-radius: 0.25rem;
|
|
2185
2183
|
--mdc-link-color-active: var(--mds-color-theme-text-accent-active);
|
|
2186
2184
|
--mdc-link-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -2192,49 +2190,50 @@
|
|
|
2192
2190
|
--mdc-link-inverted-color-hover: var(--mds-color-theme-inverted-text-accent-hover);
|
|
2193
2191
|
--mdc-link-inverted-color-normal: var(--mds-color-theme-inverted-text-accent-normal);
|
|
2194
2192
|
--mdc-link-text-decoration-disabled: underline;
|
|
2195
|
-
}
|
|
2196
2193
|
|
|
2197
|
-
:host::part(link-container){
|
|
2198
2194
|
border-radius: var(--mdc-link-border-radius);
|
|
2199
2195
|
color: var(--mdc-link-color-normal);
|
|
2200
|
-
}
|
|
2201
|
-
|
|
2202
|
-
::slotted(a) {
|
|
2203
|
-
outline: none;
|
|
2204
|
-
align-items: center;
|
|
2205
|
-
color: inherit;
|
|
2206
|
-
display: flex;
|
|
2207
2196
|
gap: var(--mdc-link-icon-margin-left);
|
|
2208
|
-
text-decoration: inherit;
|
|
2209
2197
|
text-underline-offset: auto;
|
|
2210
2198
|
text-underline-position: from-font;
|
|
2199
|
+
cursor: pointer;
|
|
2211
2200
|
}
|
|
2212
2201
|
|
|
2213
|
-
:host(
|
|
2214
|
-
|
|
2202
|
+
:host([inline]) {
|
|
2203
|
+
display: inline-flex;
|
|
2215
2204
|
}
|
|
2216
2205
|
|
|
2217
|
-
:host(:
|
|
2218
|
-
color: var(--mdc-link-color-
|
|
2206
|
+
:host(:hover) {
|
|
2207
|
+
color: var(--mdc-link-color-hover);
|
|
2219
2208
|
}
|
|
2220
2209
|
|
|
2221
|
-
:host(
|
|
2222
|
-
|
|
2210
|
+
:host(:active) {
|
|
2211
|
+
color: var(--mdc-link-color-active);
|
|
2212
|
+
box-shadow: none;
|
|
2223
2213
|
}
|
|
2224
2214
|
|
|
2225
|
-
:host([inverted])
|
|
2215
|
+
:host([inverted]) {
|
|
2226
2216
|
color: var(--mdc-link-inverted-color-normal);
|
|
2227
2217
|
}
|
|
2228
2218
|
|
|
2229
|
-
:host([inverted]:hover)
|
|
2219
|
+
:host([inverted]:hover) {
|
|
2230
2220
|
color: var(--mdc-link-inverted-color-hover);
|
|
2231
2221
|
}
|
|
2232
2222
|
|
|
2233
|
-
:host([inverted]:active)
|
|
2223
|
+
:host([inverted]:active) {
|
|
2234
2224
|
color: var(--mdc-link-inverted-color-active);
|
|
2235
2225
|
}
|
|
2236
2226
|
|
|
2237
|
-
:host([
|
|
2227
|
+
:host([disabled]) {
|
|
2228
|
+
color: var(--mdc-link-color-disabled);
|
|
2229
|
+
pointer-events: none;
|
|
2230
|
+
}
|
|
2231
|
+
|
|
2232
|
+
:host([inverted][disabled]) {
|
|
2233
|
+
color: var(--mdc-link-inverted-color-disabled);
|
|
2234
|
+
}
|
|
2235
|
+
|
|
2236
|
+
:host([size="large"]) {
|
|
2238
2237
|
font-size: var(--mds-font-apps-body-large-regular-font-size);
|
|
2239
2238
|
font-weight: var(--mds-font-apps-body-large-regular-font-weight);
|
|
2240
2239
|
line-height: var(--mds-font-apps-body-large-regular-line-height);
|
|
@@ -2242,7 +2241,7 @@
|
|
|
2242
2241
|
text-transform: var(--mds-font-apps-body-large-regular-text-case);
|
|
2243
2242
|
}
|
|
2244
2243
|
|
|
2245
|
-
:host([size="midsize"])
|
|
2244
|
+
:host([size="midsize"]) {
|
|
2246
2245
|
font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
|
2247
2246
|
font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
|
2248
2247
|
line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
|
@@ -2250,7 +2249,7 @@
|
|
|
2250
2249
|
text-transform: var(--mds-font-apps-body-midsize-regular-text-case);
|
|
2251
2250
|
}
|
|
2252
2251
|
|
|
2253
|
-
:host([size="small"])
|
|
2252
|
+
:host([size="small"]) {
|
|
2254
2253
|
font-size: var(--mds-font-apps-body-small-regular-font-size);
|
|
2255
2254
|
font-weight: var(--mds-font-apps-body-small-regular-font-weight);
|
|
2256
2255
|
line-height: var(--mds-font-apps-body-small-regular-line-height);
|
|
@@ -2258,9 +2257,9 @@
|
|
|
2258
2257
|
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
2259
2258
|
}
|
|
2260
2259
|
|
|
2261
|
-
:host([size="large"]:hover)
|
|
2262
|
-
:host([size="large"]:active)
|
|
2263
|
-
:host([size="large"][inline])
|
|
2260
|
+
:host([size="large"]:hover),
|
|
2261
|
+
:host([size="large"]:active),
|
|
2262
|
+
:host([size="large"][inline]) {
|
|
2264
2263
|
font-size: var(--mds-font-apps-body-large-regular-underline-font-size);
|
|
2265
2264
|
font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);
|
|
2266
2265
|
line-height: var(--mds-font-apps-body-large-regular-underline-line-height);
|
|
@@ -2268,9 +2267,9 @@
|
|
|
2268
2267
|
text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);
|
|
2269
2268
|
}
|
|
2270
2269
|
|
|
2271
|
-
:host([size="midsize"]:hover)
|
|
2272
|
-
:host([size="midsize"]:active)
|
|
2273
|
-
:host([size="midsize"][inline])
|
|
2270
|
+
:host([size="midsize"]:hover),
|
|
2271
|
+
:host([size="midsize"]:active),
|
|
2272
|
+
:host([size="midsize"][inline]) {
|
|
2274
2273
|
font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);
|
|
2275
2274
|
font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);
|
|
2276
2275
|
line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);
|
|
@@ -2278,44 +2277,36 @@
|
|
|
2278
2277
|
text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);
|
|
2279
2278
|
}
|
|
2280
2279
|
|
|
2281
|
-
:host([size="small"]:hover)
|
|
2282
|
-
:host([size="small"]:active)
|
|
2283
|
-
:host([size="small"][inline])
|
|
2280
|
+
:host([size="small"]:hover),
|
|
2281
|
+
:host([size="small"]:active),
|
|
2282
|
+
:host([size="small"][inline]) {
|
|
2284
2283
|
font-size: var(--mds-font-apps-body-small-regular-underline-font-size);
|
|
2285
2284
|
font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);
|
|
2286
2285
|
line-height: var(--mds-font-apps-body-small-regular-underline-line-height);
|
|
2287
2286
|
text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);
|
|
2288
2287
|
text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);
|
|
2289
2288
|
}
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
:host(:active)::part(link-container) {
|
|
2301
|
-
box-shadow: none;
|
|
2302
|
-
}
|
|
2303
|
-
`],Bn=Td;var Ct=class extends le(Q(g)){constructor(){super(...arguments);this.inline=Vo.INLINE;this.inverted=Vo.INVERTED;this.size=Vo.LINK_SIZE;this.prevTabindex=null}getIconSize(){switch(this.size){case zo.SMALL:return Po.SMALL;case zo.MIDSIZE:return Po.MIDSIZE;default:return Po.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,a;let e=(a=(o=this.shadowRoot)==null?void 0:o.querySelector("slot"))==null?void 0:a.assignedElements({flatten:!0}).find(s=>s.tagName==="A"),r=this.getIconSize();if(this.iconName&&e){let s=document.createElement("mdc-icon");s.setAttribute("name",this.iconName),s.setAttribute("size",`${r}`),s.setAttribute("length-unit","rem"),e.appendChild(s)}}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return m`
|
|
2304
|
-
<div part='link-container' class='mdc-focus-ring'>
|
|
2305
|
-
<slot @slotchange=${this.updateTrailingIcon}></slot>
|
|
2306
|
-
</div>
|
|
2307
|
-
`}};Ct.styles=[...g.styles,...Bn],l([c({type:Boolean,reflect:!0})],Ct.prototype,"inline",2),l([c({type:Boolean,reflect:!0})],Ct.prototype,"inverted",2),l([c({type:String,reflect:!0})],Ct.prototype,"size",2);var ji=Ct;ji.register(Fn);var Ad=ji;var Uo=b.constructTagName("listitem"),Qi={FULL_WIDTH:"full-width",INSET_PILL:"inset-pill",INSET_RECTANGLE:"inset-rectangle"},Hn={VARIANT:Qi.FULL_WIDTH};var Gn=b.constructTagName("list"),Ji="header-id";var Sd=f`
|
|
2289
|
+
`,...R()],Bn=Td;var ke=class extends le(Ht(Q(g))){constructor(){super(...arguments);this.inline=Vo.INLINE;this.inverted=Vo.INVERTED;this.size=Vo.LINK_SIZE;this.href="#";this.target="_self";this.prevTabindex=0;this.handleNavigation=e=>{if((e.type==="click"||e instanceof KeyboardEvent&&e.key==="Enter")&&this.href){if(this.disabled)return;window.open(this.href,this.target,this.rel)}}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","link"),this.addEventListener("click",this.handleNavigation),this.addEventListener("keydown",this.handleNavigation)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleNavigation),this.removeEventListener("keydown",this.handleNavigation)}getIconSize(){switch(this.size){case zo.SMALL:return Po.SMALL;case zo.MIDSIZE:return Po.MIDSIZE;default:return Po.LARGE}}setDisabled(e){e?(this.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),this.removeAttribute("aria-disabled"))}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return m`
|
|
2290
|
+
<slot></slot>
|
|
2291
|
+
${this.iconName?m`
|
|
2292
|
+
<mdc-icon
|
|
2293
|
+
name=${this.iconName}
|
|
2294
|
+
size=${this.getIconSize()}
|
|
2295
|
+
length-unit="rem"
|
|
2296
|
+
></mdc-icon>
|
|
2297
|
+
`:v}
|
|
2298
|
+
`}};ke.styles=[...g.styles,...Bn],l([c({type:Boolean,reflect:!0})],ke.prototype,"inline",2),l([c({type:Boolean,reflect:!0})],ke.prototype,"inverted",2),l([c({type:String,reflect:!0})],ke.prototype,"size",2),l([c({type:String,reflect:!0})],ke.prototype,"href",2),l([c({type:String,reflect:!0})],ke.prototype,"target",2),l([c({type:String,reflect:!0})],ke.prototype,"rel",2);var ji=ke;ji.register(Fn);var Ad=ji;var Uo=b.constructTagName("listitem"),Qi={FULL_WIDTH:"full-width",INSET_PILL:"inset-pill",INSET_RECTANGLE:"inset-rectangle"},Hn={VARIANT:Qi.FULL_WIDTH};var Gn=b.constructTagName("list"),Ji="header-id";var Sd=f`
|
|
2308
2299
|
:host::part(header-text) {
|
|
2309
2300
|
padding: 0.5rem 0.75rem;
|
|
2310
2301
|
}
|
|
2311
|
-
`,Wn=[Sd];var $={ARROW_DOWN:"ArrowDown",ARROW_UP:"ArrowUp",END:"End",ENTER:"Enter",ESCAPE:"Escape",HOME:"Home",PAGE_DOWN:"PageDown",PAGE_UP:"PageUp",SPACE:" "};var
|
|
2302
|
+
`,Wn=[Sd];var $={ARROW_DOWN:"ArrowDown",ARROW_UP:"ArrowUp",END:"End",ENTER:"Enter",ESCAPE:"Escape",HOME:"Home",PAGE_DOWN:"PageDown",PAGE_UP:"PageUp",SPACE:" "};var sr=class extends P(g){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 $.ARROW_DOWN:return(e+1)%r;case $.ARROW_UP:return(e-1+r)%r;case $.HOME:return 0;case $.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?m`
|
|
2312
2303
|
<mdc-text
|
|
2313
2304
|
id="${Ji}"
|
|
2314
2305
|
part="header-text"
|
|
2315
2306
|
type="${I.BODY_MIDSIZE_BOLD}"
|
|
2316
2307
|
tagname="${C.SPAN}"
|
|
2317
2308
|
>${this.headerText}</mdc-text>
|
|
2318
|
-
`:
|
|
2309
|
+
`:v;return m`
|
|
2319
2310
|
<div
|
|
2320
2311
|
role="list"
|
|
2321
2312
|
aria-labelledby="${this.headerText?Ji:""}"
|
|
@@ -2324,7 +2315,7 @@
|
|
|
2324
2315
|
${t}
|
|
2325
2316
|
<slot role="presentation" @click="${this.handleMouseClick}"></slot>
|
|
2326
2317
|
</div>
|
|
2327
|
-
`}};
|
|
2318
|
+
`}};sr.styles=[...g.styles,...Wn],l([re({selector:Uo})],sr.prototype,"listItems",2),l([c({type:String,attribute:"header-text",reflect:!0})],sr.prototype,"headerText",2);var ea=sr;ea.register(Gn);var Id=ea;var _d=f`
|
|
2328
2319
|
:host {
|
|
2329
2320
|
--mdc-listitem-default-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
2330
2321
|
--mdc-listitem-background-color-hover: var(--mds-color-theme-background-primary-hover);
|
|
@@ -2394,11 +2385,11 @@
|
|
|
2394
2385
|
display: flex;
|
|
2395
2386
|
flex-direction: row;
|
|
2396
2387
|
}
|
|
2397
|
-
`,Yn=[_d,...
|
|
2388
|
+
`,Yn=[_d,...R()];var he=class extends P(le(Ht(g))){constructor(){super(...arguments);this.variant=Hn.VARIANT}connectedCallback(){super.connectedCallback(),this.role=this.role||"listitem"}getText(e,r,o){return o?m`
|
|
2398
2389
|
<slot name="${e}">
|
|
2399
2390
|
<mdc-text part="${e}" type="${r}" tagname="${C.SPAN}">${o}</mdc-text>
|
|
2400
2391
|
</slot>
|
|
2401
|
-
`:
|
|
2392
|
+
`: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 m`
|
|
2402
2393
|
<div part="leading">
|
|
2403
2394
|
<slot name="leading-controls"></slot>
|
|
2404
2395
|
<div part="leading-text">
|
|
@@ -2414,7 +2405,7 @@
|
|
|
2414
2405
|
</div>
|
|
2415
2406
|
<slot name="trailing-controls"></slot>
|
|
2416
2407
|
</div>
|
|
2417
|
-
`}};he.styles=[...g.styles,...Yn],l([re({slot:"leading-controls"})],he.prototype,"leadingControlsSlot",2),l([re({slot:"trailing-controls"})],he.prototype,"trailingControlsSlot",2),l([c({type:String,reflect:!0})],he.prototype,"variant",2),l([c({type:String,reflect:!0})],he.prototype,"label",2),l([c({type:String,reflect:!0,attribute:"secondary-label"})],he.prototype,"secondaryLabel",2),l([c({type:String,reflect:!0,attribute:"tertiary-label"})],he.prototype,"tertiaryLabel",2),l([c({type:String,reflect:!0,attribute:"side-header-text"})],he.prototype,"sideHeaderText",2),l([c({type:String,reflect:!0,attribute:"subline-text"})],he.prototype,"sublineText",2);var
|
|
2408
|
+
`}};he.styles=[...g.styles,...Yn],l([re({slot:"leading-controls"})],he.prototype,"leadingControlsSlot",2),l([re({slot:"trailing-controls"})],he.prototype,"trailingControlsSlot",2),l([c({type:String,reflect:!0})],he.prototype,"variant",2),l([c({type:String,reflect:!0})],he.prototype,"label",2),l([c({type:String,reflect:!0,attribute:"secondary-label"})],he.prototype,"secondaryLabel",2),l([c({type:String,reflect:!0,attribute:"tertiary-label"})],he.prototype,"tertiaryLabel",2),l([c({type:String,reflect:!0,attribute:"side-header-text"})],he.prototype,"sideHeaderText",2),l([c({type:String,reflect:!0,attribute:"subline-text"})],he.prototype,"sublineText",2);var nr=he;nr.register(Uo);var wd=nr;var Cd=f`
|
|
2418
2409
|
:host {
|
|
2419
2410
|
--mdc-marker-width: 0.25rem;
|
|
2420
2411
|
--mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -2439,7 +2430,7 @@
|
|
|
2439
2430
|
var(--mdc-marker-striped-background-color) 0.375rem
|
|
2440
2431
|
);
|
|
2441
2432
|
}
|
|
2442
|
-
`,qn=[Cd];var Zn=b.constructTagName("marker"),Xn={SOLID:"solid",STRIPED:"striped"};var
|
|
2433
|
+
`,qn=[Cd];var Zn=b.constructTagName("marker"),Xn={SOLID:"solid",STRIPED:"striped"};var Wr=class extends g{constructor(){super(...arguments);this.variant=Xn.SOLID}};Wr.styles=[...g.styles,...qn],l([c({type:String,reflect:!0})],Wr.prototype,"variant",2);var ta=Wr;ta.register(Zn);var kd=ta;var Fo=b.constructTagName("optgroup"),ra="header-id";var Ld=f`
|
|
2443
2434
|
:host {
|
|
2444
2435
|
--mdc-optgroup-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
2445
2436
|
}
|
|
@@ -2452,14 +2443,14 @@
|
|
|
2452
2443
|
color: var(--mdc-optgroup-disabled-color);
|
|
2453
2444
|
cursor: default;
|
|
2454
2445
|
}
|
|
2455
|
-
`,Kn=[Ld];var
|
|
2446
|
+
`,Kn=[Ld];var lr=class extends P(le(g)){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?m`
|
|
2456
2447
|
<mdc-text
|
|
2457
2448
|
id="${ra}"
|
|
2458
2449
|
part="header-text"
|
|
2459
2450
|
type="${I.BODY_MIDSIZE_BOLD}"
|
|
2460
2451
|
tagname="${C.SPAN}"
|
|
2461
2452
|
>${this.label}</mdc-text>
|
|
2462
|
-
`:
|
|
2453
|
+
`:v;return m`
|
|
2463
2454
|
<div
|
|
2464
2455
|
role="group"
|
|
2465
2456
|
aria-labelledby="${this.label?ra:""}"
|
|
@@ -2468,7 +2459,7 @@
|
|
|
2468
2459
|
${t}
|
|
2469
2460
|
<slot role="presentation"></slot>
|
|
2470
2461
|
</div>
|
|
2471
|
-
`}};
|
|
2462
|
+
`}};lr.styles=[...g.styles,...Kn],l([c({type:String,reflect:!0})],lr.prototype,"label",2),l([re({selector:"mdc-option"})],lr.prototype,"options",2);var oa=lr;oa.register(Fo);var Nd=oa;var Bo=b.constructTagName("tooltip"),ae={DESCRIPTION:"description",LABEL:"label",NONE:"none"},at={BACKDROP:!1,DELAY:"0,0",OFFSET:4,PLACEMENT:He.TOP,SHOW_ARROW:!0,TOOLTIP_TYPE:ae.DESCRIPTION};var Rd=f`
|
|
2472
2463
|
|
|
2473
2464
|
:host {
|
|
2474
2465
|
--mdc-tooltip-max-width: 400px;
|
|
@@ -2493,7 +2484,7 @@
|
|
|
2493
2484
|
:host([color='contrast'])::part(popover-content) {
|
|
2494
2485
|
color: var(--mdc-tooltip-text-color-contrast);
|
|
2495
2486
|
}
|
|
2496
|
-
`,jn=[
|
|
2487
|
+
`,jn=[Rd];var cr=class extends rt{constructor(){super(...arguments);this.tooltipType=at.TOOLTIP_TYPE}connectedCallback(){super.connectedCallback(),this.backdrop=!1,this.delay=at.DELAY,this.focusTrap=!1,this.hideOnBlur=!0,this.hideOnEscape=!0,this.interactive=!1,this.offset=at.OFFSET,this.placement=at.PLACEMENT,this.role="tooltip",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(ae).includes(e)?e:at.TOOLTIP_TYPE)}onIdUpdated(){this.id.length===0&&(this.id=`mdc-tooltip-${Ve()}`);let e=document.getElementById(this.triggerID);if(e)switch(this.tooltipType){case ae.DESCRIPTION:e.setAttribute("aria-describedby",this.id);break;case ae.LABEL:e.setAttribute("aria-labelledby",this.id);break;default:break}}onPlacementUpdated(){Object.values(He).includes(this.placement)||(this.placement=at.PLACEMENT)}onTooltipTypeUpdated(e){let r=e.get("tooltipType");Object.values(ae).includes(this.tooltipType)||this.setTooltipType(at.TOOLTIP_TYPE);let o=document.getElementById(this.triggerID);if(o){let a=this.getTooltipText();switch(this.tooltipType){case ae.DESCRIPTION:r===ae.LABEL&&o.removeAttribute("aria-labelledby"),o.setAttribute("aria-describedby",this.id);break;case ae.LABEL:r===ae.DESCRIPTION&&o.removeAttribute("aria-describedby"),o.setAttribute("aria-labelledby",this.id);break;default:r===ae.DESCRIPTION?o.removeAttribute("aria-describedby"):r===ae.LABEL&&o.removeAttribute("aria-labelledby");break}a.length>0&&this.tooltipType!==ae.NONE&&!this.ariaLabel&&(this.ariaLabel=a)}}update(e){super.update(e),e.has("id")&&this.onIdUpdated(),e.has("placement")&&this.onPlacementUpdated(),e.has("tooltipType")&&this.onTooltipTypeUpdated(e)}};cr.styles=[...rt.styles,...jn],l([c({type:String,attribute:"tooltip-type",reflect:!0})],cr.prototype,"tooltipType",2),l([es()],cr.prototype,"defaultSlotNodes",2);var ia=cr;ia.register(Bo);var Od=ia;var Ho=b.constructTagName("select"),Go={ARROW_UP:"arrow-up-bold",ARROW_DOWN:"arrow-down-bold"};var Qn="check-bold",aa="dynamic-option-tooltip-popover",Yr=b.constructTagName("option");var Md=f`
|
|
2497
2488
|
:host {
|
|
2498
2489
|
--mdc-option-icon-width: 1rem;
|
|
2499
2490
|
|
|
@@ -2522,13 +2513,13 @@
|
|
|
2522
2513
|
text-overflow: ellipsis;
|
|
2523
2514
|
white-space: nowrap;
|
|
2524
2515
|
}
|
|
2525
|
-
`,Jn=[Md];var kt=class extends J(
|
|
2516
|
+
`,Jn=[Md];var kt=class extends J(nr){constructor(){super(...arguments);this.selected=!1;this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.role="option",this.variant=Qi.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 s,n;let r=(s=e.target.shadowRoot)==null?void 0:s.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(Bo);o.id=aa,o.textContent=(n=this.label)!=null?n:"",o.setAttribute("triggerid",this.id),o.setAttribute("visible",""),o.setAttribute("show-arrow","");let a=this.closest(Ho)||this.parentElement;a==null||a.after(o)}hideTooltipOnLeave(){let e=document.querySelector(`#${aa}`);e==null||e.remove()}handleDefaultSlotChange(){var r,o,a;let e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");e&&!this.label&&(this.label=(a=(o=e.assignedNodes()[0])==null?void 0:o.textContent)==null?void 0:a.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?m`
|
|
2526
2517
|
<div part="leading-icon">
|
|
2527
2518
|
<mdc-icon slot="leading-controls" name="${A(this.prefixIcon)}"></mdc-icon>
|
|
2528
2519
|
</div>
|
|
2529
|
-
`:
|
|
2520
|
+
`:v,r=this.selected?m`
|
|
2530
2521
|
<mdc-icon slot="trailing-controls" name="${Qn}"></mdc-icon>
|
|
2531
|
-
`:
|
|
2522
|
+
`:v;return m`
|
|
2532
2523
|
${e}
|
|
2533
2524
|
<div part="leading-text">
|
|
2534
2525
|
${this.getText("leading-text-primary-label",I.BODY_MIDSIZE_REGULAR,this.label)}
|
|
@@ -2537,7 +2528,7 @@
|
|
|
2537
2528
|
${r}
|
|
2538
2529
|
</div>
|
|
2539
2530
|
<slot part="default-slot" @slotchange="${this.handleDefaultSlotChange}"></slot>
|
|
2540
|
-
`}};kt.styles=[...
|
|
2531
|
+
`}};kt.styles=[...nr.styles,...Jn],l([c({type:Boolean,reflect:!0})],kt.prototype,"selected",2),l([c({type:String,reflect:!0,attribute:"prefix-icon"})],kt.prototype,"prefixIcon",2),l([c({type:String,reflect:!0,attribute:"aria-label"})],kt.prototype,"ariaLabel",2);var sa=kt;sa.register(Yr);var Dd=sa;rt.register(Cn);var $d=rt;var zd=[f`
|
|
2541
2532
|
:host {
|
|
2542
2533
|
--mdc-progressbar-background-color: var(--mds-color-theme-control-indicator-inactive-normal);
|
|
2543
2534
|
--mdc-progressbar-active-background-color: var(--mds-color-theme-control-active-normal);
|
|
@@ -2633,7 +2624,7 @@
|
|
|
2633
2624
|
<div part="progress-bar ${e}" style="width: ${o}%"></div>
|
|
2634
2625
|
<div part="remaining"></div>
|
|
2635
2626
|
</div>
|
|
2636
|
-
`}}connectedCallback(){super.connectedCallback(),this.id=`mdc-progressbar-${
|
|
2627
|
+
`}}connectedCallback(){super.connectedCallback(),this.id=`mdc-progressbar-${Ve()}`,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=G.ERROR:this.clampedValue===100?this.helpTextType=G.SUCCESS:this.helpTextType=G.DEFAULT,this.helpTextType}render(){let e=this.variant===Wo.INLINE;return m`
|
|
2637
2628
|
${e?m`<div part="inline-label-container">${this.renderLabelElement()} ${this.renderProgressbar()}</div>`:m`
|
|
2638
2629
|
<div part="label-container">
|
|
2639
2630
|
${this.renderLabelElement()}
|
|
@@ -2642,7 +2633,7 @@
|
|
|
2642
2633
|
${this.renderProgressbar()}
|
|
2643
2634
|
${this.renderHelperText()}
|
|
2644
2635
|
`}
|
|
2645
|
-
`}};Lt.styles=[...pe.styles,...el],l([c({type:String,reflect:!0})],Lt.prototype,"variant",2),l([c({type:String,reflect:!0})],Lt.prototype,"value",2),l([c({type:Boolean,attribute:"error"})],Lt.prototype,"error",2);var
|
|
2636
|
+
`}};Lt.styles=[...pe.styles,...el],l([c({type:String,reflect:!0})],Lt.prototype,"variant",2),l([c({type:String,reflect:!0})],Lt.prototype,"value",2),l([c({type:Boolean,attribute:"error"})],Lt.prototype,"error",2);var qr=Lt;qr.register(tl);var Pd=qr;var Vd=f`
|
|
2646
2637
|
:host {
|
|
2647
2638
|
--mdc-spinner-size: 3rem;
|
|
2648
2639
|
--mdc-track-color: var(--mds-color-theme-control-indicator-inactive-normal);
|
|
@@ -2686,7 +2677,7 @@
|
|
|
2686
2677
|
color: var(--mdc-progress-error-color);
|
|
2687
2678
|
margin: 0.5rem;
|
|
2688
2679
|
}
|
|
2689
|
-
`,ol=[Vd];var il=b.constructTagName("progressspinner"),F={RADIUS:20,CIRCUMFERENCE:2*Math.PI*20,STROKE_WIDTH:4,GAP_SIZE:7.5,ERROR_ICON_SIZE:2,SUCCESS_ICON_SIZE:3,ICON_LENGTH_UNIT:"em"},na={CHECK_CIRCLE_BOLD:"check-circle-bold",ERROR_LEGACY_FILLED:"error-legacy-filled"};var la=i=>{if(i===0)return 0;let t=i/100*F.CIRCUMFERENCE-F.GAP_SIZE;return Math.max(t,.1*i)},al=i=>{let t=F.CIRCUMFERENCE-la(i)-2*F.GAP_SIZE;return i===0?F.CIRCUMFERENCE:t<0?0:t},sl=i=>i===0?0:F.GAP_SIZE*.5,nl=(i,t)=>{let e=t+F.GAP_SIZE*1.5;return i===0?0:e};var Yo=class extends
|
|
2680
|
+
`,ol=[Vd];var il=b.constructTagName("progressspinner"),F={RADIUS:20,CIRCUMFERENCE:2*Math.PI*20,STROKE_WIDTH:4,GAP_SIZE:7.5,ERROR_ICON_SIZE:2,SUCCESS_ICON_SIZE:3,ICON_LENGTH_UNIT:"em"},na={CHECK_CIRCLE_BOLD:"check-circle-bold",ERROR_LEGACY_FILLED:"error-legacy-filled"};var la=i=>{if(i===0)return 0;let t=i/100*F.CIRCUMFERENCE-F.GAP_SIZE;return Math.max(t,.1*i)},al=i=>{let t=F.CIRCUMFERENCE-la(i)-2*F.GAP_SIZE;return i===0?F.CIRCUMFERENCE:t<0?0:t},sl=i=>i===0?0:F.GAP_SIZE*.5,nl=(i,t)=>{let e=t+F.GAP_SIZE*1.5;return i===0?0:e};var Yo=class extends qr{connectedCallback(){super.connectedCallback(),this.id="",this.disabled=void 0,this.helpTextType=void 0,this.helpText=void 0,this.requiredLabel=void 0,this.variant=void 0,this.label=void 0}renderProgressSpinner(){var a;let t=la(this.clampedValue),e=al(this.clampedValue),r=sl(this.clampedValue),o=nl(this.clampedValue,t);return m`
|
|
2690
2681
|
<div
|
|
2691
2682
|
part="spinner-container ${this.variant}"
|
|
2692
2683
|
role="progressbar"
|
|
@@ -2893,10 +2884,10 @@
|
|
|
2893
2884
|
display: none;
|
|
2894
2885
|
}
|
|
2895
2886
|
|
|
2896
|
-
`,...
|
|
2887
|
+
`,...R(!0)],ll=Fd;var Nt=class extends J(P(K)){constructor(){super(...arguments);this.checked=!1;this.readonly=!1;this.autofocus=!1;this.renderLabelAndHelperText=()=>this.label?m`<div class="mdc-radio__label-container">
|
|
2897
2888
|
${this.renderLabel()}
|
|
2898
2889
|
${this.renderHelperText()}
|
|
2899
|
-
</div>`:
|
|
2890
|
+
</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),a=!!r.find(n=>n.checked),s=o&&!a;this.setGroupValidity(r,!s)}this.internals.setFormValue(e)}handleChange(e){var a;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(s=>{var d;let n=(d=s.shadowRoot)==null?void 0:d.querySelector("input");n&&(s.checked=!1,n.checked=!1)}),this.checked=!0;let o=(a=this.shadowRoot)==null?void 0:a.querySelector("input");o&&(o.checked=!0),this.dispatchChangeEvent(e)}updateRadio(e,r,o){var a,s;(s=(a=e[r].shadowRoot)==null?void 0:a.querySelector("input"))==null||s.focus(),e[r].handleChange(o)}handleKeyDown(e){var s;if(this.disabled)return;let o=this.getAllRadiosWithinSameGroup().filter(n=>!n.disabled),a=o.indexOf(this);if(["ArrowDown","ArrowRight"].includes(e.key)){let n=(a+1)%o.length;this.updateRadio(o,n,e)}else if(["ArrowUp","ArrowLeft"].includes(e.key)){let n=(a-1+o.length)%o.length;this.updateRadio(o,n,e)}else e.key===" "&&this.updateRadio(o,a,e);this.updateTabIndex(),e.key==="Enter"&&((s=this.form)==null||s.requestSubmit())}updateTabIndex(){let e=this.getAllRadiosWithinSameGroup(),r=e.find(a=>a.checked),o=e.find(a=>!a.disabled);e.forEach(a=>{var n;let s=(n=a.shadowRoot)==null?void 0:n.querySelector("input");s&&(s.tabIndex=-1,(a===r||!r&&a===o)&&(s.tabIndex=0))})}update(e){super.update(e),e.has("checked")&&this.setActualFormValue()}render(){var e;return m`
|
|
2900
2891
|
<div class="mdc-radio__container">
|
|
2901
2892
|
<div class="mdc-radio__icon-container mdc-focus-ring">
|
|
2902
2893
|
<input
|
|
@@ -2921,12 +2912,12 @@
|
|
|
2921
2912
|
</div>
|
|
2922
2913
|
${this.renderLabelAndHelperText()}
|
|
2923
2914
|
</div>
|
|
2924
|
-
`}};
|
|
2915
|
+
`}};Nt.styles=[...K.styles,...ll],l([c({type:Boolean,reflect:!0})],Nt.prototype,"checked",2),l([c({type:Boolean,reflect:!0})],Nt.prototype,"readonly",2),l([c({type:Boolean,reflect:!0})],Nt.prototype,"autofocus",2);var da=Nt;var qo=b.constructTagName("radio");da.register(qo);var Bd=da;var Zr=class extends Oo{constructor(){super();this.name="";this.isRadio=!0}firstUpdated(){var e,r,o,a,s;(s=(a=(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()===qo))==null?void 0:a.filter(n=>!n.hasAttribute("name")))==null||s.forEach(n=>{n.setAttribute("name",this.name),this.requiredLabel&&n.setAttribute("required-label",this.requiredLabel)})}};Zr.styles=[...Oo.styles],l([c({type:String})],Zr.prototype,"name",2);var ma=Zr;var cl=b.constructTagName("radiogroup");ma.register(cl);var Hd=ma;var dl=b.constructTagName("screenreaderannouncer"),Gd={ASSERTIVE:"assertive",POLITE:"polite",OFF:"off"},dr={ARIA_LIVE:Gd.POLITE,DELAY:150,IDENTITY:"mdc-screenreaderannouncer-identity",TIMEOUT:2e4};var Wd=[f`
|
|
2925
2916
|
:host {
|
|
2926
2917
|
display: none;
|
|
2927
2918
|
visibility: hidden;
|
|
2928
2919
|
}
|
|
2929
|
-
`],ml=Wd;var
|
|
2920
|
+
`],ml=Wd;var We=class extends g{constructor(){super(...arguments);this.announcement="";this.identity="";this.dataAriaLive=dr.ARIA_LIVE;this.delay=dr.DELAY;this.timeout=dr.TIMEOUT;this.timeOutIds=[];this.ariaLiveAnnouncementIds=[]}announce(e,r,o,a){var s;if(e.length>0){let n=`mdc-screenreaderannouncer-announcement-${Ve()}`,d=document.createElement("div");d.id=n,d.ariaLive=a,(s=document.getElementById(this.identity))==null||s.appendChild(d);let p=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(p)}}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=`
|
|
2930
2921
|
.mdc-screenreaderannouncer__visually-hidden {
|
|
2931
2922
|
clip: rect(0 0 0 0);
|
|
2932
2923
|
clip-path: inset(50%);
|
|
@@ -2936,7 +2927,7 @@
|
|
|
2936
2927
|
white-space: nowrap;
|
|
2937
2928
|
width: 1px;
|
|
2938
2929
|
}
|
|
2939
|
-
`,e.appendChild(r),e.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(e)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=
|
|
2930
|
+
`,e.appendChild(r),e.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(e)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=dr.IDENTITY),this.createAnnouncementAriaLiveRegion()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeOutsAndAnnouncements()}updated(e){e.has("identity")&&this.identity.length===0&&(this.identity=dr.IDENTITY,this.createAnnouncementAriaLiveRegion()),e.has("announcement")&&this.announcement.length>0&&(this.announce(this.announcement,this.delay,this.timeout,this.dataAriaLive),this.announcement="")}};We.styles=[...g.styles,...ml],l([c({type:String,reflect:!0})],We.prototype,"announcement",2),l([c({type:String,reflect:!0})],We.prototype,"identity",2),l([c({type:String,reflect:!0,attribute:"data-aria-live"})],We.prototype,"dataAriaLive",2),l([c({type:Number,reflect:!0})],We.prototype,"delay",2),l([c({type:Number,reflect:!0})],We.prototype,"timeout",2);var pa=We;pa.register(dl);var Yd=pa;var qd=f`
|
|
2940
2931
|
|
|
2941
2932
|
:host::part(filters-container){
|
|
2942
2933
|
display: flex;
|
|
@@ -2963,9 +2954,9 @@
|
|
|
2963
2954
|
scrollbar-width: none;
|
|
2964
2955
|
}
|
|
2965
2956
|
|
|
2966
|
-
`,pl=[qd];var hl=b.constructTagName("searchfield"),
|
|
2957
|
+
`,pl=[qd];var hl=b.constructTagName("searchfield"),Xr={TYPE:Xi.SEARCH,ICON:"search-bold",CLOSE_BTN:!0,INPUT_CHIP_TAG:Do};var Rt=class extends ar{constructor(){super(...arguments);this.isInputFocused=!1;this.hasInputChips=!1}handleKeyDown(e){super.handleKeyDown(e),e.key==="Escape"&&this.clearInputText()}connectedCallback(){super.connectedCallback(),this.leadingIcon=Xr.ICON,this.trailingButton=Xr.CLOSE_BTN,this.helpText=void 0,this.helpTextType=void 0,this.requiredLabel=void 0,this.validationMessage=void 0,this.prefixText=void 0}renderInputChips(){var e;this.hasInputChips=!!((e=this.inputChips)!=null&&e.length),this.inputChips&&this.inputChips.forEach(r=>{r.matches(Xr.INPUT_CHIP_TAG)||r.remove()})}firstUpdated(){this.inputElement.onfocus=()=>{this.isInputFocused=!0},this.inputElement.onblur=()=>{this.isInputFocused=!1}}clearInputText(){var e;super.clearInputText(),(e=this.inputChips)==null||e.forEach(r=>{r.dispatchEvent(new CustomEvent("remove",{bubbles:!0,composed:!0}))})}render(){return m`
|
|
2967
2958
|
${this.renderLabelElement()}
|
|
2968
|
-
<div class="${
|
|
2959
|
+
<div class="${jt({"input-container":!0,"mdc-focus-ring":this.isInputFocused})}" part="input-container">
|
|
2969
2960
|
${this.renderLeadingIcon()}
|
|
2970
2961
|
<div part='scrollable-container' tabindex='-1'>
|
|
2971
2962
|
<div part="filters-container"
|
|
@@ -2973,11 +2964,11 @@
|
|
|
2973
2964
|
@keydown=${e=>e.key==="Enter"?this.inputElement.focus():null}
|
|
2974
2965
|
@keyup=${e=>e.key===" "?this.inputElement.focus():null}>
|
|
2975
2966
|
<slot name="filters" @slotchange=${this.renderInputChips}></slot></div>
|
|
2976
|
-
${this.renderInputElement(
|
|
2967
|
+
${this.renderInputElement(Xr.TYPE,this.hasInputChips)}
|
|
2977
2968
|
</div>
|
|
2978
2969
|
${this.renderTrailingButton(this.hasInputChips)}
|
|
2979
2970
|
</div>
|
|
2980
|
-
`}};
|
|
2971
|
+
`}};Rt.styles=[...ar.styles,...pl],l([re({slot:"filters"})],Rt.prototype,"inputChips",2),l([M()],Rt.prototype,"isInputFocused",2),l([M()],Rt.prototype,"hasInputChips",2);var ha=Rt;ha.register(hl);var Zd=ha;var Xd=f`
|
|
2981
2972
|
:host {
|
|
2982
2973
|
--mdc-select-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
2983
2974
|
--mdc-select-icon-border-color: var(--mds-color-theme-outline-input-normal);
|
|
@@ -3078,7 +3069,7 @@
|
|
|
3078
3069
|
:host([help-text-type="warning"])::part(base-container) {
|
|
3079
3070
|
border-color: var(--mdc-select-warning-border-color);
|
|
3080
3071
|
}
|
|
3081
|
-
`,ul=[Xd,...
|
|
3072
|
+
`,ul=[Xd,...R(!0)];var te=class extends J(P(K)){constructor(){super(...arguments);this.readonly=!1;this.height="auto";this.baseIconName=Go.ARROW_DOWN;this.selectedValue="";this.displayPopover=!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()===Yr?r:r.tagName.toLowerCase()===Fo?Array.from(r.children).filter(o=>o.tagName.toLowerCase()===Yr):[]).flat())||[]}handlePopoverOpen(){this.displayPopover=!0,this.baseIconName=Go.ARROW_UP}handlePopoverClose(){this.displayPopover=!1,this.baseIconName=Go.ARROW_DOWN}updateTabIndexForAllOptions(e){var o;let r=!1;this.getAllValidOptions().forEach(a=>{a===e?(this.setSelectedValue(a),r=!0,a.setAttribute("selected",""),a.setAttribute("tabindex","0")):(a==null||a.setAttribute("tabindex","-1"),a==null||a.removeAttribute("selected"))}),!r&&((o=this.getAllValidOptions()[0])==null||o.setAttribute("tabindex","0"))}handleOptionsClick(e){this.updateTabIndexForAllOptions(e.target)}setSelectedValue(e){var r,o,a,s;this.selectedValueText=(o=(r=e==null?void 0:e.getAttribute("label"))!=null?r:e==null?void 0:e.textContent)!=null?o:"",this.selectedValue=(s=(a=e==null?void 0:e.getAttribute("value"))!=null?a:e==null?void 0:e.textContent)!=null?s:"",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.displayPopover?this.handlePopoverOnOpen(e):this.handlePopoverOnClose(e)}handlePopoverOnOpen(e){var r;switch(e.key){case $.SPACE:this.updateTabIndexForAllOptions(e.target),this.closePopover(),e.preventDefault();break;case $.ENTER:this.updateTabIndexForAllOptions(e.target),this.closePopover(),e.preventDefault(),(r=this.form)==null||r.requestSubmit();break;case $.ESCAPE:this.closePopover();break;case $.HOME:this.setFocusAndTabIndex(0),e.preventDefault();break;case $.END:this.setFocusAndTabIndex(this.getAllValidOptions().length-1),e.preventDefault();break;case $.ARROW_DOWN:case $.ARROW_UP:case $.PAGE_DOWN:case $.PAGE_UP:this.handleOptionsNavigation(e),this.updateActivedescendant(e.target);break;default:break}}handlePopoverOnClose(e){switch(e.key){case $.ARROW_DOWN:case $.ARROW_UP:case $.ENTER:case $.SPACE:this.openPopover(),e.preventDefault();break;case $.HOME:this.openPopover(),this.setFocusAndTabIndex(0),e.preventDefault();break;case $.END:this.openPopover(),this.setFocusAndTabIndex(this.getAllValidOptions().length-1),e.preventDefault();break;default:break}}handleOptionsNavigation(e){let r=this.getAllValidOptions(),o=r.findIndex(s=>s===e.target),a=this.getNewIndexBasedOnKey(e.key,o,r.length);a!==-1&&(this.setFocusAndTabIndex(a),e.preventDefault())}getNewIndexBasedOnKey(e,r,o){return e===$.ARROW_DOWN&&r!==o-1?r+1:e===$.ARROW_UP&&r>0?r-1:e===$.PAGE_DOWN?r+10>o?o-1:r+10:e===$.PAGE_UP?r-10<0?0:r-10:-1}updateActivedescendant(e){var o,a;let r=this.getAllValidOptions().findIndex(s=>s===e);this.activeDescendant=(a=(o=this.getAllValidOptions()[r])==null?void 0:o.id)!=null?a:""}resetActivedescendant(){this.activeDescendant=""}setFocusAndTabIndex(e){var r;(r=this.getAllValidOptions()[e])==null||r.focus(),this.getAllValidOptions().forEach((o,a)=>{let s=e===a?"0":"-1";o==null||o.setAttribute("tabindex",s)})}openPopover(){this.displayPopover=!0,this.resetActivedescendant()}closePopover(){this.displayPopover=!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(){return m`
|
|
3082
3073
|
<select
|
|
3083
3074
|
part="native-select"
|
|
3084
3075
|
id="${this.id}"
|
|
@@ -3103,7 +3094,7 @@
|
|
|
3103
3094
|
>
|
|
3104
3095
|
${e.textContent}
|
|
3105
3096
|
</option>
|
|
3106
|
-
`})}getPopoverContent(){return this.disabled||this.readonly?
|
|
3097
|
+
`})}getPopoverContent(){return this.disabled||this.readonly?v:m`
|
|
3107
3098
|
<mdc-popover
|
|
3108
3099
|
id="options-popover"
|
|
3109
3100
|
triggerid="select-base-triggerid"
|
|
@@ -3113,7 +3104,7 @@
|
|
|
3113
3104
|
focus-back-to-trigger
|
|
3114
3105
|
focus-trap
|
|
3115
3106
|
role="listbox"
|
|
3116
|
-
placement="${
|
|
3107
|
+
placement="${He.BOTTOM_START}"
|
|
3117
3108
|
@shown="${this.handlePopoverOpen}"
|
|
3118
3109
|
@hidden="${this.handlePopoverClose}"
|
|
3119
3110
|
style="--mdc-popover-max-width: 100%; --mdc-popover-max-height: ${this.height};"
|
|
@@ -3150,7 +3141,7 @@
|
|
|
3150
3141
|
${this.getPopoverContent()}
|
|
3151
3142
|
</div>
|
|
3152
3143
|
${this.renderHelperText()}
|
|
3153
|
-
`}};te.styles=[...K.styles,...ul],l([c({type:String})],te.prototype,"placeholder",2),l([c({type:Boolean})],te.prototype,"readonly",2),l([c({type:String,attribute:"height"})],te.prototype,"height",2),l([re()],te.prototype,"optionsList",2),l([M()],te.prototype,"baseIconName",2),l([M()],te.prototype,"selectedValueText",2),l([M()],te.prototype,"selectedValue",2),l([M()],te.prototype,"displayPopover",2),l([M()],te.prototype,"activeDescendant",2),l([
|
|
3144
|
+
`}};te.styles=[...K.styles,...ul],l([c({type:String})],te.prototype,"placeholder",2),l([c({type:Boolean})],te.prototype,"readonly",2),l([c({type:String,attribute:"height"})],te.prototype,"height",2),l([re()],te.prototype,"optionsList",2),l([M()],te.prototype,"baseIconName",2),l([M()],te.prototype,"selectedValueText",2),l([M()],te.prototype,"selectedValue",2),l([M()],te.prototype,"displayPopover",2),l([M()],te.prototype,"activeDescendant",2),l([$e("select")],te.prototype,"inputElement",2);var ua=te;ua.register(Ho);var Kd=ua;var jd=[k,f`
|
|
3154
3145
|
:host {
|
|
3155
3146
|
--mdc-spinner-default-color: var(--mds-color-theme-control-active-normal);
|
|
3156
3147
|
--mdc-spinner-inverted-color: var(--mds-color-theme-inverted-control-active-normal);
|
|
@@ -3212,11 +3203,11 @@
|
|
|
3212
3203
|
stroke-dashoffset: -292;
|
|
3213
3204
|
}
|
|
3214
3205
|
}
|
|
3215
|
-
`],fl=jd;var bl=b.constructTagName("spinner"),Qd={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Jd={STANDALONE:"standalone",BUTTON:"button"},Zo={VARIANT:Jd.STANDALONE,SIZE:Qd.MIDSIZE,INVERTED:!1};var
|
|
3206
|
+
`],fl=jd;var bl=b.constructTagName("spinner"),Qd={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Jd={STANDALONE:"standalone",BUTTON:"button"},Zo={VARIANT:Jd.STANDALONE,SIZE:Qd.MIDSIZE,INVERTED:!1};var st=class extends g{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 m`
|
|
3216
3207
|
<svg part="container" viewBox="0 0 100 100">
|
|
3217
3208
|
<circle part="circle" cx="50" cy="50" r="46"></circle>
|
|
3218
3209
|
</svg>
|
|
3219
|
-
`}};
|
|
3210
|
+
`}};st.styles=[...g.styles,...fl],l([c({type:Boolean,reflect:!0})],st.prototype,"inverted",2),l([c({type:String,reflect:!0})],st.prototype,"size",2),l([c({type:String,attribute:"aria-label"})],st.prototype,"ariaLabel",2),l([c({type:String,reflect:!0})],st.prototype,"variant",2);var fa=st;fa.register(bl);var em=fa;var tm=[k,f`
|
|
3220
3211
|
|
|
3221
3212
|
:host {
|
|
3222
3213
|
--mdc-tab-content-gap: 0.5rem;
|
|
@@ -3460,21 +3451,21 @@
|
|
|
3460
3451
|
color: var(--mdc-tab-pill-active-color-disabled);
|
|
3461
3452
|
}
|
|
3462
3453
|
|
|
3463
|
-
`,...
|
|
3454
|
+
`,...R()],gl=tm;var vl=b.constructTagName("tab"),ba={GLASS:"glass",LINE:"line",PILL:"pill"},Xo={VARIANT:ba.PILL,ACTIVE:!1};var nt=class extends Q(ce){constructor(){super(...arguments);this.active=Xo.ACTIVE;this.variant=Xo.VARIANT;this.handleTabActiveChange=e=>{let r=new CustomEvent("activechange",{detail:{tabId:this.tabId,active:e},bubbles:!0});this.dispatchEvent(r)}}connectedCallback(){super.connectedCallback(),this.role="tab",this.softDisabled=void 0,this.size=void 0,this.type=void 0,this.ariaStateKey="aria-selected",!this.tabId&&this.onerror&&this.onerror("tab id is required")}modifyIconName(e){this.iconName&&(e?(this.prevIconName=this.iconName,this.iconName=`${Or(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(e){this.setAttribute("variant",Object.values(ba).includes(e)?e:Xo.VARIANT)}setActive(e,r){super.setActive(e,r),this.modifyIconName(r)}executeAction(){this.handleTabActiveChange(this.active)}update(e){super.update(e),e.has("variant")&&this.setVariant(this.variant)}render(){return m`
|
|
3464
3455
|
<div part="container">
|
|
3465
|
-
${this.iconName?m` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:
|
|
3456
|
+
${this.iconName?m` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:v}
|
|
3466
3457
|
${this.text?m` <mdc-text
|
|
3467
3458
|
type=${this.active?I.BODY_MIDSIZE_BOLD:I.BODY_MIDSIZE_MEDIUM}
|
|
3468
3459
|
tagname=${C.SPAN}
|
|
3469
3460
|
data-text=${this.text}
|
|
3470
3461
|
part="text"
|
|
3471
3462
|
>${this.text}</mdc-text
|
|
3472
|
-
>`:
|
|
3463
|
+
>`:v}
|
|
3473
3464
|
<slot name="badge"></slot>
|
|
3474
3465
|
<slot name="chip"></slot>
|
|
3475
3466
|
</div>
|
|
3476
3467
|
<div part="indicator"></div>
|
|
3477
|
-
`}};
|
|
3468
|
+
`}};nt.styles=[...ce.styles,...gl],l([c({type:Boolean,reflect:!0})],nt.prototype,"active",2),l([c({type:String,reflect:!0})],nt.prototype,"text",2),l([c({type:String,reflect:!0})],nt.prototype,"variant",2),l([c({type:String,reflect:!0,attribute:"tab-id"})],nt.prototype,"tabId",2);var se=nt;se.register(vl);var rm=se;var om=[f`
|
|
3478
3469
|
:host {
|
|
3479
3470
|
--mdc-textarea-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
3480
3471
|
--mdc-textarea-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -3595,7 +3586,7 @@
|
|
|
3595
3586
|
pointer-events: none;
|
|
3596
3587
|
}
|
|
3597
3588
|
|
|
3598
|
-
`,...
|
|
3589
|
+
`,...R(!0)],yl=om;var xl=b.constructTagName("textarea"),ga={HARD:"hard",SOFT:"soft"},El={OFF:"off",ON:"on"},Ko={CHARACTER_COUNTER_TYPE:I.BODY_MIDSIZE_REGULAR,ROWS:5,COLS:40,WRAP:ga.SOFT};var Y=class extends J(P(pe)){constructor(){super(...arguments);this.readonly=!1;this.rows=Ko.ROWS;this.cols=Ko.COLS;this.wrap=ga.SOFT;this.autocapitalize=Mo.OFF;this.autocomplete=El.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===G.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(s=>{this.onerror&&this.onerror(s)})}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?m`
|
|
3599
3590
|
<mdc-text
|
|
3600
3591
|
part="character-counter"
|
|
3601
3592
|
tagname="span"
|
|
@@ -3603,7 +3594,7 @@
|
|
|
3603
3594
|
>
|
|
3604
3595
|
${this.value.length<10?`0${this.value.length}`:this.value.length}/${this.maxCharacterLimit}
|
|
3605
3596
|
</mdc-text>
|
|
3606
|
-
`:
|
|
3597
|
+
`:v}renderTextareaFooter(){return!this.helpText&&!this.maxCharacterLimit?v:m`
|
|
3607
3598
|
<div part="textarea-footer">
|
|
3608
3599
|
${this.renderHelperText()}
|
|
3609
3600
|
${this.renderCharacterCounter()}
|
|
@@ -3637,7 +3628,7 @@
|
|
|
3637
3628
|
></textarea>
|
|
3638
3629
|
</div>
|
|
3639
3630
|
${this.renderTextareaFooter()}
|
|
3640
|
-
`}};Y.styles=[...pe.styles,...yl],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([
|
|
3631
|
+
`}};Y.styles=[...pe.styles,...yl],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([$e("textarea")],Y.prototype,"inputElement",2);var va=Y;va.register(xl);var im=va;var jo=b.constructTagName("themeprovider"),ya={THEMECLASS:"mds-theme-stable-darkWebex"};var Qo=class{constructor(t){this.themeclass=t}};Qo.context=jo;var Jo=Qo;var am=f`
|
|
3641
3632
|
:host {
|
|
3642
3633
|
--mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
|
|
3643
3634
|
--mdc-themeprovider-font-family: var(--mds-font-family-primary);
|
|
@@ -3666,7 +3657,7 @@
|
|
|
3666
3657
|
* {
|
|
3667
3658
|
scrollbar-color: var(--mdc-themeprovider-scrollbar-thumb-color) var(--mdc-themeprovider-scrollbar-track-color);
|
|
3668
3659
|
}
|
|
3669
|
-
`,Tl=[am];var
|
|
3660
|
+
`,Tl=[am];var mr=class extends Ut{constructor(){super({context:Jo.context,initialValue:new Jo(ya.THEMECLASS)});this.themeclass=ya.THEMECLASS}static get Context(){return Jo.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(" "))}};mr.styles=[...Ut.styles,...Tl],l([M()],mr.prototype,"currentThemeClass",2),l([c({type:String})],mr.prototype,"themeclass",2);var xa=mr;xa.register(jo);var sm=xa;var nm=[k,f`
|
|
3670
3661
|
:host {
|
|
3671
3662
|
--mdc-toggle-width: 3rem;
|
|
3672
3663
|
--mdc-toggle-height: 1.5rem;
|
|
@@ -3818,7 +3809,7 @@
|
|
|
3818
3809
|
border: var(--mdc-toggle-border);
|
|
3819
3810
|
}
|
|
3820
3811
|
}
|
|
3821
|
-
`,...
|
|
3812
|
+
`,...R(!0)],Al=nm;var Sl=b.constructTagName("toggle"),Ea={DEFAULT:"default",COMPACT:"compact"},Ta={CHECKED:"check-bold",UNCHECKED:"cancel-bold"},Il={compact:.75,default:1.25},Aa={SIZE:Ea.DEFAULT,VALIDATION_MESSAGE:"Please toggle this switch if you want to proceed."};var Ot=class extends J(P(pe)){constructor(){super(...arguments);this.checked=!1;this.size=Aa.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(Ea).includes(e)?e:Aa.SIZE)}update(e){super.update(e),e.has("checked")&&this.setFormValue(),e.has("size")&&this.setToggleSize(this.size)}render(){var e;return m`
|
|
3822
3813
|
<div class="mdc-toggle__container mdc-focus-ring">
|
|
3823
3814
|
<input
|
|
3824
3815
|
id="${this.id}"
|
|
@@ -3849,10 +3840,10 @@
|
|
|
3849
3840
|
</div>
|
|
3850
3841
|
${this.renderLabel()}
|
|
3851
3842
|
${this.renderHelperText()}
|
|
3852
|
-
`}};Ot.styles=[...pe.styles,...Al],l([c({type:Boolean,reflect:!0})],Ot.prototype,"checked",2),l([c({type:String,reflect:!0})],Ot.prototype,"size",2),l([c({type:Boolean,reflect:!0})],Ot.prototype,"autofocus",2);var Sa=Ot;Sa.register(Sl);var lm=Sa;function Mt(i,t,e){var a;let r=(a=e.initialDeps)!=null?a:[],o;return()=>{var s,n,d,p;let h;e.key&&((s=e.debug)!=null&&s.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
|
|
3843
|
+
`}};Ot.styles=[...pe.styles,...Al],l([c({type:Boolean,reflect:!0})],Ot.prototype,"checked",2),l([c({type:String,reflect:!0})],Ot.prototype,"size",2),l([c({type:Boolean,reflect:!0})],Ot.prototype,"autofocus",2);var Sa=Ot;Sa.register(Sl);var lm=Sa;function Mt(i,t,e){var a;let r=(a=e.initialDeps)!=null?a:[],o;return()=>{var s,n,d,p;let h;e.key&&((s=e.debug)!=null&&s.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 y;if(e.key&&((n=e.debug)!=null&&n.call(e))&&(y=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()-y)*100)/100,_=T/16,S=(w,N)=>{for(w=String(w);w.length<N;)w=" "+w;return w};console.info(`%c\u23F1 ${S(T,5)} /${S(E,5)} ms`,`
|
|
3853
3844
|
font-size: .6rem;
|
|
3854
3845
|
font-weight: bold;
|
|
3855
|
-
color: hsl(${Math.max(0,Math.min(120-120*_,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(p=e==null?void 0:e.onChange)==null||p.call(e,o),o}}function ei(i,t){if(i===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return i}var _l=(i,t)=>Math.abs(i-t)<1,wl=(i,t,e)=>{let r;return function(...o){i.clearTimeout(r),r=i.setTimeout(()=>t.apply(this,o),e)}};var cm=i=>i,dm=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},kl=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=s=>{let{width:n,height:d}=s;t({width:Math.round(n),height:Math.round(d)})};if(o(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let a=new r.ResizeObserver(s=>{let n=s[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 a.observe(e,{box:"border-box"}),()=>{a.unobserve(e)}},Cl={passive:!0};var mm=typeof window>"u"?!0:"onscrollend"in window,Ll=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=0,a=i.options.useScrollendEvent&&mm?()=>{}:wl(r,()=>{t(o,!1)},i.options.isScrollingResetDelay),s=p=>()=>{let{horizontal:h,isRtl:u}=i.options;o=h?e.scrollLeft*(u&&-1||1):e.scrollTop,a(),t(o,p)},n=s(!0),d=s(!1);return d(),e.addEventListener("scroll",n,Cl),e.addEventListener("scrollend",d,Cl),()=>{e.removeEventListener("scroll",n),e.removeEventListener("scrollend",d)}};var pm=(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 Rl=(i,{adjustments:t=0,behavior:e},r)=>{var o,a;let s=i+t;(a=(o=r.scrollElement)==null?void 0:o.scrollTo)==null||a.call(o,{[r.options.horizontal?"left":"top"]:s,behavior:e})},ti=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(a=>{this._measureElement(a.target,a)})}));return{disconnect:()=>{var o;(o=r())==null||o.disconnect(),e=null},observe:o=>{var a;return(a=r())==null?void 0:a.observe(o,{box:"border-box"})},unobserve:o=>{var a;return(a=r())==null?void 0:a.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:cm,rangeExtractor:dm,onChange:()=>{},measureElement:pm,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=Mt(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var 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(a=>{this.observer.observe(a)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,a=>{this.scrollRect=a,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(a,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<a?"forward":"backward":null,this.scrollOffset=a,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>{var e;return this.options.enabled?(this.scrollRect=(e=this.scrollRect)!=null?e:this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0)},this.getScrollOffset=()=>{var e;return this.options.enabled?(this.scrollOffset=(e=this.scrollOffset)!=null?e:typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset,this.scrollOffset):(this.scrollOffset=null,0)},this.getFurthestMeasurement=(e,r)=>{let o=new Map,a=new Map;for(let s=r-1;s>=0;s--){let n=e[s];if(o.has(n.lane))continue;let d=a.get(n.lane);if(d==null||n.end>d.end?a.set(n.lane,n):n.end<d.end&&o.set(n.lane,!0),o.size===this.options.lanes)break}return a.size===this.options.lanes?Array.from(a.values()).sort((s,n)=>s.end===n.end?s.index-n.index:s.end-n.end)[0]:void 0},this.getMeasurementOptions=Mt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,o,a,s)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:o,getItemKey:a,enabled:s}),{key:!1}),this.getMeasurements=Mt(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:o,getItemKey:a,enabled:s},n)=>{if(!s)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(h=>{this.itemSizeCache.set(h.key,h.size)}));let d=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let p=this.measurementsCache.slice(0,d);for(let h=d;h<e;h++){let u=a(h),x=this.options.lanes===1?p[h-1]:this.getFurthestMeasurement(p,h),v=x?x.end+this.options.gap:r+o,E=n.get(u),T=typeof E=="number"?E:this.options.estimateSize(h),_=v+T,S=x?x.lane:h%this.options.lanes;p[h]={index:h,start:v,size:T,end:_,key:u,lane:S}}return this.measurementsCache=p,p},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Mt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,o)=>this.range=e.length>0&&r>0?hm({measurements:e,outerSize:r,scrollOffset:o}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=Mt(()=>{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,a,s)=>a===null||s===null?[]:e({startIndex:a,endIndex:s,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),a=this.measurementsCache[o];if(!a)return;let s=a.key,n=this.elementsCache.get(s);n!==e&&(n&&this.observer.unobserve(n),this.observer.observe(e),this.elementsCache.set(s,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 a=(n=this.itemSizeCache.get(o.key))!=null?n:o.size,s=r-a;s!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(o,s,this):o.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=s,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=Mt(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let o=[];for(let a=0,s=e.length;a<s;a++){let n=e[a],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 ei(r[Nl(0,r.length-1,o=>ei(r[o]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let o=this.getSize(),a=this.getScrollOffset();r==="auto"&&e>=a+o&&(r="end"),r==="end"&&(e-=o);let s=this.options.horizontal?"scrollWidth":"scrollHeight",d=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[s]:this.scrollElement[s]: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 a=this.getSize(),s=this.getScrollOffset();if(r==="auto")if(o.end>=s+a-this.options.scrollPaddingEnd)r="end";else if(o.start<=s+this.options.scrollPaddingStart)r="start";else return[s,r];let n=o.start-this.options.scrollPaddingStart+(o.size-a)/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 a=this.getOffsetForIndex(e,r);if(!a)return;let[s,n]=a;this._scrollToOffset(s,{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[p]=ei(this.getOffsetForIndex(e,n));_l(p,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 a;var e;let r=this.getMeasurements(),o;return r.length===0?o=this.options.paddingStart:o=this.options.lanes===1?(a=(e=r[r.length-1])==null?void 0:e.end)!=null?a:0:Math.max(...r.slice(-this.options.lanes).map(s=>s.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)}},Nl=(i,t,e,r)=>{for(;i<=t;){let o=(i+t)/2|0,a=e(o);if(a<r)i=o+1;else if(a>r)t=o-1;else return o}return i>0?i-1:0};function hm({measurements:i,outerSize:t,scrollOffset:e}){let r=i.length-1,a=Nl(0,r,n=>i[n].start,e),s=a;for(;s<r&&i[s].end<e+t;)s++;return{startIndex:a,endIndex:s}}var Ia=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(o,a)=>{var s;this.host.updateComplete.then(()=>this.host.requestUpdate()),(s=e.onChange)==null||s.call(e,o,a)}};this.virtualizer=new ti(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},ri=class extends Ia{constructor(t,e){super(t,{observeElementRect:kl,observeElementOffset:Ll,scrollToFn:Rl,...e})}};var{I:Dk}=Ka;var Ol=i=>i.strings===void 0;var Xr=(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),Xr(o,t);return!0},oi=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)},Ml=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),bm(t)}};function um(i){this._$AN!==void 0?(oi(this),this._$AM=i,Ml(this)):this._$AM=i}function fm(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 a=e;a<r.length;a++)Xr(r[a],!1),oi(r[a]);else r!=null&&(Xr(r,!1),oi(r));else Xr(this,i)}var bm=i=>{var t,e;i.type==yo.CHILD&&((t=i._$AP)!=null||(i._$AP=fm),(e=i._$AQ)!=null||(i._$AQ=um))},ii=class extends Xt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),Ml(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&&(Xr(this,t),oi(this))}setValue(t){if(Ol(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 Dl=()=>new wa,wa=class{},_a=new WeakMap,$l=kr(class extends ii{render(i){return y}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)),y}rt(i){var t;if(this.isConnected||(i=void 0),typeof this.Y=="function"){let e=(t=this.ht)!=null?t:globalThis,r=_a.get(e);r===void 0&&(r=new WeakMap,_a.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=_a.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 gm=[f`
|
|
3846
|
+
color: hsl(${Math.max(0,Math.min(120-120*_,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(p=e==null?void 0:e.onChange)==null||p.call(e,o),o}}function ei(i,t){if(i===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return i}var _l=(i,t)=>Math.abs(i-t)<1,wl=(i,t,e)=>{let r;return function(...o){i.clearTimeout(r),r=i.setTimeout(()=>t.apply(this,o),e)}};var cm=i=>i,dm=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},kl=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=s=>{let{width:n,height:d}=s;t({width:Math.round(n),height:Math.round(d)})};if(o(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let a=new r.ResizeObserver(s=>{let n=s[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 a.observe(e,{box:"border-box"}),()=>{a.unobserve(e)}},Cl={passive:!0};var mm=typeof window>"u"?!0:"onscrollend"in window,Ll=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=0,a=i.options.useScrollendEvent&&mm?()=>{}:wl(r,()=>{t(o,!1)},i.options.isScrollingResetDelay),s=p=>()=>{let{horizontal:h,isRtl:u}=i.options;o=h?e.scrollLeft*(u&&-1||1):e.scrollTop,a(),t(o,p)},n=s(!0),d=s(!1);return d(),e.addEventListener("scroll",n,Cl),e.addEventListener("scrollend",d,Cl),()=>{e.removeEventListener("scroll",n),e.removeEventListener("scrollend",d)}};var pm=(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 Nl=(i,{adjustments:t=0,behavior:e},r)=>{var o,a;let s=i+t;(a=(o=r.scrollElement)==null?void 0:o.scrollTo)==null||a.call(o,{[r.options.horizontal?"left":"top"]:s,behavior:e})},ti=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(a=>{this._measureElement(a.target,a)})}));return{disconnect:()=>{var o;(o=r())==null||o.disconnect(),e=null},observe:o=>{var a;return(a=r())==null?void 0:a.observe(o,{box:"border-box"})},unobserve:o=>{var a;return(a=r())==null?void 0:a.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:cm,rangeExtractor:dm,onChange:()=>{},measureElement:pm,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=Mt(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var 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(a=>{this.observer.observe(a)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,a=>{this.scrollRect=a,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(a,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<a?"forward":"backward":null,this.scrollOffset=a,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>{var e;return this.options.enabled?(this.scrollRect=(e=this.scrollRect)!=null?e:this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0)},this.getScrollOffset=()=>{var e;return this.options.enabled?(this.scrollOffset=(e=this.scrollOffset)!=null?e:typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset,this.scrollOffset):(this.scrollOffset=null,0)},this.getFurthestMeasurement=(e,r)=>{let o=new Map,a=new Map;for(let s=r-1;s>=0;s--){let n=e[s];if(o.has(n.lane))continue;let d=a.get(n.lane);if(d==null||n.end>d.end?a.set(n.lane,n):n.end<d.end&&o.set(n.lane,!0),o.size===this.options.lanes)break}return a.size===this.options.lanes?Array.from(a.values()).sort((s,n)=>s.end===n.end?s.index-n.index:s.end-n.end)[0]:void 0},this.getMeasurementOptions=Mt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,o,a,s)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:o,getItemKey:a,enabled:s}),{key:!1}),this.getMeasurements=Mt(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:o,getItemKey:a,enabled:s},n)=>{if(!s)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(h=>{this.itemSizeCache.set(h.key,h.size)}));let d=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let p=this.measurementsCache.slice(0,d);for(let h=d;h<e;h++){let u=a(h),x=this.options.lanes===1?p[h-1]:this.getFurthestMeasurement(p,h),y=x?x.end+this.options.gap:r+o,E=n.get(u),T=typeof E=="number"?E:this.options.estimateSize(h),_=y+T,S=x?x.lane:h%this.options.lanes;p[h]={index:h,start:y,size:T,end:_,key:u,lane:S}}return this.measurementsCache=p,p},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Mt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,o)=>this.range=e.length>0&&r>0?hm({measurements:e,outerSize:r,scrollOffset:o}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=Mt(()=>{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,a,s)=>a===null||s===null?[]:e({startIndex:a,endIndex:s,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),a=this.measurementsCache[o];if(!a)return;let s=a.key,n=this.elementsCache.get(s);n!==e&&(n&&this.observer.unobserve(n),this.observer.observe(e),this.elementsCache.set(s,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 a=(n=this.itemSizeCache.get(o.key))!=null?n:o.size,s=r-a;s!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(o,s,this):o.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=s,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=Mt(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let o=[];for(let a=0,s=e.length;a<s;a++){let n=e[a],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 ei(r[Rl(0,r.length-1,o=>ei(r[o]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let o=this.getSize(),a=this.getScrollOffset();r==="auto"&&e>=a+o&&(r="end"),r==="end"&&(e-=o);let s=this.options.horizontal?"scrollWidth":"scrollHeight",d=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[s]:this.scrollElement[s]: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 a=this.getSize(),s=this.getScrollOffset();if(r==="auto")if(o.end>=s+a-this.options.scrollPaddingEnd)r="end";else if(o.start<=s+this.options.scrollPaddingStart)r="start";else return[s,r];let n=o.start-this.options.scrollPaddingStart+(o.size-a)/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 a=this.getOffsetForIndex(e,r);if(!a)return;let[s,n]=a;this._scrollToOffset(s,{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[p]=ei(this.getOffsetForIndex(e,n));_l(p,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 a;var e;let r=this.getMeasurements(),o;return r.length===0?o=this.options.paddingStart:o=this.options.lanes===1?(a=(e=r[r.length-1])==null?void 0:e.end)!=null?a:0:Math.max(...r.slice(-this.options.lanes).map(s=>s.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)}},Rl=(i,t,e,r)=>{for(;i<=t;){let o=(i+t)/2|0,a=e(o);if(a<r)i=o+1;else if(a>r)t=o-1;else return o}return i>0?i-1:0};function hm({measurements:i,outerSize:t,scrollOffset:e}){let r=i.length-1,a=Rl(0,r,n=>i[n].start,e),s=a;for(;s<r&&i[s].end<e+t;)s++;return{startIndex:a,endIndex:s}}var Ia=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(o,a)=>{var s;this.host.updateComplete.then(()=>this.host.requestUpdate()),(s=e.onChange)==null||s.call(e,o,a)}};this.virtualizer=new ti(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},ri=class extends Ia{constructor(t,e){super(t,{observeElementRect:kl,observeElementOffset:Ll,scrollToFn:Nl,...e})}};var{I:zk}=Ka;var Ol=i=>i.strings===void 0;var Kr=(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),Kr(o,t);return!0},oi=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)},Ml=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),bm(t)}};function um(i){this._$AN!==void 0?(oi(this),this._$AM=i,Ml(this)):this._$AM=i}function fm(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 a=e;a<r.length;a++)Kr(r[a],!1),oi(r[a]);else r!=null&&(Kr(r,!1),oi(r));else Kr(this,i)}var bm=i=>{var t,e;i.type==yo.CHILD&&((t=i._$AP)!=null||(i._$AP=fm),(e=i._$AQ)!=null||(i._$AQ=um))},ii=class extends Kt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),Ml(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&&(Kr(this,t),oi(this))}setValue(t){if(Ol(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 Dl=()=>new wa,wa=class{},_a=new WeakMap,$l=Lr(class extends ii{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=_a.get(e);r===void 0&&(r=new WeakMap,_a.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=_a.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 gm=[f`
|
|
3856
3847
|
:host::part(scroll) {
|
|
3857
3848
|
height: 100%;
|
|
3858
3849
|
width: 100%;
|
|
@@ -3862,7 +3853,7 @@
|
|
|
3862
3853
|
position: relative;
|
|
3863
3854
|
width: 100%;
|
|
3864
3855
|
}
|
|
3865
|
-
`],zl=gm;var Pl=b.constructTagName("virtualizedlist"),
|
|
3856
|
+
`],zl=gm;var Pl=b.constructTagName("virtualizedlist"),Jk=b.constructTagName("virtualizedwrapper"),Vl={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var Dt=class extends g{constructor(){super();this.virtualizerProps=Vl.VIRTUALIZER_PROPS;this.scrollElementRef=Dl();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 ri(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:a}=this.virtualizer,s=o();if(s!==this.virtualItems){this.virtualItems=s;let p=o(),h={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(d=(n=p[0])==null?void 0:n.start)!=null?d:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:p,measureElement:a,listStyle:h})}return m`<div
|
|
3866
3857
|
part="container"
|
|
3867
3858
|
style="height: ${r()}px;"
|
|
3868
3859
|
>
|
|
@@ -3874,7 +3865,7 @@
|
|
|
3874
3865
|
>
|
|
3875
3866
|
${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):m``}
|
|
3876
3867
|
</div>
|
|
3877
|
-
`}};Dt.styles=[...g.styles,...zl],l([c({type:Function,attribute:"onscroll"})],Dt.prototype,"onscroll",2),l([c({type:Object,attribute:"virtualizerprops"})],Dt.prototype,"virtualizerProps",2),l([c({type:Function,attribute:"setlistdata"})],Dt.prototype,"setlistdata",2);var Ca=Dt;Ca.register(Pl);var vm=Ca;var ym=[
|
|
3868
|
+
`}};Dt.styles=[...g.styles,...zl],l([c({type:Function,attribute:"onscroll"})],Dt.prototype,"onscroll",2),l([c({type:Object,attribute:"virtualizerprops"})],Dt.prototype,"virtualizerProps",2),l([c({type:Function,attribute:"setlistdata"})],Dt.prototype,"setlistdata",2);var Ca=Dt;Ca.register(Pl);var vm=Ca;var ym=[lo,f`
|
|
3878
3869
|
:host {
|
|
3879
3870
|
--mdc-tablist-focus-ring-outer-width: var(--mdc-focus-ring-outer-width);
|
|
3880
3871
|
--mdc-tablist-gap: 0.5rem;
|
|
@@ -3904,16 +3895,16 @@
|
|
|
3904
3895
|
:host mdc-button[prefix-icon="arrow-right-regular"] {
|
|
3905
3896
|
margin-left: var(--mdc-tablist-arrow-button-margin);
|
|
3906
3897
|
}
|
|
3907
|
-
`],Ul=[...ym];var Fl=b.constructTagName("tablist"),
|
|
3898
|
+
`],Ul=[...ym];var Fl=b.constructTagName("tablist"),jr={LEFT:"ArrowLeft",RIGHT:"ArrowRight",HOME:"Home",END:"End"},pr={FORWARD:"forward",BACKWARD:"backward"};var ai=i=>i[0],ka=i=>i[i.length-1],Bl=(i,t)=>{let e=i.findIndex(r=>t===r)-1;return i[(e+i.length)%i.length]},Hl=(i,t)=>{let e=i.findIndex(r=>t===r)+1;return i[e%i.length]},Gl=(i,t)=>i.find(e=>e.tabId===t),La=i=>i.find(t=>t.active);var ue=class extends g{constructor(){super();this.showForwardArrowButton=!1;this.showBackwardArrowButton=!1;this.isRtl=()=>{var e;return((e=document.querySelector("html"))==null?void 0:e.getAttribute("dir"))==="rtl"||window.getComputedStyle(this).direction==="rtl"};this.setAriaLabelledByOrAriaLabel=()=>{var e,r,o,a;this.dataAriaLabelledby?((e=this.tabsContainer)==null||e.setAttribute("aria-labelledby",this.dataAriaLabelledby),(r=this.tabsContainer)==null||r.removeAttribute("aria-label")):((o=this.tabsContainer)==null||o.setAttribute("aria-label",this.dataAriaLabel||"Tab List"),(a=this.tabsContainer)==null||a.removeAttribute("aria-labelledby"))};this.fireTabChangeEvent=e=>{let r=new CustomEvent("change",{detail:e.tabId});this.dispatchEvent(r)};this.handleFocus=async e=>{if(e.relatedTarget instanceof se||!(e.target instanceof se))return;let r=La(this.tabs||[]);r instanceof se&&await this.focusTab(r)};this.handleMousedown=e=>{e.target instanceof se&&e.preventDefault()};this.handleNestedTabActiveChange=async e=>{let r=e.target;r instanceof se&&(this.setActiveTab(r),await this.focusTab(r),this.activeTabId=r.tabId)};this.resetTabIndexAndSetNewTabIndex=e=>{var r;(r=this.tabs)==null||r.forEach(o=>{o.setAttribute("tabindex",o===e?"0":"-1")})};this.setActiveTab=e=>{var r;(r=this.tabs)==null||r.forEach(o=>{o===e?o.setAttribute("active",""):o.removeAttribute("active")})};this.focusTab=async e=>{var r;e instanceof se&&(e!==((r=this.shadowRoot)==null?void 0:r.activeElement)&&(this.resetTabIndexAndSetNewTabIndex(e),e.focus()),e.scrollIntoView({behavior:"instant",block:"start",inline:"center"}),await this.handleArrowButtonVisibility())};this.handleKeydown=async e=>{let r=e.target;if(!(r instanceof se)||!this.tabs)return;let o=Bl(this.tabs,r),a=Hl(this.tabs,r),s=ai(this.tabs),n=ka(this.tabs);switch(e.code){case jr.LEFT:e.preventDefault(),await this.focusTab(this.isRtl()?a:o);break;case jr.RIGHT:e.preventDefault(),await this.focusTab(this.isRtl()?o:a);break;case jr.HOME:await this.focusTab(s);break;case jr.END:await this.focusTab(n);break;default:}};this.shouldShowArrowButton=e=>e===pr.FORWARD?this.showForwardArrowButton:this.showBackwardArrowButton;this.switchFocus=async()=>{var e,r;await this.updateComplete,!this.showBackwardArrowButton&&!this.showForwardArrowButton?(e=La(this.tabs||[]))==null||e.focus():(this.showBackwardArrowButton&&!this.showForwardArrowButton||this.showForwardArrowButton&&!this.showBackwardArrowButton)&&((r=this.notFocusedArrowButton)==null||r.focus())};this.handleArrowButtonVisibility=async()=>{var u,x,y;if(!this.tabs||!this.tabsContainer)return;let e=!1;((u=this.shadowRoot)==null?void 0:u.activeElement)instanceof Mr&&(e=!0);let r=ai(this.tabs),o=ka(this.tabs),a=r.getBoundingClientRect().left,s=(x=this.tabsContainer)==null?void 0:x.getBoundingClientRect().left,n=o.getBoundingClientRect().right,d=(y=this.tabsContainer)==null?void 0:y.getBoundingClientRect().right,p=r.getBoundingClientRect().right,h=o.getBoundingClientRect().left;if(!this.isRtl()){a<=s?this.showBackwardArrowButton=!0:this.showBackwardArrowButton=!1,n>d?this.showForwardArrowButton=!0:this.showForwardArrowButton=!1,e&&await this.switchFocus();return}p>d?this.showBackwardArrowButton=!0:this.showBackwardArrowButton=!1,h<s?this.showForwardArrowButton=!0:this.showForwardArrowButton=!1,e&&await this.switchFocus()};this.scrollTabs=async e=>{var a;let r=this.isRtl()?-1:1,o=this.isRtl()?1:-1;(a=this.tabsContainer)==null||a.scrollBy({left:this.tabsContainer.clientWidth*(e===pr.FORWARD?r:o),behavior:"instant"}),await this.handleArrowButtonVisibility()};this.addEventListener("keydown",this.handleKeydown),this.addEventListener("activechange",this.handleNestedTabActiveChange)}async firstUpdated(){var o,a,s;if(!this.tabs)return;if(Array.isArray(this.tabs)&&this.tabs.length===0){this.onerror&&this.onerror("The tablist component must have at least one child tab");return}let e=this.tabs.map(n=>n.tabId);new Set(e).size!==this.tabs.length&&this.onerror&&this.onerror("The tabs inside the tab list must have unique tab ids"),this.setAriaLabelledByOrAriaLabel(),new ResizeObserver(async()=>{var d,p;let n=(p=(d=this.tabsContainer)==null?void 0:d.shadowRoot)==null?void 0:p.activeElement;n instanceof se&&n.scrollIntoView({behavior:"instant",block:"start",inline:"center"}),await this.handleArrowButtonVisibility()}).observe(this),this.activeTabId||(this.activeTabId=(o=ai(this.tabs))==null?void 0:o.tabId),(a=this.tabsContainer)==null||a.addEventListener("focusin",this.handleFocus),(s=this.tabsContainer)==null||s.addEventListener("mousedown",this.handleMousedown)}async update(e){if(super.update(e),(e.has("dataAriaLabelledby")||e.has("dataAriaLabel"))&&this.setAriaLabelledByOrAriaLabel(),e.has("activeTabId")){if(!this.tabs||!this.activeTabId)return;let r=Gl(this.tabs,this.activeTabId);if(!(r instanceof se))return;this.setActiveTab(r),e.get("activeTabId")?(this.fireTabChangeEvent(r),await this.focusTab(r)):this.resetTabIndexAndSetNewTabIndex(r)}}render(){let e=this.isRtl()?"left":"right",r=this.isRtl()?"right":"left",o=a=>m` ${this.shouldShowArrowButton(a)?m`<mdc-button
|
|
3908
3899
|
variant="tertiary"
|
|
3909
|
-
prefix-icon="arrow-${a===
|
|
3910
|
-
aria-label="Scroll tabs ${a===
|
|
3900
|
+
prefix-icon="arrow-${a===pr.FORWARD?e:r}-regular"
|
|
3901
|
+
aria-label="Scroll tabs ${a===pr.FORWARD?e:r}"
|
|
3911
3902
|
@click="${()=>this.scrollTabs(a)}"
|
|
3912
|
-
></mdc-button>`:
|
|
3903
|
+
></mdc-button>`:v}`;return m` ${o("backward")}
|
|
3913
3904
|
<div class="container" role="tablist" tabindex="-1">
|
|
3914
3905
|
<slot></slot>
|
|
3915
3906
|
</div>
|
|
3916
|
-
${o(
|
|
3907
|
+
${o(pr.FORWARD)}`}};ue.styles=[...g.styles,...Ul],l([c({type:String,attribute:"active-tab-id",reflect:!0})],ue.prototype,"activeTabId",2),l([c({type:String,attribute:"data-aria-labelledby"})],ue.prototype,"dataAriaLabelledby",2),l([c({type:String,attribute:"data-aria-label"})],ue.prototype,"dataAriaLabel",2),l([$e(".container")],ue.prototype,"tabsContainer",2),l([$e("mdc-button:not(:focus-visible)")],ue.prototype,"notFocusedArrowButton",2),l([re({selector:"mdc-tab"})],ue.prototype,"tabs",2),l([M()],ue.prototype,"showForwardArrowButton",2),l([M()],ue.prototype,"showBackwardArrowButton",2);var Na=ue;Na.register(Fl);var xm=Na;})();
|
|
3917
3908
|
/*! Bundled license information:
|
|
3918
3909
|
|
|
3919
3910
|
@lit/reactive-element/css-tag.js:
|