@m3e/heading 1.0.0-rc.1 → 1.0.0-rc.2

package/dist/index.min.js

@@ -3,175 +3,175 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{LitElement as e,html as t,css as i}from"lit";import{Role as s,DesignToken as a}from"@m3e/core";function l(e,t,i,s){var a,l=arguments.length,n=l<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(a=e[r])&&(n=(l<3?a(n):l>3?a(t,i,n):a(t,i))||n);return l>3&&n&&Object.defineProperty(t,i,n),n}"function"==typeof SuppressedError&&SuppressedError;
+import{css as e,LitElement as t,html as i}from"lit";import{DesignToken as s}from"@m3e/core";function a(e,t,i,s){var a,l=arguments.length,n=l<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(a=e[r])&&(n=(l<3?a(n):l>3?a(t,i,n):a(t,i))||n);return l>3&&n&&Object.defineProperty(t,i,n),n}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const n=globalThis,r=n.ShadowRoot&&(void 0===n.ShadyCSS||n.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,h=Symbol(),o=new WeakMap;
+const l=globalThis,n=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),h=new WeakMap;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let d=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==h)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(r&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=o.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&o.set(t,e))}return e}toString(){return this.cssText}};const p=(e,t)=>{if(r)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),s=n.litNonce;void 0!==s&&t.setAttribute("nonce",s),t.textContent=i.cssText,e.appendChild(t)}},c=r?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new d("string"==typeof e?e:e+"",void 0,h))(t)})(e):e,{is:m,defineProperty:g,getOwnPropertyDescriptor:y,getOwnPropertyNames:f,getOwnPropertySymbols:u,getPrototypeOf:$}=Object,z=globalThis,v=z.trustedTypes,S=v?v.emptyScript:"",b=z.reactiveElementPolyfillSupport,E=(e,t)=>e,w={toAttribute(e,t){switch(t){case Boolean:e=e?S:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},_=(e,t)=>!m(e,t),P={attribute:!0,type:String,converter:w,reflect:!1,useDefault:!1,hasChanged:_};
+ */let o=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==r)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(n&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=h.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(t,e))}return e}toString(){return this.cssText}};const d=(e,t)=>{if(n)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),s=l.litNonce;void 0!==s&&t.setAttribute("nonce",s),t.textContent=i.cssText,e.appendChild(t)}},p=n?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new o("string"==typeof e?e:e+"",void 0,r))(t)})(e):e,{is:c,defineProperty:m,getOwnPropertyDescriptor:g,getOwnPropertyNames:y,getOwnPropertySymbols:f,getPrototypeOf:u}=Object,$=globalThis,z=$.trustedTypes,v=z?z.emptyScript:"",S=$.reactiveElementPolyfillSupport,b=(e,t)=>e,E={toAttribute(e,t){switch(t){case Boolean:e=e?v:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},w=(e,t)=>!c(e,t),_={attribute:!0,type:String,converter:E,reflect:!1,useDefault:!1,hasChanged:w};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),z.litPropertyMetadata??=new WeakMap;class k extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=P){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(e,i,t);void 0!==s&&g(this.prototype,e,s)}}static getPropertyDescriptor(e,t,i){const{get:s,set:a}=y(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:s,set(t){const l=s?.call(this);a?.call(this,t),this.requestUpdate(e,l,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??P}static _$Ei(){if(this.hasOwnProperty(E("elementProperties")))return;const e=$(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(E("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(E("properties"))){const e=this.properties,t=[...f(e),...u(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(c(e))}else void 0!==e&&t.push(c(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.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(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return p(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),s=this.constructor._$Eu(e,i);if(void 0!==s&&!0===i.reflect){const a=(void 0!==i.converter?.toAttribute?i.converter:w).toAttribute(t,i.type);this._$Em=e,null==a?this.removeAttribute(s):this.setAttribute(s,a),this._$Em=null}}_$AK(e,t){const i=this.constructor,s=i._$Eh.get(e);if(void 0!==s&&this._$Em!==s){const e=i.getPropertyOptions(s),a="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:w;this._$Em=s;const l=a.fromAttribute(t,e.type);this[s]=l??this._$Ej?.get(s)??l,this._$Em=null}}requestUpdate(e,t,i){if(void 0!==e){const s=this.constructor,a=this[e];if(i??=s.getPropertyOptions(e),!((i.hasChanged??_)(a,t)||i.useDefault&&i.reflect&&a===this._$Ej?.get(e)&&!this.hasAttribute(s._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:s,wrapped:a},l){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,l??t??this[e]),!0!==a||void 0!==l)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===s&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,s=this[t];!0!==e||this._$AL.has(t)||void 0===s||this.C(t,void 0,i,s)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}}k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[E("elementProperties")]=new Map,k[E("finalized")]=new Map,b?.({ReactiveElement:k}),(z.reactiveElementVersions??=[]).push("2.1.1");
+ */Symbol.metadata??=Symbol("metadata"),$.litPropertyMetadata??=new WeakMap;class P extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=_){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(e,i,t);void 0!==s&&m(this.prototype,e,s)}}static getPropertyDescriptor(e,t,i){const{get:s,set:a}=g(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:s,set(t){const l=s?.call(this);a?.call(this,t),this.requestUpdate(e,l,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??_}static _$Ei(){if(this.hasOwnProperty(b("elementProperties")))return;const e=u(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(b("properties"))){const e=this.properties,t=[...y(e),...f(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(p(e))}else void 0!==e&&t.push(p(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.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(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),s=this.constructor._$Eu(e,i);if(void 0!==s&&!0===i.reflect){const a=(void 0!==i.converter?.toAttribute?i.converter:E).toAttribute(t,i.type);this._$Em=e,null==a?this.removeAttribute(s):this.setAttribute(s,a),this._$Em=null}}_$AK(e,t){const i=this.constructor,s=i._$Eh.get(e);if(void 0!==s&&this._$Em!==s){const e=i.getPropertyOptions(s),a="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:E;this._$Em=s;const l=a.fromAttribute(t,e.type);this[s]=l??this._$Ej?.get(s)??l,this._$Em=null}}requestUpdate(e,t,i){if(void 0!==e){const s=this.constructor,a=this[e];if(i??=s.getPropertyOptions(e),!((i.hasChanged??w)(a,t)||i.useDefault&&i.reflect&&a===this._$Ej?.get(e)&&!this.hasAttribute(s._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:s,wrapped:a},l){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,l??t??this[e]),!0!==a||void 0!==l)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===s&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,s=this[t];!0!==e||this._$AL.has(t)||void 0===s||this.C(t,void 0,i,s)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}}P.elementStyles=[],P.shadowRootOptions={mode:"open"},P[b("elementProperties")]=new Map,P[b("finalized")]=new Map,S?.({ReactiveElement:P}),($.reactiveElementVersions??=[]).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const U={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:_},O=(e=U,t,i)=>{const{kind:s,metadata:a}=i;let l=globalThis.litPropertyMetadata.get(a);if(void 0===l&&globalThis.litPropertyMetadata.set(a,l=new Map),"setter"===s&&((e=Object.create(e)).wrapped=!0),l.set(i.name,e),"accessor"===s){const{name:s}=i;return{set(i){const a=t.get.call(this);t.set.call(this,i),this.requestUpdate(s,a,e)},init(t){return void 0!==t&&this.C(s,void 0,e,t),t}}}if("setter"===s){const{name:s}=i;return function(i){const a=this[s];t.call(this,i),this.requestUpdate(s,a,e)}}throw Error("Unsupported decorator location: "+s)};function C(e){return(t,i)=>"object"==typeof i?O(e,t,i):((e,t,i)=>{const s=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),s?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}let A=class extends(s(e,"none")){constructor(){super(...arguments),this.emphasized=!1,this.variant="display",this.size="medium"}update(e){super.update(e),e.has("level")&&(this.ariaLevel=void 0!==this.level?`${this.level}`:null,this.role=this.ariaLevel?"heading":"none")}render(){return t`<slot></slot>`}};A.styles=i`
+const k={attribute:!0,type:String,converter:E,reflect:!1,hasChanged:w},U=(e=k,t,i)=>{const{kind:s,metadata:a}=i;let l=globalThis.litPropertyMetadata.get(a);if(void 0===l&&globalThis.litPropertyMetadata.set(a,l=new Map),"setter"===s&&((e=Object.create(e)).wrapped=!0),l.set(i.name,e),"accessor"===s){const{name:s}=i;return{set(i){const a=t.get.call(this);t.set.call(this,i),this.requestUpdate(s,a,e)},init(t){return void 0!==t&&this.C(s,void 0,e,t),t}}}if("setter"===s){const{name:s}=i;return function(i){const a=this[s];t.call(this,i),this.requestUpdate(s,a,e)}}throw Error("Unsupported decorator location: "+s)};function O(e){return(t,i)=>"object"==typeof i?U(e,t,i):((e,t,i)=>{const s=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),s?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}let C=class extends t{constructor(){super(...arguments),this.emphasized=!1,this.variant="display",this.size="medium"}update(e){super.update(e),e.has("level")&&(this.ariaLevel=void 0!==this.level?`${this.level}`:null,this.role=this.ariaLevel?"heading":null)}render(){return i`<slot></slot>`}};C.styles=e`
     :host {
       display: block;
     }
     :host([variant="display"][size="large"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.display.large.fontSize};
-      font-weight: ${a.typescale.standard.display.large.fontWeight};
-      line-height: ${a.typescale.standard.display.large.lineHeight};
-      letter-spacing: ${a.typescale.standard.display.large.tracking};
+      font-size: ${s.typescale.standard.display.large.fontSize};
+      font-weight: ${s.typescale.standard.display.large.fontWeight};
+      line-height: ${s.typescale.standard.display.large.lineHeight};
+      letter-spacing: ${s.typescale.standard.display.large.tracking};
     }
     :host([variant="display"][size="medium"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.display.medium.fontSize};
-      font-weight: ${a.typescale.standard.display.medium.fontWeight};
-      line-height: ${a.typescale.standard.display.medium.lineHeight};
-      letter-spacing: ${a.typescale.standard.display.medium.tracking};
+      font-size: ${s.typescale.standard.display.medium.fontSize};
+      font-weight: ${s.typescale.standard.display.medium.fontWeight};
+      line-height: ${s.typescale.standard.display.medium.lineHeight};
+      letter-spacing: ${s.typescale.standard.display.medium.tracking};
     }
     :host([variant="display"][size="small"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.display.small.fontSize};
-      font-weight: ${a.typescale.standard.display.small.fontWeight};
-      line-height: ${a.typescale.standard.display.small.lineHeight};
-      letter-spacing: ${a.typescale.standard.display.small.tracking};
+      font-size: ${s.typescale.standard.display.small.fontSize};
+      font-weight: ${s.typescale.standard.display.small.fontWeight};
+      line-height: ${s.typescale.standard.display.small.lineHeight};
+      letter-spacing: ${s.typescale.standard.display.small.tracking};
     }
     :host([variant="headline"][size="large"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.headline.large.fontSize};
-      font-weight: ${a.typescale.standard.headline.large.fontWeight};
-      line-height: ${a.typescale.standard.headline.large.lineHeight};
-      letter-spacing: ${a.typescale.standard.headline.large.tracking};
+      font-size: ${s.typescale.standard.headline.large.fontSize};
+      font-weight: ${s.typescale.standard.headline.large.fontWeight};
+      line-height: ${s.typescale.standard.headline.large.lineHeight};
+      letter-spacing: ${s.typescale.standard.headline.large.tracking};
     }
     :host([variant="headline"][size="medium"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.headline.medium.fontSize};
-      font-weight: ${a.typescale.standard.headline.medium.fontWeight};
-      line-height: ${a.typescale.standard.headline.medium.lineHeight};
-      letter-spacing: ${a.typescale.standard.headline.medium.tracking};
+      font-size: ${s.typescale.standard.headline.medium.fontSize};
+      font-weight: ${s.typescale.standard.headline.medium.fontWeight};
+      line-height: ${s.typescale.standard.headline.medium.lineHeight};
+      letter-spacing: ${s.typescale.standard.headline.medium.tracking};
     }
     :host([variant="headline"][size="small"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.headline.small.fontSize};
-      font-weight: ${a.typescale.standard.headline.small.fontWeight};
-      line-height: ${a.typescale.standard.headline.small.lineHeight};
-      letter-spacing: ${a.typescale.standard.headline.small.tracking};
+      font-size: ${s.typescale.standard.headline.small.fontSize};
+      font-weight: ${s.typescale.standard.headline.small.fontWeight};
+      line-height: ${s.typescale.standard.headline.small.lineHeight};
+      letter-spacing: ${s.typescale.standard.headline.small.tracking};
     }
     :host([variant="title"][size="large"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.title.large.fontSize};
-      font-weight: ${a.typescale.standard.title.large.fontWeight};
-      line-height: ${a.typescale.standard.title.large.lineHeight};
-      letter-spacing: ${a.typescale.standard.title.large.tracking};
+      font-size: ${s.typescale.standard.title.large.fontSize};
+      font-weight: ${s.typescale.standard.title.large.fontWeight};
+      line-height: ${s.typescale.standard.title.large.lineHeight};
+      letter-spacing: ${s.typescale.standard.title.large.tracking};
     }
     :host([variant="title"][size="medium"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.title.medium.fontSize};
-      font-weight: ${a.typescale.standard.title.medium.fontWeight};
-      line-height: ${a.typescale.standard.title.medium.lineHeight};
-      letter-spacing: ${a.typescale.standard.title.medium.tracking};
+      font-size: ${s.typescale.standard.title.medium.fontSize};
+      font-weight: ${s.typescale.standard.title.medium.fontWeight};
+      line-height: ${s.typescale.standard.title.medium.lineHeight};
+      letter-spacing: ${s.typescale.standard.title.medium.tracking};
     }
     :host([variant="title"][size="small"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.title.small.fontSize};
-      font-weight: ${a.typescale.standard.title.small.fontWeight};
-      line-height: ${a.typescale.standard.title.small.lineHeight};
-      letter-spacing: ${a.typescale.standard.title.small.tracking};
+      font-size: ${s.typescale.standard.title.small.fontSize};
+      font-weight: ${s.typescale.standard.title.small.fontWeight};
+      line-height: ${s.typescale.standard.title.small.lineHeight};
+      letter-spacing: ${s.typescale.standard.title.small.tracking};
     }
     :host([variant="label"][size="large"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.label.large.fontSize};
-      font-weight: ${a.typescale.standard.label.large.fontWeight};
-      line-height: ${a.typescale.standard.label.large.lineHeight};
-      letter-spacing: ${a.typescale.standard.label.large.tracking};
+      font-size: ${s.typescale.standard.label.large.fontSize};
+      font-weight: ${s.typescale.standard.label.large.fontWeight};
+      line-height: ${s.typescale.standard.label.large.lineHeight};
+      letter-spacing: ${s.typescale.standard.label.large.tracking};
     }
     :host([variant="label"][size="medium"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.label.medium.fontSize};
-      font-weight: ${a.typescale.standard.label.medium.fontWeight};
-      line-height: ${a.typescale.standard.label.medium.lineHeight};
-      letter-spacing: ${a.typescale.standard.label.medium.tracking};
+      font-size: ${s.typescale.standard.label.medium.fontSize};
+      font-weight: ${s.typescale.standard.label.medium.fontWeight};
+      line-height: ${s.typescale.standard.label.medium.lineHeight};
+      letter-spacing: ${s.typescale.standard.label.medium.tracking};
     }
     :host([variant="label"][size="small"]:not([emphasized])) {
-      font-size: ${a.typescale.standard.label.small.fontSize};
-      font-weight: ${a.typescale.standard.label.small.fontWeight};
-      line-height: ${a.typescale.standard.label.small.lineHeight};
-      letter-spacing: ${a.typescale.standard.label.small.tracking};
+      font-size: ${s.typescale.standard.label.small.fontSize};
+      font-weight: ${s.typescale.standard.label.small.fontWeight};
+      line-height: ${s.typescale.standard.label.small.lineHeight};
+      letter-spacing: ${s.typescale.standard.label.small.tracking};
     }
     :host([variant="display"][size="large"][emphasized]) {
-      font-size: ${a.typescale.emphasized.display.large.fontSize};
-      font-weight: ${a.typescale.emphasized.display.large.fontWeight};
-      line-height: ${a.typescale.emphasized.display.large.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.display.large.tracking};
+      font-size: ${s.typescale.emphasized.display.large.fontSize};
+      font-weight: ${s.typescale.emphasized.display.large.fontWeight};
+      line-height: ${s.typescale.emphasized.display.large.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.display.large.tracking};
     }
     :host([variant="display"][size="medium"][emphasized]) {
-      font-size: ${a.typescale.emphasized.display.medium.fontSize};
-      font-weight: ${a.typescale.emphasized.display.medium.fontWeight};
-      line-height: ${a.typescale.emphasized.display.medium.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.display.medium.tracking};
+      font-size: ${s.typescale.emphasized.display.medium.fontSize};
+      font-weight: ${s.typescale.emphasized.display.medium.fontWeight};
+      line-height: ${s.typescale.emphasized.display.medium.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.display.medium.tracking};
     }
     :host([variant="display"][size="small"][emphasized]) {
-      font-size: ${a.typescale.emphasized.display.small.fontSize};
-      font-weight: ${a.typescale.emphasized.display.small.fontWeight};
-      line-height: ${a.typescale.emphasized.display.small.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.display.small.tracking};
+      font-size: ${s.typescale.emphasized.display.small.fontSize};
+      font-weight: ${s.typescale.emphasized.display.small.fontWeight};
+      line-height: ${s.typescale.emphasized.display.small.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.display.small.tracking};
     }
     :host([variant="headline"][size="large"][emphasized]) {
-      font-size: ${a.typescale.emphasized.headline.large.fontSize};
-      font-weight: ${a.typescale.emphasized.headline.large.fontWeight};
-      line-height: ${a.typescale.emphasized.headline.large.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.headline.large.tracking};
+      font-size: ${s.typescale.emphasized.headline.large.fontSize};
+      font-weight: ${s.typescale.emphasized.headline.large.fontWeight};
+      line-height: ${s.typescale.emphasized.headline.large.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.headline.large.tracking};
     }
     :host([variant="headline"][size="medium"][emphasized]) {
-      font-size: ${a.typescale.emphasized.headline.medium.fontSize};
-      font-weight: ${a.typescale.emphasized.headline.medium.fontWeight};
-      line-height: ${a.typescale.emphasized.headline.medium.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.headline.medium.tracking};
+      font-size: ${s.typescale.emphasized.headline.medium.fontSize};
+      font-weight: ${s.typescale.emphasized.headline.medium.fontWeight};
+      line-height: ${s.typescale.emphasized.headline.medium.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.headline.medium.tracking};
     }
     :host([variant="headline"][size="small"][emphasized]) {
-      font-size: ${a.typescale.emphasized.headline.small.fontSize};
-      font-weight: ${a.typescale.emphasized.headline.small.fontWeight};
-      line-height: ${a.typescale.emphasized.headline.small.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.headline.small.tracking};
+      font-size: ${s.typescale.emphasized.headline.small.fontSize};
+      font-weight: ${s.typescale.emphasized.headline.small.fontWeight};
+      line-height: ${s.typescale.emphasized.headline.small.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.headline.small.tracking};
     }
     :host([variant="title"][size="large"][emphasized]) {
-      font-size: ${a.typescale.emphasized.title.large.fontSize};
-      font-weight: ${a.typescale.emphasized.title.large.fontWeight};
-      line-height: ${a.typescale.emphasized.title.large.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.title.large.tracking};
+      font-size: ${s.typescale.emphasized.title.large.fontSize};
+      font-weight: ${s.typescale.emphasized.title.large.fontWeight};
+      line-height: ${s.typescale.emphasized.title.large.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.title.large.tracking};
     }
     :host([variant="title"][size="medium"][emphasized]) {
-      font-size: ${a.typescale.emphasized.title.medium.fontSize};
-      font-weight: ${a.typescale.emphasized.title.medium.fontWeight};
-      line-height: ${a.typescale.emphasized.title.medium.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.title.medium.tracking};
+      font-size: ${s.typescale.emphasized.title.medium.fontSize};
+      font-weight: ${s.typescale.emphasized.title.medium.fontWeight};
+      line-height: ${s.typescale.emphasized.title.medium.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.title.medium.tracking};
     }
     :host([variant="title"][size="small"][emphasized]) {
-      font-size: ${a.typescale.emphasized.title.small.fontSize};
-      font-weight: ${a.typescale.emphasized.title.small.fontWeight};
-      line-height: ${a.typescale.emphasized.title.small.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.title.small.tracking};
+      font-size: ${s.typescale.emphasized.title.small.fontSize};
+      font-weight: ${s.typescale.emphasized.title.small.fontWeight};
+      line-height: ${s.typescale.emphasized.title.small.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.title.small.tracking};
     }
     :host([variant="label"][size="large"][emphasized]) {
-      font-size: ${a.typescale.emphasized.label.large.fontSize};
-      font-weight: ${a.typescale.emphasized.label.large.fontWeight};
-      line-height: ${a.typescale.emphasized.label.large.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.label.large.tracking};
+      font-size: ${s.typescale.emphasized.label.large.fontSize};
+      font-weight: ${s.typescale.emphasized.label.large.fontWeight};
+      line-height: ${s.typescale.emphasized.label.large.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.label.large.tracking};
     }
     :host([variant="label"][size="medium"][emphasized]) {
-      font-size: ${a.typescale.emphasized.label.medium.fontSize};
-      font-weight: ${a.typescale.emphasized.label.medium.fontWeight};
-      line-height: ${a.typescale.emphasized.label.medium.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.label.medium.tracking};
+      font-size: ${s.typescale.emphasized.label.medium.fontSize};
+      font-weight: ${s.typescale.emphasized.label.medium.fontWeight};
+      line-height: ${s.typescale.emphasized.label.medium.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.label.medium.tracking};
     }
     :host([variant="label"][size="small"][emphasized]) {
-      font-size: ${a.typescale.emphasized.label.small.fontSize};
-      font-weight: ${a.typescale.emphasized.label.small.fontWeight};
-      line-height: ${a.typescale.emphasized.label.small.lineHeight};
-      letter-spacing: ${a.typescale.emphasized.label.small.tracking};
+      font-size: ${s.typescale.emphasized.label.small.fontSize};
+      font-weight: ${s.typescale.emphasized.label.small.fontWeight};
+      line-height: ${s.typescale.emphasized.label.small.lineHeight};
+      letter-spacing: ${s.typescale.emphasized.label.small.tracking};
     }
-  `,l([C({type:Boolean,reflect:!0})],A.prototype,"emphasized",void 0),l([C({reflect:!0})],A.prototype,"variant",void 0),l([C({reflect:!0})],A.prototype,"size",void 0),l([C({type:Number})],A.prototype,"level",void 0),A=l([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("m3e-heading")],A);export{A as M3eHeadingElement};
+  `,a([O({type:Boolean,reflect:!0})],C.prototype,"emphasized",void 0),a([O({reflect:!0})],C.prototype,"variant",void 0),a([O({reflect:!0})],C.prototype,"size",void 0),a([O({type:Number})],C.prototype,"level",void 0),C=a([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("m3e-heading")],C);export{C as M3eHeadingElement};
 //# sourceMappingURL=index.min.js.map