@momentum-design/components 0.4.17 → 0.4.18
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/browser/index.js +6 -5
- package/dist/browser/index.js.map +2 -2
- package/dist/components/badge/badge.component.d.ts +39 -15
- package/dist/components/badge/badge.component.js +37 -20
- package/dist/components/badge/badge.styles.js +1 -0
- package/dist/custom-elements.json +28 -17
- package/dist/react/badge/index.d.ts +16 -4
- package/dist/react/badge/index.js +16 -4
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";(()=>{var He=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var d=(o,t,e,r)=>{for(var s=r>1?void 0:r?ke(t,e):t,n=o.length-1,i;n>=0;n--)(i=o[n])&&(s=(r?i(t,e,s):i(s))||s);return r&&s&&He(t,e,s),s};var nt=globalThis,at=nt.ShadowRoot&&(nt.ShadyCSS===void 0||nt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,
|
|
1
|
+
"use strict";(()=>{var He=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var d=(o,t,e,r)=>{for(var s=r>1?void 0:r?ke(t,e):t,n=o.length-1,i;n>=0;n--)(i=o[n])&&(s=(r?i(t,e,s):i(s))||s);return r&&s&&He(t,e,s),s};var nt=globalThis,at=nt.ShadowRoot&&(nt.ShadyCSS===void 0||nt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Tt=Symbol(),Zt=new WeakMap,X=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Tt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(at&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=Zt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Zt.set(e,t))}return t}toString(){return this.cssText}},Kt=o=>new X(typeof o=="string"?o:o+"",void 0,Tt),f=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((r,s,n)=>r+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+o[n+1],o[0]);return new X(e,o,Tt)},Ct=(o,t)=>{if(at)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=nt.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,o.appendChild(r)}},lt=at?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Kt(e)})(o):o;var{is:Ge,defineProperty:Be,getOwnPropertyDescriptor:qe,getOwnPropertyNames:Ve,getOwnPropertySymbols:Fe,getPrototypeOf:je}=Object,w=globalThis,Jt=w.trustedTypes,Xe=Jt?Jt.emptyScript:"",$t=w.reactiveElementPolyfillSupport,Y=(o,t)=>o,W={toAttribute(o,t){switch(t){case Boolean:o=o?Xe:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},dt=(o,t)=>!Ge(o,t),Qt={attribute:!0,type:String,converter:W,reflect:!1,hasChanged:dt},te,ee;(te=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(ee=w.litPropertyMetadata)!=null||(w.litPropertyMetadata=new WeakMap);var S=class extends HTMLElement{static addInitializer(t){var e;this._$Ei(),((e=this.l)!=null?e:this.l=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Qt){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&Be(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){var i;let{get:s,set:n}=(i=qe(this.prototype,t))!=null?i:{get(){return this[e]},set(a){this[e]=a}};return{get(){return s==null?void 0:s.call(this)},set(a){let l=s==null?void 0:s.call(this);n.call(this,a),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:Qt}static _$Ei(){if(this.hasOwnProperty(Y("elementProperties")))return;let t=je(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Y("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Y("properties"))){let e=this.properties,r=[...Ve(e),...Fe(e)];for(let s of r)this.createProperty(s,e[s])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let s of r)e.unshift(lt(s))}else t!==void 0&&e.push(lt(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$EO)!=null?e:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)==null||r.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){var e;let t=(e=this.shadowRoot)!=null?e:this.attachShadow(this.constructor.shadowRootOptions);return Ct(t,this.constructor.elementStyles),t}connectedCallback(){var t,e;(t=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(r=>{var s;return(s=r.hostConnected)==null?void 0:s.call(r)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){var n;let r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){let i=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:W).toAttribute(e,r.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var n;let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let i=r.getPropertyOptions(s),a=typeof i.converter=="function"?{fromAttribute:i.converter}:((n=i.converter)==null?void 0:n.fromAttribute)!==void 0?i.converter:W;this._$Em=s,this[s]=a.fromAttribute(e,i.type),this._$Em=null}}requestUpdate(t,e,r){var s;if(t!==void 0){if(r!=null||(r=this.constructor.getPropertyOptions(t)),!((s=r.hasChanged)!=null?s:dt)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){var s;this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&((s=this._$Ej)!=null?s:this._$Ej=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r,s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((r=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[i,a]of this._$Ep)this[i]=a;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[i,a]of n)a.wrapped!==!0||this._$AL.has(i)||this[i]===void 0||this.P(i,this[i],a)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(n=>{var i;return(i=n.hostUpdate)==null?void 0:i.call(n)}),this.update(e)):this._$EU()}catch(n){throw t=!1,this._$EU(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var s;return(s=r.hostUpdated)==null?void 0:s.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}},re;S.elementStyles=[],S.shadowRootOptions={mode:"open"},S[Y("elementProperties")]=new Map,S[Y("finalized")]=new Map,$t==null||$t({ReactiveElement:S}),((re=w.reactiveElementVersions)!=null?re:w.reactiveElementVersions=[]).push("2.0.4");var Ye={attribute:!0,type:String,converter:W,reflect:!1,hasChanged:dt},We=(o=Ye,t,e)=>{let{kind:r,metadata:s}=e,n=globalThis.litPropertyMetadata.get(s);if(n===void 0&&globalThis.litPropertyMetadata.set(s,n=new Map),n.set(e.name,o),r==="accessor"){let{name:i}=e;return{set(a){let l=t.get.call(this);t.set.call(this,a),this.requestUpdate(i,l,o)},init(a){return a!==void 0&&this.P(i,void 0,o),a}}}if(r==="setter"){let{name:i}=e;return function(a){let l=this[i];t.call(this,a),this.requestUpdate(i,l,o)}}throw Error("Unsupported decorator location: "+r)};function c(o){return(t,e)=>typeof e=="object"?We(o,t,e):((r,s,n)=>{let i=s.hasOwnProperty(n);return s.constructor.createProperty(n,i?{...r,wrapped:!0}:r),i?Object.getOwnPropertyDescriptor(s,n):void 0})(o,t,e)}function H(o){return c({...o,state:!0,attribute:!1})}var Ze={PREFIX:"mdc",SEPARATOR:"-"},Ke={NAMESPACE:Ze},Nt=Ke;var Je=o=>[Nt.NAMESPACE.PREFIX,o].join(Nt.NAMESPACE.SEPARATOR),y={constructTagName:Je};var mt=y.constructTagName("themeprovider"),Rt={THEMECLASS:"mds-theme-stable-darkWebex"};var K=globalThis,ht=K.trustedTypes,se=ht?ht.createPolicy("lit-html",{createHTML:o=>o}):void 0,ce="$lit$",L=`lit$${Math.random().toFixed(9).slice(2)}$`,me="?"+L,Qe=`<${me}>`,D=document,J=()=>D.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",Dt=Array.isArray,tr=o=>Dt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",wt=`[
|
|
2
2
|
\f\r]`,Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,oe=/-->/g,ie=/>/g,O=RegExp(`>|${wt}(?:([^\\s"'>=/]+)(${wt}*=${wt}*(?:[^
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ae=/"/g,he=/^(?:script|style|textarea|title)$/i,Pt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),h=Pt(1),Qr=Pt(2),ts=Pt(3),
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ae=/"/g,he=/^(?:script|style|textarea|title)$/i,Pt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),h=Pt(1),Qr=Pt(2),ts=Pt(3),T=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),le=new WeakMap,U=D.createTreeWalker(D,129);function pe(o,t){if(!Dt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return se!==void 0?se.createHTML(t):t}var er=(o,t)=>{let e=o.length-1,r=[],s,n=t===2?"<svg>":t===3?"<math>":"",i=Z;for(let a=0;a<e;a++){let l=o[a],u,p,m=-1,A=0;for(;A<l.length&&(i.lastIndex=A,p=i.exec(l),p!==null);)A=i.lastIndex,i===Z?p[1]==="!--"?i=oe:p[1]!==void 0?i=ie:p[2]!==void 0?(he.test(p[2])&&(s=RegExp("</"+p[2],"g")),i=O):p[3]!==void 0&&(i=O):i===O?p[0]===">"?(i=s!=null?s:Z,m=-1):p[1]===void 0?m=-2:(m=i.lastIndex-p[2].length,u=p[1],i=p[3]===void 0?O:p[3]==='"'?ae:ne):i===ae||i===ne?i=O:i===oe||i===ie?i=Z:(i=O,s=void 0);let R=i===O&&o[a+1].startsWith("/>")?" ":"";n+=i===Z?l+Qe:m>=0?(r.push(u),l.slice(0,m)+ce+l.slice(m)+L+R):l+L+(m===-2?a:R)}return[pe(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},tt=class o{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let n=0,i=0,a=t.length-1,l=this.parts,[u,p]=er(t,e);if(this.el=o.createElement(u,r),U.currentNode=this.el.content,e===2||e===3){let m=this.el.content.firstChild;m.replaceWith(...m.childNodes)}for(;(s=U.nextNode())!==null&&l.length<a;){if(s.nodeType===1){if(s.hasAttributes())for(let m of s.getAttributeNames())if(m.endsWith(ce)){let A=p[i++],R=s.getAttribute(m).split(L),it=/([.?@])?(.*)/.exec(A);l.push({type:1,index:n,name:it[2],strings:R,ctor:it[1]==="."?zt:it[1]==="?"?Mt:it[1]==="@"?Ot:G}),s.removeAttribute(m)}else m.startsWith(L)&&(l.push({type:6,index:n}),s.removeAttribute(m));if(he.test(s.tagName)){let m=s.textContent.split(L),A=m.length-1;if(A>0){s.textContent=ht?ht.emptyScript:"";for(let R=0;R<A;R++)s.append(m[R],J()),U.nextNode(),l.push({type:2,index:++n});s.append(m[A],J())}}}else if(s.nodeType===8)if(s.data===me)l.push({type:2,index:n});else{let m=-1;for(;(m=s.data.indexOf(L,m+1))!==-1;)l.push({type:7,index:n}),m+=L.length-1}n++}}static createElement(t,e){let r=D.createElement("template");return r.innerHTML=t,r}};function k(o,t,e=o,r){var i,a,l;if(t===T)return t;let s=r!==void 0?(i=e.o)==null?void 0:i[r]:e.l,n=Q(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==n&&((a=s==null?void 0:s._$AO)==null||a.call(s,!1),n===void 0?s=void 0:(s=new n(o),s._$AT(o,e,r)),r!==void 0?((l=e.o)!=null?l:e.o=[])[r]=s:e.l=s),s!==void 0&&(t=k(o,s._$AS(o,t.values),s,r)),t}var It=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var u;let{el:{content:e},parts:r}=this._$AD,s=((u=t==null?void 0:t.creationScope)!=null?u:D).importNode(e,!0);U.currentNode=s;let n=U.nextNode(),i=0,a=0,l=r[0];for(;l!==void 0;){if(i===l.index){let p;l.type===2?p=new et(n,n.nextSibling,this,t):l.type===1?p=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(p=new Ut(n,this,t)),this._$AV.push(p),l=r[++a]}i!==(l==null?void 0:l.index)&&(n=U.nextNode(),i++)}return U.currentNode=D,s}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},et=class o{get _$AU(){var t,e;return(e=(t=this._$AM)==null?void 0:t._$AU)!=null?e:this.v}constructor(t,e,r,s){var n;this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=s,this.v=(n=s==null?void 0:s.isConnected)!=null?n:!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=k(this,t,e),Q(t)?t===g||t==null||t===""?(this._$AH!==g&&this._$AR(),this._$AH=g):t!==this._$AH&&t!==T&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):tr(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==g&&Q(this._$AH)?this._$AA.nextSibling.data=t:this.T(D.createTextNode(t)),this._$AH=t}$(t){var n;let{values:e,_$litType$:r}=t,s=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=tt.createElement(pe(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===s)this._$AH.p(e);else{let i=new It(s,this),a=i.u(this.options);i.p(e),this.T(a),this._$AH=i}}_$AC(t){let e=le.get(t.strings);return e===void 0&&le.set(t.strings,e=new tt(t)),e}k(t){Dt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,s=0;for(let n of t)s===e.length?e.push(r=new o(this.O(J()),this.O(J()),this,this.options)):r=e[s],r._$AI(n),s++;s<e.length&&(this._$AR(r&&r._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this.v=t,(e=this._$AP)==null||e.call(this,t))}},G=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,n){this.type=1,this._$AH=g,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,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(t,e=this,r,s){let n=this.strings,i=!1;if(n===void 0)t=k(this,t,e,0),i=!Q(t)||t!==this._$AH&&t!==T,i&&(this._$AH=t);else{let a=t,l,u;for(t=n[0],l=0;l<n.length-1;l++)u=k(this,a[r+l],e,l),u===T&&(u=this._$AH[l]),i||(i=!Q(u)||u!==this._$AH[l]),u===g?t=g:t!==g&&(t+=(u!=null?u:"")+n[l+1]),this._$AH[l]=u}i&&!s&&this.j(t)}j(t){t===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},zt=class extends G{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===g?void 0:t}},Mt=class extends G{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==g)}},Ot=class extends G{constructor(t,e,r,s,n){super(t,e,r,s,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=k(this,t,e,0))!=null?i:g)===T)return;let r=this._$AH,s=t===g&&r!==g||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==g&&(r===g||s);s&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;typeof this._$AH=="function"?this._$AH.call((r=(e=this.options)==null?void 0:e.host)!=null?r:this.element,t):this._$AH.handleEvent(t)}},Ut=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){k(this,t)}};var Lt=K.litHtmlPolyfillSupport,de;Lt==null||Lt(tt,et),((de=K.litHtmlVersions)!=null?de:K.litHtmlVersions=[]).push("3.2.0");var ue=(o,t,e)=>{var n,i;let r=(n=e==null?void 0:e.renderBefore)!=null?n:t,s=r._$litPart$;if(s===void 0){let a=(i=e==null?void 0:e.renderBefore)!=null?i:null;r._$litPart$=s=new et(t.insertBefore(J(),a),a,void 0,e!=null?e:{})}return s._$AI(o),s};var I=class extends S{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){var e,r;let t=super.createRenderRoot();return(r=(e=this.renderOptions).renderBefore)!=null||(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=ue(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this.o)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.o)==null||t.setConnected(!1)}render(){return T}},fe;I._$litElement$=!0,I.finalized=!0,(fe=globalThis.litElementHydrateSupport)==null||fe.call(globalThis,{LitElement:I});var Ht=globalThis.litElementPolyfillSupport;Ht==null||Ht({LitElement:I});var ge;((ge=globalThis.litElementVersions)!=null?ge:globalThis.litElementVersions=[]).push("4.1.0");var be=f`
|
|
4
4
|
:host {
|
|
5
5
|
box-sizing: border-box;
|
|
6
6
|
}
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
width: 100%;
|
|
66
66
|
fill: var(--mdc-icon-fill-color);
|
|
67
67
|
}
|
|
68
|
-
`],Ae=ir;var nr=o=>{let{host:t,context:e,subscribe:r}=o;return new B(t,{context:e,subscribe:r!=null?r:!0})},ar={consume:nr},Se=ar;var xt=y.constructTagName("iconprovider"),
|
|
68
|
+
`],Ae=ir;var nr=o=>{let{host:t,context:e,subscribe:r}=o;return new B(t,{context:e,subscribe:r!=null?r:!0})},ar={consume:nr},Se=ar;var xt=y.constructTagName("iconprovider"),Te=["svg"],Ce=["em","rem","px"],C={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",LENGTH_UNIT_SIZE:{px:16,em:1,rem:1}};var yt=class{};yt.context=xt;var Et=yt;var P=class extends V{constructor(){super({context:Et.context,initialValue:new Et});this.fileExtension=C.FILE_EXTENSION;this.lengthUnit=C.LENGTH_UNIT;this.size=C.LENGTH_UNIT_SIZE[C.LENGTH_UNIT]}static get Context(){return Et.context}updateValuesInContext(){this.fileExtension&&Te.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=C.FILE_EXTENSION,this.context.value.fileExtension=C.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&Ce.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=C.LENGTH_UNIT,this.context.value.lengthUnit=C.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())}};d([c({type:String})],P.prototype,"url",2),d([c({type:String,attribute:"file-extension",reflect:!0})],P.prototype,"fileExtension",2),d([c({type:String,attribute:"length-unit",reflect:!0})],P.prototype,"lengthUnit",2),d([c({type:Number,reflect:!0})],P.prototype,"size",2);var rt=P;var $e=async(o,t,e)=>{let r=await fetch(`${o}/${t}.${e}`);if(!r.ok)throw new Error("There was a problem while fetching the icon!");let s=await r.text();return new DOMParser().parseFromString(s,"text/html").body.children[0]};var Ne=y.constructTagName("icon"),Bt={NAME:void 0,SIZE:1};var E=class extends b{constructor(){super(...arguments);this.name=Bt.NAME;this.ariaLabel=null;this.iconProviderContext=Se.consume({host:this,context:rt.Context})}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:e,url:r}=this.iconProviderContext.value;if(r&&e&&this.name){let s=await $e(r,this.name,e);this.iconData=s,this.setRoleOnIcon(),this.setAriaLabelOnIcon(),this.setAriaHiddenOnIcon()}}}updateSize(){var e;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let r=`${this.computedIconSize}${(e=this.lengthUnit)!=null?e:this.lengthUnitFromContext}`;this.style.width=r,this.style.height=r}}setRoleOnIcon(){this.role=this.ariaLabel?"img":null}setAriaHiddenOnIcon(){var e;(e=this.iconData)==null||e.setAttribute("aria-hidden","true")}setAriaLabelOnIcon(){var e,r;this.ariaLabel?(e=this.iconData)==null||e.setAttribute("aria-label",this.ariaLabel):(r=this.iconData)==null||r.removeAttribute("aria-label")}get computedIconSize(){var e,r;return(r=(e=this.size)!=null?e:this.sizeFromContext)!=null?r:Bt.SIZE}updated(e){var r,s,n,i;super.updated(e),e.has("name")&&this.getIconData().catch(a=>{console.error(a)}),e.has("ariaLabel")&&(this.setRoleOnIcon(),this.setAriaLabelOnIcon()),(e.has("size")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((r=this.iconProviderContext.value)==null?void 0:r.lengthUnit)&&(this.lengthUnitFromContext=(s=this.iconProviderContext.value)==null?void 0:s.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 h` ${this.iconData} `}};E.styles=[...b.styles,...Ae],d([H()],E.prototype,"iconData",2),d([H()],E.prototype,"lengthUnitFromContext",2),d([H()],E.prototype,"sizeFromContext",2),d([c({type:String,reflect:!0})],E.prototype,"name",2),d([c({type:Number})],E.prototype,"size",2),d([c({type:String,attribute:"length-unit"})],E.prototype,"lengthUnit",2),d([c({type:String,attribute:"aria-label"})],E.prototype,"ariaLabel",2);var qt=E;qt.register(Ne);var lr=qt;rt.register(xt);var dr=rt;var st=o=>o!=null?o:g;var cr=f`
|
|
69
69
|
:host {
|
|
70
70
|
display: flex;
|
|
71
71
|
justify-content: center;
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
src="${st(this.src)}"
|
|
86
86
|
alt="${st(this.alt)}"
|
|
87
87
|
/>
|
|
88
|
-
`}render(){let e;return this.type==="photo"?e=this.photoTemplate():e=h``,h`${e}`}};M.styles=[...b.styles,...Re],d([c({type:String,reflect:!0})],M.prototype,"type",2),d([c({type:String})],M.prototype,"alt",2),d([c({type:String})],M.prototype,"src",2),d([c({type:Number})],M.prototype,"size",2);var Ft=M;Ft.register(we);var mr=Ft;var Ie={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ze=o=>(...t)=>({_$litDirective$:o,values:t}),_t=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this.t=t,this._$AM=e,this.i=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var At=ze(class extends _t{constructor(o){var t;if(super(o),o.type!==Ie.ATTRIBUTE||o.name!=="class"||((t=o.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter(t=>o[t]).join(" ")+" "}update(o,[t]){var r,s;if(this.st===void 0){this.st=new Set,o.strings!==void 0&&(this.nt=new Set(o.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(let n in t)t[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(t)}let e=o.element.classList;for(let n of this.st)n in t||(e.remove(n),this.st.delete(n));for(let n in t){let i=!!t[n];i===this.st.has(n)||(s=this.nt)!=null&&s.has(n)||(i?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return
|
|
88
|
+
`}render(){let e;return this.type==="photo"?e=this.photoTemplate():e=h``,h`${e}`}};M.styles=[...b.styles,...Re],d([c({type:String,reflect:!0})],M.prototype,"type",2),d([c({type:String})],M.prototype,"alt",2),d([c({type:String})],M.prototype,"src",2),d([c({type:Number})],M.prototype,"size",2);var Ft=M;Ft.register(we);var mr=Ft;var Ie={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ze=o=>(...t)=>({_$litDirective$:o,values:t}),_t=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this.t=t,this._$AM=e,this.i=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var At=ze(class extends _t{constructor(o){var t;if(super(o),o.type!==Ie.ATTRIBUTE||o.name!=="class"||((t=o.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter(t=>o[t]).join(" ")+" "}update(o,[t]){var r,s;if(this.st===void 0){this.st=new Set,o.strings!==void 0&&(this.nt=new Set(o.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(let n in t)t[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(t)}let e=o.element.classList;for(let n of this.st)n in t||(e.remove(n),this.st.delete(n));for(let n in t){let i=!!t[n];i===this.st.has(n)||(s=this.nt)!=null&&s.has(n)||(i?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return T}});var Me=y.constructTagName("text"),jt={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"},v={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},x={TYPE:jt.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:v.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Oe=y.constructTagName("badge"),$={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},St={SUCCESS_ICON_NAME:"check-circle-filled",WARNING_ICON_NAME:"warning-filled",ERROR_ICON_NAME:"error-legacy-filled"},Xt={PRIMARY:"primary",SECONDARY:"secondary"},ot={SUCCESS:"success",WARNING:"warning",ERROR:"error"},N={TYPE:$.DOT,LENGTH_UNIT:"rem",MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:Xt.PRIMARY,ICON_SIZE:1};var hr=[vt,f`
|
|
89
89
|
:host {
|
|
90
90
|
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
91
91
|
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
@@ -129,6 +129,7 @@
|
|
|
129
129
|
}
|
|
130
130
|
.mdc-badge-icon__primary {
|
|
131
131
|
background-color: var(--mdc-badge-primary-background-color);
|
|
132
|
+
color: var(--mdc-badge-primary-foreground-color);
|
|
132
133
|
}
|
|
133
134
|
.mdc-badge-icon__success {
|
|
134
135
|
background-color: var(--mdc-badge-success-background-color);
|
|
@@ -146,7 +147,7 @@
|
|
|
146
147
|
background-color: var(--mdc-badge-secondary-background-color);
|
|
147
148
|
color: var(--mdc-badge-secondary-foreground-color);
|
|
148
149
|
}
|
|
149
|
-
`],Ue=hr;var _=class extends b{constructor(){super(...arguments);this.
|
|
150
|
+
`],Ue=hr;var _=class extends b{constructor(){super(...arguments);this.variant=N.VARIANT;this.maxCounter=N.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>N.MAX_COUNTER_LIMIT||r>N.MAX_COUNTER_LIMIT?`${N.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r,s,n){return h`
|
|
150
151
|
<mdc-icon
|
|
151
152
|
class="mdc-badge-icon ${At(this.getIconClasses(r,s,n))}"
|
|
152
153
|
name="${st(e)}"
|