@loadsmart/miranda-wc 1.0.0-beta.1 → 1.0.0

package/dist/text-aa43826f.js

@@ -0,0 +1,112 @@
+import{x as d,r as t,i as e,g as o,s,y as n,t as i}from"./get-color-token-694fb4b1.js";import{e as r,i as m,t as b,a as l,b as a}from"./typography-1484bf20.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const h=r(class extends m{constructor(d){var t;if(super(d),d.type!==b.ATTRIBUTE||"class"!==d.name||(null===(t=d.strings)||void 0===t?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(d){return" "+Object.keys(d).filter((t=>d[t])).join(" ")+" "}update(t,[e]){var o,s;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((d=>""!==d))));for(const d in e)e[d]&&!(null===(o=this.st)||void 0===o?void 0:o.has(d))&&this.nt.add(d);return this.render(e)}const n=t.element.classList;this.nt.forEach((d=>{d in e||(n.remove(d),this.nt.delete(d))}));for(const d in e){const t=!!e[d];t===this.nt.has(d)||(null===(s=this.st)||void 0===s?void 0:s.has(d))||(t?(n.add(d),this.nt.add(d)):(n.remove(d),this.nt.delete(d)))}return d}});const u={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function y(d){return t(function(d){return null==d?[]:Array.isArray(d)?d:[d]}(d).map((d=>function(d){const e={...u,...d};return t(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(d))).join(", "))}class c extends s{constructor(){super(),this.variant="body-md",this.color="color-text-primary"}static get properties(){return{variant:{type:String,reflect:!0},color:{type:String}}}render(){return n`
+			<span
+				class=${h({"m-text":!0,"-body-md-bold-underline":"body-md-bold-underline"==this.variant,"-body-md-bold":"body-md-bold"==this.variant,"-body-md-underline":"body-md-underline"==this.variant,"-body-md":"body-md"==this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"==this.variant,"-body-sm-bold":"body-sm-bold"==this.variant,"-body-sm-underline":"body-sm-underline"==this.variant,"-body-sm":"body-sm"==this.variant,"-button-lg":"button-lg"==this.variant,"-button-md":"button-md"==this.variant,"-button-sm":"button-sm"==this.variant,"-chips-sm":"chips-sm"==this.variant,"-heading-lg":"heading-lg"==this.variant,"-heading-md-bold":"heading-md-bold"==this.variant,"-heading-md":"heading-md"==this.variant,"-heading-sm-bold":"heading-sm-bold"==this.variant,"-heading-sm":"heading-sm"==this.variant,"-number-md":"number-md"==this.variant,"-number-sm":"number-sm"==this.variant,"-table-header-md":"table-header-md"==this.variant,"-table-header-sm":"table-header-sm"==this.variant})}
+				style=${a({"--m-text-color":i(this.color)})}
+			>
+				<slot></slot>
+			</span>
+		`}}c.styles=[e`
+		:host {
+			--m-text-color: ${o("color-text-primary")};
+		}
+
+		.m-text {
+			${y([{property:"color"}])};
+
+			${l()};
+
+			display: inline-flex;
+
+			color: var( --m-text-color );
+		}
+
+		.-body-md-bold-underline {
+			${l("body-md-bold-underline")};
+		}
+
+		.-body-md-bold {
+			${l("body-md-bold")};
+		}
+
+		.-body-md-underline {
+			${l("body-md-underline")};
+		}
+
+		.-body-md {
+			${l("body-md")};
+		}
+
+		.-body-sm-bold-underline {
+			${l("body-sm-bold-underline")};
+		}
+
+		.-body-sm-bold {
+			${l("body-sm-bold")};
+		}
+
+		.-body-sm-underline {
+			${l("body-sm-underline")};
+		}
+
+		.-body-sm {
+			${l("body-sm")};
+		}
+
+		.-button-lg {
+			${l("button-lg")};
+		}
+
+		.-button-md {
+			${l("button-md")};
+		}
+
+		.-button-sm {
+			${l("button-sm")};
+		}
+
+		.-chips-sm {
+			${l("chips-sm")};
+		}
+
+		.-heading-lg {
+			${l("heading-lg")};
+		}
+
+		.-heading-md-bold {
+			${l("heading-md-bold")};
+		}
+
+		.-heading-md {
+			${l("heading-md")};
+		}
+
+		.-heading-sm-bold {
+			${l("heading-sm-bold")};
+		}
+
+		.-heading-sm {
+			${l("heading-sm")};
+		}
+
+		.-number-md {
+			${l("number-md")};
+		}
+
+		.-number-sm {
+			${l("number-sm")};
+		}
+
+		.-table-header-md {
+			${l("table-header-md")};
+		}
+
+		.-table-header-sm {
+			${l("table-header-sm")};
+		}
+	`],window.customElements.define("m-text",c);export{c as T};
+//# sourceMappingURL=text-aa43826f.js.map

package/dist/text-aa43826f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-aa43826f.js","sources":["../../../node_modules/lit-html/directives/class-map.js","../src/styles/transition.ts","../../miranda-toolset/dist/to-array.js","../src/components/text/text.ts","../src/components/text/text.styles.ts"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as i,Directive as s,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=i(class extends s{constructor(t){var i;if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((i=>t[i])).join(\" \")+\" \"}update(i,[s]){var r,o;if(void 0===this.nt){this.nt=new Set,void 0!==i.strings&&(this.st=new Set(i.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in s)s[t]&&!(null===(r=this.st)||void 0===r?void 0:r.has(t))&&this.nt.add(t);return this.render(s)}const e=i.element.classList;this.nt.forEach((t=>{t in s||(e.remove(t),this.nt.delete(t))}));for(const t in s){const i=!!s[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.nt.add(t)):(e.remove(t),this.nt.delete(t)))}return t}});export{o as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { type CSSResult, unsafeCSS } from 'lit';\n\nimport toArray from '@loadsmart/miranda-toolset/dist/to-array';\n\nexport type TransitionConfig = {\n\tdelay?: string;\n\tduration?: string;\n\tproperty?: string;\n\t/**\n\t * Timing function:\n\t */\n\teasing?: string;\n};\n\n/** @type {TransitionConfig} */\nconst DEFAULT_TRANSITION_CONFIG: TransitionConfig = {\n\tproperty: 'all',\n\tdelay: '0s',\n\tduration: '0.35s',\n\teasing: 'ease-in-out',\n};\n\n/**\n * @param {TransitionConfig} config\n */\nfunction toTransition( config: TransitionConfig ): CSSResult {\n\tconst safeConfig = { ...DEFAULT_TRANSITION_CONFIG, ...config };\n\n\t// property name | duration | easing function | delay\n\treturn unsafeCSS(\n\t\t`${ safeConfig.property } ${ safeConfig.duration } ${ safeConfig.easing } ${ safeConfig.delay }`\n\t);\n}\n\n/**\n * Convert a transition config to its CSS equivalent.\n * @param {TransitionConfig | TransitionConfig[]} configs\n */\nfunction transition(\n\tconfigs: TransitionConfig | TransitionConfig[]\n): CSSResult {\n\treturn unsafeCSS(\n\t\ttoArray( configs )\n\t\t\t.map( ( config ) => toTransition( config ) )\n\t\t\t.join( ', ' )\n\t);\n}\n\nexport default transition;\n","\"use strict\";module.exports=function(r){return null==r?[]:Array.isArray(r)?r:[r]};\n","import { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { type ColorToken, toCSSValue } from '@loadsmart/miranda-tokens';\nimport { type TypographyVariant } from '../../styles/typography';\n\nimport styles from './text.styles';\n\nexport interface TextProps {\n\tvariant: TypographyVariant;\n\tcolor: ColorToken;\n}\nexport class Text extends LitElement {\n\tstatic override styles = [ styles() ];\n\n\tstatic override get properties() {\n\t\treturn {\n\t\t\tvariant: { type: String, reflect: true },\n\t\t\tcolor: { type: String },\n\t\t};\n\t}\n\n\t/**\n\t * Typography variant.\n\t * @type {TypographyVariant}\n\t */\n\tdeclare variant: TypographyVariant;\n\n\t/**\n\t * Text color.\n\t * @type {ColorToken}\n\t */\n\tdeclare color: ColorToken;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.variant = 'body-md';\n\t\tthis.color = 'color-text-primary';\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<span\n\t\t\t\tclass=${ classMap( {\n\t\t\t\t\t'm-text': true,\n\t\t\t\t\t'-body-md-bold-underline': this.variant == 'body-md-bold-underline',\n\t\t\t\t\t'-body-md-bold': this.variant == 'body-md-bold',\n\t\t\t\t\t'-body-md-underline': this.variant == 'body-md-underline',\n\t\t\t\t\t'-body-md': this.variant == 'body-md',\n\t\t\t\t\t'-body-sm-bold-underline': this.variant == 'body-sm-bold-underline',\n\t\t\t\t\t'-body-sm-bold': this.variant == 'body-sm-bold',\n\t\t\t\t\t'-body-sm-underline': this.variant == 'body-sm-underline',\n\t\t\t\t\t'-body-sm': this.variant == 'body-sm',\n\t\t\t\t\t'-button-lg': this.variant == 'button-lg',\n\t\t\t\t\t'-button-md': this.variant == 'button-md',\n\t\t\t\t\t'-button-sm': this.variant == 'button-sm',\n\t\t\t\t\t'-chips-sm': this.variant == 'chips-sm',\n\t\t\t\t\t'-heading-lg': this.variant == 'heading-lg',\n\t\t\t\t\t'-heading-md-bold': this.variant == 'heading-md-bold',\n\t\t\t\t\t'-heading-md': this.variant == 'heading-md',\n\t\t\t\t\t'-heading-sm-bold': this.variant == 'heading-sm-bold',\n\t\t\t\t\t'-heading-sm': this.variant == 'heading-sm',\n\t\t\t\t\t'-number-md': this.variant == 'number-md',\n\t\t\t\t\t'-number-sm': this.variant == 'number-sm',\n\t\t\t\t\t'-table-header-md': this.variant == 'table-header-md',\n\t\t\t\t\t'-table-header-sm': this.variant == 'table-header-sm',\n\t\t\t\t} ) }\n\t\t\t\tstyle=${ styleMap( {\n\t\t\t\t\t// FIXME: how to set the color without being vulnerable to unsafe CSS?\n\t\t\t\t\t'--m-text-color': toCSSValue( this.color ),\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</span>\n\t\t`;\n\t}\n}\n\nwindow.customElements.define( 'm-text', Text );\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'm-text': Text;\n\t}\n}\n","import { css } from 'lit';\n\nimport { transition, typography } from '../../styles';\nimport color from '../../utils/get-color-token';\n\nfunction styles() {\n\treturn css`\n\t\t:host {\n\t\t\t--m-text-color: ${ color( 'color-text-primary' ) };\n\t\t}\n\n\t\t.m-text {\n\t\t\t${ transition( [ { property: 'color' } ] ) };\n\n\t\t\t${ typography() };\n\n\t\t\tdisplay: inline-flex;\n\n\t\t\tcolor: var( --m-text-color );\n\t\t}\n\n\t\t.-body-md-bold-underline {\n\t\t\t${ typography( 'body-md-bold-underline' ) };\n\t\t}\n\n\t\t.-body-md-bold {\n\t\t\t${ typography( 'body-md-bold' ) };\n\t\t}\n\n\t\t.-body-md-underline {\n\t\t\t${ typography( 'body-md-underline' ) };\n\t\t}\n\n\t\t.-body-md {\n\t\t\t${ typography( 'body-md' ) };\n\t\t}\n\n\t\t.-body-sm-bold-underline {\n\t\t\t${ typography( 'body-sm-bold-underline' ) };\n\t\t}\n\n\t\t.-body-sm-bold {\n\t\t\t${ typography( 'body-sm-bold' ) };\n\t\t}\n\n\t\t.-body-sm-underline {\n\t\t\t${ typography( 'body-sm-underline' ) };\n\t\t}\n\n\t\t.-body-sm {\n\t\t\t${ typography( 'body-sm' ) };\n\t\t}\n\n\t\t.-button-lg {\n\t\t\t${ typography( 'button-lg' ) };\n\t\t}\n\n\t\t.-button-md {\n\t\t\t${ typography( 'button-md' ) };\n\t\t}\n\n\t\t.-button-sm {\n\t\t\t${ typography( 'button-sm' ) };\n\t\t}\n\n\t\t.-chips-sm {\n\t\t\t${ typography( 'chips-sm' ) };\n\t\t}\n\n\t\t.-heading-lg {\n\t\t\t${ typography( 'heading-lg' ) };\n\t\t}\n\n\t\t.-heading-md-bold {\n\t\t\t${ typography( 'heading-md-bold' ) };\n\t\t}\n\n\t\t.-heading-md {\n\t\t\t${ typography( 'heading-md' ) };\n\t\t}\n\n\t\t.-heading-sm-bold {\n\t\t\t${ typography( 'heading-sm-bold' ) };\n\t\t}\n\n\t\t.-heading-sm {\n\t\t\t${ typography( 'heading-sm' ) };\n\t\t}\n\n\t\t.-number-md {\n\t\t\t${ typography( 'number-md' ) };\n\t\t}\n\n\t\t.-number-sm {\n\t\t\t${ typography( 'number-sm' ) };\n\t\t}\n\n\t\t.-table-header-md {\n\t\t\t${ typography( 'table-header-md' ) };\n\t\t}\n\n\t\t.-table-header-sm {\n\t\t\t${ typography( 'table-header-sm' ) };\n\t\t}\n\t`;\n}\n\nexport default styles;\n"],"names":["o","i","s","constructor","t","super","type","r","ATTRIBUTE","name","strings","length","Error","render","Object","keys","filter","join","update","this","nt","Set","st","split","has","add","e","element","classList","forEach","remove","delete","DEFAULT_TRANSITION_CONFIG","property","delay","duration","easing","transition","configs","unsafeCSS","Array","isArray","toArray","map","config","safeConfig","toTransition","Text","LitElement","variant","color","properties","String","reflect","html","classMap","styleMap","toCSSValue","styles","css","typography","window","customElements","define"],"mappings":"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"}

package/dist/text.js

@@ -1,2 +1,2 @@
-export{T as Text}from"./text-755b4609.js";
+export{T as Text}from"./text-aa43826f.js";import"./get-color-token-694fb4b1.js";import"./typography-1484bf20.js";
 //# sourceMappingURL=text.js.map

package/dist/typography-1484bf20.js

@@ -0,0 +1,12 @@
+import{x as t,r as n,t as e}from"./get-color-token-694fb4b1.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const i={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},o=t=>(...n)=>({_$litDirective$:t,values:n});class f{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,n,e){this._$Ct=t,this._$AM=n,this._$Ci=e}_$AS(t,n){return this.update(t,n)}update(t,n){return this.render(...n)}}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=o(class extends f{constructor(t){var n;if(super(t),t.type!==i.ATTRIBUTE||"style"!==t.name||(null===(n=t.strings)||void 0===n?void 0:n.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((n,e)=>{const i=t[e];return null==i?n:n+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(n,[e]){const{style:i}=n.element;if(void 0===this.vt){this.vt=new Set;for(const t in e)this.vt.add(t);return this.render(e)}this.vt.forEach((t=>{null==e[t]&&(this.vt.delete(t),t.includes("-")?i.removeProperty(t):i[t]="")}));for(const t in e){const n=e[t];null!=n&&(this.vt.add(t),t.includes("-")?i.setProperty(t,n):i[t]=n)}return t}});function h(t){return n(e(t))}function s(t){const e=n("\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t");return n(`${e}\n${function(t){switch(t){case"heading-lg":return`\n\t\t\t\tfont-family: ${h("font-family-title")};\n\t\t\t\tline-height: ${h("line-height-2")};\n\t\t\t\tfont-size: ${h("font-size-1")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${h("font-family-title")};\n\t\t\t\tline-height: ${h("line-height-2")};\n\t\t\t\tfont-size: ${h("font-size-2")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${h("font-family-title")};\n\t\t\t\tline-height: ${h("line-height-2")};\n\t\t\t\tfont-size: ${h("font-size-2")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${h("font-family-title")};\n\t\t\t\tline-height: ${h("line-height-3")};\n\t\t\t\tfont-size: ${h("font-size-3")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${h("font-family-title")};\n\t\t\t\tline-height: ${h("line-height-3")};\n\t\t\t\tfont-size: ${h("font-size-3")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")}\n\t\t\t`;case"body-md":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-4")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-4")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-4")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-4")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-5")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-5")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-5")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-5")};\n\t\t\t\tfont-size: ${h("font-size-5")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"number-md":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-2")};\n\t\t\t\tfont-size: ${h("font-size-4")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")}\n\t\t\t`;case"number-sm":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-2")};\n\t\t\t\tfont-size: ${h("font-size-5")};\n\t\t\t\tfont-weight: ${h("font-weight-regular")}\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-1")};\n\t\t\t\tfont-size: ${h("font-size-3")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-1")};\n\t\t\t\tfont-size: ${h("font-size-4")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-1")};\n\t\t\t\tfont-size: ${h("font-size-5")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-1")};\n\t\t\t\tfont-size: ${h("font-size-4")};\n\t\t\t\tfont-weight: ${h("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-1")};\n\t\t\t\tfont-size: ${h("font-size-5")};\n\t\t\t\tfont-weight: ${h("font-weight-medium")}\n\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${h("font-family-default")};\n\t\t\t\tline-height: ${h("line-height-1")};\n\t\t\t\tfont-size: ${h("font-size-6")};\n\t\t\t\tfont-weight: ${h("font-weight-bold")}\n\t\t\t`;default:return""}}(t)}`)}export{s as a,l as b,o as e,h as g,f as i,i as t};
+//# sourceMappingURL=typography-1484bf20.js.map

package/dist/typography-1484bf20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-1484bf20.js","sources":["../../../node_modules/lit-html/directive.js","../../../node_modules/lit-html/directives/style-map.js","../src/utils/get-token.ts","../src/styles/typography.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{noChange as t}from\"../lit-html.js\";import{directive as e,Directive as r,PartType as s}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const i=e(class extends r{constructor(t){var e;if(super(t),t.type!==s.ATTRIBUTE||\"style\"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error(\"The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.\")}render(t){return Object.keys(t).reduce(((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,\"-$&\").toLowerCase()}:${s};`}),\"\")}update(e,[r]){const{style:s}=e.element;if(void 0===this.vt){this.vt=new Set;for(const t in r)this.vt.add(t);return this.render(r)}this.vt.forEach((t=>{null==r[t]&&(this.vt.delete(t),t.includes(\"-\")?s.removeProperty(t):s[t]=\"\")}));for(const t in r){const e=r[t];null!=e&&(this.vt.add(t),t.includes(\"-\")?s.setProperty(t,e):s[t]=e)}return t}});export{i as styleMap};\n//# sourceMappingURL=style-map.js.map\n","import { unsafeCSS, type CSSResult } from 'lit';\nimport { toCSSValue } from '@loadsmart/miranda-tokens';\nimport type {\n\tBorderToken,\n\tElevationToken,\n\tFontFamilyToken,\n\tFontSizeToken,\n\tFontWeightToken,\n\tGlowToken,\n\tLineHeightToken,\n\tOpacityToken,\n\tSpacingToken,\n} from '@loadsmart/miranda-tokens';\n\ntype NonColorToken =\n\t| BorderToken\n\t| ElevationToken\n\t| FontFamilyToken\n\t| FontSizeToken\n\t| FontWeightToken\n\t| GlowToken\n\t| LineHeightToken\n\t| OpacityToken\n\t| SpacingToken;\n\n/**\n * Get token as lit's `CSSResult`\n * @param {NonColorToken} token - Miranda token\n * @returns {CSSResult}\n */\nfunction getToken( token: NonColorToken ): CSSResult {\n\treturn unsafeCSS( toCSSValue( token ) );\n}\n\nexport default getToken;\n","import { type CSSResult, unsafeCSS } from 'lit';\n\nimport token from '../utils/get-token';\n\nexport type TypographyVariant =\n\t| 'heading-lg'\n\t| 'heading-md-bold'\n\t| 'heading-md'\n\t| 'heading-sm-bold'\n\t| 'heading-sm'\n\t| 'body-md'\n\t| 'body-md-underline'\n\t| 'body-md-bold'\n\t| 'body-md-bold-underline'\n\t| 'body-sm'\n\t| 'body-sm-underline'\n\t| 'body-sm-bold'\n\t| 'body-sm-bold-underline'\n\t| 'number-md'\n\t| 'number-sm'\n\t| 'button-lg'\n\t| 'button-md'\n\t| 'button-sm'\n\t| 'table-header-md'\n\t| 'table-header-sm'\n\t| 'chips-sm';\n\n/**\n * Apply set of tokens for a given typography `variant`.\n * @param {TypographyVariant} [variant]\n * @returns {String}\n */\nfunction getVariant( variant?: TypographyVariant ): string {\n\tswitch ( variant ) {\n\t\tcase 'heading-lg':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-title' ) };\n\t\t\t\tline-height: ${ token( 'line-height-2' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-1' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'heading-md-bold':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-title' ) };\n\t\t\t\tline-height: ${ token( 'line-height-2' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-2' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'heading-md':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-title' ) };\n\t\t\t\tline-height: ${ token( 'line-height-2' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-2' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) }\n\t\t\t`;\n\n\t\tcase 'heading-sm-bold':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-title' ) };\n\t\t\t\tline-height: ${ token( 'line-height-3' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-3' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'heading-sm':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-title' ) };\n\t\t\t\tline-height: ${ token( 'line-height-3' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-3' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) }\n\t\t\t`;\n\n\t\tcase 'body-md':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-4' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) }\n\t\t\t`;\n\n\t\tcase 'body-md-underline':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-4' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) };\n\t\t\t\ttext-decoration: underline\n\t\t\t`;\n\n\t\tcase 'body-md-bold':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-4' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'body-md-bold-underline':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-4' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) };\n\t\t\t\ttext-decoration: underline\n\t\t\t`;\n\n\t\tcase 'body-sm':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-5' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) }\n\t\t\t`;\n\n\t\tcase 'body-sm-underline':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-5' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) };\n\t\t\t\ttext-decoration: underline\n\t\t\t`;\n\n\t\tcase 'body-sm-bold':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-5' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'body-sm-bold-underline':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-5' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-5' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) };\n\t\t\t\ttext-decoration: underline\n\t\t\t`;\n\n\t\tcase 'number-md':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-2' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-4' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) }\n\t\t\t`;\n\n\t\tcase 'number-sm':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-2' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-5' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-regular' ) }\n\t\t\t`;\n\n\t\tcase 'button-lg':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-1' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-3' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'button-md':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-1' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-4' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'button-sm':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-1' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-5' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tcase 'table-header-md':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-1' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-4' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-medium' ) };\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;\n\n\t\tcase 'table-header-sm':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-1' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-5' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-medium' ) }\n\t\t\t`;\n\n\t\tcase 'chips-sm':\n\t\t\treturn `\n\t\t\t\tfont-family: ${ token( 'font-family-default' ) };\n\t\t\t\tline-height: ${ token( 'line-height-1' ) };\n\t\t\t\tfont-size: ${ token( 'font-size-6' ) };\n\t\t\t\tfont-weight: ${ token( 'font-weight-bold' ) }\n\t\t\t`;\n\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\n/**\n * Apply set of tokens for a given typography `variant`.\n * @param {TypographyVariant} [variant]\n * @returns {CSSResult}\n */\nfunction typography( variant?: TypographyVariant ): CSSResult {\n\tconst defaultStyle = unsafeCSS( `\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t` );\n\n\treturn unsafeCSS( `${ defaultStyle }\\n${ getVariant( variant ) }` );\n}\n\nexport default typography;\n"],"names":["t","ATTRIBUTE","CHILD","PROPERTY","BOOLEAN_ATTRIBUTE","EVENT","ELEMENT","e","_$litDirective$","values","i","constructor","_$AU","this","_$AM","_$AT","_$Ct","_$Ci","_$AS","update","render","r","super","type","s","name","strings","length","Error","Object","keys","reduce","replace","toLowerCase","style","element","vt","Set","add","forEach","delete","includes","removeProperty","setProperty","getToken","token","unsafeCSS","toCSSValue","typography","variant","defaultStyle","getVariant"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-wc",
-	"version": "1.0.0-beta.1",
+	"version": "1.0.0",
 	"description": "Miranda Web Components component library",
 	"main": "dist/index.js",
 	"types": "dist",
@@ -26,25 +26,25 @@
 	"license": "MIT",
 	"devDependencies": {
 		"@babel/eslint-parser": "^7.19.1",
-		"@cypress/mount-utils": "^2.0.1",
-		"@cypress/webpack-dev-server": "^2.2.0",
+		"@cypress/mount-utils": "^2.1.0",
+		"@cypress/webpack-dev-server": "^2.3.0",
 		"@rollup/plugin-replace": "^4.0.0",
-		"@storybook/addon-actions": "^6.5.10",
-		"@storybook/addon-essentials": "^6.5.10",
-		"@storybook/addon-links": "^6.5.10",
-		"@storybook/builder-webpack5": "^6.5.10",
-		"@storybook/manager-webpack5": "^6.5.10",
+		"@storybook/addon-actions": "^6.5.12",
+		"@storybook/addon-essentials": "^6.5.12",
+		"@storybook/addon-links": "^6.5.12",
+		"@storybook/builder-webpack5": "^6.5.12",
+		"@storybook/manager-webpack5": "^6.5.12",
 		"@storybook/storybook-deployer": "^2.8.12",
-		"@storybook/web-components": "^6.5.10",
-		"@typescript-eslint/eslint-plugin": "^5.37.0",
-		"@typescript-eslint/parser": "^5.37.0",
+		"@storybook/web-components": "^6.5.12",
+		"@typescript-eslint/eslint-plugin": "^5.38.0",
+		"@typescript-eslint/parser": "^5.38.0",
 		"babel-loader": "^8.2.5",
-		"cypress": "^10.6.0",
-		"eslint": "^8.22.0",
+		"cypress": "^10.8.0",
+		"eslint": "^8.23.1",
 		"lit-html": "^2.3.1"
 	},
 	"dependencies": {
-		"@loadsmart/miranda-tokens": "*",
+		"@loadsmart/miranda-tokens": "1.0.0-beta.1",
 		"@loadsmart/miranda-toolset": "*",
 		"lit": "^2.3.1"
 	},

package/dist/text-755b4609.js

@@ -1,145 +0,0 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t=window,i=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,e=Symbol(),n=new WeakMap;class o{constructor(t,i,n){if(this._$cssResult$=!0,n!==e)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=i}get styleSheet(){let t=this.o;const e=this.t;if(i&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&n.set(e,t))}return t}toString(){return this.cssText}}const s=t=>new o("string"==typeof t?t:t+"",void 0,e),r=(t,...i)=>{const n=1===t.length?t[0]:i.reduce(((i,e,n)=>i+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[n+1]),t[0]);return new o(n,t,e)},l=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let i="";for(const e of t.cssRules)i+=e.cssText;return s(i)})(t):t
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */;var h;const a=window,d=a.trustedTypes,u=d?d.emptyScript:"",c=a.reactiveElementPolyfillSupport,f={toAttribute(t,i){switch(i){case Boolean:t=t?u:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,i){let e=t;switch(i){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},g=(t,i)=>i!==t&&(i==i||t==t),m={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:g};class b extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var i;null!==(i=this.h)&&void 0!==i||(this.h=[]),this.h.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,e)=>{const n=this._$Ep(e,i);void 0!==n&&(this._$Ev.set(n,e),t.push(n))})),t}static createProperty(t,i=m){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const e="symbol"==typeof t?Symbol():"__"+t,n=this.getPropertyDescriptor(t,e,i);void 0!==n&&Object.defineProperty(this.prototype,t,n)}}static getPropertyDescriptor(t,i,e){return{get(){return this[i]},set(n){const o=this[t];this[i]=n,this.requestUpdate(t,o,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const e of i)this.createProperty(e,t[e])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const i=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)i.unshift(l(t))}else void 0!==t&&i.push(l(t));return i}static _$Ep(t,i){const e=i.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var i,e;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(e=t.hostConnected)||void 0===e||e.call(t))}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i])}))}createRenderRoot(){var e;const n=null!==(e=this.shadowRoot)&&void 0!==e?e:this.attachShadow(this.constructor.shadowRootOptions);return((e,n)=>{i?e.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((i=>{const n=document.createElement("style"),o=t.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=i.cssText,e.appendChild(n)}))})(n,this.constructor.elementStyles),n}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}))}attributeChangedCallback(t,i,e){this._$AK(t,e)}_$EO(t,i,e=m){var n;const o=this.constructor._$Ep(t,e);if(void 0!==o&&!0===e.reflect){const s=(void 0!==(null===(n=e.converter)||void 0===n?void 0:n.toAttribute)?e.converter:f).toAttribute(i,e.type);this._$El=t,null==s?this.removeAttribute(o):this.setAttribute(o,s),this._$El=null}}_$AK(t,i){var e;const n=this.constructor,o=n._$Ev.get(t);if(void 0!==o&&this._$El!==o){const t=n.getPropertyOptions(o),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(e=t.converter)||void 0===e?void 0:e.fromAttribute)?t.converter:f;this._$El=o,this[o]=s.fromAttribute(i,t.type),this._$El=null}}requestUpdate(t,i,e){let n=!0;void 0!==t&&(((e=e||this.constructor.getPropertyOptions(t)).hasChanged||g)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===e.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,e))):n=!1),!this.isUpdatePending&&n&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const e=this._$AL;try{i=this.shouldUpdate(e),i?(this.willUpdate(e),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(e)):this._$Ek()}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(e)}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var p;b.finalized=!0,b.elementProperties=new Map,b.elementStyles=[],b.shadowRootOptions={mode:"open"},null==c||c({ReactiveElement:b}),(null!==(h=a.reactiveElementVersions)&&void 0!==h?h:a.reactiveElementVersions=[]).push("1.4.1");const v=window,y=v.trustedTypes,$=y?y.createPolicy("lit-html",{createHTML:t=>t}):void 0,w=`lit$${(Math.random()+"").slice(9)}$`,x="?"+w,z=`<${x}>`,S=document,A=(t="")=>S.createComment(t),_=t=>null===t||"object"!=typeof t&&"function"!=typeof t,k=Array.isArray,C=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,E=/-->/g,M=/>/g,U=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),O=/'/g,T=/"/g,j=/^(?:script|style|textarea|title)$/i,P=(t=>(i,...e)=>({_$litType$:t,strings:i,values:e}))(1),N=Symbol.for("lit-noChange"),R=Symbol.for("lit-nothing"),I=new WeakMap,L=S.createTreeWalker(S,129,null,!1),J=(t,i)=>{const e=t.length-1,n=[];let o,s=2===i?"<svg>":"",r=C;for(let i=0;i<e;i++){const e=t[i];let l,h,a=-1,d=0;for(;d<e.length&&(r.lastIndex=d,h=r.exec(e),null!==h);)d=r.lastIndex,r===C?"!--"===h[1]?r=E:void 0!==h[1]?r=M:void 0!==h[2]?(j.test(h[2])&&(o=RegExp("</"+h[2],"g")),r=U):void 0!==h[3]&&(r=U):r===U?">"===h[0]?(r=null!=o?o:C,a=-1):void 0===h[1]?a=-2:(a=r.lastIndex-h[2].length,l=h[1],r=void 0===h[3]?U:'"'===h[3]?T:O):r===T||r===O?r=U:r===E||r===M?r=C:(r=U,o=void 0);const u=r===U&&t[i+1].startsWith("/>")?" ":"";s+=r===C?e+z:a>=0?(n.push(l),e.slice(0,a)+"$lit$"+e.slice(a)+w+u):e+w+(-2===a?(n.push(void 0),i):u)}const l=s+(t[e]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==$?$.createHTML(l):l,n]};class D{constructor({strings:t,_$litType$:i},e){let n;this.parts=[];let o=0,s=0;const r=t.length-1,l=this.parts,[h,a]=J(t,i);if(this.el=D.createElement(h,e),L.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(n=L.nextNode())&&l.length<r;){if(1===n.nodeType){if(n.hasAttributes()){const t=[];for(const i of n.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(w)){const e=a[s++];if(t.push(i),void 0!==e){const t=n.getAttribute(e.toLowerCase()+"$lit$").split(w),i=/([.?@])?(.*)/.exec(e);l.push({type:1,index:o,name:i[2],strings:t,ctor:"."===i[1]?q:"?"===i[1]?V:"@"===i[1]?F:W})}else l.push({type:6,index:o})}for(const i of t)n.removeAttribute(i)}if(j.test(n.tagName)){const t=n.textContent.split(w),i=t.length-1;if(i>0){n.textContent=y?y.emptyScript:"";for(let e=0;e<i;e++)n.append(t[e],A()),L.nextNode(),l.push({type:2,index:++o});n.append(t[i],A())}}}else if(8===n.nodeType)if(n.data===x)l.push({type:2,index:o});else{let t=-1;for(;-1!==(t=n.data.indexOf(w,t+1));)l.push({type:7,index:o}),t+=w.length-1}o++}}static createElement(t,i){const e=S.createElement("template");return e.innerHTML=t,e}}function Z(t,i,e=t,n){var o,s,r,l;if(i===N)return i;let h=void 0!==n?null===(o=e._$Cl)||void 0===o?void 0:o[n]:e._$Cu;const a=_(i)?void 0:i._$litDirective$;return(null==h?void 0:h.constructor)!==a&&(null===(s=null==h?void 0:h._$AO)||void 0===s||s.call(h,!1),void 0===a?h=void 0:(h=new a(t),h._$AT(t,e,n)),void 0!==n?(null!==(r=(l=e)._$Cl)&&void 0!==r?r:l._$Cl=[])[n]=h:e._$Cu=h),void 0!==h&&(i=Z(t,h._$AS(t,i.values),h,n)),i}class B{constructor(t,i){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var i;const{el:{content:e},parts:n}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:S).importNode(e,!0);L.currentNode=o;let s=L.nextNode(),r=0,l=0,h=n[0];for(;void 0!==h;){if(r===h.index){let i;2===h.type?i=new H(s,s.nextSibling,this,t):1===h.type?i=new h.ctor(s,h.name,h.strings,this,t):6===h.type&&(i=new G(s,this,t)),this.v.push(i),h=n[++l]}r!==(null==h?void 0:h.index)&&(s=L.nextNode(),r++)}return o}m(t){let i=0;for(const e of this.v)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,i),i+=e.strings.length-2):e._$AI(t[i])),i++}}class H{constructor(t,i,e,n){var o;this.type=2,this._$AH=R,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=e,this.options=n,this._$C_=null===(o=null==n?void 0:n.isConnected)||void 0===o||o}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$C_}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=Z(this,t,i),_(t)?t===R||null==t||""===t?(this._$AH!==R&&this._$AR(),this._$AH=R):t!==this._$AH&&t!==N&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):(t=>k(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.O(t):this.$(t)}S(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}$(t){this._$AH!==R&&_(this._$AH)?this._$AA.nextSibling.data=t:this.k(S.createTextNode(t)),this._$AH=t}T(t){var i;const{values:e,_$litType$:n}=t,o="number"==typeof n?this._$AC(t):(void 0===n.el&&(n.el=D.createElement(n.h,this.options)),n);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.m(e);else{const t=new B(o,this),i=t.p(this.options);t.m(e),this.k(i),this._$AH=t}}_$AC(t){let i=I.get(t.strings);return void 0===i&&I.set(t.strings,i=new D(t)),i}O(t){k(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let e,n=0;for(const o of t)n===i.length?i.push(e=new H(this.S(A()),this.S(A()),this,this.options)):e=i[n],e._$AI(o),n++;n<i.length&&(this._$AR(e&&e._$AB.nextSibling,n),i.length=n)}_$AR(t=this._$AA.nextSibling,i){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$C_=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class W{constructor(t,i,e,n,o){this.type=1,this._$AH=R,this._$AN=void 0,this.element=t,this.name=i,this._$AM=n,this.options=o,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=R}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,e,n){const o=this.strings;let s=!1;if(void 0===o)t=Z(this,t,i,0),s=!_(t)||t!==this._$AH&&t!==N,s&&(this._$AH=t);else{const n=t;let r,l;for(t=o[0],r=0;r<o.length-1;r++)l=Z(this,n[e+r],i,r),l===N&&(l=this._$AH[r]),s||(s=!_(l)||l!==this._$AH[r]),l===R?t=R:t!==R&&(t+=(null!=l?l:"")+o[r+1]),this._$AH[r]=l}s&&!n&&this.P(t)}P(t){t===R?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class q extends W{constructor(){super(...arguments),this.type=3}P(t){this.element[this.name]=t===R?void 0:t}}const K=y?y.emptyScript:"";class V extends W{constructor(){super(...arguments),this.type=4}P(t){t&&t!==R?this.element.setAttribute(this.name,K):this.element.removeAttribute(this.name)}}class F extends W{constructor(t,i,e,n,o){super(t,i,e,n,o),this.type=5}_$AI(t,i=this){var e;if((t=null!==(e=Z(this,t,i,0))&&void 0!==e?e:R)===N)return;const n=this._$AH,o=t===R&&n!==R||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==R&&(n===R||o);o&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class G{constructor(t,i,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const Q=v.litHtmlPolyfillSupport;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var X,Y;null==Q||Q(D,H),(null!==(p=v.litHtmlVersions)&&void 0!==p?p:v.litHtmlVersions=[]).push("2.3.1");class tt extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,i;const e=super.createRenderRoot();return null!==(t=(i=this.renderOptions).renderBefore)&&void 0!==t||(i.renderBefore=e.firstChild),e}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,i,e)=>{var n,o;const s=null!==(n=null==e?void 0:e.renderBefore)&&void 0!==n?n:i;let r=s._$litPart$;if(void 0===r){const t=null!==(o=null==e?void 0:e.renderBefore)&&void 0!==o?o:null;s._$litPart$=r=new H(i.insertBefore(A(),t),t,void 0,null!=e?e:{})}return r._$AI(t),r})(i,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return N}}tt.finalized=!0,tt._$litElement$=!0,null===(X=globalThis.litElementHydrateSupport)||void 0===X||X.call(globalThis,{LitElement:tt});const it=globalThis.litElementPolyfillSupport;null==it||it({LitElement:tt}),(null!==(Y=globalThis.litElementVersions)&&void 0!==Y?Y:globalThis.litElementVersions=[]).push("3.2.2");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const et=1,nt=t=>(...i)=>({_$litDirective$:t,values:i});class ot{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,i,e){this._$Ct=t,this._$AM=i,this._$Ci=e}_$AS(t,i){return this.update(t,i)}update(t,i){return this.render(...i)}}
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const st=nt(class extends ot{constructor(t){var i;if(super(t),t.type!==et||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(t,[i]){var e,n;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!(null===(e=this.st)||void 0===e?void 0:e.has(t))&&this.nt.add(t);return this.render(i)}const o=t.element.classList;this.nt.forEach((t=>{t in i||(o.remove(t),this.nt.delete(t))}));for(const t in i){const e=!!i[t];e===this.nt.has(t)||(null===(n=this.st)||void 0===n?void 0:n.has(t))||(e?(o.add(t),this.nt.add(t)):(o.remove(t),this.nt.delete(t)))}return N}}),rt=nt(class extends ot{constructor(t){var i;if(super(t),t.type!==et||"style"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((i,e)=>{const n=t[e];return null==n?i:i+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`}),"")}update(t,[i]){const{style:e}=t.element;if(void 0===this.vt){this.vt=new Set;for(const t in i)this.vt.add(t);return this.render(i)}this.vt.forEach((t=>{null==i[t]&&(this.vt.delete(t),t.includes("-")?e.removeProperty(t):e[t]="")}));for(const t in i){const n=i[t];null!=n&&(this.vt.add(t),t.includes("-")?e.setProperty(t,n):e[t]=n)}return N}});
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var lt,ht={},at={};at.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 234, 237","color-background-highlight":"229, 245, 255","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border":"230, 234, 237","color-divider":"193, 206, 217","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"221, 237, 237","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 234, 237","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 98, 159","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"1.625rem","font-size-2":"1.25rem","font-size-3":"1rem","font-size-4":"0.875rem","font-size-5":"0.75rem","font-size-6":"0.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"},Object.defineProperty(ht,"i",{value:!0});var dt=at;function ut(t){return dt.LoadsmartTheme[t]}function ct(t){var i=ut(t);return null==i?i:"--m-".concat(t)}ht.getToken=ut,lt=ht.toCSSValue=function(t,i){var e=ut(t);return null==e?"":t.startsWith("color-")?"rgba(var(".concat(ct(t),", ").concat(e,"), ").concat(null!=i?i:1,")"):"var(".concat(ct(t),", ").concat(e,")")},ht.toCSSVariable=ct;const ft={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function gt(t){return s(function(t){return null==t?[]:Array.isArray(t)?t:[t]}(t).map((t=>function(t){const i={...ft,...t};return s(`${i.property} ${i.duration} ${i.easing} ${i.delay}`)}(t))).join(", "))}function mt(t){return s(lt(t))}function bt(t){const i=s("\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t");return s(`${i}\n${function(t){switch(t){case"heading-lg":return`\n\t\t\t\tfont-family: ${mt("font-family-title")};\n\t\t\t\tline-height: ${mt("line-height-2")};\n\t\t\t\tfont-size: ${mt("font-size-1")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${mt("font-family-title")};\n\t\t\t\tline-height: ${mt("line-height-2")};\n\t\t\t\tfont-size: ${mt("font-size-2")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${mt("font-family-title")};\n\t\t\t\tline-height: ${mt("line-height-2")};\n\t\t\t\tfont-size: ${mt("font-size-2")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${mt("font-family-title")};\n\t\t\t\tline-height: ${mt("line-height-3")};\n\t\t\t\tfont-size: ${mt("font-size-3")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${mt("font-family-title")};\n\t\t\t\tline-height: ${mt("line-height-3")};\n\t\t\t\tfont-size: ${mt("font-size-3")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")}\n\t\t\t`;case"body-md":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-4")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-4")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-4")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-4")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-5")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-5")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-5")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-5")};\n\t\t\t\tfont-size: ${mt("font-size-5")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"number-md":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-2")};\n\t\t\t\tfont-size: ${mt("font-size-4")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")}\n\t\t\t`;case"number-sm":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-2")};\n\t\t\t\tfont-size: ${mt("font-size-5")};\n\t\t\t\tfont-weight: ${mt("font-weight-regular")}\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-1")};\n\t\t\t\tfont-size: ${mt("font-size-3")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-1")};\n\t\t\t\tfont-size: ${mt("font-size-4")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-1")};\n\t\t\t\tfont-size: ${mt("font-size-5")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-1")};\n\t\t\t\tfont-size: ${mt("font-size-4")};\n\t\t\t\tfont-weight: ${mt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-1")};\n\t\t\t\tfont-size: ${mt("font-size-5")};\n\t\t\t\tfont-weight: ${mt("font-weight-medium")}\n\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${mt("font-family-default")};\n\t\t\t\tline-height: ${mt("line-height-1")};\n\t\t\t\tfont-size: ${mt("font-size-6")};\n\t\t\t\tfont-weight: ${mt("font-weight-bold")}\n\t\t\t`;default:return""}}(t)}`)}class pt extends tt{constructor(){super(),this.variant="body-md",this.color="color-text-primary"}static get properties(){return{variant:{type:String,reflect:!0},color:{type:String}}}render(){return P`
-			<span
-				class=${st({"m-text":!0,"-body-md-bold-underline":"body-md-bold-underline"==this.variant,"-body-md-bold":"body-md-bold"==this.variant,"-body-md-underline":"body-md-underline"==this.variant,"-body-md":"body-md"==this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"==this.variant,"-body-sm-bold":"body-sm-bold"==this.variant,"-body-sm-underline":"body-sm-underline"==this.variant,"-body-sm":"body-sm"==this.variant,"-button-lg":"button-lg"==this.variant,"-button-md":"button-md"==this.variant,"-button-sm":"button-sm"==this.variant,"-chips-sm":"chips-sm"==this.variant,"-heading-lg":"heading-lg"==this.variant,"-heading-md-bold":"heading-md-bold"==this.variant,"-heading-md":"heading-md"==this.variant,"-heading-sm-bold":"heading-sm-bold"==this.variant,"-heading-sm":"heading-sm"==this.variant,"-number-md":"number-md"==this.variant,"-number-sm":"number-sm"==this.variant,"-table-header-md":"table-header-md"==this.variant,"-table-header-sm":"table-header-sm"==this.variant})}
-				style=${rt({"--m-text-color":lt(this.color)})}
-			>
-				<slot></slot>
-			</span>
-		`}}pt.styles=[r`
-		:host {
-			--m-text-color: ${function(t,i=1){return s(lt(t,i))}("color-text-primary")};
-		}
-
-		.m-text {
-			${gt([{property:"color"}])};
-
-			${bt()};
-
-			display: inline-flex;
-
-			color: var( --m-text-color );
-		}
-
-		.-body-md-bold-underline {
-			${bt("body-md-bold-underline")};
-		}
-
-		.-body-md-bold {
-			${bt("body-md-bold")};
-		}
-
-		.-body-md-underline {
-			${bt("body-md-underline")};
-		}
-
-		.-body-md {
-			${bt("body-md")};
-		}
-
-		.-body-sm-bold-underline {
-			${bt("body-sm-bold-underline")};
-		}
-
-		.-body-sm-bold {
-			${bt("body-sm-bold")};
-		}
-
-		.-body-sm-underline {
-			${bt("body-sm-underline")};
-		}
-
-		.-body-sm {
-			${bt("body-sm")};
-		}
-
-		.-button-lg {
-			${bt("button-lg")};
-		}
-
-		.-button-md {
-			${bt("button-md")};
-		}
-
-		.-button-sm {
-			${bt("button-sm")};
-		}
-
-		.-chips-sm {
-			${bt("chips-sm")};
-		}
-
-		.-heading-lg {
-			${bt("heading-lg")};
-		}
-
-		.-heading-md-bold {
-			${bt("heading-md-bold")};
-		}
-
-		.-heading-md {
-			${bt("heading-md")};
-		}
-
-		.-heading-sm-bold {
-			${bt("heading-sm-bold")};
-		}
-
-		.-heading-sm {
-			${bt("heading-sm")};
-		}
-
-		.-number-md {
-			${bt("number-md")};
-		}
-
-		.-number-sm {
-			${bt("number-sm")};
-		}
-
-		.-table-header-md {
-			${bt("table-header-md")};
-		}
-
-		.-table-header-sm {
-			${bt("table-header-sm")};
-		}
-	`],window.customElements.define("m-text",pt);export{pt as T};
-//# sourceMappingURL=text-755b4609.js.map