@momentum-design/components 0.12.2 → 0.12.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/browser/index.js +313 -186
- package/dist/browser/index.js.map +4 -4
- package/dist/components/avatar/avatar.component.d.ts +213 -12
- package/dist/components/avatar/avatar.component.js +303 -31
- package/dist/components/avatar/avatar.constants.d.ts +10 -3
- package/dist/components/avatar/avatar.constants.js +13 -4
- package/dist/components/avatar/avatar.styles.d.ts +2 -2
- package/dist/components/avatar/avatar.styles.js +112 -10
- package/dist/components/avatar/avatar.types.d.ts +5 -1
- package/dist/components/avatar/avatar.utils.d.ts +5 -0
- package/dist/components/avatar/avatar.utils.js +27 -0
- package/dist/components/avatar/index.d.ts +3 -0
- package/dist/components/avatar/index.js +3 -0
- package/dist/custom-elements.json +171 -105
- package/dist/react/avatar/index.d.ts +28 -2
- package/dist/react/avatar/index.js +28 -2
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- 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 ur=Object.defineProperty;var gr=Object.getOwnPropertyDescriptor;var a=(s,t,e,r)=>{for(var o=r>1?void 0:r?gr(t,e):t,n=s.length-1,i;n>=0;n--)(i=s[n])&&(o=(r?i(t,e,o):i(o))||o);return r&&o&&ur(t,e,o),o};var ye=globalThis,xe=ye.ShadowRoot&&(ye.ShadyCSS===void 0||ye.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,De=Symbol(),ut=new WeakMap,oe=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==De)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(xe&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&ut.set(e,t))}return t}toString(){return this.cssText}},gt=s=>new oe(typeof s=="string"?s:s+"",void 0,De),h=(s,...t)=>{let e=s.length===1?s[0]:t.reduce((r,o,n)=>r+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+s[n+1],s[0]);return new oe(e,s,De)},He=(s,t)=>{if(xe)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),o=ye.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,s.appendChild(r)}},Ee=xe?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return gt(e)})(s):s;var{is:fr,defineProperty:br,getOwnPropertyDescriptor:vr,getOwnPropertyNames:yr,getOwnPropertySymbols:xr,getPrototypeOf:Er}=Object,P=globalThis,ft=P.trustedTypes,_r=ft?ft.emptyScript:"",Ge=P.reactiveElementPolyfillSupport,se=(s,t)=>s,ie={toAttribute(s,t){switch(t){case Boolean:s=s?_r:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},_e=(s,t)=>!fr(s,t),bt={attribute:!0,type:String,converter:ie,reflect:!1,hasChanged:_e},vt,yt;(vt=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(yt=P.litPropertyMetadata)!=null||(P.litPropertyMetadata=new WeakMap);var $=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=bt){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&&br(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){var i;let{get:o,set:n}=(i=vr(this.prototype,t))!=null?i:{get(){return this[e]},set(c){this[e]=c}};return{get(){return o==null?void 0:o.call(this)},set(c){let l=o==null?void 0:o.call(this);n.call(this,c),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:bt}static _$Ei(){if(this.hasOwnProperty(se("elementProperties")))return;let t=Er(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(se("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(se("properties"))){let e=this.properties,r=[...yr(e),...xr(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(Ee(o))}else t!==void 0&&e.push(Ee(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 He(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 i=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:ie).toAttribute(e,r.type);this._$Em=t,i==null?this.removeAttribute(o):this.setAttribute(o,i),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 i=r.getPropertyOptions(o),c=typeof i.converter=="function"?{fromAttribute:i.converter}:((n=i.converter)==null?void 0:n.fromAttribute)!==void 0?i.converter:ie;this._$Em=o,this[o]=c.fromAttribute(e,i.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:_e)(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[i,c]of this._$Ep)this[i]=c;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[i,c]of n)c.wrapped!==!0||this._$AL.has(i)||this[i]===void 0||this.P(i,this[i],c)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(n=>{var i;return(i=n.hostUpdate)==null?void 0:i.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){}},xt;$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[se("elementProperties")]=new Map,$[se("finalized")]=new Map,Ge==null||Ge({ReactiveElement:$}),((xt=P.reactiveElementVersions)!=null?xt:P.reactiveElementVersions=[]).push("2.0.4");var Ar={attribute:!0,type:String,converter:ie,reflect:!1,hasChanged:_e},Tr=(s=Ar,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,s),r==="accessor"){let{name:i}=e;return{set(c){let l=t.get.call(this);t.set.call(this,c),this.requestUpdate(i,l,s)},init(c){return c!==void 0&&this.P(i,void 0,s),c}}}if(r==="setter"){let{name:i}=e;return function(c){let l=this[i];t.call(this,c),this.requestUpdate(i,l,s)}}throw Error("Unsupported decorator location: "+r)};function d(s){return(t,e)=>typeof e=="object"?Tr(s,t,e):((r,o,n)=>{let i=o.hasOwnProperty(n);return o.constructor.createProperty(n,i?{...r,wrapped:!0}:r),i?Object.getOwnPropertyDescriptor(o,n):void 0})(s,t,e)}function C(s){return d({...s,state:!0,attribute:!1})}var Sr={PREFIX:"mdc",SEPARATOR:"-"},Ir={NAMESPACE:Sr},Be=Ir;var Cr=s=>[Be.NAMESPACE.PREFIX,s].join(Be.NAMESPACE.SEPARATOR),y={constructTagName:Cr};var Te=y.constructTagName("themeprovider"),Ve={THEMECLASS:"mds-theme-stable-darkWebex"};var ae=globalThis,Se=ae.trustedTypes,Et=Se?Se.createPolicy("lit-html",{createHTML:s=>s}):void 0,Nt="$lit$",U=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+U,Nr=`<${Lt}>`,Y=document,de=()=>Y.createComment(""),ce=s=>s===null||typeof s!="object"&&typeof s!="function",Ke=Array.isArray,Lr=s=>Ke(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",Xe=`[
|
|
2
|
+
\f\r]`,ne=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_t=/-->/g,At=/>/g,V=RegExp(`>|${Xe}(?:([^\\s"'>=/]+)(${Xe}*=${Xe}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Tt=/'/g,St=/"/g,Rt=/^(?:script|style|textarea|title)$/i,Qe=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),m=Qe(1),Uo=Qe(2),Do=Qe(3),w=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),It=new WeakMap,X=Y.createTreeWalker(Y,129);function zt(s,t){if(!Ke(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Et!==void 0?Et.createHTML(t):t}var Rr=(s,t)=>{let e=s.length-1,r=[],o,n=t===2?"<svg>":t===3?"<math>":"",i=ne;for(let c=0;c<e;c++){let l=s[c],v,b,f=-1,z=0;for(;z<l.length&&(i.lastIndex=z,b=i.exec(l),b!==null);)z=i.lastIndex,i===ne?b[1]==="!--"?i=_t:b[1]!==void 0?i=At:b[2]!==void 0?(Rt.test(b[2])&&(o=RegExp("</"+b[2],"g")),i=V):b[3]!==void 0&&(i=V):i===V?b[0]===">"?(i=o!=null?o:ne,f=-1):b[1]===void 0?f=-2:(f=i.lastIndex-b[2].length,v=b[1],i=b[3]===void 0?V:b[3]==='"'?St:Tt):i===St||i===Tt?i=V:i===_t||i===At?i=ne:(i=V,o=void 0);let k=i===V&&s[c+1].startsWith("/>")?" ":"";n+=i===ne?l+Nr:f>=0?(r.push(v),l.slice(0,f)+Nt+l.slice(f)+U+k):l+U+(f===-2?c:k)}return[zt(s,n+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},le=class s{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let n=0,i=0,c=t.length-1,l=this.parts,[v,b]=Rr(t,e);if(this.el=s.createElement(v,r),X.currentNode=this.el.content,e===2||e===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(o=X.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(let f of o.getAttributeNames())if(f.endsWith(Nt)){let z=b[i++],k=o.getAttribute(f).split(U),ve=/([.?@])?(.*)/.exec(z);l.push({type:1,index:n,name:ve[2],strings:k,ctor:ve[1]==="."?qe:ve[1]==="?"?je:ve[1]==="@"?Ze:W}),o.removeAttribute(f)}else f.startsWith(U)&&(l.push({type:6,index:n}),o.removeAttribute(f));if(Rt.test(o.tagName)){let f=o.textContent.split(U),z=f.length-1;if(z>0){o.textContent=Se?Se.emptyScript:"";for(let k=0;k<z;k++)o.append(f[k],de()),X.nextNode(),l.push({type:2,index:++n});o.append(f[z],de())}}}else if(o.nodeType===8)if(o.data===Lt)l.push({type:2,index:n});else{let f=-1;for(;(f=o.data.indexOf(U,f+1))!==-1;)l.push({type:7,index:n}),f+=U.length-1}n++}}static createElement(t,e){let r=Y.createElement("template");return r.innerHTML=t,r}};function Z(s,t,e=s,r){var i,c,l;if(t===w)return t;let o=r!==void 0?(i=e.o)==null?void 0:i[r]:e.l,n=ce(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==n&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),n===void 0?o=void 0:(o=new n(s),o._$AT(s,e,r)),r!==void 0?((l=e.o)!=null?l:e.o=[])[r]=o:e.l=o),o!==void 0&&(t=Z(s,o._$AS(s,t.values),o,r)),t}var Fe=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 v;let{el:{content:e},parts:r}=this._$AD,o=((v=t==null?void 0:t.creationScope)!=null?v:Y).importNode(e,!0);X.currentNode=o;let n=X.nextNode(),i=0,c=0,l=r[0];for(;l!==void 0;){if(i===l.index){let b;l.type===2?b=new me(n,n.nextSibling,this,t):l.type===1?b=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(b=new We(n,this,t)),this._$AV.push(b),l=r[++c]}i!==(l==null?void 0:l.index)&&(n=X.nextNode(),i++)}return X.currentNode=Y,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++}},me=class s{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=Z(this,t,e),ce(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==w&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Lr(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&&ce(this._$AH)?this._$AA.nextSibling.data=t:this.T(Y.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=le.createElement(zt(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===o)this._$AH.p(e);else{let i=new Fe(o,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=It.get(t.strings);return e===void 0&&It.set(t.strings,e=new le(t)),e}k(t){Ke(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 s(this.O(de()),this.O(de()),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))}},W=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,i=!1;if(n===void 0)t=Z(this,t,e,0),i=!ce(t)||t!==this._$AH&&t!==w,i&&(this._$AH=t);else{let c=t,l,v;for(t=n[0],l=0;l<n.length-1;l++)v=Z(this,c[r+l],e,l),v===w&&(v=this._$AH[l]),i||(i=!ce(v)||v!==this._$AH[l]),v===p?t=p:t!==p&&(t+=(v!=null?v:"")+n[l+1]),this._$AH[l]=v}i&&!o&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},qe=class extends W{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}},je=class extends W{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}},Ze=class extends W{constructor(t,e,r,o,n){super(t,e,r,o,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=Z(this,t,e,0))!=null?i:p)===w)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)}},We=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){Z(this,t)}};var Ye=ae.litHtmlPolyfillSupport,Ct;Ye==null||Ye(le,me),((Ct=ae.litHtmlVersions)!=null?Ct:ae.litHtmlVersions=[]).push("3.2.0");var $t=(s,t,e)=>{var n,i;let r=(n=e==null?void 0:e.renderBefore)!=null?n:t,o=r._$litPart$;if(o===void 0){let c=(i=e==null?void 0:e.renderBefore)!=null?i:null;r._$litPart$=o=new me(t.insertBefore(de(),c),c,void 0,e!=null?e:{})}return o._$AI(s),o};var D=class extends ${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=$t(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 w}},wt;D._$litElement$=!0,D.finalized=!0,(wt=globalThis.litElementHydrateSupport)==null||wt.call(globalThis,{LitElement:D});var Je=globalThis.litElementPolyfillSupport;Je==null||Je({LitElement:D});var Ot;((Ot=globalThis.litElementVersions)!=null?Ot:globalThis.litElementVersions=[]).push("4.1.0");var Mt=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 Ie=class extends D{static register(t){customElements.get(t)||customElements.define(t,this)}};Ie.styles=[Mt];var kt=Ie;var g=kt;var H=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 K=class{constructor(t,e,r,o){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,c)=>{this.unsubscribe&&(this.unsubscribe!==c&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=i,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(i,c)),this.unsubscribe=c},this.host=t,e.context!==void 0){let i=e;this.context=i.context,this.callback=i.callback,this.subscribe=(n=i.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 H(this.context,this.t,this.subscribe))}};var Ce=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 et=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Q=class extends Ce{constructor(t,e,r){var o,n;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=i=>{let c=i.composedPath()[0];i.context===this.context&&c!==this.host&&(i.stopPropagation(),this.addCallback(i.callback,c,i.subscribe))},this.onProviderRequest=i=>{let c=i.composedPath()[0];if(i.context!==this.context||c===this.host)return;let l=new Set;for(let[v,{consumerHost:b}]of this.subscriptions)l.has(v)||(l.add(v),b.dispatchEvent(new H(this.context,v,!0)));i.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 et(this.context))}};var zr=h`
|
|
14
14
|
:host {
|
|
15
15
|
display: contents;
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,Ut=zr;var Ne=class extends g{constructor({context:t,initialValue:e}){super(),this.context=new Q(this,{context:t,initialValue:e})}render(){return this.updateContext(),m`<slot></slot>`}};Ne.styles=[...g.styles,Ut];var Dt=Ne;var J=Dt;var Le=class{constructor(t){this.themeclass=t}};Le.context=Te;var Re=Le;var $r=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);
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
font-weight: var(--mdc-themeprovider-font-weight);
|
|
28
28
|
letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);
|
|
29
29
|
}
|
|
30
|
-
`,
|
|
30
|
+
`,Ht=[$r];var ee=class extends J{constructor(){super({context:Re.context,initialValue:new Re(Ve.THEMECLASS)});this.themeclass=Ve.THEMECLASS}static get Context(){return Re.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(" "))}};ee.styles=[...J.styles,...Ht],a([C()],ee.prototype,"currentThemeClass",2),a([d({type:String})],ee.prototype,"themeclass",2);var tt=ee;tt.register(Te);var wr=tt;var R=h`
|
|
31
31
|
:host {
|
|
32
32
|
align-items: center;
|
|
33
33
|
display: flex;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
justify-content: center;
|
|
36
36
|
width: fit-content;
|
|
37
37
|
}
|
|
38
|
-
`,
|
|
38
|
+
`,Gt=h`
|
|
39
39
|
:host {
|
|
40
40
|
--mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);
|
|
41
41
|
--mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
`;var
|
|
68
|
+
`;var Or=[R,h`
|
|
69
69
|
:host {
|
|
70
70
|
--mdc-icon-fill-color: currentColor;
|
|
71
71
|
}
|
|
@@ -74,110 +74,270 @@
|
|
|
74
74
|
width: 100%;
|
|
75
75
|
fill: var(--mdc-icon-fill-color);
|
|
76
76
|
}
|
|
77
|
-
`],
|
|
77
|
+
`],Bt=Or;var Mr=s=>{let{host:t,context:e,subscribe:r}=s;return new K(t,{context:e,subscribe:r!=null?r:!0})},kr={consume:Mr},Vt=kr;var ze=y.constructTagName("iconprovider"),Xt=["svg"],Yt=["em","rem","px"],Pr={px:16,em:1,rem:1},G={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:Pr.em};var $e=class{};$e.context=ze;var we=$e;var F=class extends J{constructor(){super({context:we.context,initialValue:new we});this.fileExtension=G.FILE_EXTENSION;this.lengthUnit=G.LENGTH_UNIT;this.size=G.SIZE}static get Context(){return we.context}updateValuesInContext(){this.fileExtension&&Xt.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=G.FILE_EXTENSION,this.context.value.fileExtension=G.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&Yt.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=G.LENGTH_UNIT,this.context.value.lengthUnit=G.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.updateValuesInContext(),this.context.updateObservers())}};a([d({type:String})],F.prototype,"url",2),a([d({type:String,attribute:"file-extension",reflect:!0})],F.prototype,"fileExtension",2),a([d({type:String,attribute:"length-unit",reflect:!0})],F.prototype,"lengthUnit",2),a([d({type:Number,reflect:!0})],F.prototype,"size",2);var he=F;var Ft=async(s,t,e)=>{let r=await fetch(`${s}/${t}.${e}`);if(!r.ok)throw new Error("There was a problem while fetching the icon!");let o=await r.text(),n=new DOMParser().parseFromString(o,"text/html").body.children[0];return n.setAttribute("data-name",t),n.setAttribute("part","icon"),n};var qt=y.constructTagName("icon"),rt={NAME:void 0,SIZE:1};var N=class extends g{constructor(){super(...arguments);this.name=rt.NAME;this.ariaLabel=null;this.iconProviderContext=Vt.consume({host:this,context:he.Context})}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:e,url:r}=this.iconProviderContext.value;if(r&&e&&this.name){let o=await Ft(r,this.name,e);this.iconData=o,this.setRoleOnIcon(),this.setAriaLabelOnIcon(),this.setAriaHiddenOnIcon()}}}updateSize(){var e;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let r=`${this.computedIconSize}${(e=this.lengthUnit)!=null?e:this.lengthUnitFromContext}`;this.style.width=r,this.style.height=r}}setRoleOnIcon(){this.role=this.ariaLabel?"img":null}setAriaHiddenOnIcon(){var e;(e=this.iconData)==null||e.setAttribute("aria-hidden","true")}setAriaLabelOnIcon(){var e,r;this.ariaLabel?(e=this.iconData)==null||e.setAttribute("aria-label",this.ariaLabel):(r=this.iconData)==null||r.removeAttribute("aria-label")}get computedIconSize(){var e,r;return(r=(e=this.size)!=null?e:this.sizeFromContext)!=null?r:rt.SIZE}updated(e){var r,o,n,i;super.updated(e),e.has("name")&&this.getIconData().catch(c=>{console.error(c)}),e.has("ariaLabel")&&(this.setRoleOnIcon(),this.setAriaLabelOnIcon()),(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=(i=this.iconProviderContext.value)==null?void 0:i.size,this.updateSize())}render(){return m` ${this.iconData} `}};N.styles=[...g.styles,...Bt],a([C()],N.prototype,"iconData",2),a([C()],N.prototype,"lengthUnitFromContext",2),a([C()],N.prototype,"sizeFromContext",2),a([d({type:String,reflect:!0})],N.prototype,"name",2),a([d({type:Number})],N.prototype,"size",2),a([d({type:String,attribute:"length-unit"})],N.prototype,"lengthUnit",2),a([d({type:String,attribute:"aria-label"})],N.prototype,"ariaLabel",2);var ot=N;ot.register(qt);var Ur=ot;he.register(ze);var Dr=he;var pe=s=>s!=null?s:p;var jt=y.constructTagName("presence"),E={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"},u={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},ue={TYPE:E.ACTIVE,SIZE:u.SMALL};var Zt=y.constructTagName("avatar"),_={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},st=99,Hr="user-regular",it={TYPE:_.PHOTO,SIZE:u.X_SMALL,ICON_NAME:Hr};var Gr=[R,h`
|
|
78
78
|
:host {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
--mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
|
|
80
|
+
--mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
81
|
+
--mdc-avatar-loading-indicator-background-color: var(--mds-color-theme-common-text-primary-disabled);
|
|
82
|
+
--mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatar-default-foreground-color);
|
|
83
|
+
--mdc-avatar-loading-overlay-background-color: var(--mds-color-theme-common-overlays-secondary-normal);
|
|
84
|
+
}
|
|
85
|
+
:host([size="xx_large"]) .content {
|
|
86
|
+
width: 7.75rem;
|
|
87
|
+
height: 7.75rem;
|
|
88
|
+
}
|
|
89
|
+
:host([size="x_large"]) .content {
|
|
90
|
+
width: 5.5rem;
|
|
91
|
+
height: 5.5rem;
|
|
92
|
+
}
|
|
93
|
+
:host([size="large"]) .content {
|
|
94
|
+
width: 4.5rem;
|
|
95
|
+
height: 4.5rem;
|
|
96
|
+
}
|
|
97
|
+
:host([size="midsize"]) .content {
|
|
98
|
+
width: 4rem;
|
|
99
|
+
height: 4rem;
|
|
100
|
+
}
|
|
101
|
+
:host([size="small"]) .content {
|
|
102
|
+
width: 3rem;
|
|
103
|
+
height: 3rem;
|
|
104
|
+
}
|
|
105
|
+
:host([size="x_small"]) .content {
|
|
106
|
+
width: 2rem;
|
|
107
|
+
height: 2rem;
|
|
108
|
+
}
|
|
109
|
+
:host([size="xx_small"]) .content {
|
|
110
|
+
width: 1.5rem;
|
|
111
|
+
height: 1.5rem;
|
|
112
|
+
}
|
|
113
|
+
:host([size="xx_large"]) .content > .loading__wrapper > .loader {
|
|
114
|
+
transform: scale(1.5);
|
|
115
|
+
}
|
|
116
|
+
:host([size="x_large"]) .content > .loading__wrapper > .loader {
|
|
117
|
+
transform: scale(1.2);
|
|
118
|
+
}
|
|
119
|
+
:host([size="large"]) .content > .loading__wrapper > .loader,
|
|
120
|
+
:host([size="midsize"]) .content > .loading__wrapper > .loader {
|
|
121
|
+
transform: scale(0.8);
|
|
122
|
+
}
|
|
123
|
+
:host([size="small"]) .content > .loading__wrapper > .loader {
|
|
124
|
+
transform: scale(0.6);
|
|
125
|
+
}
|
|
126
|
+
:host([size="x_small"]) .content > .loading__wrapper > .loader {
|
|
127
|
+
transform: scale(0.4);
|
|
128
|
+
}
|
|
129
|
+
:host([size="xx_small"]) .content > .loading__wrapper > .loader {
|
|
130
|
+
transform: scale(0.3);
|
|
131
|
+
}
|
|
132
|
+
.content {
|
|
133
|
+
width: 2rem;
|
|
134
|
+
height: 2rem;
|
|
135
|
+
background-color: var(--mdc-avatar-default-background-color);
|
|
136
|
+
color: var(--mdc-avatar-default-foreground-color);
|
|
82
137
|
border-radius: 100vh;
|
|
83
138
|
position: relative;
|
|
84
|
-
|
|
139
|
+
display: grid;
|
|
140
|
+
place-items: center;
|
|
85
141
|
}
|
|
86
|
-
|
|
142
|
+
.photo {
|
|
87
143
|
border-radius: 100vh;
|
|
88
|
-
height:
|
|
89
|
-
width:
|
|
144
|
+
height: 100%;
|
|
145
|
+
width: 100%;
|
|
90
146
|
object-fit: cover;
|
|
147
|
+
overflow: hidden;
|
|
148
|
+
}
|
|
149
|
+
.presence {
|
|
150
|
+
position: absolute;
|
|
151
|
+
bottom: 0;
|
|
152
|
+
right: 0;
|
|
153
|
+
}
|
|
154
|
+
.loading__wrapper {
|
|
155
|
+
position: absolute;
|
|
156
|
+
border-radius: 100vh;
|
|
157
|
+
width: 100%;
|
|
158
|
+
height: 100%;
|
|
159
|
+
background-color: var(--mdc-avatar-loading-overlay-background-color);
|
|
160
|
+
display: grid;
|
|
161
|
+
place-items: center;
|
|
162
|
+
}
|
|
163
|
+
.loader {
|
|
164
|
+
position: absolute;
|
|
165
|
+
width: 1rem;
|
|
166
|
+
transform: scale(0.4);
|
|
167
|
+
aspect-ratio: 1;
|
|
168
|
+
border-radius: 100vh;
|
|
169
|
+
animation: loading-key 1s infinite linear alternate;
|
|
91
170
|
}
|
|
92
|
-
|
|
171
|
+
@keyframes loading-key {
|
|
172
|
+
0% {
|
|
173
|
+
box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),
|
|
174
|
+
-1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);
|
|
175
|
+
background: var(--mdc-avatar-loading-indicator-foreground-color);
|
|
176
|
+
}
|
|
177
|
+
33% {
|
|
178
|
+
box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),
|
|
179
|
+
-1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);
|
|
180
|
+
background: var(--mdc-avatar-loading-indicator-background-color);
|
|
181
|
+
}
|
|
182
|
+
66% {
|
|
183
|
+
box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),
|
|
184
|
+
-1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);
|
|
185
|
+
background: var(--mdc-avatar-loading-indicator-background-color);
|
|
186
|
+
}
|
|
187
|
+
100%{
|
|
188
|
+
box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),
|
|
189
|
+
-1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);
|
|
190
|
+
background: var(--mdc-avatar-loading-indicator-foreground-color);
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
`],Wt=Gr;var Kt=y.constructTagName("text"),S={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"},A={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},T={TYPE:S.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:A.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Qt=s=>({[u.XX_LARGE]:4.75,[u.X_LARGE]:3,[u.LARGE]:2.5,[u.MIDSIZE]:2.25,[u.SMALL]:1.75,[u.X_SMALL]:1.25,[u.XX_SMALL]:1})[s]||1.25,Jt=s=>({[u.XX_LARGE]:S.HEADING_XLARGE_MEDIUM,[u.X_LARGE]:S.HEADING_LARGE_MEDIUM,[u.LARGE]:S.HEADING_MIDSIZE_MEDIUM,[u.MIDSIZE]:S.HEADING_SMALL_MEDIUM,[u.SMALL]:S.HEADING_SMALL_MEDIUM,[u.XX_SMALL]:S.BODY_SMALL_MEDIUM,[u.X_SMALL]:S.BODY_MIDSIZE_MEDIUM})[s]||S.BODY_MIDSIZE_MEDIUM;var I=class extends g{constructor(){super(...arguments);this.size=it.SIZE;this.isTyping=!1;this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===_.COUNTER&&(this.counter||this.counter===0)?p:this.presence?m`
|
|
194
|
+
<mdc-presence class="presence" type="${this.presence}" size="${this.size}"></mdc-presence>
|
|
195
|
+
`: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`
|
|
93
196
|
<img
|
|
94
|
-
|
|
95
|
-
|
|
197
|
+
class="photo"
|
|
198
|
+
src="${pe(this.src)}"
|
|
199
|
+
aria-hidden="true"
|
|
200
|
+
?hidden="${!this.isPhotoLoaded}"
|
|
201
|
+
@load="${this.handleOnLoad}"
|
|
202
|
+
@error="${this.handleOnError}"
|
|
96
203
|
/>
|
|
97
|
-
`}
|
|
204
|
+
`}iconTemplate(){let e=this.iconName||it.ICON_NAME;return m`
|
|
205
|
+
<mdc-icon
|
|
206
|
+
name="${pe(e)}"
|
|
207
|
+
length-unit="rem"
|
|
208
|
+
size="${Qt(this.size)}"
|
|
209
|
+
></mdc-icon>
|
|
210
|
+
`}textTemplate(e){return m`
|
|
211
|
+
<mdc-text
|
|
212
|
+
type="${Jt(this.size)}"
|
|
213
|
+
tagname="span"
|
|
214
|
+
>
|
|
215
|
+
${e}
|
|
216
|
+
</mdc-text>
|
|
217
|
+
`}generateCounterText(e){return e<0?"0":e>st?`${st}+`:e.toString()}generateInitialsText(e){return e.toUpperCase().slice(0,2)}generateTextContent(e){let r="";return e===_.TEXT&&this.initials&&(r=this.generateInitialsText(this.initials)),e===_.COUNTER&&(this.counter||this.counter===0)&&(r=this.generateCounterText(this.counter)),this.textTemplate(r)}getTypeBasedOnInputs(){return this.src?_.PHOTO:this.iconName?_.ICON:this.initials?_.TEXT:this.counter||this.counter===0?_.COUNTER:_.ICON}getTemplateBasedOnType(e){switch(e){case _.PHOTO:return this.photoTemplate();case _.TEXT:case _.COUNTER:return this.generateTextContent(e);case _.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===_.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`
|
|
218
|
+
<div class="content" aria-hidden="true">
|
|
219
|
+
${this.getPhotoPlaceHolderContent(e)}
|
|
220
|
+
${this.getTemplateBasedOnType(e)}
|
|
221
|
+
${this.getLoadingContent()}
|
|
222
|
+
${this.getPresenceTemplateBasedOnType(e)}
|
|
223
|
+
</div>
|
|
224
|
+
`}};I.styles=[...g.styles,...Wt],a([d({type:String})],I.prototype,"src",2),a([d({type:String})],I.prototype,"initials",2),a([d({type:String})],I.prototype,"presence",2),a([d({type:String,reflect:!0})],I.prototype,"size",2),a([d({type:String,attribute:"icon-name"})],I.prototype,"iconName",2),a([d({type:Number})],I.prototype,"counter",2),a([d({type:Boolean,attribute:"is-typing"})],I.prototype,"isTyping",2),a([C()],I.prototype,"isPhotoLoaded",2);var nt=I;var Br=[R,h`
|
|
98
225
|
:host {
|
|
99
|
-
--mdc-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
--mdc-
|
|
226
|
+
--mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
|
|
227
|
+
|
|
228
|
+
--mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
|
|
229
|
+
|
|
230
|
+
--mdc-presence-away-calling-background-color: var(--mds-color-theme-indicator-locked);
|
|
104
231
|
|
|
105
|
-
--mdc-
|
|
106
|
-
--mdc-badge-success-background-color: var(--mds-color-theme-background-alert-success-normal);
|
|
232
|
+
--mdc-presence-busy-background-color: var(--mds-color-theme-indicator-unstable);
|
|
107
233
|
|
|
108
|
-
--mdc-
|
|
109
|
-
--mdc-badge-warning-background-color: var(--mds-color-theme-background-alert-warning-normal);
|
|
234
|
+
--mdc-presence-dnd-background-color: var(--mds-color-theme-indicator-attention);
|
|
110
235
|
|
|
111
|
-
--mdc-
|
|
112
|
-
|
|
236
|
+
--mdc-presence-meeting-background-color: var(--mds-color-theme-indicator-unstable);
|
|
237
|
+
|
|
238
|
+
--mdc-presence-on-call-background-color: var(--mds-color-theme-indicator-unstable);
|
|
113
239
|
|
|
114
|
-
--mdc-
|
|
240
|
+
--mdc-presence-on-device-background-color: var(--mds-color-theme-indicator-locked);
|
|
115
241
|
|
|
116
|
-
color: var(--
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
242
|
+
--mdc-presence-on-mobile-background-color: var(--mds-color-theme-indicator-locked);
|
|
243
|
+
|
|
244
|
+
--mdc-presence-pause-background-color: var(--mds-color-theme-indicator-locked);
|
|
245
|
+
|
|
246
|
+
--mdc-presence-pto-background-color: var(--mds-color-theme-indicator-locked);
|
|
247
|
+
|
|
248
|
+
--mdc-presence-presenting-background-color: var(--mds-color-theme-indicator-attention);
|
|
249
|
+
|
|
250
|
+
--mdc-presence-quiet-background-color: var(--mds-color-theme-indicator-locked);
|
|
251
|
+
|
|
252
|
+
--mdc-presence-scheduled-background-color: var(--mds-color-theme-indicator-unstable);
|
|
253
|
+
|
|
254
|
+
--mdc-presence-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);
|
|
120
255
|
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
border-radius:
|
|
124
|
-
|
|
256
|
+
|
|
257
|
+
.mdc-presence {
|
|
258
|
+
border-radius: 50%;
|
|
259
|
+
background-color: var(--mdc-presence-overlay-background-color);
|
|
125
260
|
display: flex;
|
|
126
261
|
justify-content: center;
|
|
127
|
-
|
|
262
|
+
align-items: center;
|
|
128
263
|
}
|
|
129
|
-
.mdc-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
264
|
+
.mdc-presence__xx_small,
|
|
265
|
+
.mdc-presence__x_small,
|
|
266
|
+
.mdc-presence__small {
|
|
267
|
+
width: 1.0625rem;
|
|
268
|
+
height: 1.0625rem;
|
|
134
269
|
}
|
|
135
|
-
.mdc-
|
|
136
|
-
|
|
270
|
+
.mdc-presence__midsize {
|
|
271
|
+
width: 1.419375rem;
|
|
272
|
+
height: 1.419375rem;
|
|
273
|
+
}
|
|
274
|
+
.mdc-presence__large {
|
|
275
|
+
width: 1.596875rem;
|
|
276
|
+
height: 1.596875rem;
|
|
277
|
+
}
|
|
278
|
+
.mdc-presence__x_large {
|
|
279
|
+
width: 1.951875rem;
|
|
280
|
+
height: 1.951875rem;
|
|
281
|
+
}
|
|
282
|
+
.mdc-presence__xx_large {
|
|
283
|
+
width: 2.75rem;
|
|
284
|
+
height: 2.75rem;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.mdc-presence-icon {
|
|
137
288
|
border-radius: 50%;
|
|
138
289
|
}
|
|
139
|
-
.mdc-
|
|
140
|
-
|
|
141
|
-
color: var(--mdc-badge-primary-foreground-color);
|
|
290
|
+
.mdc-presence-icon__active {
|
|
291
|
+
color: var(--mdc-presence-active-background-color);
|
|
142
292
|
}
|
|
143
|
-
.mdc-
|
|
144
|
-
|
|
145
|
-
color: var(--mdc-badge-success-foreground-color);
|
|
293
|
+
.mdc-presence-icon__away {
|
|
294
|
+
color: var(--mdc-presence-away-background-color);
|
|
146
295
|
}
|
|
147
|
-
.mdc-
|
|
148
|
-
|
|
149
|
-
color: var(--mdc-badge-warning-foreground-color);
|
|
296
|
+
.mdc-presence-icon__away-calling {
|
|
297
|
+
color: var(--mdc-presence-away-calling-background-color);
|
|
150
298
|
}
|
|
151
|
-
.mdc-
|
|
152
|
-
|
|
153
|
-
color: var(--mdc-badge-error-foreground-color);
|
|
299
|
+
.mdc-presence-icon__busy {
|
|
300
|
+
color: var(--mdc-presence-busy-background-color);
|
|
154
301
|
}
|
|
155
|
-
.mdc-
|
|
156
|
-
|
|
157
|
-
color: var(--mdc-badge-secondary-foreground-color);
|
|
302
|
+
.mdc-presence-icon__dnd {
|
|
303
|
+
color: var(--mdc-presence-dnd-background-color);
|
|
158
304
|
}
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
@media (forced-colors: active) {
|
|
162
|
-
.mdc-badge-dot, .mdc-badge-icon, .mdc-badge-text {
|
|
163
|
-
outline: 0.125rem solid;
|
|
305
|
+
.mdc-presence-icon__meeting {
|
|
306
|
+
color: var(--mdc-presence-meeting-background-color);
|
|
164
307
|
}
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
308
|
+
.mdc-presence-icon__on-call {
|
|
309
|
+
color: var(--mdc-presence-on-call-background-color);
|
|
310
|
+
}
|
|
311
|
+
.mdc-presence-icon__on-device {
|
|
312
|
+
color: var(--mdc-presence-on-device-background-color);
|
|
313
|
+
}
|
|
314
|
+
.mdc-presence-icon__on-mobile {
|
|
315
|
+
color: var(--mdc-presence-on-mobile-background-color);
|
|
316
|
+
}
|
|
317
|
+
.mdc-presence-icon__pause {
|
|
318
|
+
color: var(--mdc-presence-pause-background-color);
|
|
319
|
+
}
|
|
320
|
+
.mdc-presence-icon__pto {
|
|
321
|
+
color: var(--mdc-presence-pto-background-color);
|
|
322
|
+
}
|
|
323
|
+
.mdc-presence-icon__presenting {
|
|
324
|
+
color: var(--mdc-presence-presenting-background-color);
|
|
325
|
+
}
|
|
326
|
+
.mdc-presence-icon__quiet {
|
|
327
|
+
color: var(--mdc-presence-quiet-background-color);
|
|
328
|
+
}
|
|
329
|
+
.mdc-presence-icon__scheduled {
|
|
330
|
+
color: var(--mdc-presence-scheduled-background-color);
|
|
331
|
+
}
|
|
332
|
+
`],er=Br;var tr=s=>{switch(s){case E.AWAY:return"recents-presence-badge-filled";case E.AWAY_CALLING:return"away-calling-presence-filled";case E.BUSY:return"busy-presence-bold";case E.DND:return"dnd-presence-badge-filled";case E.MEETING:return"camera-filled";case E.ON_CALL:return"handset-filled";case E.ON_DEVICE:return"generic-device-video-badge-filled";case E.ON_MOBILE:return"phone-badge-filled";case E.PAUSE:return"pause-badge-filled";case E.PTO:return"pto-presence-filled";case E.PRESENTING:return"share-screen-badge-filled";case E.QUIET:return"quiet-hours-presence-filled";case E.SCHEDULED:return"meetings-presence-badge-filled";case E.ACTIVE:default:return"active-presence-small-filled"}};var te=class extends g{constructor(){super(...arguments);this.type=ue.TYPE;this.size=ue.SIZE}get iconSize(){switch(this.size){case u.MIDSIZE:return 1.16125;case u.LARGE:return 1.30625;case u.X_LARGE:return 1.596875;case u.XX_LARGE:return 2.25;case u.XX_SMALL:case u.X_SMALL:case u.SMALL:default:return this.size=ue.SIZE,.875}}get icon(){let e=tr(this.type);return e==="active-presence-small-filled"&&(this.type=ue.TYPE),e}render(){return m`
|
|
333
|
+
<div class="mdc-presence mdc-presence__${this.size}">
|
|
334
|
+
<mdc-icon
|
|
335
|
+
class="mdc-presence-icon mdc-presence-icon__${this.type}"
|
|
336
|
+
name="${this.icon}"
|
|
337
|
+
size="${this.iconSize}"
|
|
338
|
+
></mdc-icon>
|
|
339
|
+
</div>
|
|
340
|
+
`}};te.styles=[...g.styles,...er],a([d({type:String,reflect:!0})],te.prototype,"type",2),a([d({type:String,reflect:!0})],te.prototype,"size",2);var at=te;at.register(jt);var Vr=at;var rr=h`
|
|
181
341
|
:host([tagname])::part(text) {
|
|
182
342
|
font-size: unset;
|
|
183
343
|
font-weight: unset;
|
|
@@ -417,130 +577,97 @@
|
|
|
417
577
|
text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
|
|
418
578
|
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
419
579
|
}
|
|
420
|
-
`;var
|
|
580
|
+
`;var Xr=[h`
|
|
421
581
|
:host {
|
|
422
582
|
--mdc-text-font-family: var(--mdc-themeprovider-font-family);
|
|
423
583
|
|
|
424
584
|
display: block;
|
|
425
585
|
font-family: var(--mdc-text-font-family);
|
|
426
586
|
}
|
|
427
|
-
`,
|
|
587
|
+
`,rr],or=Xr;var re=class extends g{constructor(){super(...arguments);this.type=T.TYPE;this.tagname=T.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case A.H1:return m`<h1 part=${T.CSS_PART_TEXT}><slot></slot></h1>`;case A.H2:return m`<h2 part=${T.CSS_PART_TEXT}><slot></slot></h2>`;case A.H3:return m`<h3 part=${T.CSS_PART_TEXT}><slot></slot></h3>`;case A.H4:return m`<h4 part=${T.CSS_PART_TEXT}><slot></slot></h4>`;case A.H5:return m`<h5 part=${T.CSS_PART_TEXT}><slot></slot></h5>`;case A.H6:return m`<h6 part=${T.CSS_PART_TEXT}><slot></slot></h6>`;case A.DIV:return m`<div part=${T.CSS_PART_TEXT}><slot></slot></div>`;case A.SPAN:return m`<span part=${T.CSS_PART_TEXT}><slot></slot></span>`;case A.SMALL:return m`<small part=${T.CSS_PART_TEXT}><slot></slot></small>`;case A.P:default:return m`<p part=${T.CSS_PART_TEXT}><slot></slot></p>`}}};re.styles=[...g.styles,...or],a([d({attribute:"type",reflect:!0,type:String})],re.prototype,"type",2),a([d({attribute:"tagname",reflect:!0,type:String})],re.prototype,"tagname",2);var dt=re;dt.register(Kt);var Yr=dt;nt.register(Zt);var Fr=nt;var sr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ir=s=>(...t)=>({_$litDirective$:s,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 Me=ir(class extends Oe{constructor(s){var t;if(super(s),s.type!==sr.ATTRIBUTE||s.name!=="class"||((t=s.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(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var r,o;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.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=s.element.classList;for(let n of this.st)n in t||(e.remove(n),this.st.delete(n));for(let n in t){let i=!!t[n];i===this.st.has(n)||(o=this.nt)!=null&&o.has(n)||(i?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return w}});var nr=y.constructTagName("badge"),O={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},ke={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},Pe={PRIMARY:"primary",SECONDARY:"secondary"},ge={SUCCESS:"success",WARNING:"warning",ERROR:"error"},la={...Pe,...ge},B={TYPE:O.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:Pe.PRIMARY,ICON_SIZE:1};var qr=[R,h`
|
|
428
588
|
:host {
|
|
429
|
-
--mdc-
|
|
430
|
-
|
|
431
|
-
--mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
|
|
432
|
-
|
|
433
|
-
--mdc-presence-away-calling-background-color: var(--mds-color-theme-indicator-locked);
|
|
589
|
+
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
590
|
+
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
434
591
|
|
|
435
|
-
--mdc-
|
|
436
|
-
|
|
437
|
-
--mdc-presence-dnd-background-color: var(--mds-color-theme-indicator-attention);
|
|
438
|
-
|
|
439
|
-
--mdc-presence-meeting-background-color: var(--mds-color-theme-indicator-unstable);
|
|
592
|
+
--mdc-badge-secondary-foreground-color: var(--mds-color-theme-text-secondary-normal);
|
|
593
|
+
--mdc-badge-secondary-background-color: var(--mds-color-theme-background-alert-default-normal);
|
|
440
594
|
|
|
441
|
-
--mdc-
|
|
595
|
+
--mdc-badge-success-foreground-color: var(--mds-color-theme-text-success-normal);
|
|
596
|
+
--mdc-badge-success-background-color: var(--mds-color-theme-background-alert-success-normal);
|
|
442
597
|
|
|
443
|
-
--mdc-
|
|
598
|
+
--mdc-badge-warning-foreground-color: var(--mds-color-theme-text-warning-normal);
|
|
599
|
+
--mdc-badge-warning-background-color: var(--mds-color-theme-background-alert-warning-normal);
|
|
444
600
|
|
|
445
|
-
--mdc-
|
|
446
|
-
|
|
447
|
-
--mdc-presence-pause-background-color: var(--mds-color-theme-indicator-locked);
|
|
448
|
-
|
|
449
|
-
--mdc-presence-pto-background-color: var(--mds-color-theme-indicator-locked);
|
|
601
|
+
--mdc-badge-error-foreground-color: var(--mds-color-theme-text-error-normal);
|
|
602
|
+
--mdc-badge-error-background-color: var(--mds-color-theme-background-alert-error-normal);
|
|
450
603
|
|
|
451
|
-
--mdc-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
--mdc-presence-scheduled-background-color: var(--mds-color-theme-indicator-unstable);
|
|
456
|
-
|
|
457
|
-
--mdc-presence-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);
|
|
604
|
+
--mdc-badge-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);
|
|
605
|
+
|
|
606
|
+
color: var(--mdc-badge-primary-foreground-color);
|
|
458
607
|
}
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
608
|
+
.mdc-badge-overlay {
|
|
609
|
+
outline: 0.0625rem solid var(--mdc-badge-overlay-background-color);
|
|
610
|
+
}
|
|
611
|
+
.mdc-badge-text {
|
|
612
|
+
padding: 0 0.25rem;
|
|
613
|
+
border-radius: 6.25rem;
|
|
614
|
+
min-width: 1rem;
|
|
463
615
|
display: flex;
|
|
464
616
|
justify-content: center;
|
|
465
|
-
|
|
466
|
-
}
|
|
467
|
-
.mdc-presence__xx_small,
|
|
468
|
-
.mdc-presence__x_small,
|
|
469
|
-
.mdc-presence__small {
|
|
470
|
-
width: 1.0625rem;
|
|
471
|
-
height: 1.0625rem;
|
|
472
|
-
}
|
|
473
|
-
.mdc-presence__midsize {
|
|
474
|
-
width: 1.419375rem;
|
|
475
|
-
height: 1.419375rem;
|
|
476
|
-
}
|
|
477
|
-
.mdc-presence__large {
|
|
478
|
-
width: 1.596875rem;
|
|
479
|
-
height: 1.596875rem;
|
|
480
|
-
}
|
|
481
|
-
.mdc-presence__x_large {
|
|
482
|
-
width: 1.951875rem;
|
|
483
|
-
height: 1.951875rem;
|
|
484
|
-
}
|
|
485
|
-
.mdc-presence__xx_large {
|
|
486
|
-
width: 2.75rem;
|
|
487
|
-
height: 2.75rem;
|
|
617
|
+
background-color: var(--mdc-badge-primary-background-color);
|
|
488
618
|
}
|
|
489
|
-
|
|
490
|
-
|
|
619
|
+
.mdc-badge-dot {
|
|
620
|
+
width: 0.75rem;
|
|
621
|
+
height: 0.75rem;
|
|
491
622
|
border-radius: 50%;
|
|
623
|
+
background-color: var(--mdc-badge-primary-background-color);
|
|
492
624
|
}
|
|
493
|
-
.mdc-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
.mdc-presence-icon__away {
|
|
497
|
-
color: var(--mdc-presence-away-background-color);
|
|
498
|
-
}
|
|
499
|
-
.mdc-presence-icon__away-calling {
|
|
500
|
-
color: var(--mdc-presence-away-calling-background-color);
|
|
501
|
-
}
|
|
502
|
-
.mdc-presence-icon__busy {
|
|
503
|
-
color: var(--mdc-presence-busy-background-color);
|
|
504
|
-
}
|
|
505
|
-
.mdc-presence-icon__dnd {
|
|
506
|
-
color: var(--mdc-presence-dnd-background-color);
|
|
507
|
-
}
|
|
508
|
-
.mdc-presence-icon__meeting {
|
|
509
|
-
color: var(--mdc-presence-meeting-background-color);
|
|
510
|
-
}
|
|
511
|
-
.mdc-presence-icon__on-call {
|
|
512
|
-
color: var(--mdc-presence-on-call-background-color);
|
|
513
|
-
}
|
|
514
|
-
.mdc-presence-icon__on-device {
|
|
515
|
-
color: var(--mdc-presence-on-device-background-color);
|
|
625
|
+
.mdc-badge-icon {
|
|
626
|
+
padding: 2px;
|
|
627
|
+
border-radius: 50%;
|
|
516
628
|
}
|
|
517
|
-
.mdc-
|
|
518
|
-
color: var(--mdc-
|
|
629
|
+
.mdc-badge-icon__primary {
|
|
630
|
+
background-color: var(--mdc-badge-primary-background-color);
|
|
631
|
+
color: var(--mdc-badge-primary-foreground-color);
|
|
519
632
|
}
|
|
520
|
-
.mdc-
|
|
521
|
-
color: var(--mdc-
|
|
633
|
+
.mdc-badge-icon__success {
|
|
634
|
+
background-color: var(--mdc-badge-success-background-color);
|
|
635
|
+
color: var(--mdc-badge-success-foreground-color);
|
|
522
636
|
}
|
|
523
|
-
.mdc-
|
|
524
|
-
color: var(--mdc-
|
|
637
|
+
.mdc-badge-icon__warning {
|
|
638
|
+
background-color: var(--mdc-badge-warning-background-color);
|
|
639
|
+
color: var(--mdc-badge-warning-foreground-color);
|
|
525
640
|
}
|
|
526
|
-
.mdc-
|
|
527
|
-
color: var(--mdc-
|
|
641
|
+
.mdc-badge-icon__error {
|
|
642
|
+
background-color: var(--mdc-badge-error-background-color);
|
|
643
|
+
color: var(--mdc-badge-error-foreground-color);
|
|
528
644
|
}
|
|
529
|
-
.mdc-
|
|
530
|
-
color: var(--mdc-
|
|
645
|
+
.mdc-badge-icon__secondary {
|
|
646
|
+
background-color: var(--mdc-badge-secondary-background-color);
|
|
647
|
+
color: var(--mdc-badge-secondary-foreground-color);
|
|
531
648
|
}
|
|
532
|
-
|
|
533
|
-
|
|
649
|
+
|
|
650
|
+
/* High Contrast Mode */
|
|
651
|
+
@media (forced-colors: active) {
|
|
652
|
+
.mdc-badge-dot, .mdc-badge-icon, .mdc-badge-text {
|
|
653
|
+
outline: 0.125rem solid;
|
|
534
654
|
}
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
655
|
+
}
|
|
656
|
+
`],ar=qr;var L=class extends g{constructor(){super(...arguments);this.variant=B.VARIANT;this.maxCounter=B.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>B.MAX_COUNTER_LIMIT||r>B.MAX_COUNTER_LIMIT?`${B.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r){return m`
|
|
657
|
+
<mdc-icon
|
|
658
|
+
class="mdc-badge-icon ${Me({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
|
|
659
|
+
name="${pe(e)}"
|
|
660
|
+
size="${B.ICON_SIZE}"
|
|
661
|
+
></mdc-icon>
|
|
662
|
+
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${Me({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return m`
|
|
663
|
+
<mdc-text
|
|
664
|
+
type="${S.BODY_SMALL_MEDIUM}"
|
|
665
|
+
tagname="${A.DIV}"
|
|
666
|
+
class="mdc-badge-text ${Me({"mdc-badge-overlay":this.overlay})}"
|
|
667
|
+
>
|
|
668
|
+
${this.getCounterText(this.maxCounter,this.counter)}
|
|
669
|
+
</mdc-text>
|
|
670
|
+
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(Pe).includes(this.variant)&&(this.variant=B.VARIANT);let{iconName:e,type:r,variant:o}=this;switch(r){case O.ICON:return this.getBadgeIcon(e||"",o);case O.COUNTER:return this.getBadgeCounterText();case O.SUCCESS:return this.getBadgeIcon(ke.SUCCESS_ICON_NAME,ge.SUCCESS);case O.WARNING:return this.getBadgeIcon(ke.WARNING_ICON_NAME,ge.WARNING);case O.ERROR:return this.getBadgeIcon(ke.ERROR_ICON_NAME,ge.ERROR);case O.DOT:default:return this.type=O.DOT,this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};L.styles=[...g.styles,...ar],a([d({type:String,reflect:!0})],L.prototype,"type",2),a([d({type:String,attribute:"icon-name"})],L.prototype,"iconName",2),a([d({type:String,reflect:!0})],L.prototype,"variant",2),a([d({type:Number})],L.prototype,"counter",2),a([d({type:Number,attribute:"max-counter",reflect:!0})],L.prototype,"maxCounter",2),a([d({type:Boolean})],L.prototype,"overlay",2),a([d({type:String,attribute:"aria-label"})],L.prototype,"ariaLabel",2);var ct=L;ct.register(nr);var jr=ct;var Zr=[R,h`
|
|
544
671
|
:host {
|
|
545
672
|
cursor: pointer;
|
|
546
673
|
border-radius: 1.25rem;
|
|
@@ -731,7 +858,7 @@
|
|
|
731
858
|
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
732
859
|
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
733
860
|
}
|
|
734
|
-
`,
|
|
861
|
+
`,Gt],dr=Zr;var cr=y.constructTagName("button"),fe={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Ue={40:40,32:32,28:28,24:24},q={64:64,52:52,20:20,...Ue},lt={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},j={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},Wr={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},M={VARIANT:fe.PRIMARY,SIZE:Ue[32],COLOR:lt.DEFAULT,TYPE_INTERNAL:j.ICON,TYPE:Wr.BUTTON};var lr=s=>{switch(s){case q[64]:return 2;case q[52]:return 1.75;case q[40]:return 1.25;default:return 1}},mt=s=>{let t=s.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var x=class extends g{constructor(){super();this.active=!1;this.disabled=!1;this.softDisabled=!1;this.variant=M.VARIANT;this.size=M.SIZE;this.color=M.COLOR;this.tabIndex=0;this.role="button";this.type=M.TYPE;this.typeInternal=M.TYPE_INTERNAL;this.iconSize=1;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.setAriaPressed(this,this.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),this.setClassBasedOnType(this.typeInternal)),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}executeAction(){this.type==="submit"&&this.internals.form&&this.internals.form.requestSubmit(),this.type==="reset"&&this.internals.form&&this.internals.form.reset()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${mt(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${mt(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setClassBasedOnType(e){e===j.ICON?this.classList.add("mdc-icon-button"):this.classList.remove("mdc-icon-button")}setVariant(e){this.setAttribute("variant",Object.values(fe).includes(e)?e:M.VARIANT)}setSize(e){let o=this.typeInternal===j.ICON?Object.values(q).includes(e)&&!(e===q[20]&&this.variant!==fe.TERTIARY):Object.values(Ue).includes(e);this.setAttribute("size",o?`${e}`:`${M.SIZE}`),this.iconSize=lr(e)}setColor(e){!Object.values(lt).includes(e)||this.variant===fe.TERTIARY?this.setAttribute("color",`${M.COLOR}`):this.setAttribute("color",e)}setAriaPressed(e,r){r?e.setAttribute("aria-pressed",""):e.removeAttribute("aria-pressed")}setSoftDisabled(e,r){r?e.setAttribute("aria-disabled",""):e.removeAttribute("aria-disabled")}setDisabled(e,r){r?(e.setAttribute("aria-disabled",""),this.prevTabindex=this.tabIndex,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),this.executeAction()}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())}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=j.PILL_WITH_ICON:!e&&(this.prefixIcon||this.postfixIcon)?this.typeInternal=j.ICON:this.typeInternal=j.PILL}render(){return m`
|
|
735
862
|
${this.prefixIcon?m`
|
|
736
863
|
<mdc-icon
|
|
737
864
|
name="${this.prefixIcon}"
|
|
@@ -747,7 +874,7 @@
|
|
|
747
874
|
size=${this.iconSize}
|
|
748
875
|
length-unit="rem">
|
|
749
876
|
</mdc-icon>`:""}
|
|
750
|
-
`}};
|
|
877
|
+
`}};x.formAssociated=!0,x.styles=[...g.styles,...dr],a([d({type:Boolean})],x.prototype,"active",2),a([d({type:Boolean})],x.prototype,"disabled",2),a([d({type:Boolean,attribute:"soft-disabled"})],x.prototype,"softDisabled",2),a([d({type:String,attribute:"prefix-icon",reflect:!0})],x.prototype,"prefixIcon",2),a([d({type:String,attribute:"postfix-icon",reflect:!0})],x.prototype,"postfixIcon",2),a([d({type:String})],x.prototype,"variant",2),a([d({type:Number})],x.prototype,"size",2),a([d({type:String})],x.prototype,"color",2),a([d({type:Number,reflect:!0})],x.prototype,"tabIndex",2),a([d({type:String,reflect:!0})],x.prototype,"role",2),a([d({reflect:!0})],x.prototype,"type",2),a([C()],x.prototype,"typeInternal",2),a([C()],x.prototype,"iconSize",2);var ht=x;ht.register(cr);var Kr=ht;var Qr=h`
|
|
751
878
|
:host {
|
|
752
879
|
--mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
753
880
|
--mdc-bullet-size-small: 0.25rem;
|
|
@@ -768,7 +895,7 @@
|
|
|
768
895
|
:host([size="large"]) {
|
|
769
896
|
height: var(--mdc-bullet-size-large);
|
|
770
897
|
}
|
|
771
|
-
`,
|
|
898
|
+
`,mr=[Qr];var hr=y.constructTagName("bullet"),pr={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var be=class extends g{constructor(){super(...arguments);this.size=pr.SMALL}};be.styles=[...g.styles,...mr],a([d({type:String,reflect:!0})],be.prototype,"size",2);var pt=be;pt.register(hr);var Jr=pt;})();
|
|
772
899
|
/*! Bundled license information:
|
|
773
900
|
|
|
774
901
|
@lit/reactive-element/decorators/custom-element.js:
|