@momentum-design/components 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (235) hide show
  1. package/.eslintrc.js +16 -0
  2. package/CONTRIBUTING.md +5 -0
  3. package/README.md +39 -0
  4. package/SCRIPTS.md +15 -0
  5. package/TESTING.md +38 -0
  6. package/config/api-extractor.json +33 -0
  7. package/config/custom-elements-manifest.config.js +28 -0
  8. package/config/esbuild/configs/browser.js +21 -0
  9. package/config/esbuild/configs/e2e.js +10 -0
  10. package/config/esbuild/esbuild-e2e.config.js +22 -0
  11. package/config/esbuild/esbuild.config.js +9 -0
  12. package/config/playwright/playwright.config.ts +107 -0
  13. package/config/playwright/public/index.css +43 -0
  14. package/config/playwright/public/index.html +26 -0
  15. package/config/playwright/setup/Components.page.ts +163 -0
  16. package/config/playwright/setup/constants.ts +27 -0
  17. package/config/playwright/setup/index.ts +42 -0
  18. package/config/playwright/setup/steps/accessibility.ts +9 -0
  19. package/config/playwright/setup/types.ts +5 -0
  20. package/config/playwright/setup/utils/accessibility.ts +70 -0
  21. package/config/playwright/setup/utils/visual-regression.ts +35 -0
  22. package/config/plop/actions/AddComponent.ts +21 -0
  23. package/config/plop/actions/AddToComponentExports.ts +16 -0
  24. package/config/plop/actions/AddToComponentImports.ts +16 -0
  25. package/config/plop/constants/index.ts +31 -0
  26. package/config/plop/esbuild.config.plop.js +4 -0
  27. package/config/plop/generators/component/index.ts +25 -0
  28. package/config/plop/plopfile.ts +6 -0
  29. package/config/plop/prompts/index.ts +8 -0
  30. package/config/plop/templates/add/component/index.ts.hbs +12 -0
  31. package/config/plop/templates/add/component/{{componentName}}.component.ts.hbs +22 -0
  32. package/config/plop/templates/add/component/{{componentName}}.constants.ts.hbs +5 -0
  33. package/config/plop/templates/add/component/{{componentName}}.e2e-test.ts.hbs +67 -0
  34. package/config/plop/templates/add/component/{{componentName}}.fixtures.ts.hbs +13 -0
  35. package/config/plop/templates/add/component/{{componentName}}.stories.ts.hbs +18 -0
  36. package/config/plop/templates/add/component/{{componentName}}.styles.ts.hbs +8 -0
  37. package/config/plop/tsconfig.plop.json +11 -0
  38. package/config/storybook/MomentumStorybookTheme.js +41 -0
  39. package/config/storybook/main.js +21 -0
  40. package/config/storybook/manager.js +17 -0
  41. package/config/storybook/preview.js +63 -0
  42. package/config/storybook/provider/iconProvider.js +8 -0
  43. package/config/storybook/provider/themeProvider.js +31 -0
  44. package/config/storybook/public/background-graphic.png +0 -0
  45. package/config/storybook/public/fonts/Inter.var.woff2 +0 -0
  46. package/config/storybook/public/momentum-logo.png +0 -0
  47. package/config/storybook/themes/index.js +14 -0
  48. package/config/storybook/themes/themes.css +15 -0
  49. package/data/custom-elements.json +677 -0
  50. package/dist/browser/index.js +366 -0
  51. package/dist/browser/index.js.map +7 -0
  52. package/dist/components/avatar/avatar.component.d.ts +28 -0
  53. package/dist/components/avatar/avatar.component.js +79 -0
  54. package/dist/components/avatar/avatar.constants.d.ts +7 -0
  55. package/dist/components/avatar/avatar.constants.js +14 -0
  56. package/dist/components/avatar/avatar.styles.d.ts +2 -0
  57. package/dist/components/avatar/avatar.styles.js +20 -0
  58. package/dist/components/avatar/avatar.types.d.ts +1 -0
  59. package/dist/components/avatar/avatar.types.js +2 -0
  60. package/dist/components/avatar/index.d.ts +7 -0
  61. package/dist/components/avatar/index.js +7 -0
  62. package/dist/components/badge/badge.component.d.ts +51 -0
  63. package/dist/components/badge/badge.component.js +114 -0
  64. package/dist/components/badge/badge.constants.d.ts +8 -0
  65. package/dist/components/badge/badge.constants.js +15 -0
  66. package/dist/components/badge/badge.styles.d.ts +2 -0
  67. package/dist/components/badge/badge.styles.js +26 -0
  68. package/dist/components/badge/badge.types.d.ts +1 -0
  69. package/dist/components/badge/badge.types.js +2 -0
  70. package/dist/components/badge/index.d.ts +7 -0
  71. package/dist/components/badge/index.js +7 -0
  72. package/dist/components/icon/icon.component.d.ts +63 -0
  73. package/dist/components/icon/icon.component.js +158 -0
  74. package/dist/components/icon/icon.constants.d.ts +6 -0
  75. package/dist/components/icon/icon.constants.js +12 -0
  76. package/dist/components/icon/icon.styles.d.ts +2 -0
  77. package/dist/components/icon/icon.styles.js +15 -0
  78. package/dist/components/icon/icon.utils.d.ts +2 -0
  79. package/dist/components/icon/icon.utils.js +13 -0
  80. package/dist/components/icon/index.d.ts +7 -0
  81. package/dist/components/icon/index.js +7 -0
  82. package/dist/components/iconprovider/iconprovider.component.d.ts +34 -0
  83. package/dist/components/iconprovider/iconprovider.component.js +71 -0
  84. package/dist/components/iconprovider/iconprovider.constants.d.ts +7 -0
  85. package/dist/components/iconprovider/iconprovider.constants.js +14 -0
  86. package/dist/components/iconprovider/iconprovider.context.d.ts +9 -0
  87. package/dist/components/iconprovider/iconprovider.context.js +9 -0
  88. package/dist/components/iconprovider/index.d.ts +7 -0
  89. package/dist/components/iconprovider/index.js +7 -0
  90. package/dist/components/text/fonts.styles.d.ts +1 -0
  91. package/dist/components/text/fonts.styles.js +100 -0
  92. package/dist/components/text/index.d.ts +7 -0
  93. package/dist/components/text/index.js +7 -0
  94. package/dist/components/text/text.component.d.ts +29 -0
  95. package/dist/components/text/text.component.js +41 -0
  96. package/dist/components/text/text.constants.d.ts +9 -0
  97. package/dist/components/text/text.constants.js +28 -0
  98. package/dist/components/text/text.styles.d.ts +2 -0
  99. package/dist/components/text/text.styles.js +17 -0
  100. package/dist/components/text/text.types.d.ts +1 -0
  101. package/dist/components/text/text.types.js +2 -0
  102. package/dist/components/text/text.utils.d.ts +20 -0
  103. package/dist/components/text/text.utils.js +50 -0
  104. package/dist/components/themeprovider/index.d.ts +7 -0
  105. package/dist/components/themeprovider/index.js +7 -0
  106. package/dist/components/themeprovider/themeprovider.component.d.ts +48 -0
  107. package/dist/components/themeprovider/themeprovider.component.js +86 -0
  108. package/dist/components/themeprovider/themeprovider.constants.d.ts +10 -0
  109. package/dist/components/themeprovider/themeprovider.constants.js +31 -0
  110. package/dist/components/themeprovider/themeprovider.context.d.ts +9 -0
  111. package/dist/components/themeprovider/themeprovider.context.js +13 -0
  112. package/dist/components/themeprovider/themeprovider.styles.d.ts +2 -0
  113. package/dist/components/themeprovider/themeprovider.styles.js +13 -0
  114. package/dist/components/themeprovider/themeprovider.types.d.ts +5 -0
  115. package/dist/components/themeprovider/themeprovider.types.js +2 -0
  116. package/dist/components/themeprovider/themeprovider.utils.d.ts +9 -0
  117. package/dist/components/themeprovider/themeprovider.utils.js +10 -0
  118. package/dist/index.d.ts +8 -0
  119. package/dist/index.js +19 -0
  120. package/dist/models/component/component.component.d.ts +38 -0
  121. package/dist/models/component/component.component.js +45 -0
  122. package/dist/models/component/component.types.d.ts +15 -0
  123. package/dist/models/component/component.types.js +2 -0
  124. package/dist/models/component/index.d.ts +3 -0
  125. package/dist/models/component/index.js +5 -0
  126. package/dist/models/index.d.ts +4 -0
  127. package/dist/models/index.js +8 -0
  128. package/dist/models/provider/index.d.ts +2 -0
  129. package/dist/models/provider/index.js +5 -0
  130. package/dist/models/provider/provider.component.d.ts +70 -0
  131. package/dist/models/provider/provider.component.js +56 -0
  132. package/dist/models/provider/provider.styles.d.ts +2 -0
  133. package/dist/models/provider/provider.styles.js +14 -0
  134. package/dist/utils/provider/index.d.ts +13 -0
  135. package/dist/utils/provider/index.js +14 -0
  136. package/dist/utils/styles/index.d.ts +2 -0
  137. package/dist/utils/styles/index.js +14 -0
  138. package/dist/utils/tag-name/constants.d.ts +7 -0
  139. package/dist/utils/tag-name/constants.js +10 -0
  140. package/dist/utils/tag-name/index.d.ts +4 -0
  141. package/dist/utils/tag-name/index.js +10 -0
  142. package/dist/utils/types.d.ts +1 -0
  143. package/dist/utils/types.js +2 -0
  144. package/jest.config.js +3 -0
  145. package/package.json +78 -0
  146. package/scripts/copyFonts.js +31 -0
  147. package/scripts/copyIcons.js +31 -0
  148. package/scripts/copyTokens.js +24 -0
  149. package/src/components/avatar/__screenshots__/mdc-avatar.png +0 -0
  150. package/src/components/avatar/avatar.component.ts +74 -0
  151. package/src/components/avatar/avatar.constants.ts +12 -0
  152. package/src/components/avatar/avatar.e2e-test.ts +70 -0
  153. package/src/components/avatar/avatar.stories.ts +25 -0
  154. package/src/components/avatar/avatar.styles.ts +20 -0
  155. package/src/components/avatar/avatar.types.ts +1 -0
  156. package/src/components/avatar/index.ts +12 -0
  157. package/src/components/badge/__screenshots__/mdc-badge.png +0 -0
  158. package/src/components/badge/badge.component.ts +121 -0
  159. package/src/components/badge/badge.constants.ts +13 -0
  160. package/src/components/badge/badge.e2e-test.ts +68 -0
  161. package/src/components/badge/badge.stories.ts +33 -0
  162. package/src/components/badge/badge.styles.ts +26 -0
  163. package/src/components/badge/badge.types.ts +1 -0
  164. package/src/components/badge/index.ts +12 -0
  165. package/src/components/icon/__screenshots__/mdc-icon-default.png +0 -0
  166. package/src/components/icon/__screenshots__/mdc-icon-scale.png +0 -0
  167. package/src/components/icon/icon.component.ts +155 -0
  168. package/src/components/icon/icon.constants.ts +10 -0
  169. package/src/components/icon/icon.e2e-test.ts +101 -0
  170. package/src/components/icon/icon.stories.ts +34 -0
  171. package/src/components/icon/icon.styles.ts +15 -0
  172. package/src/components/icon/icon.utils.ts +13 -0
  173. package/src/components/icon/index.ts +12 -0
  174. package/src/components/iconprovider/__screenshots__/mdc-iconprovider.png +0 -0
  175. package/src/components/iconprovider/iconprovider.component.ts +76 -0
  176. package/src/components/iconprovider/iconprovider.constants.ts +12 -0
  177. package/src/components/iconprovider/iconprovider.context.ts +16 -0
  178. package/src/components/iconprovider/iconprovider.e2e-test.ts +65 -0
  179. package/src/components/iconprovider/iconprovider.stories.ts +27 -0
  180. package/src/components/iconprovider/iconprovider.stories.utils.ts +27 -0
  181. package/src/components/iconprovider/index.ts +12 -0
  182. package/src/components/text/__screenshots__/mdc-text-body-large.png +0 -0
  183. package/src/components/text/__screenshots__/mdc-text-body-regular.png +0 -0
  184. package/src/components/text/__screenshots__/mdc-text-body-small.png +0 -0
  185. package/src/components/text/__screenshots__/mdc-text-heading-1.png +0 -0
  186. package/src/components/text/__screenshots__/mdc-text-heading-2.png +0 -0
  187. package/src/components/text/__screenshots__/mdc-text-heading-3.png +0 -0
  188. package/src/components/text/__screenshots__/mdc-text-heading-4.png +0 -0
  189. package/src/components/text/__screenshots__/mdc-text-heading-5.png +0 -0
  190. package/src/components/text/__screenshots__/mdc-text-heading-6.png +0 -0
  191. package/src/components/text/__screenshots__/mdc-text-heading-7.png +0 -0
  192. package/src/components/text/__screenshots__/mdc-text-image-title.png +0 -0
  193. package/src/components/text/__screenshots__/mdc-text-label.png +0 -0
  194. package/src/components/text/fonts.styles.ts +99 -0
  195. package/src/components/text/index.ts +12 -0
  196. package/src/components/text/text.component.ts +51 -0
  197. package/src/components/text/text.constants.ts +27 -0
  198. package/src/components/text/text.e2e-test.ts +76 -0
  199. package/src/components/text/text.stories.ts +29 -0
  200. package/src/components/text/text.styles.ts +17 -0
  201. package/src/components/text/text.types.ts +13 -0
  202. package/src/components/text/text.utils.ts +51 -0
  203. package/src/components/themeprovider/__screenshots__/mdc-themeprovider-darkWebex.png +0 -0
  204. package/src/components/themeprovider/__screenshots__/mdc-themeprovider-lightWebex.png +0 -0
  205. package/src/components/themeprovider/index.ts +12 -0
  206. package/src/components/themeprovider/themeprovider.component.ts +91 -0
  207. package/src/components/themeprovider/themeprovider.constants.ts +32 -0
  208. package/src/components/themeprovider/themeprovider.context.ts +18 -0
  209. package/src/components/themeprovider/themeprovider.e2e-test.ts +89 -0
  210. package/src/components/themeprovider/themeprovider.stories.styles.css +22 -0
  211. package/src/components/themeprovider/themeprovider.stories.ts +38 -0
  212. package/src/components/themeprovider/themeprovider.stories.utils.ts +23 -0
  213. package/src/components/themeprovider/themeprovider.styles.ts +13 -0
  214. package/src/components/themeprovider/themeprovider.types.ts +7 -0
  215. package/src/components/themeprovider/themeprovider.utils.ts +16 -0
  216. package/src/index.ts +22 -0
  217. package/src/models/component/component.component.ts +46 -0
  218. package/src/models/component/component.types.ts +16 -0
  219. package/src/models/component/index.ts +7 -0
  220. package/src/models/index.ts +11 -0
  221. package/src/models/provider/index.ts +3 -0
  222. package/src/models/provider/provider.component.ts +87 -0
  223. package/src/models/provider/provider.styles.ts +14 -0
  224. package/src/stories/colors.mdx +32 -0
  225. package/src/stories/icons.mdx +13 -0
  226. package/src/stories/typography.mdx +20 -0
  227. package/src/utils/mixins/DisabledMixin.ts +19 -0
  228. package/src/utils/mixins/TabIndexMixin.ts +19 -0
  229. package/src/utils/provider/index.ts +21 -0
  230. package/src/utils/styles/index.ts +13 -0
  231. package/src/utils/tag-name/constants.ts +10 -0
  232. package/src/utils/tag-name/index.ts +15 -0
  233. package/src/utils/types.ts +1 -0
  234. package/tsconfig.json +45 -0
  235. package/tsconfig.module.json +47 -0
@@ -0,0 +1,366 @@
1
+ "use strict";(()=>{var Me=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var l=(o,t,e,s)=>{for(var r=s>1?void 0:s?Ue(t,e):t,i=o.length-1,n;i>=0;i--)(n=o[i])&&(r=(s?n(t,e,r):n(r))||r);return s&&r&&Me(t,e,r),r};var Y=globalThis,K=Y.ShadowRoot&&(Y.ShadyCSS===void 0||Y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),Dt=new WeakMap,I=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==pt)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(K&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=Dt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&Dt.set(e,t))}return t}toString(){return this.cssText}},zt=o=>new I(typeof o=="string"?o:o+"",void 0,pt),u=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((s,r,i)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+o[i+1],o[0]);return new I(e,o,pt)},dt=(o,t)=>{if(K)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let s=document.createElement("style"),r=Y.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,o.appendChild(s)}},Z=K?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return zt(e)})(o):o;var{is:Le,defineProperty:Oe,getOwnPropertyDescriptor:He,getOwnPropertyNames:ke,getOwnPropertySymbols:Ie,getPrototypeOf:De}=Object,Q=globalThis,qt=Q.trustedTypes,ze=qt?qt.emptyScript:"",qe=Q.reactiveElementPolyfillSupport,D=(o,t)=>o,z={toAttribute(o,t){switch(t){case Boolean:o=o?ze: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}},J=(o,t)=>!Le(o,t),Ft={attribute:!0,type:String,converter:z,reflect:!1,hasChanged:J};Symbol.metadata??=Symbol("metadata"),Q.litPropertyMetadata??=new WeakMap;var E=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ft){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Oe(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){let{get:r,set:i}=He(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get(){return r?.call(this)},set(n){let h=r?.call(this);i.call(this,n),this.requestUpdate(t,h,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ft}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;let t=De(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){let e=this.properties,s=[...ke(e),...Ie(e)];for(let r of s)this.createProperty(r,e[r])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(let[e,s]of this.elementProperties){let r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let s=new Set(t.flat(1/0).reverse());for(let r of s)e.unshift(Z(r))}else t!==void 0&&e.push(Z(t));return e}static _$Eu(t,e){let s=e.attribute;return s===!1?void 0:typeof s=="string"?s: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(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return dt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EC(t,e){let s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){let i=(s.converter?.toAttribute!==void 0?s.converter:z).toAttribute(e,s.type);this._$Em=t,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,e){let s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){let i=s.getPropertyOptions(r),n=typeof i.converter=="function"?{fromAttribute:i.converter}:i.converter?.fromAttribute!==void 0?i.converter:z;this._$Em=r,this[r]=n.fromAttribute(e,i.type),this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){if(s??=this.constructor.getPropertyOptions(t),!(s.hasChanged??J)(this[t],e))return;this.P(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$Em!==t&&(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(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[r,i]of s)i.wrapped!==!0||this._$AL.has(r)||this[r]===void 0||this.P(r,this[r],i)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(s=>s.hostUpdate?.()),this.update(e)):this._$EU()}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),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.forEach(e=>this._$EC(e,this[e])),this._$EU()}updated(t){}firstUpdated(t){}};E.elementStyles=[],E.shadowRootOptions={mode:"open"},E[D("elementProperties")]=new Map,E[D("finalized")]=new Map,qe?.({ReactiveElement:E}),(Q.reactiveElementVersions??=[]).push("2.0.4");var vt=globalThis,tt=vt.trustedTypes,jt=tt?tt.createPolicy("lit-html",{createHTML:o=>o}):void 0,Yt="$lit$",C=`lit$${Math.random().toFixed(9).slice(2)}$`,Kt="?"+C,Fe=`<${Kt}>`,P=document,F=()=>P.createComment(""),j=o=>o===null||typeof o!="object"&&typeof o!="function",Zt=Array.isArray,je=o=>Zt(o)||typeof o?.[Symbol.iterator]=="function",mt=`[
2
+ \f\r]`,q=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Gt=/-->/g,Vt=/>/g,N=RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^
3
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),Wt=/'/g,Bt=/"/g,Qt=/^(?:script|style|textarea|title)$/i,Jt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),f=Jt(1),_s=Jt(2),A=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Xt=new WeakMap,w=P.createTreeWalker(P,129);function te(o,t){if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return jt!==void 0?jt.createHTML(t):t}var Ge=(o,t)=>{let e=o.length-1,s=[],r,i=t===2?"<svg>":"",n=q;for(let h=0;h<e;h++){let a=o[h],m,g,p=-1,b=0;for(;b<a.length&&(n.lastIndex=b,g=n.exec(a),g!==null);)b=n.lastIndex,n===q?g[1]==="!--"?n=Gt:g[1]!==void 0?n=Vt:g[2]!==void 0?(Qt.test(g[2])&&(r=RegExp("</"+g[2],"g")),n=N):g[3]!==void 0&&(n=N):n===N?g[0]===">"?(n=r??q,p=-1):g[1]===void 0?p=-2:(p=n.lastIndex-g[2].length,m=g[1],n=g[3]===void 0?N:g[3]==='"'?Bt:Wt):n===Bt||n===Wt?n=N:n===Gt||n===Vt?n=q:(n=N,r=void 0);let $=n===N&&o[h+1].startsWith("/>")?" ":"";i+=n===q?a+Fe:p>=0?(s.push(m),a.slice(0,p)+Yt+a.slice(p)+C+$):a+C+(p===-2?h:$)}return[te(o,i+(o[e]||"<?>")+(t===2?"</svg>":"")),s]},G=class o{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let i=0,n=0,h=t.length-1,a=this.parts,[m,g]=Ge(t,e);if(this.el=o.createElement(m,s),w.currentNode=this.el.content,e===2){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(r=w.nextNode())!==null&&a.length<h;){if(r.nodeType===1){if(r.hasAttributes())for(let p of r.getAttributeNames())if(p.endsWith(Yt)){let b=g[n++],$=r.getAttribute(p).split(C),X=/([.?@])?(.*)/.exec(b);a.push({type:1,index:i,name:X[2],strings:$,ctor:X[1]==="."?ft:X[1]==="?"?gt:X[1]==="@"?yt:O}),r.removeAttribute(p)}else p.startsWith(C)&&(a.push({type:6,index:i}),r.removeAttribute(p));if(Qt.test(r.tagName)){let p=r.textContent.split(C),b=p.length-1;if(b>0){r.textContent=tt?tt.emptyScript:"";for(let $=0;$<b;$++)r.append(p[$],F()),w.nextNode(),a.push({type:2,index:++i});r.append(p[b],F())}}}else if(r.nodeType===8)if(r.data===Kt)a.push({type:2,index:i});else{let p=-1;for(;(p=r.data.indexOf(C,p+1))!==-1;)a.push({type:7,index:i}),p+=C.length-1}i++}}static createElement(t,e){let s=P.createElement("template");return s.innerHTML=t,s}};function L(o,t,e=o,s){if(t===A)return t;let r=s!==void 0?e._$Co?.[s]:e._$Cl,i=j(t)?void 0:t._$litDirective$;return r?.constructor!==i&&(r?._$AO?.(!1),i===void 0?r=void 0:(r=new i(o),r._$AT(o,e,s)),s!==void 0?(e._$Co??=[])[s]=r:e._$Cl=r),r!==void 0&&(t=L(o,r._$AS(o,t.values),r,s)),t}var ut=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){let{el:{content:e},parts:s}=this._$AD,r=(t?.creationScope??P).importNode(e,!0);w.currentNode=r;let i=w.nextNode(),n=0,h=0,a=s[0];for(;a!==void 0;){if(n===a.index){let m;a.type===2?m=new V(i,i.nextSibling,this,t):a.type===1?m=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(m=new xt(i,this,t)),this._$AV.push(m),a=s[++h]}n!==a?.index&&(i=w.nextNode(),n++)}return w.currentNode=P,r}p(t){let e=0;for(let s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},V=class o{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=L(this,t,e),j(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==A&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):je(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==d&&j(this._$AH)?this._$AA.nextSibling.data=t:this.T(P.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=G.createElement(te(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===r)this._$AH.p(e);else{let i=new ut(r,this),n=i.u(this.options);i.p(e),this.T(n),this._$AH=i}}_$AC(t){let e=Xt.get(t.strings);return e===void 0&&Xt.set(t.strings,e=new G(t)),e}k(t){Zt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,s,r=0;for(let i of t)r===e.length?e.push(s=new o(this.S(F()),this.S(F()),this,this.options)):s=e[r],s._$AI(i),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},O=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,i){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,r){let i=this.strings,n=!1;if(i===void 0)t=L(this,t,e,0),n=!j(t)||t!==this._$AH&&t!==A,n&&(this._$AH=t);else{let h=t,a,m;for(t=i[0],a=0;a<i.length-1;a++)m=L(this,h[s+a],e,a),m===A&&(m=this._$AH[a]),n||=!j(m)||m!==this._$AH[a],m===d?t=d:t!==d&&(t+=(m??"")+i[a+1]),this._$AH[a]=m}n&&!r&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ft=class extends O{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}},gt=class extends O{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}},yt=class extends O{constructor(t,e,s,r,i){super(t,e,s,r,i),this.type=5}_$AI(t,e=this){if((t=L(this,t,e,0)??d)===A)return;let s=this._$AH,r=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==d&&(s===d||r);r&&this.element.removeEventListener(this.name,this,s),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},xt=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){L(this,t)}};var Ve=vt.litHtmlPolyfillSupport;Ve?.(G,V),(vt.litHtmlVersions??=[]).push("3.1.4");var ee=(o,t,e)=>{let s=e?.renderBefore??t,r=s._$litPart$;if(r===void 0){let i=e?.renderBefore??null;s._$litPart$=r=new V(t.insertBefore(F(),i),i,void 0,e??{})}return r._$AI(o),r};var S=class extends E{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ee(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return A}};S._$litElement$=!0,S.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:S});var We=globalThis.litElementPolyfillSupport;We?.({LitElement:S});(globalThis.litElementVersions??=[]).push("4.0.6");var bt=class extends S{static register(t){customElements.get(t)||customElements.define(t,this)}},se=bt;var y=se;var _=class extends Event{constructor(t,e,s){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=s??!1}};var R=class{constructor(t,e,s,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(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,n)),this.unsubscribe=n},this.host=t,e.context!==void 0){let i=e;this.context=i.context,this.callback=i.callback,this.subscribe=i.subscribe??!1}else this.context=e,this.callback=s,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new _(this.context,this.t,this.subscribe))}};var et=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){let s=e||!Object.is(t,this.o);this.o=t,s&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:s}]of this.subscriptions)e(this.o,s)},t!==void 0&&(this.value=t)}addCallback(t,e,s){if(!s)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});let{disposer:r}=this.subscriptions.get(t);t(this.value,r)}clearCallbacks(){this.subscriptions.clear()}};var Et=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},M=class extends et{constructor(t,e,s){super(e.context!==void 0?e.initialValue:s),this.onContextRequest=r=>{let i=r.composedPath()[0];r.context===this.context&&i!==this.host&&(r.stopPropagation(),this.addCallback(r.callback,i,r.subscribe))},this.onProviderRequest=r=>{let i=r.composedPath()[0];if(r.context!==this.context||i===this.host)return;let n=new Set;for(let[h,{consumerHost:a}]of this.subscriptions)n.has(h)||(n.add(h),a.dispatchEvent(new _(this.context,h,!0)));r.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Et(this.context))}};var Xe=u`
4
+ :host {
5
+ border: 0;
6
+ display: block;
7
+ height: 100%;
8
+ margin: 0;
9
+ padding: 0;
10
+ width: 100%;
11
+ }
12
+ `,ie=Xe;var _t=class extends y{constructor({context:t,initialValue:e}){super(),this.context=new M(this,{context:t,initialValue:e})}static{this.styles=ie}render(){return this.updateContext(),f`<slot></slot>`}},ne=_t;var H=ne;var Ye={attribute:!0,type:String,converter:z,reflect:!1,hasChanged:J},Ke=(o=Ye,t,e)=>{let{kind:s,metadata:r}=e,i=globalThis.litPropertyMetadata.get(r);if(i===void 0&&globalThis.litPropertyMetadata.set(r,i=new Map),i.set(e.name,o),s==="accessor"){let{name:n}=e;return{set(h){let a=t.get.call(this);t.set.call(this,h),this.requestUpdate(n,a,o)},init(h){return h!==void 0&&this.P(n,void 0,o),h}}}if(s==="setter"){let{name:n}=e;return function(h){let a=this[n];t.call(this,h),this.requestUpdate(n,a,o)}}throw Error("Unsupported decorator location: "+s)};function c(o){return(t,e)=>typeof e=="object"?Ke(o,t,e):((s,r,i)=>{let n=r.hasOwnProperty(i);return r.constructor.createProperty(i,n?{...s,wrapped:!0}:s),n?Object.getOwnPropertyDescriptor(r,i):void 0})(o,t,e)}function $t(o){return c({...o,state:!0,attribute:!1})}var Ze={PREFIX:"mdc",SEPARATOR:"-"},Qe={NAMESPACE:Ze},Ct=Qe;var Je=o=>[Ct.NAMESPACE.PREFIX,o].join(Ct.NAMESPACE.SEPARATOR),x={constructTagName:Je};var ts="mds-theme-stable",es="-",ss=o=>[ts,o].join(es),os={getFullQualifiedTheme:ss},St=os;var ot=x.constructTagName("themeprovider"),ae={DARK_WEBEX:"darkWebex",LIGHT_WEBEX:"lightWebex"},le=Object.values(ae).map(o=>St.getFullQualifiedTheme(o)),Tt={THEME:St.getFullQualifiedTheme(ae.DARK_WEBEX)};var Nt=class{static{this.context=ot}constructor(t){this.theme=t}},rt=Nt;var rs=u`
13
+ :host {
14
+ --mdc-themeprovider-font-family: "Momentum";
15
+ --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
16
+
17
+ font-family: var(--mdc-themeprovider-font-family);
18
+ color: var(--mdc-themeprovider-color-default);
19
+ }
20
+ `,ce=rs;var W=class extends H{constructor(){super({context:rt.context,initialValue:new rt(Tt.THEME)});this.themes=le.join(" ");this.theme=Tt.THEME}static get Context(){return rt.context}updated(e){super.updated(e),e.has("theme")&&this.updateActiveThemeClass()}updateContext(){let e=!1;this.context.value.theme!==this.theme&&(this.context.value.theme=this.theme,e=!0),e&&this.context.updateObservers()}updateActiveThemeClass(){this.classList.remove(...this.themes.split(" ")),this.classList.add(this.theme)}static{this.styles=ce}};l([c({type:String})],W.prototype,"themes",2),l([c({type:String})],W.prototype,"theme",2);var wt=W;wt.register(ot);var is=wt;var it=u`
21
+ :host {
22
+ align-items: center;
23
+ display: flex;
24
+ height: fit-content;
25
+ justify-content: center;
26
+ width: fit-content;
27
+ }
28
+ `;var ns=[it,u`
29
+ svg {
30
+ height: 100%;
31
+ width: 100%;
32
+ fill: currentColor;
33
+ }
34
+ `],he=ns;var as=o=>{let{host:t,context:e,subscribe:s}=o;return new R(t,{context:e,subscribe:s??!0})},ls={consume:as},pe=ls;var nt=x.constructTagName("iconprovider"),de=["svg"],Pt={FILE_EXTENSION:"svg",LENGTH_UNIT:"em"};var Rt=class{static{this.context=nt}},at=Rt;var k=class extends H{constructor(){super({context:at.context,initialValue:new at});this.fileExtension=Pt.FILE_EXTENSION;this.lengthUnit=Pt.LENGTH_UNIT}static get Context(){return at.context}updateValuesInContext(){this.fileExtension&&de.includes(this.fileExtension)&&(this.context.value.fileExtension=this.fileExtension),this.context.value.url=this.url,this.context.value.lengthUnit=this.lengthUnit}updateContext(){let e=!1;(this.context.value.fileExtension!==this.fileExtension||this.context.value.url!==this.url||this.context.value.lengthUnit!==this.lengthUnit)&&(this.updateValuesInContext(),e=!0),e&&this.context.updateObservers()}};l([c({type:String})],k.prototype,"url",2),l([c({type:String,attribute:"file-extension",reflect:!0})],k.prototype,"fileExtension",2),l([c({type:String,attribute:"length-unit",reflect:!0})],k.prototype,"lengthUnit",2);var B=k;var me=async(o,t,e)=>fetch(`${o}/${t}.${e}`).then(s=>{if(!s.ok)throw new Error("There was a problem while fetching the icon!");return s.text()}).then(s=>new DOMParser().parseFromString(s,"text/html").body.children[0]);var ue=x.constructTagName("icon"),Mt={NAME:void 0,SCALE:1};var v=class extends y{constructor(){super(...arguments);this.name=Mt.NAME;this.scale=Mt.SCALE;this.role=null;this.ariaLabel=null;this.iconProviderContext=pe.consume({host:this,context:B.Context})}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:e,url:s}=this.iconProviderContext.value;if(s&&e&&this.name){let r=await me(s,this.name,e);this.iconData=r,this.setRoleOnIcon(),this.setAriaLabelOnIcon()}}}updateSize(){if(this.scale&&(this.lengthUnit||this.lengthUnitFromContext)){let e=`${this.scale}${this.lengthUnit||this.lengthUnitFromContext}`;this.style.width=e,this.style.height=e}}setRoleOnIcon(){this.role?this.iconData?.setAttribute("role",this.role):this.iconData?.removeAttribute("role")}setAriaLabelOnIcon(){this.ariaLabel?this.iconData?.setAttribute("aria-label",this.ariaLabel):this.iconData?.removeAttribute("aria-label")}updated(e){super.updated(e),e.has("name")&&this.getIconData().catch(s=>{console.error(s)}),e.has("role")&&this.setRoleOnIcon(),e.has("ariaLabel")&&this.setAriaLabelOnIcon(),(e.has("scale")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==this.iconProviderContext.value?.lengthUnit&&(this.lengthUnitFromContext=this.iconProviderContext.value?.lengthUnit,this.updateSize())}render(){return f` ${this.iconData} `}static{this.styles=he}};l([$t()],v.prototype,"iconData",2),l([$t()],v.prototype,"lengthUnitFromContext",2),l([c({type:String,reflect:!0})],v.prototype,"name",2),l([c({type:Number})],v.prototype,"scale",2),l([c({type:String,attribute:"length-unit"})],v.prototype,"lengthUnit",2),l([c({type:String})],v.prototype,"role",2),l([c({type:String,attribute:"aria-label"})],v.prototype,"ariaLabel",2);var Ut=v;Ut.register(ue);var cs=Ut;B.register(nt);var hs=B;var Lt=o=>o??d;var ps=u`
35
+ :host {
36
+ display: flex;
37
+ justify-content: center;
38
+ align-items: center;
39
+ border-radius: 100vh;
40
+ position: relative;
41
+ width: fit-content;
42
+ }
43
+ img {
44
+ border-radius: 100vh;
45
+ height: inherit;
46
+ width: inherit;
47
+ object-fit: cover;
48
+ }
49
+ `,fe=ps;var ge=x.constructTagName("avatar"),ye="rem",Ot={TYPE:"photo",SCALE:1.5};var U=class extends y{constructor(){super(...arguments);this.type=Ot.TYPE;this.scale=Ot.SCALE}updateSize(){if(this.scale){let e=`${this.scale}${ye}`;this.style.width=e,this.style.height=e}}updated(e){super.updated(e),e.has("scale")&&this.updateSize()}photoTemplate(){return f`
50
+ <img
51
+ src="${Lt(this.src)}"
52
+ alt="${Lt(this.alt)}"
53
+ />
54
+ `}render(){let e;return this.type==="photo"?e=this.photoTemplate():e=f``,f`${e}`}static{this.styles=fe}};l([c({type:String,reflect:!0})],U.prototype,"type",2),l([c({type:String})],U.prototype,"alt",2),l([c({type:String})],U.prototype,"src",2),l([c({type:Number})],U.prototype,"scale",2);var Ht=U;Ht.register(ge);var ds=Ht;var xe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ve=o=>(...t)=>({_$litDirective$:o,values:t}),lt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var be="important",ms=" !"+be,Ee=ve(class extends lt{constructor(o){if(super(o),o.type!==xe.ATTRIBUTE||o.name!=="style"||o.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{let s=o[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(o,[t]){let{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let s of this.ft)t[s]==null&&(this.ft.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(let s in t){let r=t[s];if(r!=null){this.ft.add(s);let i=typeof r=="string"&&r.endsWith(ms);s.includes("-")||i?e.setProperty(s,i?r.slice(0,-11):r,i?be:""):e[s]=r}}return A}});var Ae=x.constructTagName("badge"),_e="warning-badge-filled",ct={TYPE:"regular",SCALE:1,LENGTH_UNIT:"rem"};var us=[it,u`
55
+ :host {
56
+ --mdc-badge-icon-background-color: var(--mds-color-theme-background-accent-normal);
57
+ }
58
+
59
+ .mdc-badge-container {
60
+ display: flex;
61
+ justify-content: center;
62
+ align-items: center;
63
+ border-radius: 9999px;
64
+ background-color: var(--mdc-badge-icon-background-color);
65
+ }
66
+
67
+ .mdc-badge-icon-container {
68
+ height: 80%;
69
+ width: 80%;
70
+ }
71
+ `],$e=us;var T=class extends y{constructor(){super(...arguments);this.type=ct.TYPE;this.scale=ct.SCALE;this.lengthUnit=ct.LENGTH_UNIT}updateSize(){}updated(e){super.updated(e),(e.has("scale")||e.has("lengthUnit"))&&this.updateSize()}iconTemplate(){return f`<div class="mdc-badge-icon-container">
72
+ <mdc-icon name="${this.iconName}" scale="100" length-unit="%"></mdc-icon>
73
+ </div>`}textTemplate(){return f`${this.text}`}warningTemplate(){return f` <mdc-icon name="${_e}" class="mdc-badge-warning"></mdc-icon> `}render(){let e,s=`${this.scale}${this.lengthUnit}`,r={width:s,height:s};switch(this.type){case"regular":e=f``;break;case"icon":e=this.iconTemplate();break;case"text":e=this.textTemplate(),r={height:r.height};break;case"warning":e=this.warningTemplate();break;default:e=f``;break}return f`<div class="mdc-badge-container" style=${Ee(r)}>${e}</div>`}static{this.styles=$e}};l([c({type:String,reflect:!0})],T.prototype,"type",2),l([c({type:Number})],T.prototype,"scale",2),l([c({type:String,attribute:"length-unit"})],T.prototype,"lengthUnit",2),l([c({type:String,attribute:"icon-name"})],T.prototype,"iconName",2),l([c({type:String})],T.prototype,"text",2);var kt=T;kt.register(Ae);var fs=kt;var Ce=u`
74
+ :host([type="heading-1"]) {
75
+ font-size: 7.5rem;
76
+ font-style: normal;
77
+ font-weight: 700;
78
+ line-height: 125%; /* 9.375rem */
79
+ text-transform: capitalize;
80
+ }
81
+
82
+ :host([type="heading-2"]) {
83
+ font-size: 6rem;
84
+ font-style: normal;
85
+ font-weight: 700;
86
+ line-height: 125%; /* 7.5rem */
87
+ text-transform: capitalize;
88
+ }
89
+
90
+ :host([type="heading-3"]) {
91
+ font-size: 3rem;
92
+ font-style: normal;
93
+ font-weight: 700;
94
+ line-height: 125%; /* 3.75rem */
95
+ }
96
+
97
+ :host([type="heading-4"]) {
98
+ font-size: 2.5rem;
99
+ font-style: normal;
100
+ font-weight: 700;
101
+ line-height: 125%; /* 3.125rem */
102
+ }
103
+
104
+ :host([type="heading-5"]) {
105
+ font-size: 2rem;
106
+ font-style: normal;
107
+ font-weight: 700;
108
+ line-height: 125%; /* 2.5rem */
109
+ letter-spacing: 0.5rem;
110
+ text-transform: uppercase;
111
+ }
112
+
113
+ :host([type="heading-6"]) {
114
+ font-size: 1.75rem;
115
+ font-style: normal;
116
+ font-weight: 700;
117
+ line-height: 3rem; /* 171.429% */
118
+ }
119
+
120
+ :host([type="heading-7"]) {
121
+ font-size: 1.5rem;
122
+ font-style: normal;
123
+ font-weight: 700;
124
+ line-height: 140%; /* 2.1rem */
125
+ }
126
+
127
+ :host([type="body-large"]) {
128
+ font-size: 2rem;
129
+ font-style: normal;
130
+ font-weight: 400;
131
+ line-height: 150%; /* 3rem */
132
+ margin-block-end: 1.875em; /* paragraph spacing, 30px */
133
+ }
134
+
135
+ :host([type="body-regular"]) {
136
+ font-size: 1.5rem;
137
+ font-style: normal;
138
+ font-weight: 400;
139
+ line-height: 150%; /* 2.25rem */
140
+ margin-block-end: 1.5em; /* paragraph spacing, 24px */
141
+ }
142
+
143
+ :host([type="body-small"]) {
144
+ font-size: 1.25rem;
145
+ font-style: normal;
146
+ font-weight: 400;
147
+ line-height: 150%; /* 1.875rem */
148
+ margin-block-end: 0.125rem; /* paragraph spacing, 2px */
149
+ }
150
+
151
+ :host([type="image-title"]) {
152
+ font-size: 1rem;
153
+ font-style: normal;
154
+ font-weight: 700;
155
+ line-height: 150%; /* 1.5rem */
156
+ letter-spacing: 0.04rem;
157
+ text-transform: uppercase;
158
+ }
159
+
160
+ :host([type="label"]) {
161
+ font-size: 1rem;
162
+ font-style: normal;
163
+ font-weight: 700;
164
+ line-height: 150%; /* 1.5rem */
165
+ letter-spacing: 0.02rem;
166
+ }
167
+ `;var gs=[u`
168
+ :host {
169
+ --mdc-text-font-family: var(--mdc-themeprovider-font-family);
170
+
171
+ display: block;
172
+ font-family: var(--mdc-text-font-family);
173
+ }
174
+ `,Ce],Se=gs;var Te=o=>{let t=o.split("-");return{firstPart:t[0],secondPart:t[1]}},Ne=o=>{let{firstPart:t,secondPart:e}=Te(o);return t==="heading"&&+e>0&&+e<7},we=o=>o?Ne(o)?"heading":"paragraph":null,Pe=o=>{if(o&&Ne(o)){let{secondPart:t}=Te(o);return t}return null};var ht=class extends y{handleTypeChanged(){this.role=we(this.type),this.ariaLevel=Pe(this.type)}updated(t){super.updated(t),t.has("type")&&this.handleTypeChanged()}render(){return f`<slot></slot>`}static{this.styles=Se}};l([c({attribute:"type",reflect:!0,type:String})],ht.prototype,"type",2);var It=ht;var Re=x.constructTagName("text");It.register(Re);var ys=It;})();
175
+ /*! Bundled license information:
176
+
177
+ @lit/reactive-element/css-tag.js:
178
+ (**
179
+ * @license
180
+ * Copyright 2019 Google LLC
181
+ * SPDX-License-Identifier: BSD-3-Clause
182
+ *)
183
+
184
+ @lit/reactive-element/reactive-element.js:
185
+ (**
186
+ * @license
187
+ * Copyright 2017 Google LLC
188
+ * SPDX-License-Identifier: BSD-3-Clause
189
+ *)
190
+
191
+ lit-html/lit-html.js:
192
+ (**
193
+ * @license
194
+ * Copyright 2017 Google LLC
195
+ * SPDX-License-Identifier: BSD-3-Clause
196
+ *)
197
+
198
+ lit-element/lit-element.js:
199
+ (**
200
+ * @license
201
+ * Copyright 2017 Google LLC
202
+ * SPDX-License-Identifier: BSD-3-Clause
203
+ *)
204
+
205
+ lit-html/is-server.js:
206
+ (**
207
+ * @license
208
+ * Copyright 2022 Google LLC
209
+ * SPDX-License-Identifier: BSD-3-Clause
210
+ *)
211
+
212
+ @lit/context/lib/context-request-event.js:
213
+ (**
214
+ * @license
215
+ * Copyright 2021 Google LLC
216
+ * SPDX-License-Identifier: BSD-3-Clause
217
+ *)
218
+
219
+ @lit/context/lib/create-context.js:
220
+ (**
221
+ * @license
222
+ * Copyright 2021 Google LLC
223
+ * SPDX-License-Identifier: BSD-3-Clause
224
+ *)
225
+
226
+ @lit/context/lib/controllers/context-consumer.js:
227
+ (**
228
+ * @license
229
+ * Copyright 2021 Google LLC
230
+ * SPDX-License-Identifier: BSD-3-Clause
231
+ *)
232
+
233
+ @lit/context/lib/value-notifier.js:
234
+ (**
235
+ * @license
236
+ * Copyright 2021 Google LLC
237
+ * SPDX-License-Identifier: BSD-3-Clause
238
+ *)
239
+
240
+ @lit/context/lib/controllers/context-provider.js:
241
+ (**
242
+ * @license
243
+ * Copyright 2021 Google LLC
244
+ * SPDX-License-Identifier: BSD-3-Clause
245
+ *)
246
+
247
+ @lit/context/lib/context-root.js:
248
+ (**
249
+ * @license
250
+ * Copyright 2021 Google LLC
251
+ * SPDX-License-Identifier: BSD-3-Clause
252
+ *)
253
+
254
+ @lit/context/lib/decorators/provide.js:
255
+ (**
256
+ * @license
257
+ * Copyright 2017 Google LLC
258
+ * SPDX-License-Identifier: BSD-3-Clause
259
+ *)
260
+
261
+ @lit/context/lib/decorators/consume.js:
262
+ (**
263
+ * @license
264
+ * Copyright 2022 Google LLC
265
+ * SPDX-License-Identifier: BSD-3-Clause
266
+ *)
267
+
268
+ @lit-labs/context/index.js:
269
+ (**
270
+ * @license
271
+ * Copyright 2021 Google LLC
272
+ * SPDX-License-Identifier: BSD-3-Clause
273
+ *)
274
+
275
+ @lit/reactive-element/decorators/custom-element.js:
276
+ (**
277
+ * @license
278
+ * Copyright 2017 Google LLC
279
+ * SPDX-License-Identifier: BSD-3-Clause
280
+ *)
281
+
282
+ @lit/reactive-element/decorators/property.js:
283
+ (**
284
+ * @license
285
+ * Copyright 2017 Google LLC
286
+ * SPDX-License-Identifier: BSD-3-Clause
287
+ *)
288
+
289
+ @lit/reactive-element/decorators/state.js:
290
+ (**
291
+ * @license
292
+ * Copyright 2017 Google LLC
293
+ * SPDX-License-Identifier: BSD-3-Clause
294
+ *)
295
+
296
+ @lit/reactive-element/decorators/event-options.js:
297
+ (**
298
+ * @license
299
+ * Copyright 2017 Google LLC
300
+ * SPDX-License-Identifier: BSD-3-Clause
301
+ *)
302
+
303
+ @lit/reactive-element/decorators/base.js:
304
+ (**
305
+ * @license
306
+ * Copyright 2017 Google LLC
307
+ * SPDX-License-Identifier: BSD-3-Clause
308
+ *)
309
+
310
+ @lit/reactive-element/decorators/query.js:
311
+ (**
312
+ * @license
313
+ * Copyright 2017 Google LLC
314
+ * SPDX-License-Identifier: BSD-3-Clause
315
+ *)
316
+
317
+ @lit/reactive-element/decorators/query-all.js:
318
+ (**
319
+ * @license
320
+ * Copyright 2017 Google LLC
321
+ * SPDX-License-Identifier: BSD-3-Clause
322
+ *)
323
+
324
+ @lit/reactive-element/decorators/query-async.js:
325
+ (**
326
+ * @license
327
+ * Copyright 2017 Google LLC
328
+ * SPDX-License-Identifier: BSD-3-Clause
329
+ *)
330
+
331
+ @lit/reactive-element/decorators/query-assigned-elements.js:
332
+ (**
333
+ * @license
334
+ * Copyright 2021 Google LLC
335
+ * SPDX-License-Identifier: BSD-3-Clause
336
+ *)
337
+
338
+ @lit/reactive-element/decorators/query-assigned-nodes.js:
339
+ (**
340
+ * @license
341
+ * Copyright 2017 Google LLC
342
+ * SPDX-License-Identifier: BSD-3-Clause
343
+ *)
344
+
345
+ lit-html/directives/if-defined.js:
346
+ (**
347
+ * @license
348
+ * Copyright 2018 Google LLC
349
+ * SPDX-License-Identifier: BSD-3-Clause
350
+ *)
351
+
352
+ lit-html/directive.js:
353
+ (**
354
+ * @license
355
+ * Copyright 2017 Google LLC
356
+ * SPDX-License-Identifier: BSD-3-Clause
357
+ *)
358
+
359
+ lit-html/directives/style-map.js:
360
+ (**
361
+ * @license
362
+ * Copyright 2018 Google LLC
363
+ * SPDX-License-Identifier: BSD-3-Clause
364
+ *)
365
+ */
366
+ //# sourceMappingURL=index.js.map