@momentum-design/components 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/.eslintrc.js +16 -0
- package/CONTRIBUTING.md +5 -0
- package/README.md +39 -0
- package/SCRIPTS.md +15 -0
- package/TESTING.md +38 -0
- package/config/api-extractor.json +33 -0
- package/config/custom-elements-manifest.config.js +28 -0
- package/config/esbuild/configs/browser.js +21 -0
- package/config/esbuild/configs/e2e.js +10 -0
- package/config/esbuild/esbuild-e2e.config.js +22 -0
- package/config/esbuild/esbuild.config.js +9 -0
- package/config/playwright/playwright.config.ts +107 -0
- package/config/playwright/public/index.css +43 -0
- package/config/playwright/public/index.html +26 -0
- package/config/playwright/setup/Components.page.ts +163 -0
- package/config/playwright/setup/constants.ts +27 -0
- package/config/playwright/setup/index.ts +42 -0
- package/config/playwright/setup/steps/accessibility.ts +9 -0
- package/config/playwright/setup/types.ts +5 -0
- package/config/playwright/setup/utils/accessibility.ts +70 -0
- package/config/playwright/setup/utils/visual-regression.ts +35 -0
- package/config/plop/actions/AddComponent.ts +21 -0
- package/config/plop/actions/AddToComponentExports.ts +16 -0
- package/config/plop/actions/AddToComponentImports.ts +16 -0
- package/config/plop/constants/index.ts +31 -0
- package/config/plop/esbuild.config.plop.js +4 -0
- package/config/plop/generators/component/index.ts +25 -0
- package/config/plop/plopfile.ts +6 -0
- package/config/plop/prompts/index.ts +8 -0
- package/config/plop/templates/add/component/index.ts.hbs +12 -0
- package/config/plop/templates/add/component/{{componentName}}.component.ts.hbs +22 -0
- package/config/plop/templates/add/component/{{componentName}}.constants.ts.hbs +5 -0
- package/config/plop/templates/add/component/{{componentName}}.e2e-test.ts.hbs +67 -0
- package/config/plop/templates/add/component/{{componentName}}.fixtures.ts.hbs +13 -0
- package/config/plop/templates/add/component/{{componentName}}.stories.ts.hbs +18 -0
- package/config/plop/templates/add/component/{{componentName}}.styles.ts.hbs +8 -0
- package/config/plop/tsconfig.plop.json +11 -0
- package/config/storybook/MomentumStorybookTheme.js +41 -0
- package/config/storybook/main.js +21 -0
- package/config/storybook/manager.js +17 -0
- package/config/storybook/preview.js +63 -0
- package/config/storybook/provider/iconProvider.js +8 -0
- package/config/storybook/provider/themeProvider.js +31 -0
- package/config/storybook/public/background-graphic.png +0 -0
- package/config/storybook/public/fonts/Inter.var.woff2 +0 -0
- package/config/storybook/public/momentum-logo.png +0 -0
- package/config/storybook/themes/index.js +14 -0
- package/config/storybook/themes/themes.css +15 -0
- package/data/custom-elements.json +677 -0
- package/dist/browser/index.js +366 -0
- package/dist/browser/index.js.map +7 -0
- package/dist/components/avatar/avatar.component.d.ts +28 -0
- package/dist/components/avatar/avatar.component.js +79 -0
- package/dist/components/avatar/avatar.constants.d.ts +7 -0
- package/dist/components/avatar/avatar.constants.js +14 -0
- package/dist/components/avatar/avatar.styles.d.ts +2 -0
- package/dist/components/avatar/avatar.styles.js +20 -0
- package/dist/components/avatar/avatar.types.d.ts +1 -0
- package/dist/components/avatar/avatar.types.js +2 -0
- package/dist/components/avatar/index.d.ts +7 -0
- package/dist/components/avatar/index.js +7 -0
- package/dist/components/badge/badge.component.d.ts +51 -0
- package/dist/components/badge/badge.component.js +114 -0
- package/dist/components/badge/badge.constants.d.ts +8 -0
- package/dist/components/badge/badge.constants.js +15 -0
- package/dist/components/badge/badge.styles.d.ts +2 -0
- package/dist/components/badge/badge.styles.js +26 -0
- package/dist/components/badge/badge.types.d.ts +1 -0
- package/dist/components/badge/badge.types.js +2 -0
- package/dist/components/badge/index.d.ts +7 -0
- package/dist/components/badge/index.js +7 -0
- package/dist/components/icon/icon.component.d.ts +63 -0
- package/dist/components/icon/icon.component.js +158 -0
- package/dist/components/icon/icon.constants.d.ts +6 -0
- package/dist/components/icon/icon.constants.js +12 -0
- package/dist/components/icon/icon.styles.d.ts +2 -0
- package/dist/components/icon/icon.styles.js +15 -0
- package/dist/components/icon/icon.utils.d.ts +2 -0
- package/dist/components/icon/icon.utils.js +13 -0
- package/dist/components/icon/index.d.ts +7 -0
- package/dist/components/icon/index.js +7 -0
- package/dist/components/iconprovider/iconprovider.component.d.ts +34 -0
- package/dist/components/iconprovider/iconprovider.component.js +71 -0
- package/dist/components/iconprovider/iconprovider.constants.d.ts +7 -0
- package/dist/components/iconprovider/iconprovider.constants.js +14 -0
- package/dist/components/iconprovider/iconprovider.context.d.ts +9 -0
- package/dist/components/iconprovider/iconprovider.context.js +9 -0
- package/dist/components/iconprovider/index.d.ts +7 -0
- package/dist/components/iconprovider/index.js +7 -0
- package/dist/components/text/fonts.styles.d.ts +1 -0
- package/dist/components/text/fonts.styles.js +100 -0
- package/dist/components/text/index.d.ts +7 -0
- package/dist/components/text/index.js +7 -0
- package/dist/components/text/text.component.d.ts +29 -0
- package/dist/components/text/text.component.js +41 -0
- package/dist/components/text/text.constants.d.ts +9 -0
- package/dist/components/text/text.constants.js +28 -0
- package/dist/components/text/text.styles.d.ts +2 -0
- package/dist/components/text/text.styles.js +17 -0
- package/dist/components/text/text.types.d.ts +1 -0
- package/dist/components/text/text.types.js +2 -0
- package/dist/components/text/text.utils.d.ts +20 -0
- package/dist/components/text/text.utils.js +50 -0
- package/dist/components/themeprovider/index.d.ts +7 -0
- package/dist/components/themeprovider/index.js +7 -0
- package/dist/components/themeprovider/themeprovider.component.d.ts +48 -0
- package/dist/components/themeprovider/themeprovider.component.js +86 -0
- package/dist/components/themeprovider/themeprovider.constants.d.ts +10 -0
- package/dist/components/themeprovider/themeprovider.constants.js +31 -0
- package/dist/components/themeprovider/themeprovider.context.d.ts +9 -0
- package/dist/components/themeprovider/themeprovider.context.js +13 -0
- package/dist/components/themeprovider/themeprovider.styles.d.ts +2 -0
- package/dist/components/themeprovider/themeprovider.styles.js +13 -0
- package/dist/components/themeprovider/themeprovider.types.d.ts +5 -0
- package/dist/components/themeprovider/themeprovider.types.js +2 -0
- package/dist/components/themeprovider/themeprovider.utils.d.ts +9 -0
- package/dist/components/themeprovider/themeprovider.utils.js +10 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +19 -0
- package/dist/models/component/component.component.d.ts +38 -0
- package/dist/models/component/component.component.js +45 -0
- package/dist/models/component/component.types.d.ts +15 -0
- package/dist/models/component/component.types.js +2 -0
- package/dist/models/component/index.d.ts +3 -0
- package/dist/models/component/index.js +5 -0
- package/dist/models/index.d.ts +4 -0
- package/dist/models/index.js +8 -0
- package/dist/models/provider/index.d.ts +2 -0
- package/dist/models/provider/index.js +5 -0
- package/dist/models/provider/provider.component.d.ts +70 -0
- package/dist/models/provider/provider.component.js +56 -0
- package/dist/models/provider/provider.styles.d.ts +2 -0
- package/dist/models/provider/provider.styles.js +14 -0
- package/dist/utils/provider/index.d.ts +13 -0
- package/dist/utils/provider/index.js +14 -0
- package/dist/utils/styles/index.d.ts +2 -0
- package/dist/utils/styles/index.js +14 -0
- package/dist/utils/tag-name/constants.d.ts +7 -0
- package/dist/utils/tag-name/constants.js +10 -0
- package/dist/utils/tag-name/index.d.ts +4 -0
- package/dist/utils/tag-name/index.js +10 -0
- package/dist/utils/types.d.ts +1 -0
- package/dist/utils/types.js +2 -0
- package/jest.config.js +3 -0
- package/package.json +78 -0
- package/scripts/copyFonts.js +31 -0
- package/scripts/copyIcons.js +31 -0
- package/scripts/copyTokens.js +24 -0
- package/src/components/avatar/__screenshots__/mdc-avatar.png +0 -0
- package/src/components/avatar/avatar.component.ts +74 -0
- package/src/components/avatar/avatar.constants.ts +12 -0
- package/src/components/avatar/avatar.e2e-test.ts +70 -0
- package/src/components/avatar/avatar.stories.ts +25 -0
- package/src/components/avatar/avatar.styles.ts +20 -0
- package/src/components/avatar/avatar.types.ts +1 -0
- package/src/components/avatar/index.ts +12 -0
- package/src/components/badge/__screenshots__/mdc-badge.png +0 -0
- package/src/components/badge/badge.component.ts +121 -0
- package/src/components/badge/badge.constants.ts +13 -0
- package/src/components/badge/badge.e2e-test.ts +68 -0
- package/src/components/badge/badge.stories.ts +33 -0
- package/src/components/badge/badge.styles.ts +26 -0
- package/src/components/badge/badge.types.ts +1 -0
- package/src/components/badge/index.ts +12 -0
- package/src/components/icon/__screenshots__/mdc-icon-default.png +0 -0
- package/src/components/icon/__screenshots__/mdc-icon-scale.png +0 -0
- package/src/components/icon/icon.component.ts +155 -0
- package/src/components/icon/icon.constants.ts +10 -0
- package/src/components/icon/icon.e2e-test.ts +101 -0
- package/src/components/icon/icon.stories.ts +34 -0
- package/src/components/icon/icon.styles.ts +15 -0
- package/src/components/icon/icon.utils.ts +13 -0
- package/src/components/icon/index.ts +12 -0
- package/src/components/iconprovider/__screenshots__/mdc-iconprovider.png +0 -0
- package/src/components/iconprovider/iconprovider.component.ts +76 -0
- package/src/components/iconprovider/iconprovider.constants.ts +12 -0
- package/src/components/iconprovider/iconprovider.context.ts +16 -0
- package/src/components/iconprovider/iconprovider.e2e-test.ts +65 -0
- package/src/components/iconprovider/iconprovider.stories.ts +27 -0
- package/src/components/iconprovider/iconprovider.stories.utils.ts +27 -0
- package/src/components/iconprovider/index.ts +12 -0
- package/src/components/text/__screenshots__/mdc-text-body-large.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-body-regular.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-body-small.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-heading-1.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-heading-2.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-heading-3.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-heading-4.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-heading-5.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-heading-6.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-heading-7.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-image-title.png +0 -0
- package/src/components/text/__screenshots__/mdc-text-label.png +0 -0
- package/src/components/text/fonts.styles.ts +99 -0
- package/src/components/text/index.ts +12 -0
- package/src/components/text/text.component.ts +51 -0
- package/src/components/text/text.constants.ts +27 -0
- package/src/components/text/text.e2e-test.ts +76 -0
- package/src/components/text/text.stories.ts +29 -0
- package/src/components/text/text.styles.ts +17 -0
- package/src/components/text/text.types.ts +13 -0
- package/src/components/text/text.utils.ts +51 -0
- package/src/components/themeprovider/__screenshots__/mdc-themeprovider-darkWebex.png +0 -0
- package/src/components/themeprovider/__screenshots__/mdc-themeprovider-lightWebex.png +0 -0
- package/src/components/themeprovider/index.ts +12 -0
- package/src/components/themeprovider/themeprovider.component.ts +91 -0
- package/src/components/themeprovider/themeprovider.constants.ts +32 -0
- package/src/components/themeprovider/themeprovider.context.ts +18 -0
- package/src/components/themeprovider/themeprovider.e2e-test.ts +89 -0
- package/src/components/themeprovider/themeprovider.stories.styles.css +22 -0
- package/src/components/themeprovider/themeprovider.stories.ts +38 -0
- package/src/components/themeprovider/themeprovider.stories.utils.ts +23 -0
- package/src/components/themeprovider/themeprovider.styles.ts +13 -0
- package/src/components/themeprovider/themeprovider.types.ts +7 -0
- package/src/components/themeprovider/themeprovider.utils.ts +16 -0
- package/src/index.ts +22 -0
- package/src/models/component/component.component.ts +46 -0
- package/src/models/component/component.types.ts +16 -0
- package/src/models/component/index.ts +7 -0
- package/src/models/index.ts +11 -0
- package/src/models/provider/index.ts +3 -0
- package/src/models/provider/provider.component.ts +87 -0
- package/src/models/provider/provider.styles.ts +14 -0
- package/src/stories/colors.mdx +32 -0
- package/src/stories/icons.mdx +13 -0
- package/src/stories/typography.mdx +20 -0
- package/src/utils/mixins/DisabledMixin.ts +19 -0
- package/src/utils/mixins/TabIndexMixin.ts +19 -0
- package/src/utils/provider/index.ts +21 -0
- package/src/utils/styles/index.ts +13 -0
- package/src/utils/tag-name/constants.ts +10 -0
- package/src/utils/tag-name/index.ts +15 -0
- package/src/utils/types.ts +1 -0
- package/tsconfig.json +45 -0
- 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
|