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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.min.js CHANGED
@@ -3,175 +3,175 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
- 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;
6
+ 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;
7
7
  /**
8
8
  * @license
9
9
  * Copyright 2017 Google LLC
10
10
  * SPDX-License-Identifier: BSD-3-Clause
11
11
  */
12
- 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;
12
+ 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;
13
13
  /**
14
14
  * @license
15
15
  * Copyright 2019 Google LLC
16
16
  * SPDX-License-Identifier: BSD-3-Clause
17
- */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:_};
17
+ */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};
18
18
  /**
19
19
  * @license
20
20
  * Copyright 2017 Google LLC
21
21
  * SPDX-License-Identifier: BSD-3-Clause
22
- */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");
22
+ */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");
23
23
  /**
24
24
  * @license
25
25
  * Copyright 2017 Google LLC
26
26
  * SPDX-License-Identifier: BSD-3-Clause
27
27
  */
28
- 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`
28
+ 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`
29
29
  :host {
30
30
  display: block;
31
31
  }
32
32
  :host([variant="display"][size="large"]:not([emphasized])) {
33
- font-size: ${a.typescale.standard.display.large.fontSize};
34
- font-weight: ${a.typescale.standard.display.large.fontWeight};
35
- line-height: ${a.typescale.standard.display.large.lineHeight};
36
- letter-spacing: ${a.typescale.standard.display.large.tracking};
33
+ font-size: ${s.typescale.standard.display.large.fontSize};
34
+ font-weight: ${s.typescale.standard.display.large.fontWeight};
35
+ line-height: ${s.typescale.standard.display.large.lineHeight};
36
+ letter-spacing: ${s.typescale.standard.display.large.tracking};
37
37
  }
38
38
  :host([variant="display"][size="medium"]:not([emphasized])) {
39
- font-size: ${a.typescale.standard.display.medium.fontSize};
40
- font-weight: ${a.typescale.standard.display.medium.fontWeight};
41
- line-height: ${a.typescale.standard.display.medium.lineHeight};
42
- letter-spacing: ${a.typescale.standard.display.medium.tracking};
39
+ font-size: ${s.typescale.standard.display.medium.fontSize};
40
+ font-weight: ${s.typescale.standard.display.medium.fontWeight};
41
+ line-height: ${s.typescale.standard.display.medium.lineHeight};
42
+ letter-spacing: ${s.typescale.standard.display.medium.tracking};
43
43
  }
44
44
  :host([variant="display"][size="small"]:not([emphasized])) {
45
- font-size: ${a.typescale.standard.display.small.fontSize};
46
- font-weight: ${a.typescale.standard.display.small.fontWeight};
47
- line-height: ${a.typescale.standard.display.small.lineHeight};
48
- letter-spacing: ${a.typescale.standard.display.small.tracking};
45
+ font-size: ${s.typescale.standard.display.small.fontSize};
46
+ font-weight: ${s.typescale.standard.display.small.fontWeight};
47
+ line-height: ${s.typescale.standard.display.small.lineHeight};
48
+ letter-spacing: ${s.typescale.standard.display.small.tracking};
49
49
  }
50
50
  :host([variant="headline"][size="large"]:not([emphasized])) {
51
- font-size: ${a.typescale.standard.headline.large.fontSize};
52
- font-weight: ${a.typescale.standard.headline.large.fontWeight};
53
- line-height: ${a.typescale.standard.headline.large.lineHeight};
54
- letter-spacing: ${a.typescale.standard.headline.large.tracking};
51
+ font-size: ${s.typescale.standard.headline.large.fontSize};
52
+ font-weight: ${s.typescale.standard.headline.large.fontWeight};
53
+ line-height: ${s.typescale.standard.headline.large.lineHeight};
54
+ letter-spacing: ${s.typescale.standard.headline.large.tracking};
55
55
  }
56
56
  :host([variant="headline"][size="medium"]:not([emphasized])) {
57
- font-size: ${a.typescale.standard.headline.medium.fontSize};
58
- font-weight: ${a.typescale.standard.headline.medium.fontWeight};
59
- line-height: ${a.typescale.standard.headline.medium.lineHeight};
60
- letter-spacing: ${a.typescale.standard.headline.medium.tracking};
57
+ font-size: ${s.typescale.standard.headline.medium.fontSize};
58
+ font-weight: ${s.typescale.standard.headline.medium.fontWeight};
59
+ line-height: ${s.typescale.standard.headline.medium.lineHeight};
60
+ letter-spacing: ${s.typescale.standard.headline.medium.tracking};
61
61
  }
62
62
  :host([variant="headline"][size="small"]:not([emphasized])) {
63
- font-size: ${a.typescale.standard.headline.small.fontSize};
64
- font-weight: ${a.typescale.standard.headline.small.fontWeight};
65
- line-height: ${a.typescale.standard.headline.small.lineHeight};
66
- letter-spacing: ${a.typescale.standard.headline.small.tracking};
63
+ font-size: ${s.typescale.standard.headline.small.fontSize};
64
+ font-weight: ${s.typescale.standard.headline.small.fontWeight};
65
+ line-height: ${s.typescale.standard.headline.small.lineHeight};
66
+ letter-spacing: ${s.typescale.standard.headline.small.tracking};
67
67
  }
68
68
  :host([variant="title"][size="large"]:not([emphasized])) {
69
- font-size: ${a.typescale.standard.title.large.fontSize};
70
- font-weight: ${a.typescale.standard.title.large.fontWeight};
71
- line-height: ${a.typescale.standard.title.large.lineHeight};
72
- letter-spacing: ${a.typescale.standard.title.large.tracking};
69
+ font-size: ${s.typescale.standard.title.large.fontSize};
70
+ font-weight: ${s.typescale.standard.title.large.fontWeight};
71
+ line-height: ${s.typescale.standard.title.large.lineHeight};
72
+ letter-spacing: ${s.typescale.standard.title.large.tracking};
73
73
  }
74
74
  :host([variant="title"][size="medium"]:not([emphasized])) {
75
- font-size: ${a.typescale.standard.title.medium.fontSize};
76
- font-weight: ${a.typescale.standard.title.medium.fontWeight};
77
- line-height: ${a.typescale.standard.title.medium.lineHeight};
78
- letter-spacing: ${a.typescale.standard.title.medium.tracking};
75
+ font-size: ${s.typescale.standard.title.medium.fontSize};
76
+ font-weight: ${s.typescale.standard.title.medium.fontWeight};
77
+ line-height: ${s.typescale.standard.title.medium.lineHeight};
78
+ letter-spacing: ${s.typescale.standard.title.medium.tracking};
79
79
  }
80
80
  :host([variant="title"][size="small"]:not([emphasized])) {
81
- font-size: ${a.typescale.standard.title.small.fontSize};
82
- font-weight: ${a.typescale.standard.title.small.fontWeight};
83
- line-height: ${a.typescale.standard.title.small.lineHeight};
84
- letter-spacing: ${a.typescale.standard.title.small.tracking};
81
+ font-size: ${s.typescale.standard.title.small.fontSize};
82
+ font-weight: ${s.typescale.standard.title.small.fontWeight};
83
+ line-height: ${s.typescale.standard.title.small.lineHeight};
84
+ letter-spacing: ${s.typescale.standard.title.small.tracking};
85
85
  }
86
86
  :host([variant="label"][size="large"]:not([emphasized])) {
87
- font-size: ${a.typescale.standard.label.large.fontSize};
88
- font-weight: ${a.typescale.standard.label.large.fontWeight};
89
- line-height: ${a.typescale.standard.label.large.lineHeight};
90
- letter-spacing: ${a.typescale.standard.label.large.tracking};
87
+ font-size: ${s.typescale.standard.label.large.fontSize};
88
+ font-weight: ${s.typescale.standard.label.large.fontWeight};
89
+ line-height: ${s.typescale.standard.label.large.lineHeight};
90
+ letter-spacing: ${s.typescale.standard.label.large.tracking};
91
91
  }
92
92
  :host([variant="label"][size="medium"]:not([emphasized])) {
93
- font-size: ${a.typescale.standard.label.medium.fontSize};
94
- font-weight: ${a.typescale.standard.label.medium.fontWeight};
95
- line-height: ${a.typescale.standard.label.medium.lineHeight};
96
- letter-spacing: ${a.typescale.standard.label.medium.tracking};
93
+ font-size: ${s.typescale.standard.label.medium.fontSize};
94
+ font-weight: ${s.typescale.standard.label.medium.fontWeight};
95
+ line-height: ${s.typescale.standard.label.medium.lineHeight};
96
+ letter-spacing: ${s.typescale.standard.label.medium.tracking};
97
97
  }
98
98
  :host([variant="label"][size="small"]:not([emphasized])) {
99
- font-size: ${a.typescale.standard.label.small.fontSize};
100
- font-weight: ${a.typescale.standard.label.small.fontWeight};
101
- line-height: ${a.typescale.standard.label.small.lineHeight};
102
- letter-spacing: ${a.typescale.standard.label.small.tracking};
99
+ font-size: ${s.typescale.standard.label.small.fontSize};
100
+ font-weight: ${s.typescale.standard.label.small.fontWeight};
101
+ line-height: ${s.typescale.standard.label.small.lineHeight};
102
+ letter-spacing: ${s.typescale.standard.label.small.tracking};
103
103
  }
104
104
  :host([variant="display"][size="large"][emphasized]) {
105
- font-size: ${a.typescale.emphasized.display.large.fontSize};
106
- font-weight: ${a.typescale.emphasized.display.large.fontWeight};
107
- line-height: ${a.typescale.emphasized.display.large.lineHeight};
108
- letter-spacing: ${a.typescale.emphasized.display.large.tracking};
105
+ font-size: ${s.typescale.emphasized.display.large.fontSize};
106
+ font-weight: ${s.typescale.emphasized.display.large.fontWeight};
107
+ line-height: ${s.typescale.emphasized.display.large.lineHeight};
108
+ letter-spacing: ${s.typescale.emphasized.display.large.tracking};
109
109
  }
110
110
  :host([variant="display"][size="medium"][emphasized]) {
111
- font-size: ${a.typescale.emphasized.display.medium.fontSize};
112
- font-weight: ${a.typescale.emphasized.display.medium.fontWeight};
113
- line-height: ${a.typescale.emphasized.display.medium.lineHeight};
114
- letter-spacing: ${a.typescale.emphasized.display.medium.tracking};
111
+ font-size: ${s.typescale.emphasized.display.medium.fontSize};
112
+ font-weight: ${s.typescale.emphasized.display.medium.fontWeight};
113
+ line-height: ${s.typescale.emphasized.display.medium.lineHeight};
114
+ letter-spacing: ${s.typescale.emphasized.display.medium.tracking};
115
115
  }
116
116
  :host([variant="display"][size="small"][emphasized]) {
117
- font-size: ${a.typescale.emphasized.display.small.fontSize};
118
- font-weight: ${a.typescale.emphasized.display.small.fontWeight};
119
- line-height: ${a.typescale.emphasized.display.small.lineHeight};
120
- letter-spacing: ${a.typescale.emphasized.display.small.tracking};
117
+ font-size: ${s.typescale.emphasized.display.small.fontSize};
118
+ font-weight: ${s.typescale.emphasized.display.small.fontWeight};
119
+ line-height: ${s.typescale.emphasized.display.small.lineHeight};
120
+ letter-spacing: ${s.typescale.emphasized.display.small.tracking};
121
121
  }
122
122
  :host([variant="headline"][size="large"][emphasized]) {
123
- font-size: ${a.typescale.emphasized.headline.large.fontSize};
124
- font-weight: ${a.typescale.emphasized.headline.large.fontWeight};
125
- line-height: ${a.typescale.emphasized.headline.large.lineHeight};
126
- letter-spacing: ${a.typescale.emphasized.headline.large.tracking};
123
+ font-size: ${s.typescale.emphasized.headline.large.fontSize};
124
+ font-weight: ${s.typescale.emphasized.headline.large.fontWeight};
125
+ line-height: ${s.typescale.emphasized.headline.large.lineHeight};
126
+ letter-spacing: ${s.typescale.emphasized.headline.large.tracking};
127
127
  }
128
128
  :host([variant="headline"][size="medium"][emphasized]) {
129
- font-size: ${a.typescale.emphasized.headline.medium.fontSize};
130
- font-weight: ${a.typescale.emphasized.headline.medium.fontWeight};
131
- line-height: ${a.typescale.emphasized.headline.medium.lineHeight};
132
- letter-spacing: ${a.typescale.emphasized.headline.medium.tracking};
129
+ font-size: ${s.typescale.emphasized.headline.medium.fontSize};
130
+ font-weight: ${s.typescale.emphasized.headline.medium.fontWeight};
131
+ line-height: ${s.typescale.emphasized.headline.medium.lineHeight};
132
+ letter-spacing: ${s.typescale.emphasized.headline.medium.tracking};
133
133
  }
134
134
  :host([variant="headline"][size="small"][emphasized]) {
135
- font-size: ${a.typescale.emphasized.headline.small.fontSize};
136
- font-weight: ${a.typescale.emphasized.headline.small.fontWeight};
137
- line-height: ${a.typescale.emphasized.headline.small.lineHeight};
138
- letter-spacing: ${a.typescale.emphasized.headline.small.tracking};
135
+ font-size: ${s.typescale.emphasized.headline.small.fontSize};
136
+ font-weight: ${s.typescale.emphasized.headline.small.fontWeight};
137
+ line-height: ${s.typescale.emphasized.headline.small.lineHeight};
138
+ letter-spacing: ${s.typescale.emphasized.headline.small.tracking};
139
139
  }
140
140
  :host([variant="title"][size="large"][emphasized]) {
141
- font-size: ${a.typescale.emphasized.title.large.fontSize};
142
- font-weight: ${a.typescale.emphasized.title.large.fontWeight};
143
- line-height: ${a.typescale.emphasized.title.large.lineHeight};
144
- letter-spacing: ${a.typescale.emphasized.title.large.tracking};
141
+ font-size: ${s.typescale.emphasized.title.large.fontSize};
142
+ font-weight: ${s.typescale.emphasized.title.large.fontWeight};
143
+ line-height: ${s.typescale.emphasized.title.large.lineHeight};
144
+ letter-spacing: ${s.typescale.emphasized.title.large.tracking};
145
145
  }
146
146
  :host([variant="title"][size="medium"][emphasized]) {
147
- font-size: ${a.typescale.emphasized.title.medium.fontSize};
148
- font-weight: ${a.typescale.emphasized.title.medium.fontWeight};
149
- line-height: ${a.typescale.emphasized.title.medium.lineHeight};
150
- letter-spacing: ${a.typescale.emphasized.title.medium.tracking};
147
+ font-size: ${s.typescale.emphasized.title.medium.fontSize};
148
+ font-weight: ${s.typescale.emphasized.title.medium.fontWeight};
149
+ line-height: ${s.typescale.emphasized.title.medium.lineHeight};
150
+ letter-spacing: ${s.typescale.emphasized.title.medium.tracking};
151
151
  }
152
152
  :host([variant="title"][size="small"][emphasized]) {
153
- font-size: ${a.typescale.emphasized.title.small.fontSize};
154
- font-weight: ${a.typescale.emphasized.title.small.fontWeight};
155
- line-height: ${a.typescale.emphasized.title.small.lineHeight};
156
- letter-spacing: ${a.typescale.emphasized.title.small.tracking};
153
+ font-size: ${s.typescale.emphasized.title.small.fontSize};
154
+ font-weight: ${s.typescale.emphasized.title.small.fontWeight};
155
+ line-height: ${s.typescale.emphasized.title.small.lineHeight};
156
+ letter-spacing: ${s.typescale.emphasized.title.small.tracking};
157
157
  }
158
158
  :host([variant="label"][size="large"][emphasized]) {
159
- font-size: ${a.typescale.emphasized.label.large.fontSize};
160
- font-weight: ${a.typescale.emphasized.label.large.fontWeight};
161
- line-height: ${a.typescale.emphasized.label.large.lineHeight};
162
- letter-spacing: ${a.typescale.emphasized.label.large.tracking};
159
+ font-size: ${s.typescale.emphasized.label.large.fontSize};
160
+ font-weight: ${s.typescale.emphasized.label.large.fontWeight};
161
+ line-height: ${s.typescale.emphasized.label.large.lineHeight};
162
+ letter-spacing: ${s.typescale.emphasized.label.large.tracking};
163
163
  }
164
164
  :host([variant="label"][size="medium"][emphasized]) {
165
- font-size: ${a.typescale.emphasized.label.medium.fontSize};
166
- font-weight: ${a.typescale.emphasized.label.medium.fontWeight};
167
- line-height: ${a.typescale.emphasized.label.medium.lineHeight};
168
- letter-spacing: ${a.typescale.emphasized.label.medium.tracking};
165
+ font-size: ${s.typescale.emphasized.label.medium.fontSize};
166
+ font-weight: ${s.typescale.emphasized.label.medium.fontWeight};
167
+ line-height: ${s.typescale.emphasized.label.medium.lineHeight};
168
+ letter-spacing: ${s.typescale.emphasized.label.medium.tracking};
169
169
  }
170
170
  :host([variant="label"][size="small"][emphasized]) {
171
- font-size: ${a.typescale.emphasized.label.small.fontSize};
172
- font-weight: ${a.typescale.emphasized.label.small.fontWeight};
173
- line-height: ${a.typescale.emphasized.label.small.lineHeight};
174
- letter-spacing: ${a.typescale.emphasized.label.small.tracking};
171
+ font-size: ${s.typescale.emphasized.label.small.fontSize};
172
+ font-weight: ${s.typescale.emphasized.label.small.fontWeight};
173
+ line-height: ${s.typescale.emphasized.label.small.lineHeight};
174
+ letter-spacing: ${s.typescale.emphasized.label.small.tracking};
175
175
  }
176
- `,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};
176
+ `,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};
177
177
  //# sourceMappingURL=index.min.js.map