@momentum-design/components 0.9.5 → 0.9.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/browser/index.js +236 -27
- package/dist/browser/index.js.map +4 -4
- package/dist/components/button/button.component.d.ts +227 -0
- package/dist/components/button/button.component.js +438 -0
- package/dist/components/button/button.constants.d.ts +46 -0
- package/dist/components/button/button.constants.js +44 -0
- package/dist/components/button/button.styles.d.ts +2 -0
- package/dist/components/button/button.styles.js +195 -0
- package/dist/components/button/button.types.d.ts +9 -0
- package/dist/components/button/button.types.js +1 -0
- package/dist/components/button/button.utils.d.ts +16 -0
- package/dist/components/button/button.utils.js +27 -0
- package/dist/components/button/index.d.ts +8 -0
- package/dist/components/button/index.js +5 -0
- package/dist/custom-elements.json +439 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/button/index.d.ts +35 -0
- package/dist/react/button/index.js +44 -0
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.js +1 -0
- package/dist/utils/styles/index.js +3 -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 io=Object.defineProperty;var no=Object.getOwnPropertyDescriptor;var a=(s,e,t,o)=>{for(var r=o>1?void 0:o?no(e,t):e,n=s.length-1,i;n>=0;n--)(i=s[n])&&(r=(o?i(e,t,r):i(r))||r);return o&&r&&io(e,t,r),r};var fe=globalThis,be=fe.ShadowRoot&&(fe.ShadyCSS===void 0||fe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ke=Symbol(),lt=new WeakMap,te=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==ke)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(be&&e===void 0){let o=t!==void 0&&t.length===1;o&&(e=lt.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&<.set(t,e))}return e}toString(){return this.cssText}},mt=s=>new te(typeof s=="string"?s:s+"",void 0,ke),p=(s,...e)=>{let t=s.length===1?s[0]:e.reduce((o,r,n)=>o+(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.")})(r)+s[n+1],s[0]);return new te(t,s,ke)},Ue=(s,e)=>{if(be)s.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let o=document.createElement("style"),r=fe.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=t.cssText,s.appendChild(o)}},ve=be?s=>s:s=>s instanceof CSSStyleSheet?(e=>{let t="";for(let o of e.cssRules)t+=o.cssText;return mt(t)})(s):s;var{is:ao,defineProperty:co,getOwnPropertyDescriptor:lo,getOwnPropertyNames:mo,getOwnPropertySymbols:ho,getPrototypeOf:po}=Object,w=globalThis,ht=w.trustedTypes,uo=ht?ht.emptyScript:"",Pe=w.reactiveElementPolyfillSupport,oe=(s,e)=>s,re={toAttribute(s,e){switch(e){case Boolean:s=s?uo:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,e){let t=s;switch(e){case Boolean:t=s!==null;break;case Number:t=s===null?null:Number(s);break;case Object:case Array:try{t=JSON.parse(s)}catch{t=null}}return t}},ye=(s,e)=>!ao(s,e),pt={attribute:!0,type:String,converter:re,reflect:!1,hasChanged:ye},ut,gt;(ut=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(gt=w.litPropertyMetadata)!=null||(w.litPropertyMetadata=new WeakMap);var C=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=pt){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){let o=Symbol(),r=this.getPropertyDescriptor(e,o,t);r!==void 0&&co(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){var i;let{get:r,set:n}=(i=lo(this.prototype,e))!=null?i:{get(){return this[t]},set(d){this[t]=d}};return{get(){return r==null?void 0:r.call(this)},set(d){let c=r==null?void 0:r.call(this);n.call(this,d),this.requestUpdate(e,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var t;return(t=this.elementProperties.get(e))!=null?t:pt}static _$Ei(){if(this.hasOwnProperty(oe("elementProperties")))return;let e=po(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(oe("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(oe("properties"))){let t=this.properties,o=[...mo(t),...ho(t)];for(let r of o)this.createProperty(r,t[r])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[o,r]of t)this.elementProperties.set(o,r)}this._$Eh=new Map;for(let[t,o]of this.elementProperties){let r=this._$Eu(t,o);r!==void 0&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let o=new Set(e.flat(1/0).reverse());for(let r of o)t.unshift(ve(r))}else e!==void 0&&t.push(ve(e));return t}static _$Eu(e,t){let o=t.attribute;return o===!1?void 0:typeof o=="string"?o: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,o;((t=this._$EO)!=null?t:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)==null||o.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var t;let e=(t=this.shadowRoot)!=null?t:this.attachShadow(this.constructor.shadowRootOptions);return Ue(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(o=>{var r;return(r=o.hostConnected)==null?void 0:r.call(o)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var o;return(o=t.hostDisconnected)==null?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EC(e,t){var n;let o=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,o);if(r!==void 0&&o.reflect===!0){let i=(((n=o.converter)==null?void 0:n.toAttribute)!==void 0?o.converter:re).toAttribute(t,o.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){var n;let o=this.constructor,r=o._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let i=o.getPropertyOptions(r),d=typeof i.converter=="function"?{fromAttribute:i.converter}:((n=i.converter)==null?void 0:n.fromAttribute)!==void 0?i.converter:re;this._$Em=r,this[r]=d.fromAttribute(t,i.type),this._$Em=null}}requestUpdate(e,t,o){var r;if(e!==void 0){if(o!=null||(o=this.constructor.getPropertyOptions(e)),!((r=o.hasChanged)!=null?r:ye)(this[e],t))return;this.P(e,t,o)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(e,t,o){var r;this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$Em!==e&&((r=this._$Ej)!=null?r: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 o,r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((o=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[i,d]of this._$Ep)this[i]=d;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[i,d]of n)d.wrapped!==!0||this._$AL.has(i)||this[i]===void 0||this.P(i,this[i],d)}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(r=this._$EO)==null||r.forEach(n=>{var i;return(i=n.hostUpdate)==null?void 0:i.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(o=>{var r;return(r=o.hostUpdated)==null?void 0:r.call(o)}),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){}},ft;C.elementStyles=[],C.shadowRootOptions={mode:"open"},C[oe("elementProperties")]=new Map,C[oe("finalized")]=new Map,Pe==null||Pe({ReactiveElement:C}),((ft=w.reactiveElementVersions)!=null?ft:w.reactiveElementVersions=[]).push("2.0.4");var go={attribute:!0,type:String,converter:re,reflect:!1,hasChanged:ye},fo=(s=go,e,t)=>{let{kind:o,metadata:r}=t,n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),n.set(t.name,s),o==="accessor"){let{name:i}=t;return{set(d){let c=e.get.call(this);e.set.call(this,d),this.requestUpdate(i,c,s)},init(d){return d!==void 0&&this.P(i,void 0,s),d}}}if(o==="setter"){let{name:i}=t;return function(d){let c=this[i];e.call(this,d),this.requestUpdate(i,c,s)}}throw Error("Unsupported decorator location: "+o)};function l(s){return(e,t)=>typeof t=="object"?fo(s,e,t):((o,r,n)=>{let i=r.hasOwnProperty(n);return r.constructor.createProperty(n,i?{...o,wrapped:!0}:o),i?Object.getOwnPropertyDescriptor(r,n):void 0})(s,e,t)}function I(s){return l({...s,state:!0,attribute:!1})}var bo={PREFIX:"mdc",SEPARATOR:"-"},vo={NAMESPACE:bo},De=vo;var yo=s=>[De.NAMESPACE.PREFIX,s].join(De.NAMESPACE.SEPARATOR),y={constructTagName:yo};var Ee=y.constructTagName("themeprovider"),He={THEMECLASS:"mds-theme-stable-darkWebex"};var ie=globalThis,_e=ie.trustedTypes,bt=_e?_e.createPolicy("lit-html",{createHTML:s=>s}):void 0,St="$lit$",O=`lit$${Math.random().toFixed(9).slice(2)}$`,Tt="?"+O,xo=`<${Tt}>`,V=document,ne=()=>V.createComment(""),ae=s=>s===null||typeof s!="object"&&typeof s!="function",Xe=Array.isArray,Eo=s=>Xe(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",Ge=`[
|
|
2
|
+
\f\r]`,se=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,vt=/-->/g,yt=/>/g,G=RegExp(`>|${Ge}(?:([^\\s"'>=/]+)(${Ge}*=${Ge}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,Et=/"/g,Ct=/^(?:script|style|textarea|title)$/i,We=s=>(e,...t)=>({_$litType$:s,strings:e,values:t}),m=We(1),Cr=We(2),Ir=We(3),N=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),_t=new WeakMap,B=V.createTreeWalker(V,129);function It(s,e){if(!Xe(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(e):e}var _o=(s,e)=>{let t=s.length-1,o=[],r,n=e===2?"<svg>":e===3?"<math>":"",i=se;for(let d=0;d<t;d++){let c=s[d],g,u,h=-1,T=0;for(;T<c.length&&(i.lastIndex=T,u=i.exec(c),u!==null);)T=i.lastIndex,i===se?u[1]==="!--"?i=vt:u[1]!==void 0?i=yt:u[2]!==void 0?(Ct.test(u[2])&&(r=RegExp("</"+u[2],"g")),i=G):u[3]!==void 0&&(i=G):i===G?u[0]===">"?(i=r!=null?r:se,h=-1):u[1]===void 0?h=-2:(h=i.lastIndex-u[2].length,g=u[1],i=u[3]===void 0?G:u[3]==='"'?Et:xt):i===Et||i===xt?i=G:i===vt||i===yt?i=se:(i=G,r=void 0);let z=i===G&&s[d+1].startsWith("/>")?" ":"";n+=i===se?c+xo:h>=0?(o.push(g),c.slice(0,h)+St+c.slice(h)+O+z):c+O+(h===-2?d:z)}return[It(s,n+(s[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]},de=class s{constructor({strings:e,_$litType$:t},o){let r;this.parts=[];let n=0,i=0,d=e.length-1,c=this.parts,[g,u]=_o(e,t);if(this.el=s.createElement(g,o),B.currentNode=this.el.content,t===2||t===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=B.nextNode())!==null&&c.length<d;){if(r.nodeType===1){if(r.hasAttributes())for(let h of r.getAttributeNames())if(h.endsWith(St)){let T=u[i++],z=r.getAttribute(h).split(O),ge=/([.?@])?(.*)/.exec(T);c.push({type:1,index:n,name:ge[2],strings:z,ctor:ge[1]==="."?Ye:ge[1]==="?"?qe:ge[1]==="@"?Fe:X}),r.removeAttribute(h)}else h.startsWith(O)&&(c.push({type:6,index:n}),r.removeAttribute(h));if(Ct.test(r.tagName)){let h=r.textContent.split(O),T=h.length-1;if(T>0){r.textContent=_e?_e.emptyScript:"";for(let z=0;z<T;z++)r.append(h[z],ne()),B.nextNode(),c.push({type:2,index:++n});r.append(h[T],ne())}}}else if(r.nodeType===8)if(r.data===Tt)c.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(O,h+1))!==-1;)c.push({type:7,index:n}),h+=O.length-1}n++}}static createElement(e,t){let o=V.createElement("template");return o.innerHTML=e,o}};function j(s,e,t=s,o){var i,d,c;if(e===N)return e;let r=o!==void 0?(i=t.o)==null?void 0:i[o]:t.l,n=ae(e)?void 0:e._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((d=r==null?void 0:r._$AO)==null||d.call(r,!1),n===void 0?r=void 0:(r=new n(s),r._$AT(s,t,o)),o!==void 0?((c=t.o)!=null?c:t.o=[])[o]=r:t.l=r),r!==void 0&&(e=j(s,r._$AS(s,e.values),r,o)),e}var Ve=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 g;let{el:{content:t},parts:o}=this._$AD,r=((g=e==null?void 0:e.creationScope)!=null?g:V).importNode(t,!0);B.currentNode=r;let n=B.nextNode(),i=0,d=0,c=o[0];for(;c!==void 0;){if(i===c.index){let u;c.type===2?u=new ce(n,n.nextSibling,this,e):c.type===1?u=new c.ctor(n,c.name,c.strings,this,e):c.type===6&&(u=new je(n,this,e)),this._$AV.push(u),c=o[++d]}i!==(c==null?void 0:c.index)&&(n=B.nextNode(),i++)}return B.currentNode=V,r}p(e){let t=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}},ce=class s{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this.v}constructor(e,t,o,r){var n;this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=r,this.v=(n=r==null?void 0:r.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=j(this,e,t),ae(e)?e===b||e==null||e===""?(this._$AH!==b&&this._$AR(),this._$AH=b):e!==this._$AH&&e!==N&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):Eo(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!==b&&ae(this._$AH)?this._$AA.nextSibling.data=e:this.T(V.createTextNode(e)),this._$AH=e}$(e){var n;let{values:t,_$litType$:o}=e,r=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=de.createElement(It(o.h,o.h[0]),this.options)),o);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(t);else{let i=new Ve(r,this),d=i.u(this.options);i.p(t),this.T(d),this._$AH=i}}_$AC(e){let t=_t.get(e.strings);return t===void 0&&_t.set(e.strings,t=new de(e)),t}k(e){Xe(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,o,r=0;for(let n of e)r===t.length?t.push(o=new s(this.O(ne()),this.O(ne()),this,this.options)):o=t[r],o._$AI(n),r++;r<t.length&&(this._$AR(o&&o._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,t);e&&e!==this._$AB;){let r=e.nextSibling;e.remove(),e=r}}setConnected(e){var t;this._$AM===void 0&&(this.v=e,(t=this._$AP)==null||t.call(this,e))}},X=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,r,n){this.type=1,this._$AH=b,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=n,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=b}_$AI(e,t=this,o,r){let n=this.strings,i=!1;if(n===void 0)e=j(this,e,t,0),i=!ae(e)||e!==this._$AH&&e!==N,i&&(this._$AH=e);else{let d=e,c,g;for(e=n[0],c=0;c<n.length-1;c++)g=j(this,d[o+c],t,c),g===N&&(g=this._$AH[c]),i||(i=!ae(g)||g!==this._$AH[c]),g===b?e=b:e!==b&&(e+=(g!=null?g:"")+n[c+1]),this._$AH[c]=g}i&&!r&&this.j(e)}j(e){e===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}},Ye=class extends X{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===b?void 0:e}},qe=class extends X{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==b)}},Fe=class extends X{constructor(e,t,o,r,n){super(e,t,o,r,n),this.type=5}_$AI(e,t=this){var i;if((e=(i=j(this,e,t,0))!=null?i:b)===N)return;let o=this._$AH,r=e===b&&o!==b||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,n=e!==b&&(o===b||r);r&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)==null?void 0:t.host)!=null?o:this.element,e):this._$AH.handleEvent(e)}},je=class{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){j(this,e)}};var Be=ie.litHtmlPolyfillSupport,At;Be==null||Be(de,ce),((At=ie.litHtmlVersions)!=null?At:ie.litHtmlVersions=[]).push("3.2.0");var Nt=(s,e,t)=>{var n,i;let o=(n=t==null?void 0:t.renderBefore)!=null?n:e,r=o._$litPart$;if(r===void 0){let d=(i=t==null?void 0:t.renderBefore)!=null?i:null;o._$litPart$=r=new ce(e.insertBefore(ne(),d),d,void 0,t!=null?t:{})}return r._$AI(s),r};var M=class extends C{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){var t,o;let e=super.createRenderRoot();return(o=(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=Nt(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 N}},Rt;M._$litElement$=!0,M.finalized=!0,(Rt=globalThis.litElementHydrateSupport)==null||Rt.call(globalThis,{LitElement:M});var Ze=globalThis.litElementPolyfillSupport;Ze==null||Ze({LitElement:M});var Lt;((Lt=globalThis.litElementVersions)!=null?Lt:globalThis.litElementVersions=[]).push("4.1.0");var $t=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 Ae=class extends M{static register(e){customElements.get(e)||customElements.define(e,this)}};Ae.styles=[$t];var zt=Ae;var f=zt;var k=class extends Event{constructor(e,t,o){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.callback=t,this.subscribe=o!=null?o:!1}};var W=class{constructor(e,t,o,r){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,d)=>{this.unsubscribe&&(this.unsubscribe!==d&&(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,d)),this.unsubscribe=d},this.host=e,t.context!==void 0){let i=t;this.context=i.context,this.callback=i.callback,this.subscribe=(n=i.subscribe)!=null?n:!1}else this.context=t,this.callback=o,this.subscribe=r!=null?r:!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new k(this.context,this.t,this.subscribe))}};var Se=class{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){let o=t||!Object.is(e,this.o);this.o=e,o&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(let[t,{disposer:o}]of this.subscriptions)t(this.o,o)},e!==void 0&&(this.value=e)}addCallback(e,t,o){if(!o)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});let{disposer:r}=this.subscriptions.get(e);e(this.value,r)}clearCallbacks(){this.subscriptions.clear()}};var Ke=class extends Event{constructor(e){super("context-provider",{bubbles:!0,composed:!0}),this.context=e}},Z=class extends Se{constructor(e,t,o){var r,n;super(t.context!==void 0?t.initialValue:o),this.onContextRequest=i=>{let d=i.composedPath()[0];i.context===this.context&&d!==this.host&&(i.stopPropagation(),this.addCallback(i.callback,d,i.subscribe))},this.onProviderRequest=i=>{let d=i.composedPath()[0];if(i.context!==this.context||d===this.host)return;let c=new Set;for(let[g,{consumerHost:u}]of this.subscriptions)c.has(g)||(c.add(g),u.dispatchEvent(new k(this.context,g,!0)));i.stopPropagation()},this.host=e,t.context!==void 0?this.context=t.context:this.context=t,this.attachListeners(),(n=(r=this.host).addController)==null||n.call(r,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Ke(this.context))}};var Ao=p`
|
|
14
14
|
:host {
|
|
15
15
|
display: contents;
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,Ot=Ao;var Te=class extends f{constructor({context:e,initialValue:t}){super(),this.context=new Z(this,{context:e,initialValue:t})}render(){return this.updateContext(),m`<slot></slot>`}};Te.styles=[...f.styles,Ot];var Mt=Te;var K=Mt;var Ce=class{constructor(e){this.themeclass=e}};Ce.context=Ee;var Ie=Ce;var So=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
|
+
`,kt=[So];var Q=class extends K{constructor(){super({context:Ie.context,initialValue:new Ie(He.THEMECLASS)});this.themeclass=He.THEMECLASS}static get Context(){return Ie.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(" "))}};Q.styles=[...K.styles,...kt],a([I()],Q.prototype,"currentThemeClass",2),a([l({type:String})],Q.prototype,"themeclass",2);var Qe=Q;Qe.register(Ee);var To=Qe;var U=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
|
+
`,Ut=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);
|
|
@@ -48,7 +48,9 @@
|
|
|
48
48
|
--mdc-focus-ring-middle-offset: var(--mdc-focus-ring-inner-width);
|
|
49
49
|
--mdc-focus-ring-outer-offset: calc(var(--mdc-focus-ring-inner-width) + var(--mdc-focus-ring-middle-width));
|
|
50
50
|
}
|
|
51
|
-
|
|
51
|
+
:host([disabled]:focus) {
|
|
52
|
+
box-shadow: none;
|
|
53
|
+
}
|
|
52
54
|
:host(:focus) {
|
|
53
55
|
position: relative;
|
|
54
56
|
box-shadow:
|
|
@@ -63,7 +65,7 @@
|
|
|
63
65
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
64
66
|
}
|
|
65
67
|
}
|
|
66
|
-
`;var
|
|
68
|
+
`;var Co=[U,p`
|
|
67
69
|
:host {
|
|
68
70
|
--mdc-icon-fill-color: currentColor;
|
|
69
71
|
}
|
|
@@ -72,7 +74,7 @@
|
|
|
72
74
|
width: 100%;
|
|
73
75
|
fill: var(--mdc-icon-fill-color);
|
|
74
76
|
}
|
|
75
|
-
`]
|
|
77
|
+
`],Pt=Co;var Io=s=>{let{host:e,context:t,subscribe:o}=s;return new W(e,{context:t,subscribe:o!=null?o:!0})},No={consume:Io},Dt=No;var Ne=y.constructTagName("iconprovider"),Ht=["svg"],Gt=["em","rem","px"],Ro={px:16,em:1,rem:1},P={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:Ro.em};var Re=class{};Re.context=Ne;var Le=Re;var Y=class extends K{constructor(){super({context:Le.context,initialValue:new Le});this.fileExtension=P.FILE_EXTENSION;this.lengthUnit=P.LENGTH_UNIT;this.size=P.SIZE}static get Context(){return Le.context}updateValuesInContext(){this.fileExtension&&Ht.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=P.FILE_EXTENSION,this.context.value.fileExtension=P.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&Gt.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=P.LENGTH_UNIT,this.context.value.lengthUnit=P.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([l({type:String})],Y.prototype,"url",2),a([l({type:String,attribute:"file-extension",reflect:!0})],Y.prototype,"fileExtension",2),a([l({type:String,attribute:"length-unit",reflect:!0})],Y.prototype,"lengthUnit",2),a([l({type:Number,reflect:!0})],Y.prototype,"size",2);var le=Y;var Bt=async(s,e,t)=>{let o=await fetch(`${s}/${e}.${t}`);if(!o.ok)throw new Error("There was a problem while fetching the icon!");let r=await o.text();return new DOMParser().parseFromString(r,"text/html").body.children[0]};var Vt=y.constructTagName("icon"),Je={NAME:void 0,SIZE:1};var A=class extends f{constructor(){super(...arguments);this.name=Je.NAME;this.ariaLabel=null;this.iconProviderContext=Dt.consume({host:this,context:le.Context})}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:t,url:o}=this.iconProviderContext.value;if(o&&t&&this.name){let r=await Bt(o,this.name,t);this.iconData=r,this.setRoleOnIcon(),this.setAriaLabelOnIcon(),this.setAriaHiddenOnIcon()}}}updateSize(){var t;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let o=`${this.computedIconSize}${(t=this.lengthUnit)!=null?t:this.lengthUnitFromContext}`;this.style.width=o,this.style.height=o}}setRoleOnIcon(){this.role=this.ariaLabel?"img":null}setAriaHiddenOnIcon(){var t;(t=this.iconData)==null||t.setAttribute("aria-hidden","true")}setAriaLabelOnIcon(){var t,o;this.ariaLabel?(t=this.iconData)==null||t.setAttribute("aria-label",this.ariaLabel):(o=this.iconData)==null||o.removeAttribute("aria-label")}get computedIconSize(){var t,o;return(o=(t=this.size)!=null?t:this.sizeFromContext)!=null?o:Je.SIZE}updated(t){var o,r,n,i;super.updated(t),t.has("name")&&this.getIconData().catch(d=>{console.error(d)}),t.has("ariaLabel")&&(this.setRoleOnIcon(),this.setAriaLabelOnIcon()),(t.has("size")||t.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((o=this.iconProviderContext.value)==null?void 0:o.lengthUnit)&&(this.lengthUnitFromContext=(r=this.iconProviderContext.value)==null?void 0:r.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} `}};A.styles=[...f.styles,...Pt],a([I()],A.prototype,"iconData",2),a([I()],A.prototype,"lengthUnitFromContext",2),a([I()],A.prototype,"sizeFromContext",2),a([l({type:String,reflect:!0})],A.prototype,"name",2),a([l({type:Number})],A.prototype,"size",2),a([l({type:String,attribute:"length-unit"})],A.prototype,"lengthUnit",2),a([l({type:String,attribute:"aria-label"})],A.prototype,"ariaLabel",2);var et=A;et.register(Vt);var Lo=et;le.register(Ne);var $o=le;var me=s=>s!=null?s:b;var zo=p`
|
|
76
78
|
:host {
|
|
77
79
|
display: flex;
|
|
78
80
|
justify-content: center;
|
|
@@ -87,12 +89,12 @@
|
|
|
87
89
|
width: inherit;
|
|
88
90
|
object-fit: cover;
|
|
89
91
|
}
|
|
90
|
-
`,
|
|
92
|
+
`,Yt=[zo];var qt=y.constructTagName("avatar"),Ft="rem",tt={TYPE:"photo",SIZE:1.5};var D=class extends f{constructor(){super(...arguments);this.type=tt.TYPE;this.size=tt.SIZE}updateSize(){if(this.size){let t=`${this.size}${Ft}`;this.style.width=t,this.style.height=t}}updated(t){super.updated(t),t.has("size")&&this.updateSize()}photoTemplate(){return m`
|
|
91
93
|
<img
|
|
92
|
-
src="${
|
|
93
|
-
alt="${
|
|
94
|
+
src="${me(this.src)}"
|
|
95
|
+
alt="${me(this.alt)}"
|
|
94
96
|
/>
|
|
95
|
-
`}render(){let t;return this.type==="photo"?t=this.photoTemplate():t=m``,m`${t}`}};
|
|
97
|
+
`}render(){let t;return this.type==="photo"?t=this.photoTemplate():t=m``,m`${t}`}};D.styles=[...f.styles,...Yt],a([l({type:String,reflect:!0})],D.prototype,"type",2),a([l({type:String})],D.prototype,"alt",2),a([l({type:String})],D.prototype,"src",2),a([l({type:Number})],D.prototype,"size",2);var ot=D;ot.register(qt);var wo=ot;var jt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Xt=s=>(...e)=>({_$litDirective$:s,values:e}),$e=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this.t=e,this._$AM=t,this.i=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};var ze=Xt(class extends $e{constructor(s){var e;if(super(s),s.type!==jt.ATTRIBUTE||s.name!=="class"||((e=s.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(s){return" "+Object.keys(s).filter(e=>s[e]).join(" ")+" "}update(s,[e]){var o,r;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 e)e[n]&&!((o=this.nt)!=null&&o.has(n))&&this.st.add(n);return this.render(e)}let t=s.element.classList;for(let n of this.st)n in e||(t.remove(n),this.st.delete(n));for(let n in e){let i=!!e[n];i===this.st.has(n)||(r=this.nt)!=null&&r.has(n)||(i?(t.add(n),this.st.add(n)):(t.remove(n),this.st.delete(n)))}return N}});var Wt=y.constructTagName("text"),rt={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"},E={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},_={TYPE:rt.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:E.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Zt=y.constructTagName("badge"),R={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},we={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},Oe={PRIMARY:"primary",SECONDARY:"secondary"},he={SUCCESS:"success",WARNING:"warning",ERROR:"error"},an={...Oe,...he},H={TYPE:R.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:Oe.PRIMARY,ICON_SIZE:1};var Oo=[U,p`
|
|
96
98
|
:host {
|
|
97
99
|
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
98
100
|
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
@@ -161,21 +163,21 @@
|
|
|
161
163
|
outline: 0.125rem solid;
|
|
162
164
|
}
|
|
163
165
|
}
|
|
164
|
-
`],
|
|
166
|
+
`],Kt=Oo;var S=class extends f{constructor(){super(...arguments);this.variant=H.VARIANT;this.maxCounter=H.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(t,o){return o===void 0||typeof o!="number"||t===0?"":o>t?`${t}+`:t>H.MAX_COUNTER_LIMIT||o>H.MAX_COUNTER_LIMIT?`${H.MAX_COUNTER_LIMIT}+`:o.toString()}getBadgeIcon(t,o){return m`
|
|
165
167
|
<mdc-icon
|
|
166
|
-
class="mdc-badge-icon ${
|
|
167
|
-
name="${
|
|
168
|
-
size="${
|
|
168
|
+
class="mdc-badge-icon ${ze({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${o}`]:!0})}"
|
|
169
|
+
name="${me(t)}"
|
|
170
|
+
size="${H.ICON_SIZE}"
|
|
169
171
|
></mdc-icon>
|
|
170
|
-
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${
|
|
172
|
+
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${ze({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return m`
|
|
171
173
|
<mdc-text
|
|
172
|
-
type="${
|
|
173
|
-
tagname="${
|
|
174
|
-
class="mdc-badge-text ${
|
|
174
|
+
type="${rt.BODY_SMALL_MEDIUM}"
|
|
175
|
+
tagname="${E.DIV}"
|
|
176
|
+
class="mdc-badge-text ${ze({"mdc-badge-overlay":this.overlay})}"
|
|
175
177
|
>
|
|
176
178
|
${this.getCounterText(this.maxCounter,this.counter)}
|
|
177
179
|
</mdc-text>
|
|
178
|
-
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(
|
|
180
|
+
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(Oe).includes(this.variant)&&(this.variant=H.VARIANT);let{iconName:t,type:o,variant:r}=this;switch(o){case R.ICON:return this.getBadgeIcon(t||"",r);case R.COUNTER:return this.getBadgeCounterText();case R.SUCCESS:return this.getBadgeIcon(we.SUCCESS_ICON_NAME,he.SUCCESS);case R.WARNING:return this.getBadgeIcon(we.WARNING_ICON_NAME,he.WARNING);case R.ERROR:return this.getBadgeIcon(we.ERROR_ICON_NAME,he.ERROR);case R.DOT:default:return this.type=R.DOT,this.getBadgeDot()}}update(t){super.update(t),t.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};S.styles=[...f.styles,...Kt],a([l({type:String,reflect:!0})],S.prototype,"type",2),a([l({type:String,attribute:"icon-name"})],S.prototype,"iconName",2),a([l({type:String,reflect:!0})],S.prototype,"variant",2),a([l({type:Number})],S.prototype,"counter",2),a([l({type:Number,attribute:"max-counter",reflect:!0})],S.prototype,"maxCounter",2),a([l({type:Boolean})],S.prototype,"overlay",2),a([l({type:String,attribute:"aria-label"})],S.prototype,"ariaLabel",2);var st=S;var Qt=p`
|
|
179
181
|
:host([tagname])::part(text) {
|
|
180
182
|
font-size: unset;
|
|
181
183
|
font-weight: unset;
|
|
@@ -415,14 +417,14 @@
|
|
|
415
417
|
text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
|
|
416
418
|
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
417
419
|
}
|
|
418
|
-
`;var
|
|
420
|
+
`;var Mo=[p`
|
|
419
421
|
:host {
|
|
420
422
|
--mdc-text-font-family: var(--mdc-themeprovider-font-family);
|
|
421
423
|
|
|
422
424
|
display: block;
|
|
423
425
|
font-family: var(--mdc-text-font-family);
|
|
424
426
|
}
|
|
425
|
-
`,
|
|
427
|
+
`,Qt],Jt=Mo;var J=class extends f{constructor(){super(...arguments);this.type=_.TYPE;this.tagname=_.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case E.H1:return m`<h1 part=${_.CSS_PART_TEXT}><slot></slot></h1>`;case E.H2:return m`<h2 part=${_.CSS_PART_TEXT}><slot></slot></h2>`;case E.H3:return m`<h3 part=${_.CSS_PART_TEXT}><slot></slot></h3>`;case E.H4:return m`<h4 part=${_.CSS_PART_TEXT}><slot></slot></h4>`;case E.H5:return m`<h5 part=${_.CSS_PART_TEXT}><slot></slot></h5>`;case E.H6:return m`<h6 part=${_.CSS_PART_TEXT}><slot></slot></h6>`;case E.DIV:return m`<div part=${_.CSS_PART_TEXT}><slot></slot></div>`;case E.SPAN:return m`<span part=${_.CSS_PART_TEXT}><slot></slot></span>`;case E.SMALL:return m`<small part=${_.CSS_PART_TEXT}><slot></slot></small>`;case E.P:default:return m`<p part=${_.CSS_PART_TEXT}><slot></slot></p>`}}};J.styles=[...f.styles,...Jt],a([l({attribute:"type",reflect:!0,type:String})],J.prototype,"type",2),a([l({attribute:"tagname",reflect:!0,type:String})],J.prototype,"tagname",2);var it=J;it.register(Wt);var ko=it;st.register(Zt);var Uo=st;var eo=y.constructTagName("presence"),x={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"},L={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},pe={TYPE:x.ACTIVE,SIZE:L.SMALL};var Po=[U,p`
|
|
426
428
|
:host {
|
|
427
429
|
--mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
|
|
428
430
|
|
|
@@ -530,7 +532,7 @@
|
|
|
530
532
|
.mdc-presence-icon__scheduled {
|
|
531
533
|
color: var(--mdc-presence-scheduled-background-color);
|
|
532
534
|
}
|
|
533
|
-
`],
|
|
535
|
+
`],to=Po;var ee=class extends f{constructor(){super(...arguments);this.type=pe.TYPE;this.size=pe.SIZE}get iconSize(){switch(this.size){case L.MIDSIZE:return 1.16125;case L.LARGE:return 1.30625;case L.X_LARGE:return 1.596875;case L.XX_LARGE:return 2.25;case L.XX_SMALL:case L.X_SMALL:case L.SMALL:default:return this.size=pe.SIZE,.875}}get icon(){switch(this.type){case x.AWAY:return"recents-presence-badge-filled";case x.AWAY_CALLING:return"away-calling-presence-filled";case x.BUSY:return"busy-presence-bold";case x.DND:return"dnd-presence-badge-filled";case x.MEETING:return"camera-filled";case x.ON_CALL:return"handset-filled";case x.ON_DEVICE:return"generic-device-video-badge-filled";case x.ON_MOBILE:return"phone-badge-filled";case x.PAUSE:return"pause-badge-filled";case x.PTO:return"pto-presence-filled";case x.PRESENTING:return"share-screen-badge-filled";case x.QUIET:return"quiet-hours-presence-filled";case x.SCHEDULED:return"meetings-presence-badge-filled";case x.ACTIVE:default:return this.type=pe.TYPE,"active-presence-small-filled"}}render(){return m`
|
|
534
536
|
<div class="mdc-presence mdc-presence__${this.size}">
|
|
535
537
|
<mdc-icon
|
|
536
538
|
class="mdc-presence-icon mdc-presence-icon__${this.type}"
|
|
@@ -538,7 +540,214 @@
|
|
|
538
540
|
size="${this.iconSize}"
|
|
539
541
|
></mdc-icon>
|
|
540
542
|
</div>
|
|
541
|
-
`}};
|
|
543
|
+
`}};ee.styles=[...f.styles,...to],a([l({type:String,reflect:!0})],ee.prototype,"type",2),a([l({type:String,reflect:!0})],ee.prototype,"size",2);var nt=ee;nt.register(eo);var Do=nt;var Ho=[U,p`
|
|
544
|
+
:host {
|
|
545
|
+
cursor: pointer;
|
|
546
|
+
border-radius: 1.25rem;
|
|
547
|
+
font-weight: var(--mds-font-apps-body-large-medium-font-weight);
|
|
548
|
+
outline: none;
|
|
549
|
+
border: 0.0625rem solid transparent;
|
|
550
|
+
|
|
551
|
+
--mdc-button-primary-color: var(--mds-color-theme-inverted-text-primary-normal);
|
|
552
|
+
--mdc-button-primary-background-color: var(--mds-color-theme-button-primary-normal);
|
|
553
|
+
--mdc-button-primary-hover-background-color: var(--mds-color-theme-button-primary-hover);
|
|
554
|
+
--mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-primary-pressed);
|
|
555
|
+
--mdc-button-primary-disabled-background-color: var(--mds-color-theme-button-primary-disabled);
|
|
556
|
+
--mdc-button-primary-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
557
|
+
|
|
558
|
+
--mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);
|
|
559
|
+
--mdc-button-secondary-border-color: var(--mds-color-theme-outline-button-normal);
|
|
560
|
+
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
561
|
+
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
562
|
+
--mdc-button-secondary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);
|
|
563
|
+
--mdc-button-secondary-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
564
|
+
--mdc-button-secondary-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
565
|
+
|
|
566
|
+
--mdc-button-tertiary-color: var(--mds-color-theme-text-primary-normal);
|
|
567
|
+
--mdc-button-tertiary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
568
|
+
--mdc-button-tertiary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
569
|
+
--mdc-button-tertiary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);
|
|
570
|
+
--mdc-button-tertiary-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
571
|
+
|
|
572
|
+
--mdc-button-height-size-64: 4rem;
|
|
573
|
+
--mdc-button-height-size-52: 3.25rem;
|
|
574
|
+
--mdc-button-height-size-40: 2.5rem;
|
|
575
|
+
--mdc-button-height-size-32: 2rem;
|
|
576
|
+
--mdc-button-height-size-28: 1.75rem;
|
|
577
|
+
--mdc-button-height-size-24: 1.5rem;
|
|
578
|
+
--mdc-button-height-size-20: 1.25rem;
|
|
579
|
+
|
|
580
|
+
--mdc-button-line-height-size-40: var(--mds-font-lineheight-body-large);
|
|
581
|
+
--mdc-button-line-height-size-32: var(--mds-font-lineheight-body-large);
|
|
582
|
+
--mdc-button-line-height-size-28: var(--mds-font-lineheight-body-midsize);
|
|
583
|
+
--mdc-button-line-height-size-24: var(--mds-font-lineheight-body-small);
|
|
584
|
+
}
|
|
585
|
+
|
|
586
|
+
:host([active]){
|
|
587
|
+
font-weight: var(--mds-font-apps-body-large-bold-font-weight);
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
|
|
591
|
+
:host([variant="primary"]){
|
|
592
|
+
background: var(--mdc-button-primary-background-color);
|
|
593
|
+
color: var(--mdc-button-primary-color);
|
|
594
|
+
}
|
|
595
|
+
:host([variant="primary"]:hover){
|
|
596
|
+
background: var(--mdc-button-primary-hover-background-color);
|
|
597
|
+
}
|
|
598
|
+
:host([variant="primary"]:active), :host([variant="primary"].pressed){
|
|
599
|
+
background: var(--mdc-button-primary-pressed-background-color);
|
|
600
|
+
}
|
|
601
|
+
:host([variant="primary"][disabled]), :host([variant="primary"][soft-disabled]){
|
|
602
|
+
background: var(--mdc-button-primary-disabled-background-color);
|
|
603
|
+
color: var(--mdc-button-primary-disabled-color);
|
|
604
|
+
cursor: auto;
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
:host([variant="secondary"]){
|
|
608
|
+
color: var(--mdc-button-secondary-color);
|
|
609
|
+
border-color: var(--mdc-button-secondary-border-color);
|
|
610
|
+
}
|
|
611
|
+
:host([variant="secondary"]:hover){
|
|
612
|
+
background: var(--mdc-button-secondary-hover-background-color);
|
|
613
|
+
}
|
|
614
|
+
:host([variant="secondary"]:active), :host([variant="secondary"].pressed){
|
|
615
|
+
background: var(--mdc-button-secondary-pressed-background-color);
|
|
616
|
+
}
|
|
617
|
+
:host([variant="secondary"][disabled]),
|
|
618
|
+
:host([variant="secondary"][soft-disabled]){
|
|
619
|
+
color: var(--mdc-button-primary-disabled-color);
|
|
620
|
+
border-color: var(--mdc-button-secondary-disabled-border-color);
|
|
621
|
+
background: var(--mdc-button-secondary-disabled-background-color);
|
|
622
|
+
cursor: auto;
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
:host([variant="tertiary"]){
|
|
626
|
+
border-color: transparent;
|
|
627
|
+
color: var(--mdc-button-tertiary-color);
|
|
628
|
+
}
|
|
629
|
+
:host([variant="tertiary"]:hover){
|
|
630
|
+
background: var(--mdc-button-tertiary-hover-background-color);
|
|
631
|
+
}
|
|
632
|
+
:host([variant="tertiary"]:active), :host([variant="tertiary"].pressed){
|
|
633
|
+
background: var(--mdc-button-tertiary-pressed-background-color);
|
|
634
|
+
}
|
|
635
|
+
:host([variant="tertiary"][disabled]),
|
|
636
|
+
:host([variant="tertiary"][soft-disabled]){
|
|
637
|
+
color: var(--mdc-button-tertiary-disabled-color);
|
|
638
|
+
background: var(--mdc-button-tertiary-disabled-background-color);
|
|
639
|
+
cursor: auto;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
:host([size="64"].mdc-icon-button),
|
|
643
|
+
:host([size="52"].mdc-icon-button),
|
|
644
|
+
:host([size="40"].mdc-icon-button),
|
|
645
|
+
:host([size="32"].mdc-icon-button),
|
|
646
|
+
:host([size="28"].mdc-icon-button),
|
|
647
|
+
:host([size="24"].mdc-icon-button){
|
|
648
|
+
border-radius: 6.25rem;
|
|
649
|
+
aspect-ratio: 1;
|
|
650
|
+
padding: unset;
|
|
651
|
+
}
|
|
652
|
+
:host([size="64"]){
|
|
653
|
+
height: var(--mdc-button-height-size-64);
|
|
654
|
+
}
|
|
655
|
+
:host([size="52"]){
|
|
656
|
+
height: var(--mdc-button-height-size-52);
|
|
657
|
+
}
|
|
658
|
+
:host([size="40"]){
|
|
659
|
+
height: var(--mdc-button-height-size-40);
|
|
660
|
+
font-size: var(--mds-font-size-body-large);
|
|
661
|
+
line-height: var(--mdc-button-line-height-size-40);
|
|
662
|
+
padding: 0 1rem;
|
|
663
|
+
gap: 0.5rem;
|
|
664
|
+
}
|
|
665
|
+
:host([size="32"]){
|
|
666
|
+
height: var(--mdc-button-height-size-32);
|
|
667
|
+
font-size: var(--mds-font-size-body-large);
|
|
668
|
+
line-height: var(--mdc-button-line-height-size-32);
|
|
669
|
+
padding: 0 0.75rem;
|
|
670
|
+
gap: 0.375rem;
|
|
671
|
+
}
|
|
672
|
+
:host([size="28"]){
|
|
673
|
+
height: var(--mdc-button-height-size-28);
|
|
674
|
+
font-size: var(--mds-font-size-body-midsize);
|
|
675
|
+
line-height: var(--mdc-button-line-height-size-28);
|
|
676
|
+
padding: 0 0.75rem;
|
|
677
|
+
gap: 0.375rem;
|
|
678
|
+
}
|
|
679
|
+
:host([size="24"]){
|
|
680
|
+
height: var(--mdc-button-height-size-24);
|
|
681
|
+
font-size: var(--mds-font-size-body-small);
|
|
682
|
+
line-height: var(--mdc-button-line-height-size-24);
|
|
683
|
+
padding: 0 0.625rem;
|
|
684
|
+
gap: 0.25rem;
|
|
685
|
+
}
|
|
686
|
+
:host([size="20"]){
|
|
687
|
+
height: var(--mdc-button-height-size-20);
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
:host([color="accent"]){
|
|
691
|
+
--mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
|
|
692
|
+
--mdc-button-primary-background-color: var(--mds-color-theme-button-accent-normal);
|
|
693
|
+
--mdc-button-primary-hover-background-color: var(--mds-color-theme-button-accent-hover);
|
|
694
|
+
--mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-accent-pressed);
|
|
695
|
+
|
|
696
|
+
--mdc-button-secondary-color: var(--mds-color-theme-text-accent-normal);
|
|
697
|
+
--mdc-button-secondary-border-color: var(--mds-color-theme-outline-theme-normal);
|
|
698
|
+
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
699
|
+
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
700
|
+
}
|
|
701
|
+
:host([color="positive"]){
|
|
702
|
+
--mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
|
|
703
|
+
--mdc-button-primary-background-color: var(--mds-color-theme-button-join-normal);
|
|
704
|
+
--mdc-button-primary-hover-background-color: var(--mds-color-theme-button-join-hover);
|
|
705
|
+
--mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-join-pressed);
|
|
706
|
+
|
|
707
|
+
--mdc-button-secondary-color: var(--mds-color-theme-text-success-normal);
|
|
708
|
+
--mdc-button-secondary-border-color: var(--mds-color-theme-outline-join-normal);
|
|
709
|
+
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
710
|
+
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
711
|
+
}
|
|
712
|
+
:host([color="negative"]){
|
|
713
|
+
--mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
|
|
714
|
+
--mdc-button-primary-background-color: var(--mds-color-theme-button-cancel-normal);
|
|
715
|
+
--mdc-button-primary-hover-background-color: var(--mds-color-theme-button-cancel-hover);
|
|
716
|
+
--mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-cancel-pressed);
|
|
717
|
+
|
|
718
|
+
--mdc-button-secondary-color: var(--mds-color-theme-text-error-normal);
|
|
719
|
+
--mdc-button-secondary-border-color: var(--mds-color-theme-outline-cancel-normal);
|
|
720
|
+
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
721
|
+
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
722
|
+
}
|
|
723
|
+
:host([color="promotional"]){
|
|
724
|
+
--mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);
|
|
725
|
+
--mdc-button-primary-background-color: var(--mds-color-theme-common-button-promotion-normal);
|
|
726
|
+
--mdc-button-primary-hover-background-color: var(--mds-color-theme-common-button-promotion-hover);
|
|
727
|
+
--mdc-button-primary-pressed-background-color: var(--mds-color-theme-common-button-promotion-active);
|
|
728
|
+
|
|
729
|
+
--mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);
|
|
730
|
+
--mdc-button-secondary-border-color: var(--mds-color-theme-outline-promotion-normal);
|
|
731
|
+
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
732
|
+
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
733
|
+
}
|
|
734
|
+
`,Ut],oo=Ho;var ro=y.constructTagName("button"),ue={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Me={40:40,32:32,28:28,24:24},q={64:64,52:52,20:20,...Me},at={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},F={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},Go={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},$={VARIANT:ue.PRIMARY,SIZE:Me[32],COLOR:at.DEFAULT,TYPE_INTERNAL:F.ICON,TYPE:Go.BUTTON};var so=s=>{switch(s){case q[64]:return 2;case q[52]:return 1.75;case q[40]:return 1.25;default:return 1}},dt=s=>{let e=s.split("-"),t=["bold","filled","regular","light"];return e.filter(o=>!t.includes(o)).join("-")};var v=class extends f{constructor(){super();this.active=!1;this.disabled=!1;this.softDisabled=!1;this.variant=$.VARIANT;this.size=$.SIZE;this.color=$.COLOR;this.tabIndex=0;this.role="button";this.type=$.TYPE;this.typeInternal=$.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(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),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),this.setClassBasedOnType(this.typeInternal)),(t.has("prefixIcon")||t.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(t){t?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${dt(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${dt(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setClassBasedOnType(t){t===F.ICON?this.classList.add("mdc-icon-button"):this.classList.remove("mdc-icon-button")}setVariant(t){this.setAttribute("variant",Object.values(ue).includes(t)?t:$.VARIANT)}setSize(t){let r=this.typeInternal===F.ICON?Object.values(q).includes(t)&&!(t===q[20]&&this.variant!==ue.TERTIARY):Object.values(Me).includes(t);this.setAttribute("size",r?`${t}`:`${$.SIZE}`),this.iconSize=so(t)}setColor(t){!Object.values(at).includes(t)||this.variant===ue.TERTIARY?this.setAttribute("color",`${$.COLOR}`):this.setAttribute("color",t)}setAriaPressed(t,o){o?t.setAttribute("aria-pressed","true"):t.removeAttribute("aria-pressed")}setSoftDisabled(t,o){o?t.setAttribute("aria-disabled","true"):t.removeAttribute("aria-disabled")}setDisabled(t,o){o?(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())}inferButtonType(){var o,r;let t=(r=(o=this.shadowRoot)==null?void 0:o.querySelector("slot"))==null?void 0:r.assignedNodes().length;t&&(this.prefixIcon||this.postfixIcon)?this.typeInternal=F.PILL_WITH_ICON:!t&&(this.prefixIcon||this.postfixIcon)?this.typeInternal=F.ICON:this.typeInternal=F.PILL}render(){return m`
|
|
735
|
+
${this.prefixIcon?m`
|
|
736
|
+
<mdc-icon
|
|
737
|
+
name="${this.prefixIcon}"
|
|
738
|
+
part="prefix-icon"
|
|
739
|
+
size=${this.iconSize}
|
|
740
|
+
length-unit="rem">
|
|
741
|
+
</mdc-icon>`:""}
|
|
742
|
+
<slot @slotchange=${this.inferButtonType}></slot>
|
|
743
|
+
${this.postfixIcon?m`
|
|
744
|
+
<mdc-icon
|
|
745
|
+
name="${this.postfixIcon}"
|
|
746
|
+
part="postfix-icon"
|
|
747
|
+
size=${this.iconSize}
|
|
748
|
+
length-unit="rem">
|
|
749
|
+
</mdc-icon>`:""}
|
|
750
|
+
`}};v.formAssociated=!0,v.styles=[...f.styles,...oo],a([l({type:Boolean})],v.prototype,"active",2),a([l({type:Boolean})],v.prototype,"disabled",2),a([l({type:Boolean,attribute:"soft-disabled"})],v.prototype,"softDisabled",2),a([l({type:String,attribute:"prefix-icon"})],v.prototype,"prefixIcon",2),a([l({type:String,attribute:"postfix-icon"})],v.prototype,"postfixIcon",2),a([l({type:String})],v.prototype,"variant",2),a([l({type:Number})],v.prototype,"size",2),a([l({type:String})],v.prototype,"color",2),a([l({type:Number,reflect:!0})],v.prototype,"tabIndex",2),a([l({type:String,reflect:!0})],v.prototype,"role",2),a([l({reflect:!0})],v.prototype,"type",2),a([I()],v.prototype,"typeInternal",2),a([I()],v.prototype,"iconSize",2);var ct=v;ct.register(ro);var Bo=ct;})();
|
|
542
751
|
/*! Bundled license information:
|
|
543
752
|
|
|
544
753
|
@lit/reactive-element/decorators/custom-element.js:
|