@momentum-design/components 0.25.3 → 0.26.0
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 +215 -82
- package/dist/browser/index.js.map +4 -4
- package/dist/components/divider/divider.component.d.ts +7 -0
- package/dist/components/divider/divider.component.js +7 -0
- package/dist/components/divider/divider.styles.js +86 -19
- package/dist/components/spinner/index.d.ts +7 -0
- package/dist/components/spinner/index.js +4 -0
- package/dist/components/spinner/spinner.component.d.ts +75 -0
- package/dist/components/spinner/spinner.component.js +117 -0
- package/dist/components/spinner/spinner.constants.d.ts +16 -0
- package/dist/components/spinner/spinner.constants.js +17 -0
- package/dist/components/spinner/spinner.styles.d.ts +2 -0
- package/dist/components/spinner/spinner.styles.js +66 -0
- package/dist/components/spinner/spinner.types.d.ts +5 -0
- package/dist/components/spinner/spinner.types.js +1 -0
- package/dist/custom-elements.json +149 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/divider/index.d.ts +7 -0
- package/dist/react/divider/index.js +7 -0
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.js +1 -0
- package/dist/react/spinner/index.d.ts +39 -0
- package/dist/react/spinner/index.js +48 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
1
|
+
"use strict";(()=>{var Hi=Object.defineProperty;var Gi=Object.getOwnPropertyDescriptor;var a=(i,t,e,r)=>{for(var o=r>1?void 0:r?Gi(t,e):t,n=i.length-1,s;n>=0;n--)(s=i[n])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Hi(t,e,o),o};var mt=globalThis,ht=mt.ShadowRoot&&(mt.ShadyCSS===void 0||mt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,qt=Symbol(),Yr=new WeakMap,He=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==qt)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(ht&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=Yr.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Yr.set(e,t))}return t}toString(){return this.cssText}},Xr=i=>new He(typeof i=="string"?i:i+"",void 0,qt),h=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,o,n)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[n+1],i[0]);return new He(e,i,qt)},jt=(i,t)=>{if(ht)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),o=mt.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,i.appendChild(r)}},pt=ht?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Xr(e)})(i):i;var{is:Fi,defineProperty:Bi,getOwnPropertyDescriptor:Yi,getOwnPropertyNames:Xi,getOwnPropertySymbols:Zi,getPrototypeOf:qi}=Object,Q=globalThis,Zr=Q.trustedTypes,ji=Zr?Zr.emptyScript:"",Wt=Q.reactiveElementPolyfillSupport,Ge=(i,t)=>i,Fe={toAttribute(i,t){switch(t){case Boolean:i=i?ji: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}},ut=(i,t)=>!Fi(i,t),qr={attribute:!0,type:String,converter:Fe,reflect:!1,hasChanged:ut},jr,Wr;(jr=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(Wr=Q.litPropertyMetadata)!=null||(Q.litPropertyMetadata=new WeakMap);var Y=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=qr){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&&Bi(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){var s;let{get:o,set:n}=(s=Yi(this.prototype,t))!=null?s:{get(){return this[e]},set(d){this[e]=d}};return{get(){return o==null?void 0:o.call(this)},set(d){let l=o==null?void 0:o.call(this);n.call(this,d),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:qr}static _$Ei(){if(this.hasOwnProperty(Ge("elementProperties")))return;let t=qi(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Ge("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Ge("properties"))){let e=this.properties,r=[...Xi(e),...Zi(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(pt(o))}else t!==void 0&&e.push(pt(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 jt(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 n;let r=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,r);if(o!==void 0&&r.reflect===!0){let s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:Fe).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){var n;let r=this.constructor,o=r._$Eh.get(t);if(o!==void 0&&this._$Em!==o){let s=r.getPropertyOptions(o),d=typeof s.converter=="function"?{fromAttribute:s.converter}:((n=s.converter)==null?void 0:n.fromAttribute)!==void 0?s.converter:Fe;this._$Em=o,this[o]=d.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:ut)(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,d]of this._$Ep)this[s]=d;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[s,d]of n)d.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],d)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(n=>{var s;return(s=n.hostUpdate)==null?void 0:s.call(n)}),this.update(e)):this._$EU()}catch(n){throw t=!1,this._$EU(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var 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){}},Kr;Y.elementStyles=[],Y.shadowRootOptions={mode:"open"},Y[Ge("elementProperties")]=new Map,Y[Ge("finalized")]=new Map,Wt==null||Wt({ReactiveElement:Y}),((Kr=Q.reactiveElementVersions)!=null?Kr:Q.reactiveElementVersions=[]).push("2.0.4");var Wi={attribute:!0,type:String,converter:Fe,reflect:!1,hasChanged:ut},Ki=(i=Wi,t,e)=>{let{kind:r,metadata:o}=e,n=globalThis.litPropertyMetadata.get(o);if(n===void 0&&globalThis.litPropertyMetadata.set(o,n=new Map),n.set(e.name,i),r==="accessor"){let{name:s}=e;return{set(d){let l=t.get.call(this);t.set.call(this,d),this.requestUpdate(s,l,i)},init(d){return d!==void 0&&this.P(s,void 0,i),d}}}if(r==="setter"){let{name:s}=e;return function(d){let l=this[s];t.call(this,d),this.requestUpdate(s,l,i)}}throw Error("Unsupported decorator location: "+r)};function c(i){return(t,e)=>typeof e=="object"?Ki(i,t,e):((r,o,n)=>{let s=o.hasOwnProperty(n);return o.constructor.createProperty(n,s?{...r,wrapped:!0}:r),s?Object.getOwnPropertyDescriptor(o,n):void 0})(i,t,e)}function L(i){return c({...i,state:!0,attribute:!1})}var me=(i,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(i,t,e),e);function Qr(i,t){return(e,r,o)=>{let n=s=>{var d,l;return(l=(d=s.renderRoot)==null?void 0:d.querySelector(i))!=null?l:null};if(t){let{get:s,set:d}=typeof r=="object"?e:o!=null?o:(()=>{let l=Symbol();return{get(){return this[l]},set(b){this[l]=b}}})();return me(e,r,{get(){let l=s.call(this);return l===void 0&&(l=n(this),(l!==null||this.hasUpdated)&&d.call(this,l)),l}})}return me(e,r,{get(){return n(this)}})}}var Qi={PREFIX:"mdc",SEPARATOR:"-"},Ji={NAMESPACE:Qi},Kt=Ji;var es=i=>[Kt.NAMESPACE.PREFIX,i].join(Kt.NAMESPACE.SEPARATOR),g={constructTagName:es};var gt=g.constructTagName("themeprovider"),Qt={THEMECLASS:"mds-theme-stable-darkWebex"};var Ye=globalThis,bt=Ye.trustedTypes,Jr=bt?bt.createPolicy("lit-html",{createHTML:i=>i}):void 0,tr="$lit$",X=`lit$${Math.random().toFixed(9).slice(2)}$`,rr="?"+X,ts=`<${rr}>`,ue=document,Xe=()=>ue.createComment(""),Ze=i=>i===null||typeof i!="object"&&typeof i!="function",or=Array.isArray,no=i=>or(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Jt=`[
|
|
2
|
+
\f\r]`,Be=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,eo=/-->/g,to=/>/g,he=RegExp(`>|${Jt}(?:([^\\s"'>=/]+)(${Jt}*=${Jt}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ro=/'/g,oo=/"/g,ao=/^(?:script|style|textarea|title)$/i,ir=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),m=ir(1),qn=ir(2),jn=ir(3),Z=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),io=new WeakMap,pe=ue.createTreeWalker(ue,129);function co(i,t){if(!or(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Jr!==void 0?Jr.createHTML(t):t}var lo=(i,t)=>{let e=i.length-1,r=[],o,n=t===2?"<svg>":t===3?"<math>":"",s=Be;for(let d=0;d<e;d++){let l=i[d],b,u,f=-1,z=0;for(;z<l.length&&(s.lastIndex=z,u=s.exec(l),u!==null);)z=s.lastIndex,s===Be?u[1]==="!--"?s=eo:u[1]!==void 0?s=to:u[2]!==void 0?(ao.test(u[2])&&(o=RegExp("</"+u[2],"g")),s=he):u[3]!==void 0&&(s=he):s===he?u[0]===">"?(s=o!=null?o:Be,f=-1):u[1]===void 0?f=-2:(f=s.lastIndex-u[2].length,b=u[1],s=u[3]===void 0?he:u[3]==='"'?oo:ro):s===oo||s===ro?s=he:s===eo||s===to?s=Be:(s=he,o=void 0);let w=s===he&&i[d+1].startsWith("/>")?" ":"";n+=s===Be?l+ts:f>=0?(r.push(b),l.slice(0,f)+tr+l.slice(f)+X+w):l+X+(f===-2?d:w)}return[co(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},qe=class i{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let n=0,s=0,d=t.length-1,l=this.parts,[b,u]=lo(t,e);if(this.el=i.createElement(b,r),pe.currentNode=this.el.content,e===2||e===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(o=pe.nextNode())!==null&&l.length<d;){if(o.nodeType===1){if(o.hasAttributes())for(let f of o.getAttributeNames())if(f.endsWith(tr)){let z=u[s++],w=o.getAttribute(f).split(X),P=/([.?@])?(.*)/.exec(z);l.push({type:1,index:n,name:P[2],strings:w,ctor:P[1]==="."?ft:P[1]==="?"?yt:P[1]==="@"?xt:be}),o.removeAttribute(f)}else f.startsWith(X)&&(l.push({type:6,index:n}),o.removeAttribute(f));if(ao.test(o.tagName)){let f=o.textContent.split(X),z=f.length-1;if(z>0){o.textContent=bt?bt.emptyScript:"";for(let w=0;w<z;w++)o.append(f[w],Xe()),pe.nextNode(),l.push({type:2,index:++n});o.append(f[z],Xe())}}}else if(o.nodeType===8)if(o.data===rr)l.push({type:2,index:n});else{let f=-1;for(;(f=o.data.indexOf(X,f+1))!==-1;)l.push({type:7,index:n}),f+=X.length-1}n++}}static createElement(t,e){let r=ue.createElement("template");return r.innerHTML=t,r}};function ge(i,t,e=i,r){var s,d,l;if(t===Z)return t;let o=r!==void 0?(s=e.o)==null?void 0:s[r]:e.l,n=Ze(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==n&&((d=o==null?void 0:o._$AO)==null||d.call(o,!1),n===void 0?o=void 0:(o=new n(i),o._$AT(i,e,r)),r!==void 0?((l=e.o)!=null?l:e.o=[])[r]=o:e.l=o),o!==void 0&&(t=ge(i,o._$AS(i,t.values),o,r)),t}var vt=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 b;let{el:{content:e},parts:r}=this._$AD,o=((b=t==null?void 0:t.creationScope)!=null?b:ue).importNode(e,!0);pe.currentNode=o;let n=pe.nextNode(),s=0,d=0,l=r[0];for(;l!==void 0;){if(s===l.index){let u;l.type===2?u=new Ne(n,n.nextSibling,this,t):l.type===1?u=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(u=new Et(n,this,t)),this._$AV.push(u),l=r[++d]}s!==(l==null?void 0:l.index)&&(n=pe.nextNode(),s++)}return pe.currentNode=ue,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++}},Ne=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 n;this.type=2,this._$AH=p,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=o,this.v=(n=o==null?void 0:o.isConnected)!=null?n:!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ge(this,t,e),Ze(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==Z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):no(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!==p&&Ze(this._$AH)?this._$AA.nextSibling.data=t:this.T(ue.createTextNode(t)),this._$AH=t}$(t){var n;let{values:e,_$litType$:r}=t,o=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=qe.createElement(co(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===o)this._$AH.p(e);else{let s=new vt(o,this),d=s.u(this.options);s.p(e),this.T(d),this._$AH=s}}_$AC(t){let e=io.get(t.strings);return e===void 0&&io.set(t.strings,e=new qe(t)),e}k(t){or(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,o=0;for(let n of t)o===e.length?e.push(r=new i(this.O(Xe()),this.O(Xe()),this,this.options)):r=e[o],r._$AI(n),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))}},be=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,o,n){this.type=1,this._$AH=p,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=p}_$AI(t,e=this,r,o){let n=this.strings,s=!1;if(n===void 0)t=ge(this,t,e,0),s=!Ze(t)||t!==this._$AH&&t!==Z,s&&(this._$AH=t);else{let d=t,l,b;for(t=n[0],l=0;l<n.length-1;l++)b=ge(this,d[r+l],e,l),b===Z&&(b=this._$AH[l]),s||(s=!Ze(b)||b!==this._$AH[l]),b===p?t=p:t!==p&&(t+=(b!=null?b:"")+n[l+1]),this._$AH[l]=b}s&&!o&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},ft=class extends be{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}},yt=class extends be{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}},xt=class extends be{constructor(t,e,r,o,n){super(t,e,r,o,n),this.type=5}_$AI(t,e=this){var s;if((t=(s=ge(this,t,e,0))!=null?s:p)===Z)return;let r=this._$AH,o=t===p&&r!==p||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==p&&(r===p||o);o&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;typeof this._$AH=="function"?this._$AH.call((r=(e=this.options)==null?void 0:e.host)!=null?r:this.element,t):this._$AH.handleEvent(t)}},Et=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){ge(this,t)}},mo={M:tr,P:X,A:rr,C:1,L:lo,R:vt,D:no,V:ge,I:Ne,H:be,N:yt,U:xt,B:ft,F:Et},er=Ye.litHtmlPolyfillSupport,so;er==null||er(qe,Ne),((so=Ye.litHtmlVersions)!=null?so:Ye.litHtmlVersions=[]).push("3.2.0");var ho=(i,t,e)=>{var n,s;let r=(n=e==null?void 0:e.renderBefore)!=null?n:t,o=r._$litPart$;if(o===void 0){let d=(s=e==null?void 0:e.renderBefore)!=null?s:null;r._$litPart$=o=new Ne(t.insertBefore(Xe(),d),d,void 0,e!=null?e:{})}return o._$AI(i),o};var J=class extends Y{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=ho(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 Z}},po;J._$litElement$=!0,J.finalized=!0,(po=globalThis.litElementHydrateSupport)==null||po.call(globalThis,{LitElement:J});var sr=globalThis.litElementPolyfillSupport;sr==null||sr({LitElement:J});var uo;((uo=globalThis.litElementVersions)!=null?uo:globalThis.litElementVersions=[]).push("4.1.0");var go=h`
|
|
4
4
|
:host {
|
|
5
5
|
box-sizing: border-box;
|
|
6
6
|
}
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
:host *::after {
|
|
11
11
|
box-sizing: inherit;
|
|
12
12
|
}
|
|
13
|
-
`;var
|
|
13
|
+
`;var Tt=class extends J{static register(t){customElements.get(t)||customElements.define(t,this)}};Tt.styles=[go];var bo=Tt;var v=bo;var ee=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 ke=class{constructor(t,e,r,o){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(s,d)=>{this.unsubscribe&&(this.unsubscribe!==d&&(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,d)),this.unsubscribe=d},this.host=t,e.context!==void 0){let s=e;this.context=s.context,this.callback=s.callback,this.subscribe=(n=s.subscribe)!=null?n:!1}else this.context=e,this.callback=r,this.subscribe=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 ee(this.context,this.t,this.subscribe))}};var _t=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 nr=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Ce=class extends _t{constructor(t,e,r){var o,n;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=s=>{let d=s.composedPath()[0];s.context===this.context&&d!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,d,s.subscribe))},this.onProviderRequest=s=>{let d=s.composedPath()[0];if(s.context!==this.context||d===this.host)return;let l=new Set;for(let[b,{consumerHost:u}]of this.subscriptions)l.has(b)||(l.add(b),u.dispatchEvent(new ee(this.context,b,!0)));s.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(n=(o=this.host).addController)==null||n.call(o,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new nr(this.context))}};var rs=h`
|
|
14
14
|
:host {
|
|
15
15
|
display: contents;
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,fo=rs;var At=class extends v{constructor({context:t,initialValue:e}){super(),this.context=new Ce(this,{context:t,initialValue:e})}render(){return this.updateContext(),m`<slot></slot>`}};At.styles=[...v.styles,fo];var yo=At;var ze=yo;var St=class{constructor(t){this.themeclass=t}};St.context=gt;var It=St;var os=h`
|
|
18
18
|
:host {
|
|
19
19
|
--mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
|
|
20
20
|
--mdc-themeprovider-font-family: var(--mds-font-family-primary);
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
|
|
33
33
|
}
|
|
34
|
-
`,
|
|
34
|
+
`,xo=[os];var Re=class extends ze{constructor(){super({context:It.context,initialValue:new It(Qt.THEMECLASS)});this.themeclass=Qt.THEMECLASS}static get Context(){return It.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(" "))}};Re.styles=[...ze.styles,...xo],a([L()],Re.prototype,"currentThemeClass",2),a([c({type:String})],Re.prototype,"themeclass",2);var ar=Re;ar.register(gt);var is=ar;var x=h`
|
|
35
35
|
:host {
|
|
36
36
|
align-items: center;
|
|
37
37
|
display: flex;
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
|
-
`]};var
|
|
92
|
+
`]};var ss=[x,h`
|
|
93
93
|
:host {
|
|
94
94
|
--mdc-icon-fill-color: currentColor;
|
|
95
95
|
--mdc-icon-size: var(--computed-icon-size);
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
width: 100%;
|
|
105
105
|
fill: var(--mdc-icon-fill-color);
|
|
106
106
|
}
|
|
107
|
-
`,...S()],
|
|
107
|
+
`,...S()],Eo=ss;var ns=i=>{let{host:t,context:e,subscribe:r}=i;return new ke(t,{context:e,subscribe:r!=null?r:!0})},as={consume:ns},To=as;var Nt=g.constructTagName("iconprovider"),_o=["svg"],Ao=["em","rem","px","%"],ds={px:16,em:1,rem:1,"%":100},te={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:ds.em,SHOULD_CACHE:!1};var kt=class{};kt.context=Nt;var Ct=kt;var q=class extends ze{constructor(){super({context:Ct.context,initialValue:new Ct});this.fileExtension=te.FILE_EXTENSION;this.lengthUnit=te.LENGTH_UNIT;this.size=te.SIZE}static get Context(){return Ct.context}updateValuesInContext(){this.fileExtension&&_o.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=te.FILE_EXTENSION,this.context.value.fileExtension=te.FILE_EXTENSION),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&&Ao.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=te.LENGTH_UNIT,this.context.value.lengthUnit=te.LENGTH_UNIT)}updateContext(){(this.context.value.fileExtension!==this.fileExtension||this.context.value.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())}};a([c({type:String})],q.prototype,"url",2),a([c({type:String,attribute:"file-extension",reflect:!0})],q.prototype,"fileExtension",2),a([c({type:String,attribute:"length-unit",reflect:!0})],q.prototype,"lengthUnit",2),a([c({type:Number,reflect:!0})],q.prototype,"size",2),a([c({type:String,attribute:"cache-strategy"})],q.prototype,"cacheStrategy",2),a([c({type:String,attribute:"cache-name"})],q.prototype,"cacheName",2);var je=q;var We={},So=async i=>(We[i]===void 0&&(We[i]=new Map),{async set(t,e){We[i].set(t.url,await e.text())},async get(t){return We[i].get(t.url)},async delete(t){We[i].delete(t.url)}}),Io=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)}}},No=async(i,t)=>t==="in-memory-cache"?So(i):Io(i);var ko=async i=>fetch(i).then(t=>{if(!t.ok)throw new Error("There was a problem while fetching the icon!");return t}),Co=async({url:i,name:t,fileExtension:e,cacheStrategy:r,cacheName:o,renewSignal:n})=>{let s=n(),d=new Request(`${i}/${t}.${e}`,{signal:s});return!o||!r||!["in-memory-cache","web-cache-api"].includes(r)?ko(d).then(l=>l.text()):No(o,r).then(l=>l.get(d).then(b=>b||ko(d.clone()).then(u=>{var f;return u.status<400&&u.headers.has("content-type")?(f=l.set)==null?void 0:f.call(l,d,u.clone()).then(()=>u.text()):u.text()})).catch(b=>{throw new Error(`Error in caching the Icon ${t}, ${b}`)}))};var zo=g.constructTagName("icon"),dr={NAME:void 0,SIZE:1};var O=class extends v{constructor(){super();this.name=dr.NAME;this.ariaLabel=null;this.iconProviderContext=To.consume({host:this,context:je.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:e,url:r,cacheName:o,cacheStrategy:n}=this.iconProviderContext.value;if(r&&e&&this.name){let s=()=>(this.abortController.abort(),this.abortController=new AbortController,this.abortController.signal);try{let d=await Co({url:r,name:this.name,fileExtension:e,cacheName:o,cacheStrategy:n,renewSignal:s}),l=this.prepareIconElement(d);this.handleIconLoadedSuccess(l)}catch(d){this.handleIconLoadedFailure(d)}}}}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:dr.SIZE}updated(e){var r,o,n,s;super.updated(e),e.has("name")&&this.getIconData().catch(d=>{d.name!=="AbortError"&&this.onerror&&this.onerror(d)}),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null),(e.has("size")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((r=this.iconProviderContext.value)==null?void 0:r.lengthUnit)&&(this.lengthUnitFromContext=(o=this.iconProviderContext.value)==null?void 0:o.lengthUnit,this.updateSize()),this.sizeFromContext!==((n=this.iconProviderContext.value)==null?void 0:n.size)&&(this.sizeFromContext=(s=this.iconProviderContext.value)==null?void 0:s.size,this.updateSize())}render(){return m` ${this.iconData} `}};O.styles=[...v.styles,...Eo],a([L()],O.prototype,"iconData",2),a([L()],O.prototype,"lengthUnitFromContext",2),a([L()],O.prototype,"sizeFromContext",2),a([c({type:String,reflect:!0})],O.prototype,"name",2),a([c({type:Number})],O.prototype,"size",2),a([c({type:String,attribute:"length-unit"})],O.prototype,"lengthUnit",2),a([c({type:String,attribute:"aria-label"})],O.prototype,"ariaLabel",2),a([L()],O.prototype,"abortController",2);var cr=O;cr.register(zo);var cs=cr;je.register(Nt);var ls=je;var y=i=>i!=null?i:p;var Ro=g.constructTagName("avatar"),R={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},lr=99,ms="user-regular",E={24:24,32:32,48:48,64:64,72:72,88:88,124:124},we={TYPE:R.PHOTO,SIZE:E[32],ICON_NAME:ms};var zt=i=>{class t extends i{constructor(){super(...arguments);this.size=we.SIZE;this.isTyping=!1}}return a([c({type:String})],t.prototype,"src",2),a([c({type:String})],t.prototype,"initials",2),a([c({type:String})],t.prototype,"presence",2),a([c({type:Number,reflect:!0,attribute:"size"})],t.prototype,"size",2),a([c({type:Number})],t.prototype,"counter",2),a([c({type:Boolean,attribute:"is-typing"})],t.prototype,"isTyping",2),t};var U=i=>{class t extends i{}return a([c({type:String,attribute:"icon-name"})],t.prototype,"iconName",2),t};var hs=[x,h`
|
|
108
108
|
:host {
|
|
109
109
|
--mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
|
|
110
110
|
--mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
@@ -227,8 +227,8 @@
|
|
|
227
227
|
outline: 0.125rem solid;
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
|
-
`],
|
|
231
|
-
<mdc-presence class="presence" type="${this.presence}" size="${
|
|
230
|
+
`],wo=hs;var Lo=g.constructTagName("presence"),k={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"},I={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},Le={TYPE:k.ACTIVE,SIZE:I.SMALL};var Ke=g.constructTagName("text"),A={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"},_={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},M={TYPE:A.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:_.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Mo=i=>({[E[124]]:I.XX_LARGE,[E[88]]:I.X_LARGE,[E[72]]:I.LARGE,[E[64]]:I.MIDSIZE,[E[48]]:I.SMALL,[E[32]]:I.X_SMALL,[E[24]]:I.XX_SMALL})[i]||I.X_SMALL,Oo=i=>({[E[124]]:4.75,[E[88]]:3,[E[72]]:2.5,[E[64]]:2.25,[E[48]]:1.75,[E[32]]:1.25,[E[24]]:1})[i]||1.25,$o=i=>({[E[124]]:A.HEADING_XLARGE_MEDIUM,[E[88]]:A.HEADING_LARGE_MEDIUM,[E[72]]:A.HEADING_MIDSIZE_MEDIUM,[E[64]]:A.HEADING_SMALL_MEDIUM,[E[48]]:A.HEADING_SMALL_MEDIUM,[E[32]]:A.BODY_MIDSIZE_MEDIUM,[E[24]]:A.BODY_SMALL_MEDIUM})[i]||A.BODY_MIDSIZE_MEDIUM;var Qe=class extends zt(U(v)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===R.COUNTER&&(this.counter||this.counter===0)?p:this.presence?m`
|
|
231
|
+
<mdc-presence class="presence" type="${this.presence}" size="${Mo(this.size)}"></mdc-presence>
|
|
232
232
|
`:p}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`
|
|
233
233
|
<img
|
|
234
234
|
class="photo"
|
|
@@ -238,27 +238,27 @@
|
|
|
238
238
|
@load="${this.handleOnLoad}"
|
|
239
239
|
@error="${this.handleOnError}"
|
|
240
240
|
/>
|
|
241
|
-
`}iconTemplate(){let e=this.iconName||
|
|
241
|
+
`}iconTemplate(){let e=this.iconName||we.ICON_NAME;return m`
|
|
242
242
|
<mdc-icon
|
|
243
243
|
name="${y(e)}"
|
|
244
244
|
length-unit="rem"
|
|
245
|
-
size="${
|
|
245
|
+
size="${Oo(this.size)}"
|
|
246
246
|
></mdc-icon>
|
|
247
247
|
`}textTemplate(e){return m`
|
|
248
248
|
<mdc-text
|
|
249
|
-
type="${
|
|
249
|
+
type="${$o(this.size)}"
|
|
250
250
|
tagname="span"
|
|
251
251
|
>
|
|
252
252
|
${e}
|
|
253
253
|
</mdc-text>
|
|
254
|
-
`}generateCounterText(e){return e<0?"0":e>
|
|
254
|
+
`}generateCounterText(e){return e<0?"0":e>lr?`${lr}+`:e.toString()}generateInitialsText(e){return e.toUpperCase().slice(0,2)}generateTextContent(e){let r="";return e===R.TEXT&&this.initials&&(r=this.generateInitialsText(this.initials)),e===R.COUNTER&&(this.counter||this.counter===0)&&(r=this.generateCounterText(this.counter)),this.textTemplate(r)}getTypeBasedOnInputs(){return this.src?R.PHOTO:this.iconName?R.ICON:this.initials?R.TEXT:this.counter||this.counter===0?R.COUNTER:R.ICON}getTemplateBasedOnType(e){switch(e){case R.PHOTO:return this.photoTemplate();case R.TEXT:case R.COUNTER:return this.generateTextContent(e);case R.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?m`<div class="loading__wrapper"><div class="loader"></div></div>`:p}getPhotoPlaceHolderContent(e){return this.isPhotoLoaded?p:e===R.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():p}update(e){super.update(e),e.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let e=this.getTypeBasedOnInputs();return m`
|
|
255
255
|
<div class="content" aria-hidden="true">
|
|
256
256
|
${this.getPhotoPlaceHolderContent(e)}
|
|
257
257
|
${this.getTemplateBasedOnType(e)}
|
|
258
258
|
${this.getLoadingContent()}
|
|
259
259
|
${this.getPresenceTemplateBasedOnType(e)}
|
|
260
260
|
</div>
|
|
261
|
-
`}};
|
|
261
|
+
`}};Qe.styles=[...v.styles,...wo],a([L()],Qe.prototype,"isPhotoLoaded",2);var mr=Qe;var ps=[x,h`
|
|
262
262
|
:host {
|
|
263
263
|
--mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
|
|
264
264
|
--mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
.mdc-presence-icon__scheduled {
|
|
353
353
|
color: var(--mdc-presence-scheduled-background-color);
|
|
354
354
|
}
|
|
355
|
-
`],
|
|
355
|
+
`],Do=ps;var Po=i=>{switch(i){case k.AWAY:return"recents-presence-badge-filled";case k.AWAY_CALLING:return"away-calling-presence-filled";case k.BUSY:return"busy-presence-bold";case k.DND:return"dnd-presence-badge-filled";case k.MEETING:return"camera-filled";case k.ON_CALL:return"handset-filled";case k.ON_DEVICE:return"generic-device-video-badge-filled";case k.ON_MOBILE:return"phone-badge-filled";case k.PAUSE:return"pause-badge-filled";case k.PTO:return"pto-presence-filled";case k.PRESENTING:return"share-screen-badge-filled";case k.QUIET:return"quiet-hours-presence-filled";case k.SCHEDULED:return"meetings-presence-badge-filled";case k.ACTIVE:default:return"active-presence-small-filled"}};var ve=class extends v{constructor(){super(...arguments);this.type=Le.TYPE;this.size=Le.SIZE;this.currentIconType=Le.TYPE}get iconSize(){switch(this.size){case I.MIDSIZE:return 1.16125;case I.LARGE:return 1.30625;case I.X_LARGE:return 1.596875;case I.XX_LARGE:return 2.25;case I.XX_SMALL:case I.X_SMALL:case I.SMALL:default:return this.size=Le.SIZE,.875}}get icon(){let e=Po(this.type);return e==="active-presence-small-filled"&&(this.type=Le.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`
|
|
356
356
|
<div class="mdc-presence mdc-presence__${this.size}">
|
|
357
357
|
<mdc-icon
|
|
358
358
|
class="mdc-presence-icon mdc-presence-icon__${this.currentIconType}"
|
|
@@ -362,7 +362,7 @@
|
|
|
362
362
|
@error="${this.handleOnError}"
|
|
363
363
|
></mdc-icon>
|
|
364
364
|
</div>
|
|
365
|
-
`}};
|
|
365
|
+
`}};ve.styles=[...v.styles,...Do],a([c({type:String,reflect:!0})],ve.prototype,"type",2),a([c({type:String,reflect:!0})],ve.prototype,"size",2),a([L()],ve.prototype,"currentIconType",2);var hr=ve;hr.register(Lo);var us=hr;var Uo=h`
|
|
366
366
|
:host::part(text) {
|
|
367
367
|
font-size: unset;
|
|
368
368
|
font-weight: unset;
|
|
@@ -605,14 +605,14 @@
|
|
|
605
605
|
text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
|
|
606
606
|
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
607
607
|
}
|
|
608
|
-
`;var
|
|
608
|
+
`;var gs=[h`
|
|
609
609
|
:host {
|
|
610
610
|
--mdc-text-font-family: var(--mdc-themeprovider-font-family);
|
|
611
611
|
|
|
612
612
|
display: block;
|
|
613
613
|
font-family: var(--mdc-text-font-family);
|
|
614
614
|
}
|
|
615
|
-
`,
|
|
615
|
+
`,Uo],Vo=gs;var Me=class extends v{constructor(){super(...arguments);this.type=M.TYPE;this.tagname=M.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case _.H1:return m`<h1 part=${M.CSS_PART_TEXT}><slot></slot></h1>`;case _.H2:return m`<h2 part=${M.CSS_PART_TEXT}><slot></slot></h2>`;case _.H3:return m`<h3 part=${M.CSS_PART_TEXT}><slot></slot></h3>`;case _.H4:return m`<h4 part=${M.CSS_PART_TEXT}><slot></slot></h4>`;case _.H5:return m`<h5 part=${M.CSS_PART_TEXT}><slot></slot></h5>`;case _.H6:return m`<h6 part=${M.CSS_PART_TEXT}><slot></slot></h6>`;case _.DIV:return m`<div part=${M.CSS_PART_TEXT}><slot></slot></div>`;case _.SPAN:return m`<span part=${M.CSS_PART_TEXT}><slot></slot></span>`;case _.SMALL:return m`<small part=${M.CSS_PART_TEXT}><slot></slot></small>`;case _.P:default:return m`<p part=${M.CSS_PART_TEXT}><slot></slot></p>`}}};Me.styles=[...v.styles,...Vo],a([c({attribute:"type",reflect:!0,type:String})],Me.prototype,"type",2),a([c({attribute:"tagname",reflect:!0,type:String})],Me.prototype,"tagname",2);var pr=Me;pr.register(Ke);var bs=pr;mr.register(Ro);var vs=mr;var Rt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Je=i=>(...t)=>({_$litDirective$:i,values:t}),Oe=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 wt=Je(class extends Oe{constructor(i){var t;if(super(i),i.type!==Rt.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(n=>n!=="")));for(let n in t)t[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(t)}let e=i.element.classList;for(let n of this.st)n in t||(e.remove(n),this.st.delete(n));for(let n in t){let s=!!t[n];s===this.st.has(n)||(o=this.nt)!=null&&o.has(n)||(s?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return Z}});var Ho=g.constructTagName("badge"),j={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},Lt={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},Mt={PRIMARY:"primary",SECONDARY:"secondary"},et={SUCCESS:"success",WARNING:"warning",ERROR:"error"},zl={...Mt,...et},re={TYPE:j.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:Mt.PRIMARY,ICON_SIZE:1};var fs=[x,h`
|
|
616
616
|
:host {
|
|
617
617
|
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
618
618
|
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
@@ -681,21 +681,21 @@
|
|
|
681
681
|
outline: 0.125rem solid;
|
|
682
682
|
}
|
|
683
683
|
}
|
|
684
|
-
`],
|
|
684
|
+
`],Go=fs;var V=class extends U(v){constructor(){super(...arguments);this.variant=re.VARIANT;this.maxCounter=re.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>re.MAX_COUNTER_LIMIT||r>re.MAX_COUNTER_LIMIT?`${re.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r){return m`
|
|
685
685
|
<mdc-icon
|
|
686
|
-
class="mdc-badge-icon ${
|
|
686
|
+
class="mdc-badge-icon ${wt({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
|
|
687
687
|
name="${y(e)}"
|
|
688
688
|
size="${re.ICON_SIZE}"
|
|
689
689
|
></mdc-icon>
|
|
690
|
-
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${
|
|
690
|
+
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${wt({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return m`
|
|
691
691
|
<mdc-text
|
|
692
692
|
type="${A.BODY_SMALL_MEDIUM}"
|
|
693
693
|
tagname="${_.DIV}"
|
|
694
|
-
class="mdc-badge-text ${
|
|
694
|
+
class="mdc-badge-text ${wt({"mdc-badge-overlay":this.overlay})}"
|
|
695
695
|
>
|
|
696
696
|
${this.getCounterText(this.maxCounter,this.counter)}
|
|
697
697
|
</mdc-text>
|
|
698
|
-
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(
|
|
698
|
+
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(Mt).includes(this.variant)&&(this.variant=re.VARIANT);let{iconName:e,type:r,variant:o}=this;switch(r){case j.ICON:return this.getBadgeIcon(e||"",o);case j.COUNTER:return this.getBadgeCounterText();case j.SUCCESS:return this.getBadgeIcon(Lt.SUCCESS_ICON_NAME,et.SUCCESS);case j.WARNING:return this.getBadgeIcon(Lt.WARNING_ICON_NAME,et.WARNING);case j.ERROR:return this.getBadgeIcon(Lt.ERROR_ICON_NAME,et.ERROR);case j.DOT:default:return this.type=j.DOT,this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};V.styles=[...v.styles,...Go],a([c({type:String,reflect:!0})],V.prototype,"type",2),a([c({type:String,reflect:!0})],V.prototype,"variant",2),a([c({type:Number})],V.prototype,"counter",2),a([c({type:Number,attribute:"max-counter",reflect:!0})],V.prototype,"maxCounter",2),a([c({type:Boolean})],V.prototype,"overlay",2),a([c({type:String,attribute:"aria-label"})],V.prototype,"ariaLabel",2);var ur=V;ur.register(Ho);var ys=ur;var $e=i=>{class t extends i{constructor(){super(...arguments);this.disabled=!1}}return a([c({reflect:!0,type:Boolean})],t.prototype,"disabled",2),t};var Fo=i=>{class t extends i{constructor(){super(...arguments);this.tabIndex=0}}return a([c({reflect:!0,type:Number})],t.prototype,"tabIndex",2),t};var sm=g.constructTagName("buttonsimple"),xs={20:20,24:24,28:28,32:32,40:40,48:48,52:52,64:64,72:72,88:88,124:124},De={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},Ot={SIZE:xs[32],TYPE:De.BUTTON,ROLE:"button"};var Es=[x,h`
|
|
699
699
|
:host {
|
|
700
700
|
border: 0.0625rem solid transparent;
|
|
701
701
|
cursor: pointer;
|
|
@@ -751,9 +751,9 @@
|
|
|
751
751
|
:host([size="20"]){
|
|
752
752
|
height: var(--mdc-button-height-size-20);
|
|
753
753
|
}
|
|
754
|
-
`,...S()],
|
|
754
|
+
`,...S()],Bo=Es;var H=class extends Fo($e(v)){constructor(){super();this.active=!1;this.softDisabled=!1;this.size=Ot.SIZE;this.role=Ot.ROLE;this.type=Ot.TYPE;this.prevTabindex=0;this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.internals=this.attachInternals()}get form(){return this.internals.form}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this,this.disabled),e.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),e.has("active")&&this.setActive(this,this.active)}executeAction(){this.type===De.SUBMIT&&this.internals.form&&this.internals.form.requestSubmit(),this.type===De.RESET&&this.internals.form&&this.internals.form.reset()}setActive(e,r){r?e.setAttribute("aria-pressed","true"):e.removeAttribute("aria-pressed")}setSoftDisabled(e,r){r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}setDisabled(e,r){r?(e.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),e.removeAttribute("aria-disabled"))}triggerClickEvent(){let e=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(e)}handleKeyDown(e){["Enter"," "].includes(e.key)&&(this.classList.add("pressed"),e.key==="Enter"&&this.triggerClickEvent())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed"),e.key===" "&&this.triggerClickEvent())}render(){return m`
|
|
755
755
|
<slot></slot>
|
|
756
|
-
`}};H.formAssociated=!0,H.styles=[...
|
|
756
|
+
`}};H.formAssociated=!0,H.styles=[...v.styles,...Bo],a([c({type:Boolean,reflect:!0})],H.prototype,"active",2),a([c({type:Boolean,attribute:"soft-disabled"})],H.prototype,"softDisabled",2),a([c({type:Number,reflect:!0})],H.prototype,"size",2),a([c({type:String,reflect:!0})],H.prototype,"role",2),a([c({reflect:!0})],H.prototype,"type",2);var oe=H;var tt=g.constructTagName("button"),fe={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},$t={40:40,32:32,28:28,24:24},W={64:64,52:52,20:20,...$t},gr={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},Pe={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},G={VARIANT:fe.PRIMARY,SIZE:$t[32],COLOR:gr.DEFAULT,TYPE_INTERNAL:Pe.ICON,TYPE:De.BUTTON};var Ts=h`
|
|
757
757
|
:host {
|
|
758
758
|
background-color: transparent;
|
|
759
759
|
border-radius: 1.25rem;
|
|
@@ -924,7 +924,7 @@
|
|
|
924
924
|
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
925
925
|
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
926
926
|
}
|
|
927
|
-
`,
|
|
927
|
+
`,Yo=[Ts];var Xo=i=>{switch(i){case W[64]:return 2;case W[52]:return 1.75;case W[40]:return 1.25;default:return 1}},rt=i=>{let t=i.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var $=class extends oe{constructor(){super(...arguments);this.variant=G.VARIANT;this.size=G.SIZE;this.color=G.COLOR;this.role="button";this.typeInternal=G.TYPE_INTERNAL;this.iconSize=1}update(e){super.update(e),e.has("active")&&this.modifyIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${rt(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${rt(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(fe).includes(e)?e:G.VARIANT)}setSize(e){let o=this.typeInternal===Pe.ICON?Object.values(W).includes(e)&&!(e===W[20]&&this.variant!==fe.TERTIARY):Object.values($t).includes(e);this.setAttribute("size",o?`${e}`:`${G.SIZE}`),this.iconSize=Xo(e)}setColor(e){!Object.values(gr).includes(e)||this.variant===fe.TERTIARY?this.setAttribute("color",`${G.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().length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Pe.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Pe.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=Pe.PILL,this.setAttribute("data-btn-type","pill"))}render(){return m`
|
|
928
928
|
${this.prefixIcon?m`
|
|
929
929
|
<mdc-icon
|
|
930
930
|
name="${this.prefixIcon}"
|
|
@@ -940,7 +940,7 @@
|
|
|
940
940
|
size=${this.iconSize}
|
|
941
941
|
length-unit="rem">
|
|
942
942
|
</mdc-icon>`:""}
|
|
943
|
-
`}}
|
|
943
|
+
`}};$.styles=[...oe.styles,...Yo],a([c({type:String,attribute:"prefix-icon",reflect:!0})],$.prototype,"prefixIcon",2),a([c({type:String,attribute:"postfix-icon",reflect:!0})],$.prototype,"postfixIcon",2),a([c({type:String})],$.prototype,"variant",2),a([c({type:Number})],$.prototype,"size",2),a([c({type:String})],$.prototype,"color",2),a([c({type:String,reflect:!0})],$.prototype,"role",2),a([L()],$.prototype,"typeInternal",2),a([L()],$.prototype,"iconSize",2);var br=$;br.register(tt);var _s=br;var As=h`
|
|
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
|
-
`,
|
|
964
|
+
`,Zo=[As];var qo=g.constructTagName("bullet"),jo={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var ot=class extends v{constructor(){super(...arguments);this.size=jo.SMALL}};ot.styles=[...v.styles,...Zo],a([c({type:String,reflect:!0})],ot.prototype,"size",2);var vr=ot;vr.register(qo);var Ss=vr;var Is=h`
|
|
965
965
|
:host {
|
|
966
966
|
--mdc-marker-width: 0.25rem;
|
|
967
967
|
--mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -986,7 +986,7 @@
|
|
|
986
986
|
var(--mdc-marker-striped-background-color) 0.375rem
|
|
987
987
|
);
|
|
988
988
|
}
|
|
989
|
-
`,
|
|
989
|
+
`,Wo=[Is];var Ko=g.constructTagName("marker"),Qo={SOLID:"solid",STRIPED:"striped"};var it=class extends v{constructor(){super(...arguments);this.variant=Qo.SOLID}};it.styles=[...v.styles,...Wo],a([c({type:String,reflect:!0})],it.prototype,"variant",2);var fr=it;fr.register(Ko);var Ns=fr;var Jo=g.constructTagName("divider"),st={HORIZONTAL:"horizontal",VERTICAL:"vertical"},yr={SOLID:"solid",GRADIENT:"gradient"},ie={POSITIVE:"positive",NEGATIVE:"negative"},nt={UP:"arrow-up-regular",DOWN:"arrow-down-regular",LEFT:"arrow-left-regular",RIGHT:"arrow-right-regular"},ye={ORIENTATION:st.HORIZONTAL,VARIANT:yr.SOLID,ARROW_DIRECTION:ie.NEGATIVE,BUTTON_DIRECTION:ie.NEGATIVE};var ks=[x,h`
|
|
990
990
|
:host {
|
|
991
991
|
--mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
992
992
|
--mdc-divider-width: 0.0625rem;
|
|
@@ -997,6 +997,10 @@
|
|
|
997
997
|
--mdc-divider-text-line-height: var(--mds-font-lineheight-body-midsize);
|
|
998
998
|
--mdc-divider-text-margin: 1.5rem;
|
|
999
999
|
--mdc-divider-grabber-button-border-radius: 0.5rem;
|
|
1000
|
+
--mdc-divider-grabber-button-border-color: var(--mds-color-theme-outline-secondary-normal);
|
|
1001
|
+
--mdc-divider-grabber-button-background-color-normal: var(--mds-color-theme-overlay-button-secondary-normal);
|
|
1002
|
+
--mdc-divider-grabber-button-background-color-hover: var(--mds-color-theme-overlay-button-secondary-hover);
|
|
1003
|
+
--mdc-divider-grabber-button-background-color-pressed: var(--mds-color-theme-overlay-button-secondary-pressed);
|
|
1000
1004
|
|
|
1001
1005
|
display: flex;
|
|
1002
1006
|
justify-content: center;
|
|
@@ -1008,6 +1012,37 @@
|
|
|
1008
1012
|
background-color: var(--mdc-divider-background-color);
|
|
1009
1013
|
}
|
|
1010
1014
|
|
|
1015
|
+
@media (forced-colors: active) {
|
|
1016
|
+
/* Primary and grabber divider styles */
|
|
1017
|
+
:host([data-type='mdc-primary-divider'][button-position='positive']),
|
|
1018
|
+
:host([data-type='mdc-grabber-divider'][button-position='positive']) {
|
|
1019
|
+
border: 0;
|
|
1020
|
+
border-top: var(--mdc-divider-width) solid var(--mdc-divider-background-color);
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
:host([data-type='mdc-primary-divider'][button-position='negative']),
|
|
1024
|
+
:host([data-type='mdc-grabber-divider'][button-position='negative']) {
|
|
1025
|
+
border: 0;
|
|
1026
|
+
border-bottom: var(--mdc-divider-width) solid var(--mdc-divider-background-color);
|
|
1027
|
+
}
|
|
1028
|
+
|
|
1029
|
+
:host([data-type='mdc-primary-divider'][orientation='vertical'][button-position='positive']),
|
|
1030
|
+
:host([data-type='mdc-grabber-divider'][orientation='vertical'][button-position='positive']),
|
|
1031
|
+
:host([data-type='mdc-primary-divider'][orientation='vertical'][button-position='negative']:dir(rtl)),
|
|
1032
|
+
:host([data-type='mdc-grabber-divider'][orientation='vertical'][button-position='negative']:dir(rtl)) {
|
|
1033
|
+
border: 0;
|
|
1034
|
+
border-right: var(--mdc-divider-width) solid var(--mdc-divider-background-color);
|
|
1035
|
+
}
|
|
1036
|
+
|
|
1037
|
+
:host([data-type='mdc-primary-divider'][orientation='vertical'][button-position='negative']),
|
|
1038
|
+
:host([data-type='mdc-grabber-divider'][orientation='vertical'][button-position='negative']),
|
|
1039
|
+
:host([data-type='mdc-primary-divider'][orientation='vertical'][button-position='positive']:dir(rtl)),
|
|
1040
|
+
:host([data-type='mdc-grabber-divider'][orientation='vertical'][button-position='positive']:dir(rtl)) {
|
|
1041
|
+
border: 0;
|
|
1042
|
+
border-left: var(--mdc-divider-width) solid var(--mdc-divider-background-color);
|
|
1043
|
+
}
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1011
1046
|
/* Orientation-specific styles */
|
|
1012
1047
|
:host([orientation='horizontal']) {
|
|
1013
1048
|
flex-direction: row;
|
|
@@ -1038,21 +1073,35 @@
|
|
|
1038
1073
|
}
|
|
1039
1074
|
|
|
1040
1075
|
/** Button divider styles */
|
|
1076
|
+
|
|
1077
|
+
::slotted(mdc-button) {
|
|
1078
|
+
background-color: var(--mdc-divider-grabber-button-background-color-normal);
|
|
1079
|
+
border-color: var(--mdc-divider-grabber-button-border-color);
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
::slotted(mdc-button:hover) {
|
|
1083
|
+
background-color: var(--mdc-divider-grabber-button-background-color-hover);
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
::slotted(mdc-button:active) {
|
|
1087
|
+
background-color: var(--mdc-divider-grabber-button-background-color-pressed);
|
|
1088
|
+
}
|
|
1089
|
+
|
|
1041
1090
|
:host([orientation='vertical']) ::slotted(mdc-button) {
|
|
1042
1091
|
width: 1.25rem;
|
|
1043
1092
|
height: 2.5rem;
|
|
1044
|
-
border-radius: 0
|
|
1045
|
-
var(--mdc-divider-grabber-button-border-radius)
|
|
1046
|
-
var(--mdc-divider-grabber-button-border-radius)
|
|
1093
|
+
border-radius: 0
|
|
1094
|
+
var(--mdc-divider-grabber-button-border-radius)
|
|
1095
|
+
var(--mdc-divider-grabber-button-border-radius)
|
|
1047
1096
|
0;
|
|
1048
1097
|
}
|
|
1049
1098
|
|
|
1050
1099
|
:host([orientation='horizontal']) ::slotted(mdc-button) {
|
|
1051
1100
|
height: 1.25rem;
|
|
1052
1101
|
width: 2.5rem;
|
|
1053
|
-
border-radius: 0
|
|
1054
|
-
0
|
|
1055
|
-
var(--mdc-divider-grabber-button-border-radius)
|
|
1102
|
+
border-radius: 0
|
|
1103
|
+
0
|
|
1104
|
+
var(--mdc-divider-grabber-button-border-radius)
|
|
1056
1105
|
var(--mdc-divider-grabber-button-border-radius);
|
|
1057
1106
|
}
|
|
1058
1107
|
|
|
@@ -1067,41 +1116,53 @@
|
|
|
1067
1116
|
}
|
|
1068
1117
|
|
|
1069
1118
|
:host([orientation='horizontal'][button-position='positive']) ::slotted(mdc-button) {
|
|
1070
|
-
border-radius: var(--mdc-divider-grabber-button-border-radius)
|
|
1071
|
-
var(--mdc-divider-grabber-button-border-radius)
|
|
1072
|
-
0
|
|
1119
|
+
border-radius: var(--mdc-divider-grabber-button-border-radius)
|
|
1120
|
+
var(--mdc-divider-grabber-button-border-radius)
|
|
1121
|
+
0
|
|
1073
1122
|
0;
|
|
1074
|
-
|
|
1123
|
+
margin: 0;
|
|
1124
|
+
margin-bottom: var(--mdc-divider-width);
|
|
1125
|
+
border-bottom: 0;
|
|
1075
1126
|
}
|
|
1076
1127
|
|
|
1077
1128
|
:host([orientation='horizontal'][button-position='negative']) ::slotted(mdc-button) {
|
|
1078
|
-
|
|
1129
|
+
margin: 0;
|
|
1130
|
+
margin-top: var(--mdc-divider-width);
|
|
1131
|
+
border-top: 0;
|
|
1079
1132
|
}
|
|
1080
1133
|
|
|
1081
1134
|
:host([orientation='vertical'][button-position='negative']:dir(ltr)) ::slotted(mdc-button),
|
|
1082
1135
|
:host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {
|
|
1083
|
-
border-radius: var(--mdc-divider-grabber-button-border-radius)
|
|
1084
|
-
0
|
|
1085
|
-
0
|
|
1136
|
+
border-radius: var(--mdc-divider-grabber-button-border-radius)
|
|
1137
|
+
0
|
|
1138
|
+
0
|
|
1086
1139
|
var(--mdc-divider-grabber-button-border-radius);
|
|
1087
|
-
|
|
1140
|
+
margin: 0;
|
|
1141
|
+
margin-right: var(--mdc-divider-width);
|
|
1142
|
+
border-right: 0;
|
|
1088
1143
|
}
|
|
1089
1144
|
|
|
1090
1145
|
:host([orientation='vertical'][button-position='positive']:dir(ltr)) ::slotted(mdc-button),
|
|
1091
1146
|
:host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {
|
|
1092
|
-
|
|
1147
|
+
margin: 0;
|
|
1148
|
+
margin-left: var(--mdc-divider-width);
|
|
1149
|
+
border-left: 0;
|
|
1093
1150
|
}
|
|
1094
1151
|
|
|
1095
1152
|
:host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {
|
|
1096
|
-
border-radius: 0
|
|
1097
|
-
var(--mdc-divider-grabber-button-border-radius)
|
|
1098
|
-
var(--mdc-divider-grabber-button-border-radius)
|
|
1153
|
+
border-radius: 0
|
|
1154
|
+
var(--mdc-divider-grabber-button-border-radius)
|
|
1155
|
+
var(--mdc-divider-grabber-button-border-radius)
|
|
1099
1156
|
0;
|
|
1100
1157
|
transform: rotate(180deg);
|
|
1158
|
+
margin: 0;
|
|
1159
|
+
margin-right: var(--mdc-divider-width);
|
|
1101
1160
|
}
|
|
1102
1161
|
|
|
1103
1162
|
:host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {
|
|
1104
1163
|
transform: rotate(180deg);
|
|
1164
|
+
margin: 0;
|
|
1165
|
+
margin-left: var(--mdc-divider-width);
|
|
1105
1166
|
}
|
|
1106
1167
|
|
|
1107
1168
|
/** Text divider styles */
|
|
@@ -1116,6 +1177,12 @@
|
|
|
1116
1177
|
background-color: var(--mdc-divider-background-color);
|
|
1117
1178
|
}
|
|
1118
1179
|
|
|
1180
|
+
@media (forced-colors: active) {
|
|
1181
|
+
:host([data-type='mdc-text-divider']) > div {
|
|
1182
|
+
border-bottom: var(--mdc-divider-width) solid var(--mdc-divider-background-color);
|
|
1183
|
+
}
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1119
1186
|
:host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:first-of-type {
|
|
1120
1187
|
background: linear-gradient(to right, transparent, 30%, var(--mdc-divider-background-color));
|
|
1121
1188
|
}
|
|
@@ -1130,18 +1197,18 @@
|
|
|
1130
1197
|
font-size: var(--mdc-divider-text-size);
|
|
1131
1198
|
line-height: var(--mdc-divider-text-line-height);
|
|
1132
1199
|
}
|
|
1133
|
-
`],
|
|
1200
|
+
`],ei=ks;var se=class extends v{constructor(){super();this.orientation=ye.ORIENTATION;this.variant=ye.VARIANT;this.arrowDirection=ye.ARROW_DIRECTION;this.buttonPosition=ye.BUTTON_DIRECTION;this.setAttribute("data-type","mdc-primary-divider")}setVariant(e){this.setAttribute("variant",Object.values(yr).includes(e)?e:ye.VARIANT)}setOrientation(e){this.setAttribute("orientation",Object.values(st).includes(e)?e:ye.ORIENTATION)}ensureValidDirections(){let e=this.orientation===st.HORIZONTAL?ie.NEGATIVE:ie.POSITIVE;Object.values(ie).includes(this.buttonPosition)||(this.buttonPosition=e),Object.values(ie).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===st.HORIZONTAL,r=this.arrowDirection===ie.POSITIVE;return e?r?nt.UP:nt.DOWN:r?nt.RIGHT:nt.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(d=>d.tagName===Ke.toUpperCase()),n=r.some(d=>d.tagName===tt.toUpperCase());o&&!n?this.setAttribute("data-type","mdc-text-divider"):!o&&n&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}render(){return m`
|
|
1134
1201
|
<div></div>
|
|
1135
1202
|
<slot @slotchange=${this.inferDividerType}></slot>
|
|
1136
1203
|
<div></div>
|
|
1137
|
-
`}};se.styles=[...
|
|
1204
|
+
`}};se.styles=[...v.styles,...ei],a([c({type:String,reflect:!0})],se.prototype,"orientation",2),a([c({type:String,reflect:!0})],se.prototype,"variant",2),a([c({type:String,attribute:"arrow-direction",reflect:!0})],se.prototype,"arrowDirection",2),a([c({type:String,attribute:"button-position",reflect:!0})],se.prototype,"buttonPosition",2);var xr=se;xr.register(Jo);var Cs=xr;var zs=[x,h`
|
|
1138
1205
|
:host {
|
|
1139
1206
|
padding: unset;
|
|
1140
1207
|
margin: unset;
|
|
1141
1208
|
outline: none;
|
|
1142
1209
|
border-radius: 0.25rem;
|
|
1143
1210
|
}
|
|
1144
|
-
`,...S()],
|
|
1211
|
+
`,...S()],ti=zs;var at=class extends zt(U(oe)){constructor(){super();this.ariaLabel=null;this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role="button",this.type=G.TYPE}update(e){super.update(e),e.has("size")&&this.setSize(this.size)}setSize(e){this.setAttribute("size",Object.values(E).includes(e)?`${e}`:we.SIZE.toString())}render(){return m`
|
|
1145
1212
|
<mdc-avatar
|
|
1146
1213
|
slot="prefixIcon"
|
|
1147
1214
|
?is-typing="${this.isTyping}"
|
|
@@ -1152,7 +1219,7 @@
|
|
|
1152
1219
|
size="${y(this.size)}"
|
|
1153
1220
|
src="${y(this.src)}"
|
|
1154
1221
|
></mdc-avatar>
|
|
1155
|
-
`}};
|
|
1222
|
+
`}};at.styles=[...ti],a([c({type:String,attribute:"aria-label"})],at.prototype,"ariaLabel",2);var Er=at;var ri=g.constructTagName("avatarbutton");Er.register(ri);var Rs=Er;var ws=[h`
|
|
1156
1223
|
:host{
|
|
1157
1224
|
--mdc-input-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
1158
1225
|
--mdc-input-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -1267,7 +1334,7 @@
|
|
|
1267
1334
|
opacity: 0;
|
|
1268
1335
|
pointer-events: none;
|
|
1269
1336
|
}
|
|
1270
|
-
`,...S(!0)],
|
|
1337
|
+
`,...S(!0)],oi=ws;var N=[];for(let i=0;i<256;++i)N.push((i+256).toString(16).slice(1));function ii(i,t=0){return(N[i[t+0]]+N[i[t+1]]+N[i[t+2]]+N[i[t+3]]+"-"+N[i[t+4]]+N[i[t+5]]+"-"+N[i[t+6]]+N[i[t+7]]+"-"+N[i[t+8]]+N[i[t+9]]+"-"+N[i[t+10]]+N[i[t+11]]+N[i[t+12]]+N[i[t+13]]+N[i[t+14]]+N[i[t+15]]).toLowerCase()}var Tr,Ls=new Uint8Array(16);function _r(){if(!Tr){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");Tr=crypto.getRandomValues.bind(crypto)}return Tr(Ls)}var Ms=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Ar={randomUUID:Ms};function Os(i,t,e){var o,n,s;if(Ar.randomUUID&&!t&&!i)return Ar.randomUUID();i=i||{};let r=(s=(n=i.random)!=null?n:(o=i.rng)==null?void 0:o.call(i))!=null?s:_r();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 d=0;d<16;++d)t[e+d]=r[d];return t}return ii(r)}var Sr=Os;var si=g.constructTagName("formfieldwrapper"),F={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},C={VALIDATION:F.DEFAULT,HELPER_TEXT_ID:"helper-text-id",LABEL_ID:"label-id"},dt={TAGNAME:_.SPAN,TYPE:A.BODY_MIDSIZE_REGULAR};var $s=[x,h`
|
|
1271
1338
|
:host {
|
|
1272
1339
|
flex-direction: column;
|
|
1273
1340
|
align-items: flex-start;
|
|
@@ -1316,20 +1383,20 @@
|
|
|
1316
1383
|
:host([help-text-type='priority']) .mdc-help-text {
|
|
1317
1384
|
color: var(--mds-color-theme-text-accent-normal);
|
|
1318
1385
|
}
|
|
1319
|
-
`],
|
|
1386
|
+
`],ni=$s;var ai=i=>({[F.ERROR]:"error-legacy-badge-filled",[F.WARNING]:"warning-badge-filled",[F.SUCCESS]:"check-circle-badge-filled",[F.PRIORITY]:"priority-badge-filled",[F.DEFAULT]:""})[i]||"";var K=class extends $e(v){constructor(){super(...arguments);this.id=`mdc-input-${Sr()}`;this.helpTextType=C.VALIDATION}renderLabelElement(){return this.label?m`<label id="${C.LABEL_ID}" for="${this.id}" class="mdc-label" part="label">${this.label}</label>`:p}renderRequiredLabel(){return this.requiredLabel?m`
|
|
1320
1387
|
<mdc-text
|
|
1321
1388
|
part="required-label"
|
|
1322
|
-
tagname=${
|
|
1323
|
-
type=${
|
|
1389
|
+
tagname=${dt.TAGNAME}
|
|
1390
|
+
type=${dt.TYPE}
|
|
1324
1391
|
>
|
|
1325
1392
|
(${this.requiredLabel})
|
|
1326
1393
|
</mdc-text>
|
|
1327
|
-
`:p}renderHelpTextIcon(){if(!this.helpText)return p;let e=
|
|
1394
|
+
`:p}renderHelpTextIcon(){if(!this.helpText)return p;let e=ai(this.helpTextType||C.VALIDATION);return e&&!this.disabled?m`<mdc-icon part="helper-icon" size="1" length-unit="rem" name=${e}></mdc-icon>`:p}renderHelpText(){return this.helpText?m`
|
|
1328
1395
|
<mdc-text
|
|
1329
1396
|
id="${C.HELPER_TEXT_ID}"
|
|
1330
1397
|
part="help-text"
|
|
1331
|
-
tagname=${
|
|
1332
|
-
type=${
|
|
1398
|
+
tagname=${dt.TAGNAME}
|
|
1399
|
+
type=${dt.TYPE}
|
|
1333
1400
|
>
|
|
1334
1401
|
${this.helpText}
|
|
1335
1402
|
</mdc-text>
|
|
@@ -1340,7 +1407,7 @@
|
|
|
1340
1407
|
</div>`}renderHelperText(){return this.helpText?m`<div class="mdc-help-text" part="mdc-help-text">
|
|
1341
1408
|
<slot name="help-icon">${this.renderHelpTextIcon()}</slot>
|
|
1342
1409
|
<slot name="help-text">${this.renderHelpText()}</slot>
|
|
1343
|
-
</div>`:p}};K.styles=[...
|
|
1410
|
+
</div>`:p}};K.styles=[...v.styles,...ni],a([c({reflect:!0,type:String})],K.prototype,"label",2),a([c({type:String,reflect:!0,attribute:"required-label"})],K.prototype,"requiredLabel",2),a([c({type:String})],K.prototype,"id",2),a([c({reflect:!0,attribute:"help-text-type"})],K.prototype,"helpTextType",2),a([c({type:String,reflect:!0,attribute:"help-text"})],K.prototype,"helpText",2);var D=K;D.register(si);var Ue=D;var ne=i=>{class t extends i{constructor(){super(...arguments);this.name=""}}return a([c({reflect:!0,type:String})],t.prototype,"name",2),t};var di=g.constructTagName("input"),ci={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},li={MAX_LENGTH:10,HELPERTEXT:"Prefix text should not exceed 10 characters",VALIDATION:F.ERROR},ae={VALIDATION:F.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:fe.TERTIARY,CLEAR_BUTTON_SIZE:W[20],PREFIX_TEXT_TYPE:A.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:_.SPAN};var de=i=>{class t extends i{constructor(){super(...arguments);this.value=""}}return a([c({reflect:!0,type:String})],t.prototype,"value",2),t};var B=i=>{class t extends i{constructor(){super(...arguments);this.dataAriaLabel=null}}return a([c({type:String,reflect:!0,attribute:"data-aria-label"})],t.prototype,"dataAriaLabel",2),t};var T=class extends B(de(ne(Ue))){constructor(){super();this.placeholder="";this.readonly=!1;this.trailingButton=!1;this.autocapitalize=ci.OFF;this.autocomplete="off";this.autofocus=!1;this.clearAriaLabel="";this.internals=this.attachInternals()}checkValidity(){return this.setValidityFromInput(),this.internals.checkValidity()}reportValidity(){return this.setValidityFromInput(),this.internals.reportValidity()}get form(){return this.internals.form}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.inputElement&&(this.inputElement.checkValidity(),this.setValidityFromInput(),this.internals.setFormValue(this.inputElement.value))}).catch(e=>{this.onerror&&this.onerror(e)})}updated(e){super.updated(e),e.has("value")&&this.handleValueChange()}handleValueChange(){this.internals.setFormValue(this.value),this.updateComplete.then(()=>{this.setValidityFromInput()}).catch(e=>{this.onerror&&this.onerror(e)})}attributeChangedCallback(e,r,o){super.attributeChangedCallback(e,r,o),["maxlength","minlength","pattern","required"].includes(e)&&this.updateComplete.then(()=>{this.setValidityFromInput()}).catch(s=>{this.onerror&&this.onerror(s)})}setValidityFromInput(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}updateValue(){this.value=this.inputElement.value,this.internals.setFormValue(this.inputElement.value)}onInput(){this.updateValue(),this.setValidityFromInput()}onChange(e){this.updateValue(),this.setValidityFromInput();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.internals.form)==null||r.requestSubmit())}renderLeadingIcon(){return this.leadingIcon?m`
|
|
1344
1411
|
<mdc-icon
|
|
1345
1412
|
class="leading-icon"
|
|
1346
1413
|
part="leading-icon"
|
|
@@ -1355,7 +1422,7 @@
|
|
|
1355
1422
|
type="${ae.PREFIX_TEXT_TYPE}"
|
|
1356
1423
|
aria-hidden="true"
|
|
1357
1424
|
>
|
|
1358
|
-
${this.prefixText.slice(0,
|
|
1425
|
+
${this.prefixText.slice(0,li.MAX_LENGTH)}
|
|
1359
1426
|
</mdc-text>
|
|
1360
1427
|
`:p}clearInputText(){var e;this.value="",(e=this.inputElement)==null||e.focus()}renderTrailingButton(){return this.trailingButton?m`
|
|
1361
1428
|
<mdc-button
|
|
@@ -1406,7 +1473,7 @@
|
|
|
1406
1473
|
<slot name="trailing-button">${this.renderTrailingButton()}</slot>
|
|
1407
1474
|
</div>
|
|
1408
1475
|
${this.helpText?this.renderHelperText():p}
|
|
1409
|
-
`}};T.formAssociated=!0,T.styles=[...
|
|
1476
|
+
`}};T.formAssociated=!0,T.styles=[...Ue.styles,...oi],a([c({type:String})],T.prototype,"placeholder",2),a([c({type:Boolean})],T.prototype,"readonly",2),a([c({type:String,attribute:"prefix-text"})],T.prototype,"prefixText",2),a([c({type:String,attribute:"leading-icon"})],T.prototype,"leadingIcon",2),a([c({type:Boolean,attribute:"trailing-button"})],T.prototype,"trailingButton",2),a([c({type:Number})],T.prototype,"maxlength",2),a([c({type:Number})],T.prototype,"minlength",2),a([c({type:String})],T.prototype,"autocapitalize",2),a([c({type:String})],T.prototype,"autocomplete",2),a([c({type:Boolean})],T.prototype,"autofocus",2),a([c({type:String})],T.prototype,"dirname",2),a([c({type:String})],T.prototype,"pattern",2),a([c({type:String})],T.prototype,"list",2),a([c({type:Number})],T.prototype,"size",2),a([c({type:String,attribute:"clear-aria-label"})],T.prototype,"clearAriaLabel",2),a([Qr("input")],T.prototype,"inputElement",2);var Ir=T;Ir.register(di);var Ds=Ir;var mi=g.constructTagName("link"),Dt={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Pt={LARGE:1,MIDSIZE:.875,SMALL:.75},Ut={INLINE:!1,INVERTED:!1,LINK_SIZE:Dt.LARGE};var Ps=[x,h`
|
|
1410
1477
|
|
|
1411
1478
|
:host {
|
|
1412
1479
|
|
|
@@ -1521,7 +1588,7 @@
|
|
|
1521
1588
|
:host(:active) {
|
|
1522
1589
|
box-shadow: none;
|
|
1523
1590
|
}
|
|
1524
|
-
`],
|
|
1591
|
+
`],hi=Ps;var xe=class extends $e(U(v)){constructor(){super(...arguments);this.inline=Ut.INLINE;this.inverted=Ut.INVERTED;this.size=Ut.LINK_SIZE;this.prevTabindex=null}getIconSize(){switch(this.size){case Dt.SMALL:return Pt.SMALL;case Dt.MIDSIZE:return Pt.MIDSIZE;default:return Pt.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,n;let e=(n=(o=this.shadowRoot)==null?void 0:o.querySelector("slot"))==null?void 0:n.assignedElements({flatten:!0}).find(s=>s.tagName==="A"),r=this.getIconSize();if(this.iconName&&e){let s=document.createElement("mdc-icon");s.setAttribute("name",this.iconName),s.setAttribute("size",`${r}`),s.setAttribute("length-unit","rem"),e.appendChild(s)}}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return m`<slot @slotchange=${this.updateTrailingIcon}></slot>`}};xe.styles=[...v.styles,...hi],a([c({type:Boolean,reflect:!0})],xe.prototype,"inline",2),a([c({type:Boolean,reflect:!0})],xe.prototype,"inverted",2),a([c({type:String,reflect:!0})],xe.prototype,"size",2);var Nr=xe;Nr.register(mi);var Us=Nr;var Vs=[x,h`
|
|
1525
1592
|
:host {
|
|
1526
1593
|
--mdc-toggle-width: 3rem;
|
|
1527
1594
|
--mdc-toggle-height: 1.5rem;
|
|
@@ -1665,7 +1732,7 @@
|
|
|
1665
1732
|
border: var(--mdc-toggle-border);
|
|
1666
1733
|
}
|
|
1667
1734
|
}
|
|
1668
|
-
`,...S(!0)],
|
|
1735
|
+
`,...S(!0)],pi=Vs;var ui=g.constructTagName("toggle"),kr={DEFAULT:"default",COMPACT:"compact"},Cr={CHECKED:"check-bold",UNCHECKED:"cancel-bold"},gi={compact:.75,default:1.25},zr={SIZE:kr.DEFAULT};var Ee=class extends ne(de(B(Ue))){constructor(){super();this.checked=!1;this.size=zr.SIZE;this.internals=this.attachInternals(),this.helpTextType=void 0}get form(){return this.internals.form}setFormValue(){let e=null;this.checked&&(e=this.value?this.value:"isActive"),this.internals.setFormValue(e)}toggleState(){this.disabled||(this.checked=!this.checked)}handleChange(e){this.toggleState();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}setToggleSize(e){this.setAttribute("size",Object.values(kr).includes(e)?e:zr.SIZE)}update(e){super.update(e),e.has("checked")&&this.setFormValue(),e.has("size")&&this.setToggleSize(this.size)}render(){var e;return m`
|
|
1669
1736
|
<div class="mdc-toggle__container mdc-focus-ring">
|
|
1670
1737
|
<input
|
|
1671
1738
|
id="${this.id}"
|
|
@@ -1683,16 +1750,16 @@
|
|
|
1683
1750
|
/>
|
|
1684
1751
|
<div class="mdc-toggle__slider">
|
|
1685
1752
|
<mdc-icon
|
|
1686
|
-
name="${this.checked?
|
|
1753
|
+
name="${this.checked?Cr.CHECKED:Cr.UNCHECKED}"
|
|
1687
1754
|
class="mdc-toggle__icon"
|
|
1688
1755
|
length-unit="rem"
|
|
1689
|
-
size="${
|
|
1756
|
+
size="${gi[this.size]}"
|
|
1690
1757
|
></mdc-icon>
|
|
1691
1758
|
</div>
|
|
1692
1759
|
</div>
|
|
1693
1760
|
${this.renderLabel()}
|
|
1694
1761
|
${this.renderHelperText()}
|
|
1695
|
-
`}};
|
|
1762
|
+
`}};Ee.formAssociated=!0,Ee.styles=[...Ue.styles,...pi],a([c({type:Boolean,reflect:!0})],Ee.prototype,"checked",2),a([c({type:String,reflect:!0})],Ee.prototype,"size",2);var Rr=Ee;Rr.register(ui);var Hs=Rr;var bi=g.constructTagName("checkbox"),wr={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var Gs=[h`
|
|
1696
1763
|
:host {
|
|
1697
1764
|
--mdc-checkbox-background-color-hover: var(--mds-color-theme-control-inactive-hover);
|
|
1698
1765
|
--mdc-checkbox-border-color: var(--mds-color-theme-outline-button-normal);
|
|
@@ -1794,10 +1861,10 @@
|
|
|
1794
1861
|
border: 0.0625rem solid var(--mdc-checkbox-border-color);
|
|
1795
1862
|
}
|
|
1796
1863
|
}
|
|
1797
|
-
`,...S(!0)],
|
|
1864
|
+
`,...S(!0)],vi=Gs;var Te=class extends ne(de(B(D))){constructor(){super();this.checked=!1;this.indeterminate=!1;this.internals=this.attachInternals(),this.helpTextType=void 0}get form(){return this.internals.form}setFormValue(){let e=null;this.checked&&(e=this.value?this.value:"on"),this.internals.setFormValue(e)}toggleState(){this.disabled||(this.checked=!this.checked,this.indeterminate=!1)}handleChange(e){this.toggleState();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.form)==null||r.requestSubmit())}update(e){super.update(e),e.has("checked")&&this.setFormValue()}render(){var o;let e=this.checked||this.indeterminate?m`
|
|
1798
1865
|
<mdc-icon
|
|
1799
1866
|
class="icon"
|
|
1800
|
-
name="${this.indeterminate?
|
|
1867
|
+
name="${this.indeterminate?wr.INDETERMINATE:wr.CHECKED}"
|
|
1801
1868
|
size="1"
|
|
1802
1869
|
length-unit="rem"
|
|
1803
1870
|
></mdc-icon>
|
|
@@ -1823,7 +1890,7 @@
|
|
|
1823
1890
|
${this.renderLabel()}
|
|
1824
1891
|
${r}
|
|
1825
1892
|
</div>
|
|
1826
|
-
`}};
|
|
1893
|
+
`}};Te.formAssociated=!0,Te.styles=[...D.styles,...vi],a([c({type:Boolean,reflect:!0})],Te.prototype,"checked",2),a([c({type:Boolean,reflect:!0})],Te.prototype,"indeterminate",2);var Lr=Te;Lr.register(bi);var Fs=Lr;var Bs=[x,h`
|
|
1827
1894
|
:host{
|
|
1828
1895
|
--mdc-radio-inner-circle-size: 0.375rem;
|
|
1829
1896
|
--mdc-radio-text-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -1981,7 +2048,7 @@
|
|
|
1981
2048
|
justify-content: center;
|
|
1982
2049
|
gap: 0.25rem;
|
|
1983
2050
|
}
|
|
1984
|
-
`,...S(!0)],
|
|
2051
|
+
`,...S(!0)],fi=Bs;var _e=class extends ne(de(B(D))){constructor(){super();this.checked=!1;this.readonly=!1;this.internals=this.attachInternals()}get form(){return this.internals.form}setFormValue(){this.checked&&this.internals.setFormValue(this.value)}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))}handleChange(e){var n;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(s=>{var l;let d=(l=s.shadowRoot)==null?void 0:l.querySelector("input");d&&(s.checked=!1,d.checked=!1)}),this.checked=!0;let o=(n=this.shadowRoot)==null?void 0:n.querySelector("input");o&&(o.checked=!0),this.dispatchChangeEvent(e)}updateRadio(e,r,o){var n,s;(s=(n=e[r].shadowRoot)==null?void 0:n.querySelector("input"))==null||s.focus(),e[r].handleChange(o)}handleKeyDown(e){if(this.disabled)return;let o=this.getAllRadiosWithinSameGroup().filter(s=>!s.disabled),n=o.indexOf(this);if(["ArrowDown","ArrowRight"].includes(e.key)){let s=(n+1)%o.length;this.updateRadio(o,s,e)}else if(["ArrowUp","ArrowLeft"].includes(e.key)){let s=(n-1+o.length)%o.length;this.updateRadio(o,s,e)}this.updateTabIndex()}updateTabIndex(){let e=this.getAllRadiosWithinSameGroup(),r=e.find(n=>n.checked),o=e.find(n=>!n.disabled);e.forEach(n=>{var d;let s=(d=n.shadowRoot)==null?void 0:d.querySelector("input");s&&(s.tabIndex=-1,(n===r||!r&&n===o)&&(s.tabIndex=0))})}update(e){super.update(e),e.has("checked")&&this.setFormValue()}render(){var r;let e=this.helpText?this.renderHelperText():p;return m`
|
|
1985
2052
|
<div class="mdc-radio__container">
|
|
1986
2053
|
<div class="mdc-radio__icon-container mdc-focus-ring">
|
|
1987
2054
|
<input
|
|
@@ -2007,10 +2074,10 @@
|
|
|
2007
2074
|
${e}
|
|
2008
2075
|
</div>
|
|
2009
2076
|
</div>
|
|
2010
|
-
`}};
|
|
2077
|
+
`}};_e.formAssociated=!0,_e.styles=[...D.styles,...fi],a([c({type:Boolean,reflect:!0})],_e.prototype,"checked",2),a([c({type:Boolean,reflect:!0})],_e.prototype,"readonly",2);var Mr=_e;var yi=g.constructTagName("radio");Mr.register(yi);var Ys=Mr;function Ae(i,t,e){var n;let r=(n=e.initialDeps)!=null?n:[],o;return()=>{var s,d,l,b;let u;e.key&&((s=e.debug)!=null&&s.call(e))&&(u=Date.now());let f=i();if(!(f.length!==r.length||f.some((P,le)=>r[le]!==P)))return o;r=f;let w;if(e.key&&((d=e.debug)!=null&&d.call(e))&&(w=Date.now()),o=t(...f),e.key&&((l=e.debug)!=null&&l.call(e))){let P=Math.round((Date.now()-u)*100)/100,le=Math.round((Date.now()-w)*100)/100,Zt=le/16,lt=(Ie,Vi)=>{for(Ie=String(Ie);Ie.length<Vi;)Ie=" "+Ie;return Ie};console.info(`%c\u23F1 ${lt(le,5)} /${lt(P,5)} ms`,`
|
|
2011
2078
|
font-size: .6rem;
|
|
2012
2079
|
font-weight: bold;
|
|
2013
|
-
color: hsl(${Math.max(0,Math.min(120-120*Yt,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(g=e==null?void 0:e.onChange)==null||g.call(e,o),o}}function Ut(i,t){if(i===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return i}var bi=(i,t)=>Math.abs(i-t)<1,vi=(i,t,e)=>{let r;return function(...o){i.clearTimeout(r),r=i.setTimeout(()=>t.apply(this,o),e)}};var Hs=i=>i,Gs=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},xi=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=s=>{let{width:a,height:d}=s;t({width:Math.round(a),height:Math.round(d)})};if(o(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let n=new r.ResizeObserver(s=>{let a=s[0];if(a!=null&&a.borderBoxSize){let d=a.borderBoxSize[0];if(d){o({width:d.inlineSize,height:d.blockSize});return}}o(e.getBoundingClientRect())});return n.observe(e,{box:"border-box"}),()=>{n.unobserve(e)}},yi={passive:!0};var Fs=typeof window>"u"?!0:"onscrollend"in window,Ei=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=0,n=i.options.useScrollendEvent&&Fs?()=>{}:vi(r,()=>{t(o,!1)},i.options.isScrollingResetDelay),s=g=>()=>{let{horizontal:u,isRtl:v}=i.options;o=u?e.scrollLeft*(v&&-1||1):e.scrollTop,n(),t(o,g)},a=s(!0),d=s(!1);return d(),e.addEventListener("scroll",a,yi),e.addEventListener("scrollend",d,yi),()=>{e.removeEventListener("scroll",a),e.removeEventListener("scrollend",d)}};var Bs=(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 Ti=(i,{adjustments:t=0,behavior:e},r)=>{var o,n;let s=i+t;(n=(o=r.scrollElement)==null?void 0:o.scrollTo)==null||n.call(o,{[r.options.horizontal?"left":"top"]:s,behavior:e})},Vt=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(n=>{this._measureElement(n.target,n)})}));return{disconnect:()=>{var o;(o=r())==null||o.disconnect(),e=null},observe:o=>{var n;return(n=r())==null?void 0:n.observe(o,{box:"border-box"})},unobserve:o=>{var n;return(n=r())==null?void 0:n.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:Hs,rangeExtractor:Gs,onChange:()=>{},measureElement:Bs,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=_e(()=>(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(n=>{this.observer.observe(n)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>{var e;return this.options.enabled?(this.scrollRect=(e=this.scrollRect)!=null?e:this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0)},this.getScrollOffset=()=>{var e;return this.options.enabled?(this.scrollOffset=(e=this.scrollOffset)!=null?e:typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset,this.scrollOffset):(this.scrollOffset=null,0)},this.getFurthestMeasurement=(e,r)=>{let o=new Map,n=new Map;for(let s=r-1;s>=0;s--){let a=e[s];if(o.has(a.lane))continue;let d=n.get(a.lane);if(d==null||a.end>d.end?n.set(a.lane,a):a.end<d.end&&o.set(a.lane,!0),o.size===this.options.lanes)break}return n.size===this.options.lanes?Array.from(n.values()).sort((s,a)=>s.end===a.end?s.index-a.index:s.end-a.end)[0]:void 0},this.getMeasurementOptions=_e(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,o,n,s)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:o,getItemKey:n,enabled:s}),{key:!1}),this.getMeasurements=_e(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:o,getItemKey:n,enabled:s},a)=>{if(!s)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(u=>{this.itemSizeCache.set(u.key,u.size)}));let d=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let g=this.measurementsCache.slice(0,d);for(let u=d;u<e;u++){let v=n(u),z=this.options.lanes===1?g[u-1]:this.getFurthestMeasurement(g,u),w=z?z.end+this.options.gap:r+o,P=a.get(v),le=typeof P=="number"?P:this.options.estimateSize(u),Yt=w+le,lt=z?z.lane:u%this.options.lanes;g[u]={index:u,start:w,size:le,end:Yt,key:v,lane:lt}}return this.measurementsCache=g,g},{key:!1,debug:()=>this.options.debug}),this.calculateRange=_e(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,o)=>this.range=e.length>0&&r>0?Ys({measurements:e,outerSize:r,scrollOffset:o}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=_e(()=>{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,n,s)=>n===null||s===null?[]:e({startIndex:n,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),n=this.measurementsCache[o];if(!n)return;let s=n.key,a=this.elementsCache.get(s);a!==e&&(a&&this.observer.unobserve(a),this.observer.observe(e),this.elementsCache.set(s,e)),e.isConnected&&this.resizeItem(o,this.options.measureElement(e,r,this))},this.resizeItem=(e,r)=>{var a;let o=this.measurementsCache[e];if(!o)return;let n=(a=this.itemSizeCache.get(o.key))!=null?a:o.size,s=r-n;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=_e(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let o=[];for(let n=0,s=e.length;n<s;n++){let a=e[n],d=r[a];o.push(d)}return o},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let r=this.getMeasurements();if(r.length!==0)return Ut(r[_i(0,r.length-1,o=>Ut(r[o]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let o=this.getSize(),n=this.getScrollOffset();r==="auto"&&e>=n+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 n=this.getSize(),s=this.getScrollOffset();if(r==="auto")if(o.end>=s+n-this.options.scrollPaddingEnd)r="end";else if(o.start<=s+this.options.scrollPaddingStart)r="start";else return[s,r];let a=o.start-this.options.scrollPaddingStart+(o.size-n)/2;switch(r){case"center":return[this.getOffsetForAlignment(a,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 n=this.getOffsetForIndex(e,r);if(!n)return;let[s,a]=n;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[g]=Ut(this.getOffsetForIndex(e,a));bi(g,this.getScrollOffset())||this.scrollToIndex(e,{align:a,behavior:o})}else this.scrollToIndex(e,{align:a,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 n;var e;let r=this.getMeasurements(),o;return r.length===0?o=this.options.paddingStart:o=this.options.lanes===1?(n=(e=r[r.length-1])==null?void 0:e.end)!=null?n:0:Math.max(...r.slice(-this.options.lanes).map(s=>s.end)),Math.max(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)}},_i=(i,t,e,r)=>{for(;i<=t;){let o=(i+t)/2|0,n=e(o);if(n<r)i=o+1;else if(n>r)t=o-1;else return o}return i>0?i-1:0};function Ys({measurements:i,outerSize:t,scrollOffset:e}){let r=i.length-1,n=_i(0,r,a=>i[a].start,e),s=n;for(;s<r&&i[s].end<e+t;)s++;return{startIndex:n,endIndex:s}}var Lr=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(o,n)=>{var s;this.host.updateComplete.then(()=>this.host.requestUpdate()),(s=e.onChange)==null||s.call(e,o,n)}};this.virtualizer=new Vt(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},Ht=class extends Lr{constructor(t,e){super(t,{observeElementRect:xi,observeElementOffset:Ei,scrollToFn:Ti,...e})}};var{I:Yg}=ao;var Ai=i=>i.strings===void 0;var ct=(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),ct(o,t);return!0},Gt=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)},Si=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),Zs(t)}};function Xs(i){this._$AN!==void 0?(Gt(this),this._$AM=i,Si(this)):this._$AM=i}function qs(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 n=e;n<r.length;n++)ct(r[n],!1),Gt(r[n]);else r!=null&&(ct(r,!1),Gt(r));else ct(this,i)}var Zs=i=>{var t,e;i.type==zt.CHILD&&((t=i._$AP)!=null||(i._$AP=qs),(e=i._$AQ)!=null||(i._$AQ=Xs))},Ft=class extends Me{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),Si(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&&(ct(this,t),Gt(this))}setValue(t){if(Ai(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 Ii=()=>new $r,$r=class{},Mr=new WeakMap,Ni=Qe(class extends Ft{render(i){return p}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)),p}rt(i){var t;if(this.isConnected||(i=void 0),typeof this.Y=="function"){let e=(t=this.ht)!=null?t:globalThis,r=Mr.get(e);r===void 0&&(r=new WeakMap,Mr.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=Mr.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 js=[h`
|
|
2080
|
+
color: hsl(${Math.max(0,Math.min(120-120*Zt,120))}deg 100% 31%);`,e==null?void 0:e.key)}return(b=e==null?void 0:e.onChange)==null||b.call(e,o),o}}function Vt(i,t){if(i===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return i}var xi=(i,t)=>Math.abs(i-t)<1,Ei=(i,t,e)=>{let r;return function(...o){i.clearTimeout(r),r=i.setTimeout(()=>t.apply(this,o),e)}};var Xs=i=>i,Zs=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},_i=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=s=>{let{width:d,height:l}=s;t({width:Math.round(d),height:Math.round(l)})};if(o(e.getBoundingClientRect()),!r.ResizeObserver)return()=>{};let n=new r.ResizeObserver(s=>{let d=s[0];if(d!=null&&d.borderBoxSize){let l=d.borderBoxSize[0];if(l){o({width:l.inlineSize,height:l.blockSize});return}}o(e.getBoundingClientRect())});return n.observe(e,{box:"border-box"}),()=>{n.unobserve(e)}},Ti={passive:!0};var qs=typeof window>"u"?!0:"onscrollend"in window,Ai=(i,t)=>{let e=i.scrollElement;if(!e)return;let r=i.targetWindow;if(!r)return;let o=0,n=i.options.useScrollendEvent&&qs?()=>{}:Ei(r,()=>{t(o,!1)},i.options.isScrollingResetDelay),s=b=>()=>{let{horizontal:u,isRtl:f}=i.options;o=u?e.scrollLeft*(f&&-1||1):e.scrollTop,n(),t(o,b)},d=s(!0),l=s(!1);return l(),e.addEventListener("scroll",d,Ti),e.addEventListener("scrollend",l,Ti),()=>{e.removeEventListener("scroll",d),e.removeEventListener("scrollend",l)}};var js=(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 Si=(i,{adjustments:t=0,behavior:e},r)=>{var o,n;let s=i+t;(n=(o=r.scrollElement)==null?void 0:o.scrollTo)==null||n.call(o,{[r.options.horizontal?"left":"top"]:s,behavior:e})},Ht=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(n=>{this._measureElement(n.target,n)})}));return{disconnect:()=>{var o;(o=r())==null||o.disconnect(),e=null},observe:o=>{var n;return(n=r())==null?void 0:n.observe(o,{box:"border-box"})},unobserve:o=>{var n;return(n=r())==null?void 0:n.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:Xs,rangeExtractor:Zs,onChange:()=>{},measureElement:js,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=Ae(()=>(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(n=>{this.observer.observe(n)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>{var e;return this.options.enabled?(this.scrollRect=(e=this.scrollRect)!=null?e:this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0)},this.getScrollOffset=()=>{var e;return this.options.enabled?(this.scrollOffset=(e=this.scrollOffset)!=null?e:typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset,this.scrollOffset):(this.scrollOffset=null,0)},this.getFurthestMeasurement=(e,r)=>{let o=new Map,n=new Map;for(let s=r-1;s>=0;s--){let d=e[s];if(o.has(d.lane))continue;let l=n.get(d.lane);if(l==null||d.end>l.end?n.set(d.lane,d):d.end<l.end&&o.set(d.lane,!0),o.size===this.options.lanes)break}return n.size===this.options.lanes?Array.from(n.values()).sort((s,d)=>s.end===d.end?s.index-d.index:s.end-d.end)[0]:void 0},this.getMeasurementOptions=Ae(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,r,o,n,s)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:r,scrollMargin:o,getItemKey:n,enabled:s}),{key:!1}),this.getMeasurements=Ae(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:r,scrollMargin:o,getItemKey:n,enabled:s},d)=>{if(!s)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(u=>{this.itemSizeCache.set(u.key,u.size)}));let l=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];let b=this.measurementsCache.slice(0,l);for(let u=l;u<e;u++){let f=n(u),z=this.options.lanes===1?b[u-1]:this.getFurthestMeasurement(b,u),w=z?z.end+this.options.gap:r+o,P=d.get(f),le=typeof P=="number"?P:this.options.estimateSize(u),Zt=w+le,lt=z?z.lane:u%this.options.lanes;b[u]={index:u,start:w,size:le,end:Zt,key:f,lane:lt}}return this.measurementsCache=b,b},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Ae(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(e,r,o)=>this.range=e.length>0&&r>0?Ws({measurements:e,outerSize:r,scrollOffset:o}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=Ae(()=>{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,n,s)=>n===null||s===null?[]:e({startIndex:n,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),n=this.measurementsCache[o];if(!n)return;let s=n.key,d=this.elementsCache.get(s);d!==e&&(d&&this.observer.unobserve(d),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 d;let o=this.measurementsCache[e];if(!o)return;let n=(d=this.itemSizeCache.get(o.key))!=null?d:o.size,s=r-n;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=Ae(()=>[this.getIndexes(),this.getMeasurements()],(e,r)=>{let o=[];for(let n=0,s=e.length;n<s;n++){let d=e[n],l=r[d];o.push(l)}return o},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{let r=this.getMeasurements();if(r.length!==0)return Vt(r[Ii(0,r.length-1,o=>Vt(r[o]).start,e)])},this.getOffsetForAlignment=(e,r)=>{let o=this.getSize(),n=this.getScrollOffset();r==="auto"&&e>=n+o&&(r="end"),r==="end"&&(e-=o);let s=this.options.horizontal?"scrollWidth":"scrollHeight",l=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[s]:this.scrollElement[s]:0)-o;return Math.max(Math.min(l,e),0)},this.getOffsetForIndex=(e,r="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));let o=this.measurementsCache[e];if(!o)return;let n=this.getSize(),s=this.getScrollOffset();if(r==="auto")if(o.end>=s+n-this.options.scrollPaddingEnd)r="end";else if(o.start<=s+this.options.scrollPaddingStart)r="start";else return[s,r];let d=o.start-this.options.scrollPaddingStart+(o.size-n)/2;switch(r){case"center":return[this.getOffsetForAlignment(d,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 n=this.getOffsetForIndex(e,r);if(!n)return;let[s,d]=n;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[b]=Vt(this.getOffsetForIndex(e,d));xi(b,this.getScrollOffset())||this.scrollToIndex(e,{align:d,behavior:o})}else this.scrollToIndex(e,{align:d,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 n;var e;let r=this.getMeasurements(),o;return r.length===0?o=this.options.paddingStart:o=this.options.lanes===1?(n=(e=r[r.length-1])==null?void 0:e.end)!=null?n:0:Math.max(...r.slice(-this.options.lanes).map(s=>s.end)),Math.max(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)}},Ii=(i,t,e,r)=>{for(;i<=t;){let o=(i+t)/2|0,n=e(o);if(n<r)i=o+1;else if(n>r)t=o-1;else return o}return i>0?i-1:0};function Ws({measurements:i,outerSize:t,scrollOffset:e}){let r=i.length-1,n=Ii(0,r,d=>i[d].start,e),s=n;for(;s<r&&i[s].end<e+t;)s++;return{startIndex:n,endIndex:s}}var Or=class{constructor(t,e){this.cleanup=()=>{},(this.host=t).addController(this);let r={...e,onChange:(o,n)=>{var s;this.host.updateComplete.then(()=>this.host.requestUpdate()),(s=e.onChange)==null||s.call(e,o,n)}};this.virtualizer=new Ht(r)}getVirtualizer(){return this.virtualizer}async hostConnected(){this.cleanup=this.virtualizer._didMount()}hostUpdated(){this.virtualizer._willUpdate()}hostDisconnected(){this.cleanup()}},Gt=class extends Or{constructor(t,e){super(t,{observeElementRect:_i,observeElementOffset:Ai,scrollToFn:Si,...e})}};var{I:eb}=mo;var Ni=i=>i.strings===void 0;var ct=(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),ct(o,t);return!0},Ft=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)},ki=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),Js(t)}};function Ks(i){this._$AN!==void 0?(Ft(this),this._$AM=i,ki(this)):this._$AM=i}function Qs(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 n=e;n<r.length;n++)ct(r[n],!1),Ft(r[n]);else r!=null&&(ct(r,!1),Ft(r));else ct(this,i)}var Js=i=>{var t,e;i.type==Rt.CHILD&&((t=i._$AP)!=null||(i._$AP=Qs),(e=i._$AQ)!=null||(i._$AQ=Ks))},Bt=class extends Oe{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),ki(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&&(ct(this,t),Ft(this))}setValue(t){if(Ni(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 Ci=()=>new Dr,Dr=class{},$r=new WeakMap,zi=Je(class extends Bt{render(i){return p}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)),p}rt(i){var t;if(this.isConnected||(i=void 0),typeof this.Y=="function"){let e=(t=this.ht)!=null?t:globalThis,r=$r.get(e);r===void 0&&(r=new WeakMap,$r.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=$r.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 en=[h`
|
|
2014
2081
|
:host {
|
|
2015
2082
|
.mdc-virtualizedlist-scroll {
|
|
2016
2083
|
height: 100%;
|
|
@@ -2022,19 +2089,19 @@
|
|
|
2022
2089
|
width: 100%;
|
|
2023
2090
|
}
|
|
2024
2091
|
}
|
|
2025
|
-
`],
|
|
2092
|
+
`],Ri=en;var wi=g.constructTagName("virtualizedlist"),bb=g.constructTagName("virtualizedwrapper"),Li={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var Se=class extends v{constructor(){super();this.virtualizerprops=Li.VIRTUALIZER_PROPS;this.scrollElementRef=Ci();this.virtualizerController=null,this.virtualizer=null,this.setlistdata=null,this.onscroll=null}update(e){var r;super.update(e),e.get("virtualizerprops")&&((r=this.virtualizer)==null||r.setOptions({...this.virtualizer.options,...this.virtualizerprops}),this.requestUpdate())}connectedCallback(){var e;this.virtualizerController=new Gt(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 l,b;this.virtualizer=e.getVirtualizer();let{getVirtualItems:r,measureElement:o,getTotalSize:n}=this.virtualizer,s=r(),d={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(b=(l=s[0])==null?void 0:l.start)!=null?b:0}px)`};return this.setlistdata&&this.setlistdata({virtualItems:s,measureElement:o,listStyle:d}),m`<div
|
|
2026
2093
|
class="mdc-virtualizedlist-container"
|
|
2027
2094
|
style="height: ${n()}px;"
|
|
2028
2095
|
>
|
|
2029
2096
|
<slot></slot>
|
|
2030
2097
|
</div>`}render(){return m`<div
|
|
2031
|
-
${
|
|
2098
|
+
${zi(this.scrollElementRef)}
|
|
2032
2099
|
class="mdc-virtualizedlist-scroll"
|
|
2033
2100
|
@scroll=${this.onscroll&&this.onscroll}
|
|
2034
2101
|
>
|
|
2035
2102
|
${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):m``}
|
|
2036
2103
|
</div>
|
|
2037
|
-
`}};
|
|
2104
|
+
`}};Se.styles=[...v.styles,...Ri],a([c({type:Function,attribute:"onscroll"})],Se.prototype,"onscroll",2),a([c({type:Object,attribute:"virtualizerprops"})],Se.prototype,"virtualizerprops",2),a([c({type:Function,attribute:"setlistdata"})],Se.prototype,"setlistdata",2);var Pr=Se;Pr.register(wi);var tn=Pr;var rn=[x,h`
|
|
2038
2105
|
|
|
2039
2106
|
:host {
|
|
2040
2107
|
--mdc-tab-content-gap: 0.5rem;
|
|
@@ -2277,7 +2344,7 @@
|
|
|
2277
2344
|
color: var(--mdc-tab-pill-active-color-disabled);
|
|
2278
2345
|
}
|
|
2279
2346
|
|
|
2280
|
-
`,...S()],
|
|
2347
|
+
`,...S()],Mi=rn;var Oi=g.constructTagName("tab"),Ur={GLASS:"glass",LINE:"line",PILL:"pill"},Vr={VARIANT:Ur.PILL};var Ve=class extends U(oe){constructor(){super();this.variant=Vr.VARIANT;this.role="tab",this.softDisabled=void 0,this.size=void 0,this.type=void 0}modifyIconName(e){this.iconName&&(e?(this.prevIconName=this.iconName,this.iconName=`${rt(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(e){this.setAttribute("variant",Object.values(Ur).includes(e)?e:Vr.VARIANT)}setActive(e,r){e.setAttribute("aria-selected",r?"true":"false"),this.modifyIconName(r)}executeAction(){this.active=!this.active}update(e){super.update(e),e.has("variant")&&this.setVariant(this.variant)}render(){return m`
|
|
2281
2348
|
<div part="container">
|
|
2282
2349
|
<slot name="badge" part="badge"></slot>
|
|
2283
2350
|
${this.iconName?m` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:p}
|
|
@@ -2290,7 +2357,7 @@
|
|
|
2290
2357
|
>`:p}
|
|
2291
2358
|
</div>
|
|
2292
2359
|
<div part="indicator"></div>
|
|
2293
|
-
`}};
|
|
2360
|
+
`}};Ve.styles=[...oe.styles,...Mi],a([c({type:String,reflect:!0})],Ve.prototype,"text",2),a([c({type:String,reflect:!0})],Ve.prototype,"variant",2);var Hr=Ve;Hr.register(Oi);var on=Hr;var $i=g.constructTagName("formfieldgroup"),Gr={RADIOGROUP:"radiogroup",GROUP:"group"};var sn=h`
|
|
2294
2361
|
|
|
2295
2362
|
:host::part(container) {
|
|
2296
2363
|
display: flex;
|
|
@@ -2307,10 +2374,10 @@
|
|
|
2307
2374
|
:host::part(label-text){
|
|
2308
2375
|
font-weight: bold;
|
|
2309
2376
|
}
|
|
2310
|
-
`,
|
|
2377
|
+
`,Di=[sn];var Yt=class extends B(D){constructor(){super();this.isRadio=!1;this.helpTextType=void 0}render(){var e;return m`
|
|
2311
2378
|
<div
|
|
2312
2379
|
part="container"
|
|
2313
|
-
role="${this.isRadio?
|
|
2380
|
+
role="${this.isRadio?Gr.RADIOGROUP:Gr.GROUP}"
|
|
2314
2381
|
aria-labelledby="${C.LABEL_ID}"
|
|
2315
2382
|
aria-describedby="${C.HELPER_TEXT_ID}"
|
|
2316
2383
|
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
@@ -2321,7 +2388,73 @@
|
|
|
2321
2388
|
</div>
|
|
2322
2389
|
<slot></slot>
|
|
2323
2390
|
</div>
|
|
2324
|
-
`}};
|
|
2391
|
+
`}};Yt.styles=[...D.styles,...Di];var Fr=Yt;Fr.register($i);var nn=Fr;var an=[x,h`
|
|
2392
|
+
:host {
|
|
2393
|
+
--mdc-spinner-default-color: var(--mds-color-theme-control-active-normal);
|
|
2394
|
+
--mdc-spinner-inverted-color: var(--mds-color-theme-inverted-control-active-normal);
|
|
2395
|
+
--mdc-spinner-button-variant-color: currentColor;
|
|
2396
|
+
--mdc-spinner-color: var(--mdc-spinner-default-color);
|
|
2397
|
+
--mdc-spinner-size: 100%;
|
|
2398
|
+
}
|
|
2399
|
+
|
|
2400
|
+
:host([inverted]) {
|
|
2401
|
+
--mdc-spinner-color: var(--mdc-spinner-inverted-color);
|
|
2402
|
+
}
|
|
2403
|
+
|
|
2404
|
+
:host([size="large"]) {
|
|
2405
|
+
--mdc-spinner-size: 6rem;
|
|
2406
|
+
}
|
|
2407
|
+
|
|
2408
|
+
:host([size="midsize"]) {
|
|
2409
|
+
--mdc-spinner-size: 3rem;
|
|
2410
|
+
}
|
|
2411
|
+
|
|
2412
|
+
:host([size="small"]) {
|
|
2413
|
+
--mdc-spinner-size: 1.5rem;
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
:host([variant="button"]) {
|
|
2417
|
+
--mdc-spinner-color: var(--mdc-spinner-button-variant-color);
|
|
2418
|
+
}
|
|
2419
|
+
|
|
2420
|
+
:host::part(container) {
|
|
2421
|
+
width: var(--mdc-spinner-size);
|
|
2422
|
+
height: var(--mdc-spinner-size);
|
|
2423
|
+
animation: rotate 1.5s linear infinite;
|
|
2424
|
+
}
|
|
2425
|
+
|
|
2426
|
+
:host::part(circle) {
|
|
2427
|
+
fill: none;
|
|
2428
|
+
stroke: var(--mdc-spinner-color);
|
|
2429
|
+
stroke-width: 8%;
|
|
2430
|
+
stroke-linecap: round;
|
|
2431
|
+
animation: dash 1.5s ease-in-out infinite;
|
|
2432
|
+
transform: rotate(-90deg);
|
|
2433
|
+
transform-origin: center;
|
|
2434
|
+
}
|
|
2435
|
+
|
|
2436
|
+
@keyframes rotate {
|
|
2437
|
+
100% { transform: rotate(360deg); }
|
|
2438
|
+
}
|
|
2439
|
+
|
|
2440
|
+
@keyframes dash {
|
|
2441
|
+
0% {
|
|
2442
|
+
stroke-dasharray: 1, 470;
|
|
2443
|
+
}
|
|
2444
|
+
50% {
|
|
2445
|
+
stroke-dasharray: 209, 470;
|
|
2446
|
+
stroke-dashoffset: -83;
|
|
2447
|
+
}
|
|
2448
|
+
100% {
|
|
2449
|
+
stroke-dasharray: 209, 470;
|
|
2450
|
+
stroke-dashoffset: -292;
|
|
2451
|
+
}
|
|
2452
|
+
}
|
|
2453
|
+
`],Pi=an;var Ui=g.constructTagName("spinner"),dn={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},cn={STANDALONE:"standalone",BUTTON:"button"},Xt={VARIANT:cn.STANDALONE,SIZE:dn.MIDSIZE,INVERTED:!1};var ce=class extends v{constructor(){super(...arguments);this.inverted=Xt.INVERTED;this.size=Xt.SIZE;this.ariaLabel=null;this.variant=Xt.VARIANT}updated(e){super.updated(e),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null,this.ariaHidden=this.ariaLabel?"false":"true")}render(){return m`
|
|
2454
|
+
<svg part="container" viewBox="0 0 100 100">
|
|
2455
|
+
<circle part="circle" cx="50" cy="50" r="46"></circle>
|
|
2456
|
+
</svg>
|
|
2457
|
+
`}};ce.styles=[...v.styles,...Pi],a([c({type:Boolean,reflect:!0})],ce.prototype,"inverted",2),a([c({type:String,reflect:!0})],ce.prototype,"size",2),a([c({type:String,attribute:"aria-label"})],ce.prototype,"ariaLabel",2),a([c({type:String})],ce.prototype,"variant",2);var Br=ce;Br.register(Ui);var ln=Br;})();
|
|
2325
2458
|
/*! Bundled license information:
|
|
2326
2459
|
|
|
2327
2460
|
@lit/reactive-element/decorators/custom-element.js:
|