New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@momentum-design/components

Package Overview
Dependencies
Maintainers
0
Versions
197
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@momentum-design/components - npm Package Compare versions

Comparing version 0.4.16 to 0.4.17

46

dist/browser/index.js

@@ -1,4 +0,4 @@

"use strict";(()=>{var Me=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&&Me(t,e,s),s};var it=globalThis,nt=it.ShadowRoot&&(it.ShadyCSS===void 0||it.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,St=Symbol(),Wt=new WeakMap,B=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==St)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(nt&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=Wt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Wt.set(e,t))}return t}toString(){return this.cssText}},Yt=o=>new B(typeof o=="string"?o:o+"",void 0,St),g=(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 B(e,o,St)},Tt=(o,t)=>{if(nt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=it.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,o.appendChild(r)}},at=nt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Yt(e)})(o):o;var{is:He,defineProperty:De,getOwnPropertyDescriptor:qe,getOwnPropertyNames:Fe,getOwnPropertySymbols:Ge,getPrototypeOf:Ve}=Object,w=globalThis,Zt=w.trustedTypes,je=Zt?Zt.emptyScript:"",Ct=w.reactiveElementPolyfillSupport,X=(o,t)=>o,W={toAttribute(o,t){switch(t){case Boolean:o=o?je: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}},lt=(o,t)=>!He(o,t),Kt={attribute:!0,type:String,converter:W,reflect:!1,hasChanged:lt},Jt,Qt;(Jt=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(Qt=w.litPropertyMetadata)!=null||(w.litPropertyMetadata=new WeakMap);var _=class extends HTMLElement{static addInitializer(t){var e;this._$Ei(),((e=this.l)!=null?e:this.l=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Kt){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&&De(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:Kt}static _$Ei(){if(this.hasOwnProperty(X("elementProperties")))return;let t=Ve(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(X("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(X("properties"))){let e=this.properties,r=[...Fe(e),...Ge(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(at(s))}else t!==void 0&&e.push(at(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 Tt(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:lt)(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){}},te;_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[X("elementProperties")]=new Map,_[X("finalized")]=new Map,Ct==null||Ct({ReactiveElement:_}),((te=w.reactiveElementVersions)!=null?te:w.reactiveElementVersions=[]).push("2.0.4");var Be={attribute:!0,type:String,converter:W,reflect:!1,hasChanged:lt},Xe=(o=Be,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"?Xe(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 k(o){return c({...o,state:!0,attribute:!1})}var We={PREFIX:"mdc",SEPARATOR:"-"},Ye={NAMESPACE:We},$t=Ye;var Ze=o=>[$t.NAMESPACE.PREFIX,o].join($t.NAMESPACE.SEPARATOR),x={constructTagName:Ze};var ct=x.constructTagName("themeprovider"),Nt={THEMECLASS:"mds-theme-stable-darkWebex"};var Z=globalThis,mt=Z.trustedTypes,ee=mt?mt.createPolicy("lit-html",{createHTML:o=>o}):void 0,le="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,de="?"+R,Ke=`<${de}>`,L=document,K=()=>L.createComment(""),J=o=>o===null||typeof o!="object"&&typeof o!="function",Lt=Array.isArray,Je=o=>Lt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",wt=`[
\f\r]`,Y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,re=/-->/g,se=/>/g,U=RegExp(`>|${wt}(?:([^\\s"'>=/]+)(${wt}*=${wt}*(?:[^
\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,ie=/"/g,ce=/^(?:script|style|textarea|title)$/i,Mt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),h=Mt(1),Kr=Mt(2),Jr=Mt(3),S=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),ne=new WeakMap,I=L.createTreeWalker(L,129);function me(o,t){if(!Lt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ee!==void 0?ee.createHTML(t):t}var Qe=(o,t)=>{let e=o.length-1,r=[],s,n=t===2?"<svg>":t===3?"<math>":"",i=Y;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===Y?p[1]==="!--"?i=re:p[1]!==void 0?i=se:p[2]!==void 0?(ce.test(p[2])&&(s=RegExp("</"+p[2],"g")),i=U):p[3]!==void 0&&(i=U):i===U?p[0]===">"?(i=s!=null?s:Y,m=-1):p[1]===void 0?m=-2:(m=i.lastIndex-p[2].length,u=p[1],i=p[3]===void 0?U:p[3]==='"'?ie:oe):i===ie||i===oe?i=U:i===re||i===se?i=Y:(i=U,s=void 0);let N=i===U&&o[a+1].startsWith("/>")?" ":"";n+=i===Y?l+Ke:m>=0?(r.push(u),l.slice(0,m)+le+l.slice(m)+R+N):l+R+(m===-2?a:N)}return[me(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},Q=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]=Qe(t,e);if(this.el=o.createElement(u,r),I.currentNode=this.el.content,e===2||e===3){let m=this.el.content.firstChild;m.replaceWith(...m.childNodes)}for(;(s=I.nextNode())!==null&&l.length<a;){if(s.nodeType===1){if(s.hasAttributes())for(let m of s.getAttributeNames())if(m.endsWith(le)){let A=p[i++],N=s.getAttribute(m).split(R),ot=/([.?@])?(.*)/.exec(A);l.push({type:1,index:n,name:ot[2],strings:N,ctor:ot[1]==="."?Ot:ot[1]==="?"?Pt:ot[1]==="@"?Ut:D}),s.removeAttribute(m)}else m.startsWith(R)&&(l.push({type:6,index:n}),s.removeAttribute(m));if(ce.test(s.tagName)){let m=s.textContent.split(R),A=m.length-1;if(A>0){s.textContent=mt?mt.emptyScript:"";for(let N=0;N<A;N++)s.append(m[N],K()),I.nextNode(),l.push({type:2,index:++n});s.append(m[A],K())}}}else if(s.nodeType===8)if(s.data===de)l.push({type:2,index:n});else{let m=-1;for(;(m=s.data.indexOf(R,m+1))!==-1;)l.push({type:7,index:n}),m+=R.length-1}n++}}static createElement(t,e){let r=L.createElement("template");return r.innerHTML=t,r}};function H(o,t,e=o,r){var i,a,l;if(t===S)return t;let s=r!==void 0?(i=e.o)==null?void 0:i[r]:e.l,n=J(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=H(o,s._$AS(o,t.values),s,r)),t}var zt=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:L).importNode(e,!0);I.currentNode=s;let n=I.nextNode(),i=0,a=0,l=r[0];for(;l!==void 0;){if(i===l.index){let p;l.type===2?p=new tt(n,n.nextSibling,this,t):l.type===1?p=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(p=new It(n,this,t)),this._$AV.push(p),l=r[++a]}i!==(l==null?void 0:l.index)&&(n=I.nextNode(),i++)}return I.currentNode=L,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++}},tt=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=f,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=H(this,t,e),J(t)?t===f||t==null||t===""?(this._$AH!==f&&this._$AR(),this._$AH=f):t!==this._$AH&&t!==S&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Je(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!==f&&J(this._$AH)?this._$AA.nextSibling.data=t:this.T(L.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=Q.createElement(me(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 zt(s,this),a=i.u(this.options);i.p(e),this.T(a),this._$AH=i}}_$AC(t){let e=ne.get(t.strings);return e===void 0&&ne.set(t.strings,e=new Q(t)),e}k(t){Lt(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(K()),this.O(K()),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))}},D=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,n){this.type=1,this._$AH=f,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=f}_$AI(t,e=this,r,s){let n=this.strings,i=!1;if(n===void 0)t=H(this,t,e,0),i=!J(t)||t!==this._$AH&&t!==S,i&&(this._$AH=t);else{let a=t,l,u;for(t=n[0],l=0;l<n.length-1;l++)u=H(this,a[r+l],e,l),u===S&&(u=this._$AH[l]),i||(i=!J(u)||u!==this._$AH[l]),u===f?t=f:t!==f&&(t+=(u!=null?u:"")+n[l+1]),this._$AH[l]=u}i&&!s&&this.j(t)}j(t){t===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},Ot=class extends D{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===f?void 0:t}},Pt=class extends D{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==f)}},Ut=class extends D{constructor(t,e,r,s,n){super(t,e,r,s,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=H(this,t,e,0))!=null?i:f)===S)return;let r=this._$AH,s=t===f&&r!==f||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==f&&(r===f||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)}},It=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){H(this,t)}};var Rt=Z.litHtmlPolyfillSupport,ae;Rt==null||Rt(Q,tt),((ae=Z.litHtmlVersions)!=null?ae:Z.litHtmlVersions=[]).push("3.2.0");var he=(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 tt(t.insertBefore(K(),a),a,void 0,e!=null?e:{})}return s._$AI(o),s};var z=class extends _{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){var e,r;let t=super.createRenderRoot();return(r=(e=this.renderOptions).renderBefore)!=null||(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=he(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 S}},pe;z._$litElement$=!0,z.finalized=!0,(pe=globalThis.litElementHydrateSupport)==null||pe.call(globalThis,{LitElement:z});var kt=globalThis.litElementPolyfillSupport;kt==null||kt({LitElement:z});var ue;((ue=globalThis.litElementVersions)!=null?ue:globalThis.litElementVersions=[]).push("4.1.0");var ge=g`
"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,Ct=Symbol(),Zt=new WeakMap,X=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Ct)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,Ct),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,Ct)},Tt=(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 Tt(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=`[
\f\r]`,Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,oe=/-->/g,ie=/>/g,O=RegExp(`>|${wt}(?:([^\\s"'>=/]+)(${wt}*=${wt}*(?:[^
\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),C=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===C)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!==C&&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!==C,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===C&&(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)===C)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 C}},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`
:host {

@@ -13,7 +13,7 @@ box-sizing: border-box;

}
`;var ht=class extends z{static register(t){customElements.get(t)||customElements.define(t,this)}};ht.styles=[ge];var fe=ht;var b=fe;var O=class extends Event{constructor(t,e,r){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=r!=null?r:!1}};var q=class{constructor(t,e,r,s){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,a)=>{this.unsubscribe&&(this.unsubscribe!==a&&(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,a)),this.unsubscribe=a},this.host=t,e.context!==void 0){let i=e;this.context=i.context,this.callback=i.callback,this.subscribe=(n=i.subscribe)!=null?n:!1}else this.context=e,this.callback=r,this.subscribe=s!=null?s:!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new O(this.context,this.t,this.subscribe))}};var pt=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){let r=e||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:r}]of this.subscriptions)e(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,e,r){if(!r)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});let{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}};var Ht=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},F=class extends pt{constructor(t,e,r){var s,n;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=i=>{let a=i.composedPath()[0];i.context===this.context&&a!==this.host&&(i.stopPropagation(),this.addCallback(i.callback,a,i.subscribe))},this.onProviderRequest=i=>{let a=i.composedPath()[0];if(i.context!==this.context||a===this.host)return;let l=new Set;for(let[u,{consumerHost:p}]of this.subscriptions)l.has(u)||(l.add(u),p.dispatchEvent(new O(this.context,u,!0)));i.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(n=(s=this.host).addController)==null||n.call(s,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Ht(this.context))}};var tr=g`
`;var pt=class extends I{static register(t){customElements.get(t)||customElements.define(t,this)}};pt.styles=[be];var ve=pt;var b=ve;var z=class extends Event{constructor(t,e,r){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=r!=null?r:!1}};var B=class{constructor(t,e,r,s){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,a)=>{this.unsubscribe&&(this.unsubscribe!==a&&(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,a)),this.unsubscribe=a},this.host=t,e.context!==void 0){let i=e;this.context=i.context,this.callback=i.callback,this.subscribe=(n=i.subscribe)!=null?n:!1}else this.context=e,this.callback=r,this.subscribe=s!=null?s:!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new z(this.context,this.t,this.subscribe))}};var ut=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){let r=e||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:r}]of this.subscriptions)e(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,e,r){if(!r)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});let{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}};var kt=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},q=class extends ut{constructor(t,e,r){var s,n;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=i=>{let a=i.composedPath()[0];i.context===this.context&&a!==this.host&&(i.stopPropagation(),this.addCallback(i.callback,a,i.subscribe))},this.onProviderRequest=i=>{let a=i.composedPath()[0];if(i.context!==this.context||a===this.host)return;let l=new Set;for(let[u,{consumerHost:p}]of this.subscriptions)l.has(u)||(l.add(u),p.dispatchEvent(new z(this.context,u,!0)));i.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(n=(s=this.host).addController)==null||n.call(s,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new kt(this.context))}};var rr=f`
:host {
display: contents;
}
`,ve=tr;var ut=class extends b{constructor({context:t,initialValue:e}){super(),this.context=new F(this,{context:t,initialValue:e})}render(){return this.updateContext(),h`<slot></slot>`}};ut.styles=[...b.styles,ve];var xe=ut;var G=xe;var gt=class{constructor(t){this.themeclass=t}};gt.context=ct;var ft=gt;var er=g`
`,ye=rr;var ft=class extends b{constructor({context:t,initialValue:e}){super(),this.context=new q(this,{context:t,initialValue:e})}render(){return this.updateContext(),h`<slot></slot>`}};ft.styles=[...b.styles,ye];var Ee=ft;var V=Ee;var gt=class{constructor(t){this.themeclass=t}};gt.context=mt;var bt=gt;var sr=f`
:host {

@@ -31,3 +31,3 @@ --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);

}
`,ye=[er];var V=class extends G{constructor(){super({context:ft.context,initialValue:new ft(Nt.THEMECLASS)});this.themeclass=Nt.THEMECLASS}static get Context(){return ft.context}updated(e){super.updated(e),e.has("themeclass")&&(this.setThemeInClassList(),this.currentThemeClass=this.themeclass)}updateContext(){this.context.value.themeclass!==this.themeclass&&(this.context.value.themeclass=this.themeclass,this.context.updateObservers())}setThemeInClassList(){this.currentThemeClass&&this.classList.remove(...this.currentThemeClass.split(" ")),this.themeclass&&this.classList.add(...this.themeclass.split(" "))}};V.styles=[...G.styles,...ye],d([k()],V.prototype,"currentThemeClass",2),d([c({type:String})],V.prototype,"themeclass",2);var Dt=V;Dt.register(ct);var rr=Dt;var bt=g`
`,_e=[sr];var F=class extends V{constructor(){super({context:bt.context,initialValue:new bt(Rt.THEMECLASS)});this.themeclass=Rt.THEMECLASS}static get Context(){return bt.context}updated(e){super.updated(e),e.has("themeclass")&&(this.setThemeInClassList(),this.currentThemeClass=this.themeclass)}updateContext(){this.context.value.themeclass!==this.themeclass&&(this.context.value.themeclass=this.themeclass,this.context.updateObservers())}setThemeInClassList(){this.currentThemeClass&&this.classList.remove(...this.currentThemeClass.split(" ")),this.themeclass&&this.classList.add(...this.themeclass.split(" "))}};F.styles=[...V.styles,..._e],d([H()],F.prototype,"currentThemeClass",2),d([c({type:String})],F.prototype,"themeclass",2);var Gt=F;Gt.register(mt);var or=Gt;var vt=f`
:host {

@@ -40,3 +40,3 @@ align-items: center;

}
`,yo=g`
`,_o=f`
:host {

@@ -62,3 +62,3 @@ --mdc-focus-ring-inner-color: var(--mds-color-theme-focus-0);

}
`;var sr=[bt,g`
`;var ir=[vt,f`
:host {

@@ -72,3 +72,3 @@ --mdc-icon-fill-color: currentColor;

}
`],Ee=sr;var or=o=>{let{host:t,context:e,subscribe:r}=o;return new q(t,{context:e,subscribe:r!=null?r:!0})},ir={consume:or},Ae=ir;var vt=x.constructTagName("iconprovider"),_e=["svg"],Se=["em","rem","px"],T={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",LENGTH_UNIT_SIZE:{px:16,em:1,rem:1}};var xt=class{};xt.context=vt;var yt=xt;var M=class extends G{constructor(){super({context:yt.context,initialValue:new yt});this.fileExtension=T.FILE_EXTENSION;this.lengthUnit=T.LENGTH_UNIT;this.size=T.LENGTH_UNIT_SIZE[T.LENGTH_UNIT]}static get Context(){return yt.context}updateValuesInContext(){this.fileExtension&&_e.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=T.FILE_EXTENSION,this.context.value.fileExtension=T.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&Se.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=T.LENGTH_UNIT,this.context.value.lengthUnit=T.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})],M.prototype,"url",2),d([c({type:String,attribute:"file-extension",reflect:!0})],M.prototype,"fileExtension",2),d([c({type:String,attribute:"length-unit",reflect:!0})],M.prototype,"lengthUnit",2),d([c({type:Number,reflect:!0})],M.prototype,"size",2);var et=M;var Te=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 Ce=x.constructTagName("icon"),qt={NAME:void 0,SIZE:1};var y=class extends b{constructor(){super(...arguments);this.name=qt.NAME;this.ariaLabel=null;this.iconProviderContext=Ae.consume({host:this,context:et.Context})}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:e,url:r}=this.iconProviderContext.value;if(r&&e&&this.name){let s=await Te(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:qt.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} `}};y.styles=[...b.styles,...Ee],d([k()],y.prototype,"iconData",2),d([k()],y.prototype,"lengthUnitFromContext",2),d([k()],y.prototype,"sizeFromContext",2),d([c({type:String,reflect:!0})],y.prototype,"name",2),d([c({type:Number})],y.prototype,"size",2),d([c({type:String,attribute:"length-unit"})],y.prototype,"lengthUnit",2),d([c({type:String,attribute:"aria-label"})],y.prototype,"ariaLabel",2);var Ft=y;Ft.register(Ce);var nr=Ft;et.register(vt);var ar=et;var rt=o=>o!=null?o:f;var lr=g`
`],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"),Ce=["svg"],Te=["em","rem","px"],T={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=T.FILE_EXTENSION;this.lengthUnit=T.LENGTH_UNIT;this.size=T.LENGTH_UNIT_SIZE[T.LENGTH_UNIT]}static get Context(){return Et.context}updateValuesInContext(){this.fileExtension&&Ce.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=T.FILE_EXTENSION,this.context.value.fileExtension=T.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&Te.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=T.LENGTH_UNIT,this.context.value.lengthUnit=T.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`
:host {

@@ -88,8 +88,8 @@ display: flex;

}
`,$e=[lr];var Ne=x.constructTagName("avatar"),we="rem",Gt={TYPE:"photo",SIZE:1.5};var P=class extends b{constructor(){super(...arguments);this.type=Gt.TYPE;this.size=Gt.SIZE}updateSize(){if(this.size){let e=`${this.size}${we}`;this.style.width=e,this.style.height=e}}updated(e){super.updated(e),e.has("size")&&this.updateSize()}photoTemplate(){return h`
`,Re=[cr];var we=y.constructTagName("avatar"),Le="rem",Vt={TYPE:"photo",SIZE:1.5};var M=class extends b{constructor(){super(...arguments);this.type=Vt.TYPE;this.size=Vt.SIZE}updateSize(){if(this.size){let e=`${this.size}${Le}`;this.style.width=e,this.style.height=e}}updated(e){super.updated(e),e.has("size")&&this.updateSize()}photoTemplate(){return h`
<img
src="${rt(this.src)}"
alt="${rt(this.alt)}"
src="${st(this.src)}"
alt="${st(this.alt)}"
/>
`}render(){let e;return this.type==="photo"?e=this.photoTemplate():e=h``,h`${e}`}};P.styles=[...b.styles,...$e],d([c({type:String,reflect:!0})],P.prototype,"type",2),d([c({type:String})],P.prototype,"alt",2),d([c({type:String})],P.prototype,"src",2),d([c({type:Number})],P.prototype,"size",2);var Vt=P;Vt.register(Ne);var dr=Vt;var Re={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ze=o=>(...t)=>({_$litDirective$:o,values:t}),Et=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 Et{constructor(o){var t;if(super(o),o.type!==Re.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 S}});var Oe=x.constructTagName("badge"),C={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},_t={SUCCESS_ICON_NAME:"check-circle-filled",WARNING_ICON_NAME:"warning-filled",ERROR_ICON_NAME:"error-legacy-filled"},jt={PRIMARY:"primary",SECONDARY:"secondary"},st={SUCCESS:"success",WARNING:"warning",ERROR:"error"},$={TYPE:C.DOT,LENGTH_UNIT:"rem",MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:jt.PRIMARY,ICON_SIZE:1};var cr=[bt,g`
`}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 C}});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`
:host {

@@ -155,13 +155,13 @@ --mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);

}
`],Pe=cr;var E=class extends b{constructor(){super(...arguments);this.type=$.TYPE;this.variant=$.VARIANT;this.maxCounter=$.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"?"":r>$.MAX_COUNTER_LIMIT?`${$.MAX_COUNTER_LIMIT}+`:r>e?`${e}+`:r.toString()}getBadgeIcon(e,r,s,n){return h`
`],Ue=hr;var _=class extends b{constructor(){super(...arguments);this.type=N.TYPE;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"?"":r>N.MAX_COUNTER_LIMIT?`${N.MAX_COUNTER_LIMIT}+`:r>e?`${e}+`:r.toString()}getBadgeIcon(e,r,s,n){return h`
<mdc-icon
class="mdc-badge-icon ${At(this.getIconClasses(r,s,n))}"
name="${rt(e)}"
length-unit="${$.LENGTH_UNIT}"
size="${$.ICON_SIZE}"
name="${st(e)}"
length-unit="${N.LENGTH_UNIT}"
size="${N.ICON_SIZE}"
></mdc-icon>
`}getBadgeDot(e){return h`<div class="mdc-badge-dot ${At({"mdc-badge-overlay":e})}"></div>`}getIconClasses(e,r,s){let n={"mdc-badge-overlay":e},i=s===C.ICON?jt:st,l={[`mdc-badge-icon__${Object.values(i).includes(r)?r:$.VARIANT}`]:!0};return{...n,...l}}getBadgeCounterText(e,r,s){return h`
`}getBadgeDot(e){return h`<div class="mdc-badge-dot ${At({"mdc-badge-overlay":e})}"></div>`}getIconClasses(e,r,s){let n={"mdc-badge-overlay":e},i=s===$.ICON?Xt:ot,l={[`mdc-badge-icon__${Object.values(i).includes(r)?r:N.VARIANT}`]:!0};return{...n,...l}}getBadgeCounterText(e,r,s){return h`
<mdc-text
type="body-small-medium"
tagname="div"
type="${jt.BODY_SMALL_MEDIUM}"
tagname="${v.DIV}"
class="mdc-badge-text ${At({"mdc-badge-overlay":r})}"

@@ -171,3 +171,3 @@ >

</mdc-text>
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){let{counter:e,iconName:r,maxCounter:s,overlay:n,type:i,variant:a}=this;switch(i){case C.DOT:return this.getBadgeDot(n);case C.ICON:return this.getBadgeIcon(r||"",n,a,i);case C.COUNTER:return this.getBadgeCounterText(s,n,e);case C.SUCCESS:return this.getBadgeIcon(_t.SUCCESS_ICON_NAME,n,st.SUCCESS);case C.WARNING:return this.getBadgeIcon(_t.WARNING_ICON_NAME,n,st.WARNING);case C.ERROR:return this.getBadgeIcon(_t.ERROR_ICON_NAME,n,st.ERROR);default:return h``}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};E.styles=[...b.styles,...Pe],d([c({type:String,reflect:!0})],E.prototype,"type",2),d([c({type:String,attribute:"icon-name"})],E.prototype,"iconName",2),d([c({type:String})],E.prototype,"variant",2),d([c({type:Number})],E.prototype,"counter",2),d([c({type:Number,attribute:"max-counter"})],E.prototype,"maxCounter",2),d([c({type:Boolean})],E.prototype,"overlay",2),d([c({type:String,attribute:"aria-label"})],E.prototype,"ariaLabel",2);var Bt=E;var Ue=g`
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){let{counter:e,iconName:r,maxCounter:s,overlay:n,type:i,variant:a}=this;switch(i){case $.DOT:return this.getBadgeDot(n);case $.ICON:return this.getBadgeIcon(r||"",n,a,i);case $.COUNTER:return this.getBadgeCounterText(s,n,e);case $.SUCCESS:return this.getBadgeIcon(St.SUCCESS_ICON_NAME,n,ot.SUCCESS);case $.WARNING:return this.getBadgeIcon(St.WARNING_ICON_NAME,n,ot.WARNING);case $.ERROR:return this.getBadgeIcon(St.ERROR_ICON_NAME,n,ot.ERROR);default:return h``}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};_.styles=[...b.styles,...Ue],d([c({type:String,reflect:!0})],_.prototype,"type",2),d([c({type:String,attribute:"icon-name"})],_.prototype,"iconName",2),d([c({type:String})],_.prototype,"variant",2),d([c({type:Number})],_.prototype,"counter",2),d([c({type:Number,attribute:"max-counter"})],_.prototype,"maxCounter",2),d([c({type:Boolean})],_.prototype,"overlay",2),d([c({type:String,attribute:"aria-label"})],_.prototype,"ariaLabel",2);var Yt=_;var De=f`
:host([type="headline-small-regular"])::part(text) {

@@ -404,3 +404,3 @@ font-size: var(--mds-font-apps-headline-small-regular-font-size);

}
`;var mr=[g`
`;var pr=[f`
:host {

@@ -412,3 +412,3 @@ --mdc-text-font-family: var(--mdc-themeprovider-font-family);

}
`,Ue],Ie=mr;var Le=x.constructTagName("text");var v={TYPE:"body-midsize-regular",TEXT_ELEMENT_TAGNAME:"p",CSS_PART_TEXT:"text"};var j=class extends b{constructor(){super(...arguments);this.type=v.TYPE;this.tagname=v.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case"h1":return h`<h1 part=${v.CSS_PART_TEXT}><slot></slot></h1>`;case"h2":return h`<h2 part=${v.CSS_PART_TEXT}><slot></slot></h2>`;case"h3":return h`<h3 part=${v.CSS_PART_TEXT}><slot></slot></h3>`;case"h4":return h`<h4 part=${v.CSS_PART_TEXT}><slot></slot></h4>`;case"h5":return h`<h5 part=${v.CSS_PART_TEXT}><slot></slot></h5>`;case"h6":return h`<h6 part=${v.CSS_PART_TEXT}><slot></slot></h6>`;case"div":return h`<div part=${v.CSS_PART_TEXT}><slot></slot></div>`;case"span":return h`<span part=${v.CSS_PART_TEXT}><slot></slot></span>`;case"small":return h`<small part=${v.CSS_PART_TEXT}><slot></slot></small>`;case"p":default:return h`<p part=${v.CSS_PART_TEXT}><slot></slot></p>`}}};j.styles=[...b.styles,...Ie],d([c({attribute:"type",reflect:!0,type:String})],j.prototype,"type",2),d([c({attribute:"tagname",reflect:!0,type:String})],j.prototype,"tagname",2);var Xt=j;Xt.register(Le);var hr=Xt;Bt.register(Oe);var pr=Bt;})();
`,De],Pe=pr;var j=class extends b{constructor(){super(...arguments);this.type=x.TYPE;this.tagname=x.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case v.H1:return h`<h1 part=${x.CSS_PART_TEXT}><slot></slot></h1>`;case v.H2:return h`<h2 part=${x.CSS_PART_TEXT}><slot></slot></h2>`;case v.H3:return h`<h3 part=${x.CSS_PART_TEXT}><slot></slot></h3>`;case v.H4:return h`<h4 part=${x.CSS_PART_TEXT}><slot></slot></h4>`;case v.H5:return h`<h5 part=${x.CSS_PART_TEXT}><slot></slot></h5>`;case v.H6:return h`<h6 part=${x.CSS_PART_TEXT}><slot></slot></h6>`;case v.DIV:return h`<div part=${x.CSS_PART_TEXT}><slot></slot></div>`;case v.SPAN:return h`<span part=${x.CSS_PART_TEXT}><slot></slot></span>`;case v.SMALL:return h`<small part=${x.CSS_PART_TEXT}><slot></slot></small>`;case v.P:default:return h`<p part=${x.CSS_PART_TEXT}><slot></slot></p>`}}};j.styles=[...b.styles,...Pe],d([c({attribute:"type",reflect:!0,type:String})],j.prototype,"type",2),d([c({attribute:"tagname",reflect:!0,type:String})],j.prototype,"tagname",2);var Wt=j;Wt.register(Me);var ur=Wt;Yt.register(Oe);var fr=Yt;})();
/*! Bundled license information:

@@ -415,0 +415,0 @@

5

dist/components/badge/badge.component.js

@@ -15,2 +15,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

import { Component } from '../../models';
import { FONT_TYPE, VALID_TEXT_TAGS } from '../text/text.constants';
import { BADGE_TYPE, ICON_NAMES_LIST, DEFAULTS, ICON_VARIANT, ICON_STATE } from './badge.constants';

@@ -123,4 +124,4 @@ import styles from './badge.styles';

<mdc-text
type="body-small-medium"
tagname="div"
type="${FONT_TYPE.BODY_SMALL_MEDIUM}"
tagname="${VALID_TEXT_TAGS.DIV}"
class="mdc-badge-text ${classMap({ 'mdc-badge-overlay': overlay })}"

@@ -127,0 +128,0 @@ >

5

dist/components/text/text.component.d.ts
import { CSSResult } from 'lit';
import { Component } from '../../models';
import type { FontType, ValidTextTags } from './text.types';
/**

@@ -58,3 +57,3 @@ * Text component for creating styled text elements.

*/
type: FontType;
type: string;
/**

@@ -80,3 +79,3 @@ * Specifies the HTML tag name for the text element. The default tag name is `p`.

*/
tagname?: ValidTextTags;
tagname?: string | undefined;
render(): import("lit-html").TemplateResult<1>;

@@ -83,0 +82,0 @@ static styles: Array<CSSResult>;

26

dist/components/text/text.component.js

@@ -14,3 +14,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {

import { Component } from '../../models';
import { DEFAULTS } from './text.constants';
import { DEFAULTS, VALID_TEXT_TAGS } from './text.constants';
/**

@@ -99,12 +99,12 @@ * Text component for creating styled text elements.

switch (this.tagname) {
case 'h1': return html `<h1 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h1>`;
case 'h2': return html `<h2 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h2>`;
case 'h3': return html `<h3 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h3>`;
case 'h4': return html `<h4 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h4>`;
case 'h5': return html `<h5 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h5>`;
case 'h6': return html `<h6 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h6>`;
case 'div': return html `<div part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></div>`;
case 'span': return html `<span part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></span>`;
case 'small': return html `<small part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></small>`;
case 'p':
case VALID_TEXT_TAGS.H1: return html `<h1 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h1>`;
case VALID_TEXT_TAGS.H2: return html `<h2 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h2>`;
case VALID_TEXT_TAGS.H3: return html `<h3 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h3>`;
case VALID_TEXT_TAGS.H4: return html `<h4 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h4>`;
case VALID_TEXT_TAGS.H5: return html `<h5 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h5>`;
case VALID_TEXT_TAGS.H6: return html `<h6 part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></h6>`;
case VALID_TEXT_TAGS.DIV: return html `<div part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></div>`;
case VALID_TEXT_TAGS.SPAN: return html `<span part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></span>`;
case VALID_TEXT_TAGS.SMALL: return html `<small part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></small>`;
case VALID_TEXT_TAGS.P:
default: return html `<p part=${DEFAULTS.CSS_PART_TEXT}><slot></slot></p>`;

@@ -117,8 +117,8 @@ }

property({ attribute: 'type', reflect: true, type: String }),
__metadata("design:type", String)
__metadata("design:type", Object)
], Text.prototype, "type", void 0);
__decorate([
property({ attribute: 'tagname', reflect: true, type: String }),
__metadata("design:type", String)
__metadata("design:type", Object)
], Text.prototype, "tagname", void 0);
export default Text;

53

dist/components/text/text.constants.d.ts

@@ -1,12 +0,51 @@

import type { FontType, ValidTextTags } from './text.types';
declare const TAG_NAME: "mdc-text";
declare const VALUES: {
TYPE: Array<FontType>;
TAGNAME: Array<ValidTextTags>;
declare const FONT_TYPE: {
BODY_SMALL_REGULAR: string;
BODY_SMALL_MEDIUM: string;
BODY_SMALL_BOLD: string;
BODY_MIDSIZE_REGULAR: string;
BODY_MIDSIZE_MEDIUM: string;
BODY_MIDSIZE_BOLD: string;
BODY_LARGE_REGULAR: string;
BODY_LARGE_MEDIUM: string;
BODY_LARGE_BOLD: string;
BODY_SMALL_REGULAR_UNDERLINE: string;
BODY_SMALL_MEDIUM_UNDERLINE: string;
BODY_MIDSIZE_REGULAR_UNDERLINE: string;
BODY_MIDSIZE_MEDIUM_UNDERLINE: string;
BODY_LARGE_REGULAR_UNDERLINE: string;
BODY_LARGE_MEDIUM_UNDERLINE: string;
HEADING_SMALL_REGULAR: string;
HEADING_SMALL_MEDIUM: string;
HEADING_SMALL_BOLD: string;
HEADING_MIDSIZE_REGULAR: string;
HEADING_MIDSIZE_MEDIUM: string;
HEADING_MIDSIZE_BOLD: string;
HEADING_LARGE_REGULAR: string;
HEADING_LARGE_MEDIUM: string;
HEADING_LARGE_BOLD: string;
HEADING_XLARGE_REGULAR: string;
HEADING_XLARGE_MEDIUM: string;
HEADING_XLARGE_BOLD: string;
HEADLINE_SMALL_LIGHT: string;
HEADLINE_SMALL_REGULAR: string;
};
declare const VALID_TEXT_TAGS: {
H1: string;
H2: string;
H3: string;
H4: string;
H5: string;
H6: string;
P: string;
SMALL: string;
SPAN: string;
DIV: string;
};
declare const DEFAULTS: {
TYPE: FontType;
TEXT_ELEMENT_TAGNAME: ValidTextTags;
TYPE: string;
TEXT_ELEMENT_TAGNAME: string;
CSS_PART_TEXT: string;
CHILDREN: string;
};
export { TAG_NAME, DEFAULTS, VALUES };
export { TAG_NAME, DEFAULTS, FONT_TYPE, VALID_TEXT_TAGS };

93

dist/components/text/text.constants.js
import utils from '../../utils/tag-name';
const TAG_NAME = utils.constructTagName('text');
const VALUES = {
TYPE: [
'body-small-regular',
'body-small-medium',
'body-small-bold',
'body-midsize-regular',
'body-midsize-medium',
'body-midsize-bold',
'body-large-regular',
'body-large-medium',
'body-large-bold',
'body-small-regular-underline',
'body-small-medium-underline',
'body-midsize-regular-underline',
'body-midsize-medium-underline',
'body-large-regular-underline',
'body-large-medium-underline',
'heading-small-regular',
'heading-small-medium',
'heading-small-bold',
'heading-midsize-regular',
'heading-midsize-medium',
'heading-midsize-bold',
'heading-large-regular',
'heading-large-medium',
'heading-large-bold',
'heading-xlarge-regular',
'heading-xlarge-medium',
'heading-xlarge-bold',
'headline-small-light',
'headline-small-regular',
],
TAGNAME: [
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'p',
'small',
'span',
'div',
],
const FONT_TYPE = {
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',
};
const VALID_TEXT_TAGS = {
H1: 'h1',
H2: 'h2',
H3: 'h3',
H4: 'h4',
H5: 'h5',
H6: 'h6',
P: 'p',
SMALL: 'small',
SPAN: 'span',
DIV: 'div',
};
const DEFAULTS = {
TYPE: 'body-midsize-regular',
TEXT_ELEMENT_TAGNAME: 'p',
TYPE: FONT_TYPE.BODY_LARGE_REGULAR,
TEXT_ELEMENT_TAGNAME: VALID_TEXT_TAGS.P,
CSS_PART_TEXT: 'text',
CHILDREN: 'The quick brown fox jumps over the lazy dog',
};
export { TAG_NAME, DEFAULTS, VALUES };
export { TAG_NAME, DEFAULTS, FONT_TYPE, VALID_TEXT_TAGS };

356

dist/custom-elements.json

@@ -119,174 +119,2 @@ {

"kind": "javascript-module",
"path": "components/icon/icon.component.js",
"declarations": [
{
"kind": "class",
"description": "Icon component that dynamically displays SVG icons based on a valid name.\n\nThis component must be mounted within an `IconProvider` component.\n\nThe `IconProvider` defines the source URL from which icons are consumed.\nThe `Icon` component accepts a `name` attribute, which corresponds to\nthe file name of the icon to be loaded from the specified URL.\n\nOnce fetched, the icon will be rendered. If the fetching process is unsuccessful,\nno icon will be displayed.\n\nThe `size` attribute allows for dynamic sizing of the icon based on the provided\n`length-unit` attribute. This unit can either come from the `IconProvider`\nor can be overridden for each individual icon. For example:\nif `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\n`width: 1em; height: 1em`.\n\nRegarding accessibility, there are two types of icons: decorative and informative.\n\n### Decorative Icons\n- Decorative icons do not convey any essential information to the content of a page.\n- They should be hidden from screen readers (SR) to prevent confusion for users.\n- For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\n\n### Informative Icons\n- Informative icons convey important information that is not adequately represented\n by surrounding text or components.\n- They provide valuable context and must be announced by assistive technologies.\n- For informative icons, an `aria-label` is required, and the `role` will be set to \"img\".\n- If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\n the role will be unset.",
"name": "Icon",
"cssProperties": [
{
"description": "Allows customization of the default fill color.",
"name": "--mdc-icon-fill-color"
}
],
"members": [
{
"kind": "field",
"name": "iconData",
"type": {
"text": "HTMLElement | undefined"
},
"privacy": "private"
},
{
"kind": "field",
"name": "lengthUnitFromContext",
"type": {
"text": "string | undefined"
},
"privacy": "private"
},
{
"kind": "field",
"name": "sizeFromContext",
"type": {
"text": "number | undefined"
},
"privacy": "private"
},
{
"kind": "field",
"name": "name",
"type": {
"text": "string | undefined"
},
"description": "Name of the icon (= filename)",
"attribute": "name",
"reflects": true
},
{
"kind": "field",
"name": "size",
"type": {
"text": "number | undefined"
},
"description": "Size of the icon (works in combination with length unit)",
"attribute": "size"
},
{
"kind": "field",
"name": "lengthUnit",
"type": {
"text": "string | undefined"
},
"description": "Length unit attribute for overriding length-unit from `IconProvider`",
"attribute": "length-unit"
},
{
"kind": "field",
"name": "ariaLabel",
"type": {
"text": "string | null"
},
"default": "null",
"description": "Aria-label attribute to be set for accessibility",
"attribute": "aria-label"
},
{
"kind": "field",
"name": "iconProviderContext",
"privacy": "private",
"readonly": true
},
{
"kind": "method",
"name": "getIconData",
"privacy": "private",
"description": "Get Icon Data function which will fetch the icon (currently only svg)\nand sets state and attributes once fetched successfully"
},
{
"kind": "method",
"name": "updateSize",
"privacy": "private",
"description": "Updates the size by setting the width and height"
},
{
"kind": "method",
"name": "setRoleOnIcon",
"privacy": "private"
},
{
"kind": "method",
"name": "setAriaHiddenOnIcon",
"privacy": "private"
},
{
"kind": "method",
"name": "setAriaLabelOnIcon",
"privacy": "private"
},
{
"kind": "field",
"name": "computedIconSize",
"privacy": "private",
"readonly": true
}
],
"attributes": [
{
"name": "name",
"type": {
"text": "string | undefined"
},
"description": "Name of the icon (= filename)",
"fieldName": "name"
},
{
"name": "size",
"type": {
"text": "number | undefined"
},
"description": "Size of the icon (works in combination with length unit)",
"fieldName": "size"
},
{
"name": "length-unit",
"type": {
"text": "string | undefined"
},
"description": "Length unit attribute for overriding length-unit from `IconProvider`",
"fieldName": "lengthUnit"
},
{
"name": "aria-label",
"type": {
"text": "string | null"
},
"default": "null",
"description": "Aria-label attribute to be set for accessibility",
"fieldName": "ariaLabel"
}
],
"superclass": {
"name": "Component",
"module": "/src/models"
},
"tagName": "mdc-icon",
"jsDoc": "/**\n * Icon component that dynamically displays SVG icons based on a valid name.\n *\n * This component must be mounted within an `IconProvider` component.\n *\n * The `IconProvider` defines the source URL from which icons are consumed.\n * The `Icon` component accepts a `name` attribute, which corresponds to\n * the file name of the icon to be loaded from the specified URL.\n *\n * Once fetched, the icon will be rendered. If the fetching process is unsuccessful,\n * no icon will be displayed.\n *\n * The `size` attribute allows for dynamic sizing of the icon based on the provided\n * `length-unit` attribute. This unit can either come from the `IconProvider`\n * or can be overridden for each individual icon. For example:\n * if `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\n * `width: 1em; height: 1em`.\n *\n * Regarding accessibility, there are two types of icons: decorative and informative.\n *\n * ### Decorative Icons\n * - Decorative icons do not convey any essential information to the content of a page.\n * - They should be hidden from screen readers (SR) to prevent confusion for users.\n * - For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\n *\n * ### Informative Icons\n * - Informative icons convey important information that is not adequately represented\n * by surrounding text or components.\n * - They provide valuable context and must be announced by assistive technologies.\n * - For informative icons, an `aria-label` is required, and the `role` will be set to \"img\".\n * - If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\n * the role will be unset.\n *\n * @tagname mdc-icon\n *\n * @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.\n */",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "Icon",
"module": "components/icon/icon.component.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/badge/badge.component.js",

@@ -613,2 +441,174 @@ "declarations": [

"kind": "javascript-module",
"path": "components/icon/icon.component.js",
"declarations": [
{
"kind": "class",
"description": "Icon component that dynamically displays SVG icons based on a valid name.\n\nThis component must be mounted within an `IconProvider` component.\n\nThe `IconProvider` defines the source URL from which icons are consumed.\nThe `Icon` component accepts a `name` attribute, which corresponds to\nthe file name of the icon to be loaded from the specified URL.\n\nOnce fetched, the icon will be rendered. If the fetching process is unsuccessful,\nno icon will be displayed.\n\nThe `size` attribute allows for dynamic sizing of the icon based on the provided\n`length-unit` attribute. This unit can either come from the `IconProvider`\nor can be overridden for each individual icon. For example:\nif `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\n`width: 1em; height: 1em`.\n\nRegarding accessibility, there are two types of icons: decorative and informative.\n\n### Decorative Icons\n- Decorative icons do not convey any essential information to the content of a page.\n- They should be hidden from screen readers (SR) to prevent confusion for users.\n- For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\n\n### Informative Icons\n- Informative icons convey important information that is not adequately represented\n by surrounding text or components.\n- They provide valuable context and must be announced by assistive technologies.\n- For informative icons, an `aria-label` is required, and the `role` will be set to \"img\".\n- If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\n the role will be unset.",
"name": "Icon",
"cssProperties": [
{
"description": "Allows customization of the default fill color.",
"name": "--mdc-icon-fill-color"
}
],
"members": [
{
"kind": "field",
"name": "iconData",
"type": {
"text": "HTMLElement | undefined"
},
"privacy": "private"
},
{
"kind": "field",
"name": "lengthUnitFromContext",
"type": {
"text": "string | undefined"
},
"privacy": "private"
},
{
"kind": "field",
"name": "sizeFromContext",
"type": {
"text": "number | undefined"
},
"privacy": "private"
},
{
"kind": "field",
"name": "name",
"type": {
"text": "string | undefined"
},
"description": "Name of the icon (= filename)",
"attribute": "name",
"reflects": true
},
{
"kind": "field",
"name": "size",
"type": {
"text": "number | undefined"
},
"description": "Size of the icon (works in combination with length unit)",
"attribute": "size"
},
{
"kind": "field",
"name": "lengthUnit",
"type": {
"text": "string | undefined"
},
"description": "Length unit attribute for overriding length-unit from `IconProvider`",
"attribute": "length-unit"
},
{
"kind": "field",
"name": "ariaLabel",
"type": {
"text": "string | null"
},
"default": "null",
"description": "Aria-label attribute to be set for accessibility",
"attribute": "aria-label"
},
{
"kind": "field",
"name": "iconProviderContext",
"privacy": "private",
"readonly": true
},
{
"kind": "method",
"name": "getIconData",
"privacy": "private",
"description": "Get Icon Data function which will fetch the icon (currently only svg)\nand sets state and attributes once fetched successfully"
},
{
"kind": "method",
"name": "updateSize",
"privacy": "private",
"description": "Updates the size by setting the width and height"
},
{
"kind": "method",
"name": "setRoleOnIcon",
"privacy": "private"
},
{
"kind": "method",
"name": "setAriaHiddenOnIcon",
"privacy": "private"
},
{
"kind": "method",
"name": "setAriaLabelOnIcon",
"privacy": "private"
},
{
"kind": "field",
"name": "computedIconSize",
"privacy": "private",
"readonly": true
}
],
"attributes": [
{
"name": "name",
"type": {
"text": "string | undefined"
},
"description": "Name of the icon (= filename)",
"fieldName": "name"
},
{
"name": "size",
"type": {
"text": "number | undefined"
},
"description": "Size of the icon (works in combination with length unit)",
"fieldName": "size"
},
{
"name": "length-unit",
"type": {
"text": "string | undefined"
},
"description": "Length unit attribute for overriding length-unit from `IconProvider`",
"fieldName": "lengthUnit"
},
{
"name": "aria-label",
"type": {
"text": "string | null"
},
"default": "null",
"description": "Aria-label attribute to be set for accessibility",
"fieldName": "ariaLabel"
}
],
"superclass": {
"name": "Component",
"module": "/src/models"
},
"tagName": "mdc-icon",
"jsDoc": "/**\n * Icon component that dynamically displays SVG icons based on a valid name.\n *\n * This component must be mounted within an `IconProvider` component.\n *\n * The `IconProvider` defines the source URL from which icons are consumed.\n * The `Icon` component accepts a `name` attribute, which corresponds to\n * the file name of the icon to be loaded from the specified URL.\n *\n * Once fetched, the icon will be rendered. If the fetching process is unsuccessful,\n * no icon will be displayed.\n *\n * The `size` attribute allows for dynamic sizing of the icon based on the provided\n * `length-unit` attribute. This unit can either come from the `IconProvider`\n * or can be overridden for each individual icon. For example:\n * if `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\n * `width: 1em; height: 1em`.\n *\n * Regarding accessibility, there are two types of icons: decorative and informative.\n *\n * ### Decorative Icons\n * - Decorative icons do not convey any essential information to the content of a page.\n * - They should be hidden from screen readers (SR) to prevent confusion for users.\n * - For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\n *\n * ### Informative Icons\n * - Informative icons convey important information that is not adequately represented\n * by surrounding text or components.\n * - They provide valuable context and must be announced by assistive technologies.\n * - For informative icons, an `aria-label` is required, and the `role` will be set to \"img\".\n * - If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\n * the role will be unset.\n *\n * @tagname mdc-icon\n *\n * @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.\n */",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "default",
"declaration": {
"name": "Icon",
"module": "components/icon/icon.component.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/iconprovider/iconprovider.component.js",

@@ -770,5 +770,2 @@ "declarations": [

"name": "type",
"type": {
"text": "FontType"
},
"privacy": "public",

@@ -782,5 +779,2 @@ "description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",

"name": "tagname",
"type": {
"text": "ValidTextTags | undefined"
},
"privacy": "public",

@@ -795,5 +789,2 @@ "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",

"name": "type",
"type": {
"text": "FontType"
},
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",

@@ -804,5 +795,2 @@ "fieldName": "type"

"name": "tagname",
"type": {
"text": "ValidTextTags | undefined"
},
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",

@@ -809,0 +797,0 @@ "fieldName": "tagname"

2

dist/react/index.d.ts
export { default as Avatar } from './avatar';
export { default as Badge } from './badge';
export { default as Icon } from './icon';
export { default as Badge } from './badge';
export { default as IconProvider } from './iconprovider';
export { default as Text } from './text';
export { default as ThemeProvider } from './themeprovider';

2

dist/react/index.js
export { default as Avatar } from './avatar';
export { default as Badge } from './badge';
export { default as Icon } from './icon';
export { default as Badge } from './badge';
export { default as IconProvider } from './iconprovider';
export { default as Text } from './text';
export { default as ThemeProvider } from './themeprovider';

2

package.json

@@ -40,3 +40,3 @@ {

},
"version": "0.4.16"
"version": "0.4.17"
}
dist/components/text/text.types.d.ts
dist/components/text/text.types.js
dist/browser/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc