@momentum-design/components 0.16.17 → 0.16.18
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/browser/index.js +162 -50
- package/dist/browser/index.js.map +4 -4
- package/dist/components/link/index.d.ts +8 -0
- package/dist/components/link/index.js +5 -0
- package/dist/components/link/link.component.d.ts +90 -0
- package/dist/components/link/link.component.js +154 -0
- package/dist/components/link/link.constants.d.ts +17 -0
- package/dist/components/link/link.constants.js +18 -0
- package/dist/components/link/link.styles.d.ts +2 -0
- package/dist/components/link/link.styles.js +116 -0
- package/dist/components/link/link.types.d.ts +4 -0
- package/dist/components/link/link.types.js +1 -0
- package/dist/custom-elements.json +221 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.js +1 -0
- package/dist/react/link/index.d.ts +29 -0
- package/dist/react/link/index.js +38 -0
- package/dist/utils/styles/index.js +2 -2
- 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 ro=Object.defineProperty;var oo=Object.getOwnPropertyDescriptor;var a=(i,e,t,r)=>{for(var o=r>1?void 0:r?oo(e,t):e,n=i.length-1,s;n>=0;n--)(s=i[n])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&ro(e,t,o),o};var $t=globalThis,Dt=$t.ShadowRoot&&($t.ShadyCSS===void 0||$t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ce=Symbol(),Fe=new WeakMap,gt=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==ce)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(Dt&&e===void 0){let r=t!==void 0&&t.length===1;r&&(e=Fe.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&Fe.set(t,e))}return e}toString(){return this.cssText}},Ye=i=>new gt(typeof i=="string"?i:i+"",void 0,ce),p=(i,...e)=>{let t=i.length===1?i[0]:e.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 gt(t,i,ce)},le=(i,e)=>{if(Dt)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let r=document.createElement("style"),o=$t.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}},Pt=Dt?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(let r of e.cssRules)t+=r.cssText;return Ye(t)})(i):i;var{is:io,defineProperty:so,getOwnPropertyDescriptor:no,getOwnPropertyNames:ao,getOwnPropertySymbols:co,getPrototypeOf:lo}=Object,U=globalThis,Xe=U.trustedTypes,mo=Xe?Xe.emptyScript:"",me=U.reactiveElementPolyfillSupport,ft=(i,e)=>i,vt={toAttribute(i,e){switch(e){case Boolean:i=i?mo:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},Ut=(i,e)=>!io(i,e),Ze={attribute:!0,type:String,converter:vt,reflect:!1,hasChanged:Ut},qe,je;(qe=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(je=U.litPropertyMetadata)!=null||(U.litPropertyMetadata=new WeakMap);var k=class extends HTMLElement{static addInitializer(e){var t;this._$Ei(),((t=this.l)!=null?t:this.l=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=Ze){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){let r=Symbol(),o=this.getPropertyDescriptor(e,r,t);o!==void 0&&so(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){var s;let{get:o,set:n}=(s=no(this.prototype,e))!=null?s:{get(){return this[t]},set(c){this[t]=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(e,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var t;return(t=this.elementProperties.get(e))!=null?t:Ze}static _$Ei(){if(this.hasOwnProperty(ft("elementProperties")))return;let e=lo(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(ft("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ft("properties"))){let t=this.properties,r=[...ao(t),...co(t)];for(let o of r)this.createProperty(o,t[o])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[r,o]of t)this.elementProperties.set(r,o)}this._$Eh=new Map;for(let[t,r]of this.elementProperties){let o=this._$Eu(t,r);o!==void 0&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let r=new Set(e.flat(1/0).reverse());for(let o of r)t.unshift(Pt(o))}else e!==void 0&&t.push(Pt(e));return t}static _$Eu(e,t){let r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t,r;((t=this._$EO)!=null?t:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)==null||r.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let r of t.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var t;let e=(t=this.shadowRoot)!=null?t:this.attachShadow(this.constructor.shadowRootOptions);return le(e,this.constructor.elementStyles),e}connectedCallback(){var e,t;(e=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(r=>{var o;return(o=r.hostConnected)==null?void 0:o.call(r)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var r;return(r=t.hostDisconnected)==null?void 0:r.call(t)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$EC(e,t){var n;let r=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,r);if(o!==void 0&&r.reflect===!0){let s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:vt).toAttribute(t,r.type);this._$Em=e,s==null?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(e,t){var n;let r=this.constructor,o=r._$Eh.get(e);if(o!==void 0&&this._$Em!==o){let s=r.getPropertyOptions(o),c=typeof s.converter=="function"?{fromAttribute:s.converter}:((n=s.converter)==null?void 0:n.fromAttribute)!==void 0?s.converter:vt;this._$Em=o,this[o]=c.fromAttribute(t,s.type),this._$Em=null}}requestUpdate(e,t,r){var o;if(e!==void 0){if(r!=null||(r=this.constructor.getPropertyOptions(e)),!((o=r.hasChanged)!=null?o:Ut)(this[e],t))return;this.P(e,t,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(e,t,r){var o;this._$AL.has(e)||this._$AL.set(e,t),r.reflect===!0&&this._$Em!==e&&((o=this._$Ej)!=null?o:this._$Ej=new Set).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&await e,!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,c]of this._$Ep)this[s]=c;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[s,c]of n)c.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],c)}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(o=this._$EO)==null||o.forEach(n=>{var s;return(s=n.hostUpdate)==null?void 0:s.call(n)}),this.update(t)):this._$EU()}catch(n){throw e=!1,this._$EU(),n}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(r=>{var o;return(o=r.hostUpdated)==null?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(t=>this._$EC(t,this[t]))),this._$EU()}updated(e){}firstUpdated(e){}},We;k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[ft("elementProperties")]=new Map,k[ft("finalized")]=new Map,me==null||me({ReactiveElement:k}),((We=U.reactiveElementVersions)!=null?We:U.reactiveElementVersions=[]).push("2.0.4");var po={attribute:!0,type:String,converter:vt,reflect:!1,hasChanged:Ut},ho=(i=po,e,t)=>{let{kind:r,metadata:o}=t,n=globalThis.litPropertyMetadata.get(o);if(n===void 0&&globalThis.litPropertyMetadata.set(o,n=new Map),n.set(t.name,i),r==="accessor"){let{name:s}=t;return{set(c){let l=e.get.call(this);e.set.call(this,c),this.requestUpdate(s,l,i)},init(c){return c!==void 0&&this.P(s,void 0,i),c}}}if(r==="setter"){let{name:s}=t;return function(c){let l=this[s];e.call(this,c),this.requestUpdate(s,l,i)}}throw Error("Unsupported decorator location: "+r)};function d(i){return(e,t)=>typeof t=="object"?ho(i,e,t):((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,e,t)}function S(i){return d({...i,state:!0,attribute:!1})}var uo={PREFIX:"mdc",SEPARATOR:"-"},go={NAMESPACE:uo},pe=go;var fo=i=>[pe.NAMESPACE.PREFIX,i].join(pe.NAMESPACE.SEPARATOR),u={constructTagName:fo};var Ht=u.constructTagName("themeprovider"),he={THEMECLASS:"mds-theme-stable-darkWebex"};var yt=globalThis,Bt=yt.trustedTypes,Ke=Bt?Bt.createPolicy("lit-html",{createHTML:i=>i}):void 0,ir="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,sr="?"+G,vo=`<${sr}>`,W=document,xt=()=>W.createComment(""),Et=i=>i===null||typeof i!="object"&&typeof i!="function",Ee=Array.isArray,bo=i=>Ee(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",ue=`[
|
|
2
|
+
\f\r]`,bt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Qe=/-->/g,Je=/>/g,q=RegExp(`>|${ue}(?:([^\\s"'>=/]+)(${ue}*=${ue}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),tr=/'/g,er=/"/g,nr=/^(?:script|style|textarea|title)$/i,Ae=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),m=Ae(1),Gi=Ae(2),Hi=Ae(3),$=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),rr=new WeakMap,j=W.createTreeWalker(W,129);function ar(i,e){if(!Ee(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ke!==void 0?Ke.createHTML(e):e}var yo=(i,e)=>{let t=i.length-1,r=[],o,n=e===2?"<svg>":e===3?"<math>":"",s=bt;for(let c=0;c<t;c++){let l=i[c],y,b,v=-1,M=0;for(;M<l.length&&(s.lastIndex=M,b=s.exec(l),b!==null);)M=s.lastIndex,s===bt?b[1]==="!--"?s=Qe:b[1]!==void 0?s=Je:b[2]!==void 0?(nr.test(b[2])&&(o=RegExp("</"+b[2],"g")),s=q):b[3]!==void 0&&(s=q):s===q?b[0]===">"?(s=o!=null?o:bt,v=-1):b[1]===void 0?v=-2:(v=s.lastIndex-b[2].length,y=b[1],s=b[3]===void 0?q:b[3]==='"'?er:tr):s===er||s===tr?s=q:s===Qe||s===Je?s=bt:(s=q,o=void 0);let P=s===q&&i[c+1].startsWith("/>")?" ":"";n+=s===bt?l+vo:v>=0?(r.push(y),l.slice(0,v)+ir+l.slice(v)+G+P):l+G+(v===-2?c:P)}return[ar(i,n+(i[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),r]},At=class i{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let n=0,s=0,c=e.length-1,l=this.parts,[y,b]=yo(e,t);if(this.el=i.createElement(y,r),j.currentNode=this.el.content,t===2||t===3){let v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(o=j.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(let v of o.getAttributeNames())if(v.endsWith(ir)){let M=b[s++],P=o.getAttribute(v).split(G),kt=/([.?@])?(.*)/.exec(M);l.push({type:1,index:n,name:kt[2],strings:P,ctor:kt[1]==="."?ve:kt[1]==="?"?be:kt[1]==="@"?ye:ot}),o.removeAttribute(v)}else v.startsWith(G)&&(l.push({type:6,index:n}),o.removeAttribute(v));if(nr.test(o.tagName)){let v=o.textContent.split(G),M=v.length-1;if(M>0){o.textContent=Bt?Bt.emptyScript:"";for(let P=0;P<M;P++)o.append(v[P],xt()),j.nextNode(),l.push({type:2,index:++n});o.append(v[M],xt())}}}else if(o.nodeType===8)if(o.data===sr)l.push({type:2,index:n});else{let v=-1;for(;(v=o.data.indexOf(G,v+1))!==-1;)l.push({type:7,index:n}),v+=G.length-1}n++}}static createElement(e,t){let r=W.createElement("template");return r.innerHTML=e,r}};function rt(i,e,t=i,r){var s,c,l;if(e===$)return e;let o=r!==void 0?(s=t.o)==null?void 0:s[r]:t.l,n=Et(e)?void 0:e._$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(i),o._$AT(i,t,r)),r!==void 0?((l=t.o)!=null?l:t.o=[])[r]=o:t.l=o),o!==void 0&&(e=rt(i,o._$AS(i,e.values),o,r)),e}var fe=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var y;let{el:{content:t},parts:r}=this._$AD,o=((y=e==null?void 0:e.creationScope)!=null?y:W).importNode(t,!0);j.currentNode=o;let n=j.nextNode(),s=0,c=0,l=r[0];for(;l!==void 0;){if(s===l.index){let b;l.type===2?b=new Tt(n,n.nextSibling,this,e):l.type===1?b=new l.ctor(n,l.name,l.strings,this,e):l.type===6&&(b=new xe(n,this,e)),this._$AV.push(b),l=r[++c]}s!==(l==null?void 0:l.index)&&(n=j.nextNode(),s++)}return j.currentNode=W,o}p(e){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Tt=class i{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this.v}constructor(e,t,r,o){var n;this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this.v=(n=o==null?void 0:o.isConnected)!=null?n:!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=rt(this,e,t),Et(e)?e===g||e==null||e===""?(this._$AH!==g&&this._$AR(),this._$AH=g):e!==this._$AH&&e!==$&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):bo(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==g&&Et(this._$AH)?this._$AA.nextSibling.data=e:this.T(W.createTextNode(e)),this._$AH=e}$(e){var n;let{values:t,_$litType$:r}=e,o=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=At.createElement(ar(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===o)this._$AH.p(t);else{let s=new fe(o,this),c=s.u(this.options);s.p(t),this.T(c),this._$AH=s}}_$AC(e){let t=rr.get(e.strings);return t===void 0&&rr.set(e.strings,t=new At(e)),t}k(e){Ee(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,o=0;for(let n of e)o===t.length?t.push(r=new i(this.O(xt()),this.O(xt()),this,this.options)):r=t[o],r._$AI(n),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,t);e&&e!==this._$AB;){let o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this.v=e,(t=this._$AP)==null||t.call(this,e))}},ot=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,r,o,n){this.type=1,this._$AH=g,this._$AN=void 0,this.element=e,this.name=t,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=g}_$AI(e,t=this,r,o){let n=this.strings,s=!1;if(n===void 0)e=rt(this,e,t,0),s=!Et(e)||e!==this._$AH&&e!==$,s&&(this._$AH=e);else{let c=e,l,y;for(e=n[0],l=0;l<n.length-1;l++)y=rt(this,c[r+l],t,l),y===$&&(y=this._$AH[l]),s||(s=!Et(y)||y!==this._$AH[l]),y===g?e=g:e!==g&&(e+=(y!=null?y:"")+n[l+1]),this._$AH[l]=y}s&&!o&&this.j(e)}j(e){e===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}},ve=class extends ot{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===g?void 0:e}},be=class extends ot{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==g)}},ye=class extends ot{constructor(e,t,r,o,n){super(e,t,r,o,n),this.type=5}_$AI(e,t=this){var s;if((e=(s=rt(this,e,t,0))!=null?s:g)===$)return;let r=this._$AH,o=e===g&&r!==g||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,n=e!==g&&(r===g||o);o&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)==null?void 0:t.host)!=null?r:this.element,e):this._$AH.handleEvent(e)}},xe=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){rt(this,e)}};var ge=yt.litHtmlPolyfillSupport,or;ge==null||ge(At,Tt),((or=yt.litHtmlVersions)!=null?or:yt.litHtmlVersions=[]).push("3.2.0");var dr=(i,e,t)=>{var n,s;let r=(n=t==null?void 0:t.renderBefore)!=null?n:e,o=r._$litPart$;if(o===void 0){let c=(s=t==null?void 0:t.renderBefore)!=null?s:null;r._$litPart$=o=new Tt(e.insertBefore(xt(),c),c,void 0,t!=null?t:{})}return o._$AI(i),o};var H=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){var t,r;let e=super.createRenderRoot();return(r=(t=this.renderOptions).renderBefore)!=null||(t.renderBefore=e.firstChild),e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this.o=dr(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this.o)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.o)==null||e.setConnected(!1)}render(){return $}},cr;H._$litElement$=!0,H.finalized=!0,(cr=globalThis.litElementHydrateSupport)==null||cr.call(globalThis,{LitElement:H});var Te=globalThis.litElementPolyfillSupport;Te==null||Te({LitElement:H});var lr;((lr=globalThis.litElementVersions)!=null?lr:globalThis.litElementVersions=[]).push("4.1.0");var mr=p`
|
|
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 Vt=class extends H{static register(e){customElements.get(e)||customElements.define(e,this)}};Vt.styles=[mr];var pr=Vt;var h=pr;var B=class extends Event{constructor(e,t,r){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.callback=t,this.subscribe=r!=null?r:!1}};var it=class{constructor(e,t,r,o){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(s,c)=>{this.unsubscribe&&(this.unsubscribe!==c&&(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,c)),this.unsubscribe=c},this.host=e,t.context!==void 0){let s=t;this.context=s.context,this.callback=s.callback,this.subscribe=(n=s.subscribe)!=null?n:!1}else this.context=t,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 B(this.context,this.t,this.subscribe))}};var Ft=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let r=t||!Object.is(e,this.o);this.o=e,r&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[t,{disposer:r}]of this.subscriptions)t(this.o,r)},e!==void 0&&(this.value=e)}addCallback(e,t,r){if(!r)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:o}=this.subscriptions.get(e);e(this.value,o)}clearCallbacks(){this.subscriptions.clear()}};var Se=class extends Event{constructor(e){super("context-provider",{bubbles:!0,composed:!0}),this.context=e}},st=class extends Ft{constructor(e,t,r){var o,n;super(t.context!==void 0?t.initialValue:r),this.onContextRequest=s=>{let c=s.composedPath()[0];s.context===this.context&&c!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,c,s.subscribe))},this.onProviderRequest=s=>{let c=s.composedPath()[0];if(s.context!==this.context||c===this.host)return;let l=new Set;for(let[y,{consumerHost:b}]of this.subscriptions)l.has(y)||(l.add(y),b.dispatchEvent(new B(this.context,y,!0)));s.stopPropagation()},this.host=e,t.context!==void 0?this.context=t.context:this.context=t,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 Se(this.context))}};var xo=p`
|
|
14
14
|
:host {
|
|
15
15
|
display: contents;
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,ur=xo;var Yt=class extends h{constructor({context:e,initialValue:t}){super(),this.context=new st(this,{context:e,initialValue:t})}render(){return this.updateContext(),m`<slot></slot>`}};Yt.styles=[...h.styles,ur];var gr=Yt;var nt=gr;var Xt=class{constructor(e){this.themeclass=e}};Xt.context=Ht;var Zt=Xt;var Eo=p`
|
|
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
|
+
`,fr=[Eo];var at=class extends nt{constructor(){super({context:Zt.context,initialValue:new Zt(he.THEMECLASS)});this.themeclass=he.THEMECLASS}static get Context(){return Zt.context}updated(t){super.updated(t),t.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(" "))}};at.styles=[...nt.styles,...fr],a([S()],at.prototype,"currentThemeClass",2),a([d({type:String})],at.prototype,"themeclass",2);var _e=at;_e.register(Ht);var Ao=_e;var x=p`
|
|
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
|
+
`,dt=(i=!1)=>{let e=p`
|
|
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);
|
|
@@ -72,17 +72,17 @@
|
|
|
72
72
|
:host([disabled]:focus) {
|
|
73
73
|
box-shadow: none;
|
|
74
74
|
}
|
|
75
|
-
:host(:focus) {
|
|
75
|
+
:host(:focus), :host(:focus-within) {
|
|
76
76
|
position: relative;
|
|
77
77
|
box-shadow: ${t};
|
|
78
78
|
}
|
|
79
79
|
/* High Contrast Mode */
|
|
80
80
|
@media (forced-colors: active) {
|
|
81
|
-
:host(:focus) {
|
|
81
|
+
:host(:focus), :host(:focus-within) {
|
|
82
82
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
`]};var
|
|
85
|
+
`]};var To=[x,p`
|
|
86
86
|
:host {
|
|
87
87
|
--mdc-icon-fill-color: currentColor;
|
|
88
88
|
--mdc-icon-computed-size: var(--computed-icon-size);
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
width: 100%;
|
|
96
96
|
fill: var(--mdc-icon-fill-color);
|
|
97
97
|
}
|
|
98
|
-
`],
|
|
98
|
+
`],vr=To;var So=i=>{let{host:e,context:t,subscribe:r}=i;return new it(e,{context:t,subscribe:r!=null?r:!0})},_o={consume:So},br=_o;var qt=u.constructTagName("iconprovider"),yr=["svg"],xr=["em","rem","px"],Io={px:16,em:1,rem:1},V={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:Io.em};var jt=class{};jt.context=qt;var Wt=jt;var K=class extends nt{constructor(){super({context:Wt.context,initialValue:new Wt});this.fileExtension=V.FILE_EXTENSION;this.lengthUnit=V.LENGTH_UNIT;this.size=V.SIZE}static get Context(){return Wt.context}updateValuesInContext(){this.fileExtension&&yr.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=V.FILE_EXTENSION,this.context.value.fileExtension=V.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&xr.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=V.LENGTH_UNIT,this.context.value.lengthUnit=V.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})],K.prototype,"url",2),a([d({type:String,attribute:"file-extension",reflect:!0})],K.prototype,"fileExtension",2),a([d({type:String,attribute:"length-unit",reflect:!0})],K.prototype,"lengthUnit",2),a([d({type:Number,reflect:!0})],K.prototype,"size",2);var St=K;var Er=async(i,e,t,r)=>{let o=await fetch(`${i}/${e}.${t}`,{signal:r});if(!o.ok)throw new Error("There was a problem while fetching the icon!");let n=await o.text(),s=new DOMParser().parseFromString(n,"text/html").body.children[0];return s.setAttribute("data-name",e),s.setAttribute("part","icon"),s};var Ar=u.constructTagName("icon"),Ie={NAME:void 0,SIZE:1};var z=class extends h{constructor(){super();this.name=Ie.NAME;this.ariaLabel=null;this.iconProviderContext=br.consume({host:this,context:St.Context});this.abortController=new AbortController}triggerIconLoaded(){let t=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:t,url:r}=this.iconProviderContext.value;if(r&&t&&this.name){this.abortController.abort(),this.abortController=new AbortController;try{let o=await Er(r,this.name,t,this.abortController.signal);this.handleIconLoadedSuccess(o)}catch(o){this.handleIconLoadedFailure(o)}}}}handleIconLoadedSuccess(t){this.iconData=t,this.setRoleOnIcon(),this.setAriaLabelOnIcon(),this.setAriaHiddenOnIcon(),this.triggerIconLoaded()}handleIconLoadedFailure(t){let r=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:t}});this.dispatchEvent(r)}updateSize(){var t;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let r=`${this.computedIconSize}${(t=this.lengthUnit)!=null?t:this.lengthUnitFromContext}`;this.style.setProperty("--computed-icon-size",r)}}setRoleOnIcon(){this.role=this.ariaLabel?"img":null}setAriaHiddenOnIcon(){var t;(t=this.iconData)==null||t.setAttribute("aria-hidden","true")}setAriaLabelOnIcon(){var t,r;this.ariaLabel?(t=this.iconData)==null||t.setAttribute("aria-label",this.ariaLabel):(r=this.iconData)==null||r.removeAttribute("aria-label")}get computedIconSize(){var t,r;return(r=(t=this.size)!=null?t:this.sizeFromContext)!=null?r:Ie.SIZE}updated(t){var r,o,n,s;super.updated(t),t.has("name")&&this.getIconData().catch(c=>{c.name!=="AbortError"&&this.onerror&&this.onerror(c)}),t.has("ariaLabel")&&(this.setRoleOnIcon(),this.setAriaLabelOnIcon()),(t.has("size")||t.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} `}};z.styles=[...h.styles,...vr],a([S()],z.prototype,"iconData",2),a([S()],z.prototype,"lengthUnitFromContext",2),a([S()],z.prototype,"sizeFromContext",2),a([d({type:String,reflect:!0})],z.prototype,"name",2),a([d({type:Number})],z.prototype,"size",2),a([d({type:String,attribute:"length-unit"})],z.prototype,"lengthUnit",2),a([d({type:String,attribute:"aria-label"})],z.prototype,"ariaLabel",2),a([S()],z.prototype,"abortController",2);var Ne=z;Ne.register(Ar);var No=Ne;St.register(qt);var zo=St;var _=i=>i!=null?i:g;var Tr=u.constructTagName("avatar"),T={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},ze=99,Co="user-regular",f={24:24,32:32,48:48,64:64,72:72,88:88,124:124},ct={TYPE:T.PHOTO,SIZE:f[32],ICON_NAME:Co};var Kt=i=>{class e extends i{constructor(){super(...arguments);this.size=ct.SIZE;this.isTyping=!1}}return a([d({type:String})],e.prototype,"src",2),a([d({type:String})],e.prototype,"initials",2),a([d({type:String})],e.prototype,"presence",2),a([d({type:Number,reflect:!0,attribute:"size"})],e.prototype,"size",2),a([d({type:String,attribute:"icon-name"})],e.prototype,"iconName",2),a([d({type:Number})],e.prototype,"counter",2),a([d({type:Boolean,attribute:"is-typing"})],e.prototype,"isTyping",2),e};var Ro=[x,p`
|
|
99
99
|
:host {
|
|
100
100
|
--mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
|
|
101
101
|
--mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
@@ -218,38 +218,38 @@
|
|
|
218
218
|
outline: 0.125rem solid;
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
|
-
`],
|
|
222
|
-
<mdc-presence class="presence" type="${this.presence}" size="${
|
|
221
|
+
`],Sr=Ro;var _r=u.constructTagName("presence"),A={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"},E={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},lt={TYPE:A.ACTIVE,SIZE:E.SMALL};var _t=u.constructTagName("text"),C={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"},I={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},N={TYPE:C.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:I.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Ir=i=>({[f[124]]:E.XX_LARGE,[f[88]]:E.X_LARGE,[f[72]]:E.LARGE,[f[64]]:E.MIDSIZE,[f[48]]:E.SMALL,[f[32]]:E.X_SMALL,[f[24]]:E.XX_SMALL})[i]||E.X_SMALL,Nr=i=>({[f[124]]:4.75,[f[88]]:3,[f[72]]:2.5,[f[64]]:2.25,[f[48]]:1.75,[f[32]]:1.25,[f[24]]:1})[i]||1.25,zr=i=>({[f[124]]:C.HEADING_XLARGE_MEDIUM,[f[88]]:C.HEADING_LARGE_MEDIUM,[f[72]]:C.HEADING_MIDSIZE_MEDIUM,[f[64]]:C.HEADING_SMALL_MEDIUM,[f[48]]:C.HEADING_SMALL_MEDIUM,[f[32]]:C.BODY_MIDSIZE_MEDIUM,[f[24]]:C.BODY_SMALL_MEDIUM})[i]||C.BODY_MIDSIZE_MEDIUM;var It=class extends Kt(h){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(t){return t===T.COUNTER&&(this.counter||this.counter===0)?g:this.presence?m`
|
|
222
|
+
<mdc-presence class="presence" type="${this.presence}" size="${Ir(this.size)}"></mdc-presence>
|
|
223
223
|
`:g}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`
|
|
224
224
|
<img
|
|
225
225
|
class="photo"
|
|
226
|
-
src="${
|
|
226
|
+
src="${_(this.src)}"
|
|
227
227
|
aria-hidden="true"
|
|
228
228
|
?hidden="${!this.isPhotoLoaded}"
|
|
229
229
|
@load="${this.handleOnLoad}"
|
|
230
230
|
@error="${this.handleOnError}"
|
|
231
231
|
/>
|
|
232
|
-
`}iconTemplate(){let t=this.iconName||
|
|
232
|
+
`}iconTemplate(){let t=this.iconName||ct.ICON_NAME;return m`
|
|
233
233
|
<mdc-icon
|
|
234
|
-
name="${
|
|
234
|
+
name="${_(t)}"
|
|
235
235
|
length-unit="rem"
|
|
236
|
-
size="${
|
|
236
|
+
size="${Nr(this.size)}"
|
|
237
237
|
></mdc-icon>
|
|
238
238
|
`}textTemplate(t){return m`
|
|
239
239
|
<mdc-text
|
|
240
|
-
type="${
|
|
240
|
+
type="${zr(this.size)}"
|
|
241
241
|
tagname="span"
|
|
242
242
|
>
|
|
243
243
|
${t}
|
|
244
244
|
</mdc-text>
|
|
245
|
-
`}generateCounterText(t){return t<0?"0":t>
|
|
245
|
+
`}generateCounterText(t){return t<0?"0":t>ze?`${ze}+`:t.toString()}generateInitialsText(t){return t.toUpperCase().slice(0,2)}generateTextContent(t){let r="";return t===T.TEXT&&this.initials&&(r=this.generateInitialsText(this.initials)),t===T.COUNTER&&(this.counter||this.counter===0)&&(r=this.generateCounterText(this.counter)),this.textTemplate(r)}getTypeBasedOnInputs(){return this.src?T.PHOTO:this.iconName?T.ICON:this.initials?T.TEXT:this.counter||this.counter===0?T.COUNTER:T.ICON}getTemplateBasedOnType(t){switch(t){case T.PHOTO:return this.photoTemplate();case T.TEXT:case T.COUNTER:return this.generateTextContent(t);case T.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?m`<div class="loading__wrapper"><div class="loader"></div></div>`:g}getPhotoPlaceHolderContent(t){return this.isPhotoLoaded?g:t===T.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():g}update(t){super.update(t),t.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let t=this.getTypeBasedOnInputs();return m`
|
|
246
246
|
<div class="content" aria-hidden="true">
|
|
247
247
|
${this.getPhotoPlaceHolderContent(t)}
|
|
248
248
|
${this.getTemplateBasedOnType(t)}
|
|
249
249
|
${this.getLoadingContent()}
|
|
250
250
|
${this.getPresenceTemplateBasedOnType(t)}
|
|
251
251
|
</div>
|
|
252
|
-
`}};
|
|
252
|
+
`}};It.styles=[...h.styles,...Sr],a([S()],It.prototype,"isPhotoLoaded",2);var Ce=It;var Lo=[x,p`
|
|
253
253
|
:host {
|
|
254
254
|
--mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
|
|
255
255
|
|
|
@@ -357,7 +357,7 @@
|
|
|
357
357
|
.mdc-presence-icon__scheduled {
|
|
358
358
|
color: var(--mdc-presence-scheduled-background-color);
|
|
359
359
|
}
|
|
360
|
-
`],
|
|
360
|
+
`],Cr=Lo;var Rr=i=>{switch(i){case A.AWAY:return"recents-presence-badge-filled";case A.AWAY_CALLING:return"away-calling-presence-filled";case A.BUSY:return"busy-presence-bold";case A.DND:return"dnd-presence-badge-filled";case A.MEETING:return"camera-filled";case A.ON_CALL:return"handset-filled";case A.ON_DEVICE:return"generic-device-video-badge-filled";case A.ON_MOBILE:return"phone-badge-filled";case A.PAUSE:return"pause-badge-filled";case A.PTO:return"pto-presence-filled";case A.PRESENTING:return"share-screen-badge-filled";case A.QUIET:return"quiet-hours-presence-filled";case A.SCHEDULED:return"meetings-presence-badge-filled";case A.ACTIVE:default:return"active-presence-small-filled"}};var Q=class extends h{constructor(){super(...arguments);this.type=lt.TYPE;this.size=lt.SIZE;this.currentIconType=lt.TYPE}get iconSize(){switch(this.size){case E.MIDSIZE:return 1.16125;case E.LARGE:return 1.30625;case E.X_LARGE:return 1.596875;case E.XX_LARGE:return 2.25;case E.XX_SMALL:case E.X_SMALL:case E.SMALL:default:return this.size=lt.SIZE,.875}}get icon(){let t=Rr(this.type);return t==="active-presence-small-filled"&&(this.type=lt.TYPE),t}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`
|
|
361
361
|
<div class="mdc-presence mdc-presence__${this.size}">
|
|
362
362
|
<mdc-icon
|
|
363
363
|
class="mdc-presence-icon mdc-presence-icon__${this.currentIconType}"
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
@error="${this.handleOnError}"
|
|
368
368
|
></mdc-icon>
|
|
369
369
|
</div>
|
|
370
|
-
`}};
|
|
370
|
+
`}};Q.styles=[...h.styles,...Cr],a([d({type:String,reflect:!0})],Q.prototype,"type",2),a([d({type:String,reflect:!0})],Q.prototype,"size",2),a([S()],Q.prototype,"currentIconType",2);var Re=Q;Re.register(_r);var Oo=Re;var Lr=p`
|
|
371
371
|
:host::part(text) {
|
|
372
372
|
font-size: unset;
|
|
373
373
|
font-weight: unset;
|
|
@@ -610,14 +610,14 @@
|
|
|
610
610
|
text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
|
|
611
611
|
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
612
612
|
}
|
|
613
|
-
`;var
|
|
613
|
+
`;var wo=[p`
|
|
614
614
|
:host {
|
|
615
615
|
--mdc-text-font-family: var(--mdc-themeprovider-font-family);
|
|
616
616
|
|
|
617
617
|
display: block;
|
|
618
618
|
font-family: var(--mdc-text-font-family);
|
|
619
619
|
}
|
|
620
|
-
`,
|
|
620
|
+
`,Lr],Or=wo;var mt=class extends h{constructor(){super(...arguments);this.type=N.TYPE;this.tagname=N.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case I.H1:return m`<h1 part=${N.CSS_PART_TEXT}><slot></slot></h1>`;case I.H2:return m`<h2 part=${N.CSS_PART_TEXT}><slot></slot></h2>`;case I.H3:return m`<h3 part=${N.CSS_PART_TEXT}><slot></slot></h3>`;case I.H4:return m`<h4 part=${N.CSS_PART_TEXT}><slot></slot></h4>`;case I.H5:return m`<h5 part=${N.CSS_PART_TEXT}><slot></slot></h5>`;case I.H6:return m`<h6 part=${N.CSS_PART_TEXT}><slot></slot></h6>`;case I.DIV:return m`<div part=${N.CSS_PART_TEXT}><slot></slot></div>`;case I.SPAN:return m`<span part=${N.CSS_PART_TEXT}><slot></slot></span>`;case I.SMALL:return m`<small part=${N.CSS_PART_TEXT}><slot></slot></small>`;case I.P:default:return m`<p part=${N.CSS_PART_TEXT}><slot></slot></p>`}}};mt.styles=[...h.styles,...Or],a([d({attribute:"type",reflect:!0,type:String})],mt.prototype,"type",2),a([d({attribute:"tagname",reflect:!0,type:String})],mt.prototype,"tagname",2);var Le=mt;Le.register(_t);var Mo=Le;Ce.register(Tr);var ko=Ce;var wr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Mr=i=>(...e)=>({_$litDirective$:i,values:e}),Qt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this.t=e,this._$AM=t,this.i=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};var Jt=Mr(class extends Qt{constructor(i){var e;if(super(i),i.type!==wr.ATTRIBUTE||i.name!=="class"||((e=i.strings)==null?void 0:e.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(e=>i[e]).join(" ")+" "}update(i,[e]){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 e)e[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(e)}let t=i.element.classList;for(let n of this.st)n in e||(t.remove(n),this.st.delete(n));for(let n in e){let s=!!e[n];s===this.st.has(n)||(o=this.nt)!=null&&o.has(n)||(s?(t.add(n),this.st.add(n)):(t.remove(n),this.st.delete(n)))}return $}});var kr=u.constructTagName("badge"),D={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},te={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},ee={PRIMARY:"primary",SECONDARY:"secondary"},Nt={SUCCESS:"success",WARNING:"warning",ERROR:"error"},vd={...ee,...Nt},F={TYPE:D.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:ee.PRIMARY,ICON_SIZE:1};var $o=[x,p`
|
|
621
621
|
:host {
|
|
622
622
|
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
623
623
|
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
@@ -686,21 +686,21 @@
|
|
|
686
686
|
outline: 0.125rem solid;
|
|
687
687
|
}
|
|
688
688
|
}
|
|
689
|
-
`]
|
|
689
|
+
`],$r=$o;var L=class extends h{constructor(){super(...arguments);this.variant=F.VARIANT;this.maxCounter=F.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(t,r){return r===void 0||typeof r!="number"||t===0?"":r>t?`${t}+`:t>F.MAX_COUNTER_LIMIT||r>F.MAX_COUNTER_LIMIT?`${F.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(t,r){return m`
|
|
690
690
|
<mdc-icon
|
|
691
|
-
class="mdc-badge-icon ${
|
|
692
|
-
name="${
|
|
691
|
+
class="mdc-badge-icon ${Jt({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
|
|
692
|
+
name="${_(t)}"
|
|
693
693
|
size="${F.ICON_SIZE}"
|
|
694
694
|
></mdc-icon>
|
|
695
|
-
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${
|
|
695
|
+
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${Jt({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return m`
|
|
696
696
|
<mdc-text
|
|
697
|
-
type="${
|
|
697
|
+
type="${C.BODY_SMALL_MEDIUM}"
|
|
698
698
|
tagname="${I.DIV}"
|
|
699
|
-
class="mdc-badge-text ${
|
|
699
|
+
class="mdc-badge-text ${Jt({"mdc-badge-overlay":this.overlay})}"
|
|
700
700
|
>
|
|
701
701
|
${this.getCounterText(this.maxCounter,this.counter)}
|
|
702
702
|
</mdc-text>
|
|
703
|
-
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(
|
|
703
|
+
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(ee).includes(this.variant)&&(this.variant=F.VARIANT);let{iconName:t,type:r,variant:o}=this;switch(r){case D.ICON:return this.getBadgeIcon(t||"",o);case D.COUNTER:return this.getBadgeCounterText();case D.SUCCESS:return this.getBadgeIcon(te.SUCCESS_ICON_NAME,Nt.SUCCESS);case D.WARNING:return this.getBadgeIcon(te.WARNING_ICON_NAME,Nt.WARNING);case D.ERROR:return this.getBadgeIcon(te.ERROR_ICON_NAME,Nt.ERROR);case D.DOT:default:return this.type=D.DOT,this.getBadgeDot()}}update(t){super.update(t),t.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};L.styles=[...h.styles,...$r],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 Oe=L;Oe.register(kr);var Do=Oe;var Po=p`
|
|
704
704
|
:host {
|
|
705
705
|
background-color: transparent;
|
|
706
706
|
border-radius: 1.25rem;
|
|
@@ -871,7 +871,7 @@
|
|
|
871
871
|
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
872
872
|
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
873
873
|
}
|
|
874
|
-
`,
|
|
874
|
+
`,Dr=[Po];var Pr=u.constructTagName("buttonsimple"),Uo={20:20,24:24,28:28,32:32,40:40,48:48,52:52,64:64,72:72,88:88,124:124},pt={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},re={SIZE:Uo[32],TYPE:pt.BUTTON,ROLE:"button"};var zt=u.constructTagName("button"),Ct={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},oe={40:40,32:32,28:28,24:24},J={64:64,52:52,20:20,...oe},we={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},ht={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},O={VARIANT:Ct.PRIMARY,SIZE:oe[32],COLOR:we.DEFAULT,TYPE_INTERNAL:ht.ICON,TYPE:pt.BUTTON};var Ur=i=>{switch(i){case J[64]:return 2;case J[52]:return 1.75;case J[40]:return 1.25;default:return 1}},Me=i=>{let e=i.split("-"),t=["bold","filled","regular","light"];return e.filter(r=>!t.includes(r)).join("-")};var Go=[x,p`
|
|
875
875
|
:host {
|
|
876
876
|
border: 0.0625rem solid transparent;
|
|
877
877
|
cursor: pointer;
|
|
@@ -927,9 +927,9 @@
|
|
|
927
927
|
:host([size="20"]){
|
|
928
928
|
height: var(--mdc-button-height-size-20);
|
|
929
929
|
}
|
|
930
|
-
`,...
|
|
930
|
+
`,...dt()],Gr=Go;var ie=i=>{class e extends i{constructor(){super(...arguments);this.disabled=!1}}return a([d({reflect:!0,type:Boolean})],e.prototype,"disabled",2),e};var Hr=i=>{class e extends i{constructor(){super(...arguments);this.tabIndex=0}}return a([d({reflect:!0,type:Number})],e.prototype,"tabIndex",2),e};var w=class extends Hr(ie(h)){constructor(){super();this.active=!1;this.softDisabled=!1;this.size=re.SIZE;this.role=re.ROLE;this.type=re.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(t){super.update(t),t.has("disabled")&&this.setDisabled(this,this.disabled),t.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),t.has("active")&&this.setAriaPressed(this,this.active)}executeAction(){this.type===pt.SUBMIT&&this.internals.form&&this.internals.form.requestSubmit(),this.type===pt.RESET&&this.internals.form&&this.internals.form.reset()}setAriaPressed(t,r){r?t.setAttribute("aria-pressed","true"):t.setAttribute("aria-pressed","false")}setSoftDisabled(t,r){r?t.setAttribute("aria-disabled","true"):t.setAttribute("aria-disabled","false")}setDisabled(t,r){r?(t.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this.prevTabindex,t.removeAttribute("aria-disabled"))}triggerClickEvent(){let t=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(t),this.executeAction()}handleKeyDown(t){["Enter"," "].includes(t.key)&&(this.classList.add("pressed"),t.key==="Enter"&&this.triggerClickEvent())}handleKeyUp(t){["Enter"," "].includes(t.key)&&(this.classList.remove("pressed"),t.key===" "&&this.triggerClickEvent())}render(){return m`
|
|
931
931
|
<slot></slot>
|
|
932
|
-
`}};w.formAssociated=!0,w.styles=[...h.styles,...
|
|
932
|
+
`}};w.formAssociated=!0,w.styles=[...h.styles,...Gr],a([d({type:Boolean})],w.prototype,"active",2),a([d({type:Boolean,attribute:"soft-disabled"})],w.prototype,"softDisabled",2),a([d({type:Number,reflect:!0})],w.prototype,"size",2),a([d({type:String,reflect:!0})],w.prototype,"role",2),a([d({reflect:!0})],w.prototype,"type",2);var ke=w;ke.register(Pr);var ut=ke;var R=class extends ut{constructor(){super(...arguments);this.variant=O.VARIANT;this.size=O.SIZE;this.color=O.COLOR;this.role="button";this.typeInternal=O.TYPE_INTERNAL;this.iconSize=1}update(t){super.update(t),t.has("active")&&this.modifyIconName(this.active),t.has("size")&&this.setSize(this.size),t.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),t.has("color")&&this.setColor(this.color),t.has("typeInternal")&&this.setSize(this.size),(t.has("prefixIcon")||t.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(t){t?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${Me(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${Me(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(t){this.setAttribute("variant",Object.values(Ct).includes(t)?t:O.VARIANT)}setSize(t){let o=this.typeInternal===ht.ICON?Object.values(J).includes(t)&&!(t===J[20]&&this.variant!==Ct.TERTIARY):Object.values(oe).includes(t);this.setAttribute("size",o?`${t}`:`${O.SIZE}`),this.iconSize=Ur(t)}setColor(t){!Object.values(we).includes(t)||this.variant===Ct.TERTIARY?this.setAttribute("color",`${O.COLOR}`):this.setAttribute("color",t)}inferButtonType(){var r,o;let t=(o=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:o.assignedNodes().length;t&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=ht.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!t&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=ht.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=ht.PILL,this.setAttribute("data-btn-type","pill"))}render(){return m`
|
|
933
933
|
${this.prefixIcon?m`
|
|
934
934
|
<mdc-icon
|
|
935
935
|
name="${this.prefixIcon}"
|
|
@@ -945,7 +945,7 @@
|
|
|
945
945
|
size=${this.iconSize}
|
|
946
946
|
length-unit="rem">
|
|
947
947
|
</mdc-icon>`:""}
|
|
948
|
-
`}};
|
|
948
|
+
`}};R.styles=[...ut.styles,...Dr],a([d({type:String,attribute:"prefix-icon",reflect:!0})],R.prototype,"prefixIcon",2),a([d({type:String,attribute:"postfix-icon",reflect:!0})],R.prototype,"postfixIcon",2),a([d({type:String})],R.prototype,"variant",2),a([d({type:Number})],R.prototype,"size",2),a([d({type:String})],R.prototype,"color",2),a([d({type:String,reflect:!0})],R.prototype,"role",2),a([S()],R.prototype,"typeInternal",2),a([S()],R.prototype,"iconSize",2);var $e=R;$e.register(zt);var Ho=$e;var Bo=p`
|
|
949
949
|
:host {
|
|
950
950
|
--mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
951
951
|
--mdc-bullet-size-small: 0.25rem;
|
|
@@ -966,7 +966,7 @@
|
|
|
966
966
|
:host([size="large"]) {
|
|
967
967
|
height: var(--mdc-bullet-size-large);
|
|
968
968
|
}
|
|
969
|
-
`,
|
|
969
|
+
`,Br=[Bo];var Vr=u.constructTagName("bullet"),Fr={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var Rt=class extends h{constructor(){super(...arguments);this.size=Fr.SMALL}};Rt.styles=[...h.styles,...Br],a([d({type:String,reflect:!0})],Rt.prototype,"size",2);var De=Rt;De.register(Vr);var Vo=De;var Fo=p`
|
|
970
970
|
:host {
|
|
971
971
|
--mdc-marker-width: 0.25rem;
|
|
972
972
|
--mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -991,7 +991,7 @@
|
|
|
991
991
|
var(--mdc-marker-striped-background-color) 0.375rem
|
|
992
992
|
);
|
|
993
993
|
}
|
|
994
|
-
`,
|
|
994
|
+
`,Yr=[Fo];var Xr=u.constructTagName("marker"),Zr={SOLID:"solid",STRIPED:"striped"};var Lt=class extends h{constructor(){super(...arguments);this.variant=Zr.SOLID}};Lt.styles=[...h.styles,...Yr],a([d({type:String,reflect:!0})],Lt.prototype,"variant",2);var Pe=Lt;Pe.register(Xr);var Yo=Pe;var Xo=[x,p`
|
|
995
995
|
:host {
|
|
996
996
|
--mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
997
997
|
--mdc-divider-width: 0.0625rem;
|
|
@@ -1135,11 +1135,11 @@
|
|
|
1135
1135
|
font-size: var(--mdc-divider-text-size);
|
|
1136
1136
|
line-height: var(--mdc-divider-text-line-height);
|
|
1137
1137
|
}
|
|
1138
|
-
`],
|
|
1138
|
+
`],qr=Xo;var jr=u.constructTagName("divider"),Ot={HORIZONTAL:"horizontal",VERTICAL:"vertical"},Ue={SOLID:"solid",GRADIENT:"gradient"},Y={POSITIVE:"positive",NEGATIVE:"negative"},wt={UP:"arrow-up-regular",DOWN:"arrow-down-regular",LEFT:"arrow-left-regular",RIGHT:"arrow-right-regular"},tt={ORIENTATION:Ot.HORIZONTAL,VARIANT:Ue.SOLID,ARROW_DIRECTION:Y.NEGATIVE,BUTTON_DIRECTION:Y.NEGATIVE};var X=class extends h{constructor(){super();this.orientation=tt.ORIENTATION;this.variant=tt.VARIANT;this.arrowDirection=tt.ARROW_DIRECTION;this.buttonPosition=tt.BUTTON_DIRECTION;this.setAttribute("data-type","mdc-primary-divider")}setVariant(t){this.setAttribute("variant",Object.values(Ue).includes(t)?t:tt.VARIANT)}setOrientation(t){this.setAttribute("orientation",Object.values(Ot).includes(t)?t:tt.ORIENTATION)}ensureValidDirections(){let t=this.orientation===Ot.HORIZONTAL?Y.NEGATIVE:Y.POSITIVE;Object.values(Y).includes(this.buttonPosition)||(this.buttonPosition=t),Object.values(Y).includes(this.arrowDirection)||(this.arrowDirection=t)}setGrabberButton(){this.ensureValidDirections();let t=this.querySelector("mdc-button");if(t){let r=this.getArrowIcon();t.setAttribute("variant","secondary"),t.setAttribute("prefix-icon",r)}}getArrowIcon(){let t=this.orientation===Ot.HORIZONTAL,r=this.arrowDirection===Y.POSITIVE;return t?r?wt.UP:wt.DOWN:r?wt.RIGHT:wt.LEFT}update(t){super.update(t),t.has("orientation")&&this.setOrientation(this.orientation),t.has("variant")&&this.setVariant(this.variant),(t.has("orientation")||t.has("arrowDirection")||t.has("buttonPosition"))&&this.setGrabberButton()}inferDividerType(){var s;let t=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"),r=(t==null?void 0:t.assignedElements({flatten:!0}))||[];if(r.length>1)return;let o=r.some(c=>c.tagName===_t.toUpperCase()),n=r.some(c=>c.tagName===zt.toUpperCase());o&&!n?this.setAttribute("data-type","mdc-text-divider"):!o&&n&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}render(){return m`
|
|
1139
1139
|
<div></div>
|
|
1140
1140
|
<slot @slotchange=${this.inferDividerType}></slot>
|
|
1141
1141
|
<div></div>
|
|
1142
|
-
`}};X.styles=[...h.styles,...
|
|
1142
|
+
`}};X.styles=[...h.styles,...qr],a([d({type:String,reflect:!0})],X.prototype,"orientation",2),a([d({type:String,reflect:!0})],X.prototype,"variant",2),a([d({type:String,attribute:"arrow-direction",reflect:!0})],X.prototype,"arrowDirection",2),a([d({type:String,attribute:"button-position",reflect:!0})],X.prototype,"buttonPosition",2);var Ge=X;Ge.register(jr);var Zo=Ge;var qo=[x,p`
|
|
1143
1143
|
:host {
|
|
1144
1144
|
--mdc-modalcontainer-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);
|
|
1145
1145
|
--mdc-modalcontainer-border-color: var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -1177,37 +1177,149 @@
|
|
|
1177
1177
|
.mdc-modal-container[data-elevation='4'] {
|
|
1178
1178
|
filter: var(--mdc-modalcontainer-elevation-4);
|
|
1179
1179
|
}
|
|
1180
|
-
`],
|
|
1180
|
+
`],Wr=qo;var Kr=u.constructTagName("modalcontainer"),jo={TONAL:"tonal",CONTRAST:"contrast"},Wo={0:0,1:1,2:2,3:3,4:4},Ko={DIALOG:"dialog",ALERT_DIALOG:"alertdialog"},se={COLOR:jo.TONAL,ELEVATION:Wo[0],ROLE:Ko.DIALOG,CHILDREN:"Lorem ipsum dolor sit amet"};var et=class extends h{constructor(){super(...arguments);this.color=se.COLOR;this.elevation=se.ELEVATION;this.role=se.ROLE}render(){return m`
|
|
1181
1181
|
<div
|
|
1182
1182
|
id='mdc-modal-container'
|
|
1183
1183
|
class='mdc-modal-container'
|
|
1184
1184
|
?contrast="${this.color==="contrast"}"
|
|
1185
1185
|
role="${this.role}"
|
|
1186
1186
|
aria-modal='true'
|
|
1187
|
-
aria-label=${
|
|
1187
|
+
aria-label=${_(this.ariaLabel)}
|
|
1188
1188
|
data-elevation="${this.elevation}"
|
|
1189
1189
|
>
|
|
1190
1190
|
<slot></slot>
|
|
1191
1191
|
</div>
|
|
1192
|
-
`}};
|
|
1192
|
+
`}};et.styles=[...h.styles,...Wr],a([d({type:String,reflect:!0})],et.prototype,"color",2),a([d({type:Number,reflect:!0})],et.prototype,"elevation",2),a([d({type:String})],et.prototype,"role",2);var He=et;He.register(Kr);var Qo=He;var Jo=[x,p`
|
|
1193
1193
|
:host {
|
|
1194
1194
|
padding: unset;
|
|
1195
1195
|
margin: unset;
|
|
1196
1196
|
outline: none;
|
|
1197
1197
|
border-radius: 0.25rem;
|
|
1198
1198
|
}
|
|
1199
|
-
`,...
|
|
1199
|
+
`,...dt()],Qr=Jo;var Mt=class extends Kt(ut){constructor(){super();this.ariaLabel=null;this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role="button",this.type=O.TYPE}update(t){super.update(t),t.has("size")&&this.setSize(this.size)}setSize(t){this.setAttribute("size",Object.values(f).includes(t)?`${t}`:ct.SIZE.toString())}render(){return m`
|
|
1200
1200
|
<mdc-avatar
|
|
1201
1201
|
slot="prefixIcon"
|
|
1202
1202
|
?is-typing="${this.isTyping}"
|
|
1203
|
-
counter="${
|
|
1204
|
-
icon-name="${
|
|
1205
|
-
initials="${
|
|
1206
|
-
presence="${
|
|
1207
|
-
size="${
|
|
1208
|
-
src="${
|
|
1203
|
+
counter="${_(this.counter)}"
|
|
1204
|
+
icon-name="${_(this.iconName)}"
|
|
1205
|
+
initials="${_(this.initials)}"
|
|
1206
|
+
presence="${_(this.presence)}"
|
|
1207
|
+
size="${_(this.size)}"
|
|
1208
|
+
src="${_(this.src)}"
|
|
1209
1209
|
></mdc-avatar>
|
|
1210
|
-
`}};
|
|
1210
|
+
`}};Mt.styles=[...Qr],a([d({type:String,attribute:"aria-label"})],Mt.prototype,"ariaLabel",2);var Be=Mt;var Jr=u.constructTagName("avatarbutton");Be.register(Jr);var ti=Be;var to=u.constructTagName("link"),ne={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},ae={LARGE:1,MIDSIZE:.875,SMALL:.75},de={INLINE:!1,INVERTED:!1,LINK_SIZE:ne.LARGE};var ei=[x,p`
|
|
1211
|
+
|
|
1212
|
+
:host {
|
|
1213
|
+
|
|
1214
|
+
--mdc-link-border-radius: 0.25rem;
|
|
1215
|
+
--mdc-link-color-active: var(--mds-color-theme-text-accent-active);
|
|
1216
|
+
--mdc-link-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
1217
|
+
--mdc-link-color-hover: var(--mds-color-theme-text-accent-hover);
|
|
1218
|
+
--mdc-link-color-normal: var(--mds-color-theme-text-accent-normal);
|
|
1219
|
+
--mdc-link-icon-margin-left: 0.25rem;
|
|
1220
|
+
--mdc-link-inverted-color-active: var(--mds-color-theme-inverted-text-accent-active);
|
|
1221
|
+
--mdc-link-inverted-color-disabled: var(--mds-color-theme-inverted-text-primary-disabled);
|
|
1222
|
+
--mdc-link-inverted-color-hover: var(--mds-color-theme-inverted-text-accent-hover);
|
|
1223
|
+
--mdc-link-inverted-color-normal: var(--mds-color-theme-inverted-text-accent-normal);
|
|
1224
|
+
--mdc-link-text-decoration-disabled: underline;
|
|
1225
|
+
|
|
1226
|
+
border-radius: var(--mdc-link-border-radius);
|
|
1227
|
+
color: var(--mdc-link-color-normal);
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1230
|
+
::slotted(a) {
|
|
1231
|
+
outline: none;
|
|
1232
|
+
align-items: center;
|
|
1233
|
+
color: inherit;
|
|
1234
|
+
display: flex;
|
|
1235
|
+
gap: var(--mdc-link-icon-margin-left);
|
|
1236
|
+
text-decoration: inherit;
|
|
1237
|
+
text-underline-offset: auto;
|
|
1238
|
+
text-underline-position: from-font;
|
|
1239
|
+
}
|
|
1240
|
+
|
|
1241
|
+
:host(:hover) {
|
|
1242
|
+
color: var(--mdc-link-color-hover);
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1245
|
+
:host(:active) {
|
|
1246
|
+
color: var(--mdc-link-color-active);
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
:host([inline]) {
|
|
1250
|
+
display: inline-flex;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
:host([inverted]) {
|
|
1254
|
+
color: var(--mdc-link-inverted-color-normal);
|
|
1255
|
+
}
|
|
1256
|
+
|
|
1257
|
+
:host([inverted]:hover) {
|
|
1258
|
+
color: var(--mdc-link-inverted-color-hover);
|
|
1259
|
+
}
|
|
1260
|
+
|
|
1261
|
+
:host([inverted]:active) {
|
|
1262
|
+
color: var(--mdc-link-inverted-color-active);
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
|
+
:host([size="large"]) {
|
|
1266
|
+
font-size: var(--mds-font-apps-body-large-regular-font-size);
|
|
1267
|
+
font-weight: var(--mds-font-apps-body-large-regular-font-weight);
|
|
1268
|
+
line-height: var(--mds-font-apps-body-large-regular-line-height);
|
|
1269
|
+
text-decoration: var(--mds-font-apps-body-large-regular-text-decoration);
|
|
1270
|
+
text-transform: var(--mds-font-apps-body-large-regular-text-case);
|
|
1271
|
+
}
|
|
1272
|
+
|
|
1273
|
+
:host([size="midsize"]) {
|
|
1274
|
+
font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
|
1275
|
+
font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
|
1276
|
+
line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
|
1277
|
+
text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);
|
|
1278
|
+
text-transform: var(--mds-font-apps-body-midsize-regular-text-case);
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
:host([size="small"]) {
|
|
1282
|
+
font-size: var(--mds-font-apps-body-small-regular-font-size);
|
|
1283
|
+
font-weight: var(--mds-font-apps-body-small-regular-font-weight);
|
|
1284
|
+
line-height: var(--mds-font-apps-body-small-regular-line-height);
|
|
1285
|
+
text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
|
|
1286
|
+
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
1287
|
+
}
|
|
1288
|
+
|
|
1289
|
+
:host([size="large"]:hover), :host([size="large"]:active), :host([size="large"][inline]) {
|
|
1290
|
+
font-size: var(--mds-font-apps-body-large-regular-underline-font-size);
|
|
1291
|
+
font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);
|
|
1292
|
+
line-height: var(--mds-font-apps-body-large-regular-underline-line-height);
|
|
1293
|
+
text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);
|
|
1294
|
+
text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);
|
|
1295
|
+
}
|
|
1296
|
+
|
|
1297
|
+
:host([size="midsize"]:hover), :host([size="midsize"]:active), :host([size="midsize"][inline]) {
|
|
1298
|
+
font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);
|
|
1299
|
+
font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);
|
|
1300
|
+
line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);
|
|
1301
|
+
text-decoration: var(--mds-font-apps-body-midsize-regular-underline-text-decoration);
|
|
1302
|
+
text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
:host([size="small"]:hover), :host([size="small"]:active), :host([size="small"][inline]) {
|
|
1306
|
+
font-size: var(--mds-font-apps-body-small-regular-underline-font-size);
|
|
1307
|
+
font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);
|
|
1308
|
+
line-height: var(--mds-font-apps-body-small-regular-underline-line-height);
|
|
1309
|
+
text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);
|
|
1310
|
+
text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);
|
|
1311
|
+
}
|
|
1312
|
+
|
|
1313
|
+
:host([disabled]) {
|
|
1314
|
+
color: var(--mdc-link-color-disabled);
|
|
1315
|
+
pointer-events: none;
|
|
1316
|
+
text-decoration: var(--mdc-link-text-decoration-disabled);
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1319
|
+
:host([inverted][disabled]) {
|
|
1320
|
+
color: var(--mdc-link-inverted-color-disabled);
|
|
1321
|
+
}
|
|
1322
|
+
`,...dt()],eo=ei;var Z=class extends ie(h){constructor(){super(...arguments);this.inline=de.INLINE;this.inverted=de.INVERTED;this.size=de.LINK_SIZE;this.prevTabindex=null}getIconSize(){switch(this.size){case ne.SMALL:return ae.SMALL;case ne.MIDSIZE:return ae.MIDSIZE;default:return ae.LARGE}}setDisabled(t){t?(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 t=(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&&t){let s=document.createElement("mdc-icon");s.setAttribute("name",this.iconName),s.setAttribute("size",`${r}`),s.setAttribute("length-unit","rem"),t.appendChild(s)}}update(t){super.update(t),t.has("disabled")&&this.setDisabled(this.disabled)}render(){return m`<slot @slotchange=${this.updateTrailingIcon}></slot>`}};Z.styles=[...h.styles,...eo],a([d({type:String,attribute:"icon-name"})],Z.prototype,"iconName",2),a([d({type:Boolean,reflect:!0})],Z.prototype,"inline",2),a([d({type:Boolean,reflect:!0})],Z.prototype,"inverted",2),a([d({type:String,reflect:!0})],Z.prototype,"size",2);var Ve=Z;Ve.register(to);var ri=Ve;})();
|
|
1211
1323
|
/*! Bundled license information:
|
|
1212
1324
|
|
|
1213
1325
|
@lit/reactive-element/decorators/custom-element.js:
|