@vandeurenglenn/lite-elements 0.3.18

package/exports/bundle/themes/default/typography.module.css

@@ -0,0 +1,150 @@
+.display-large{
+  font-family: var(--md-sys-typescale-display-large-font-family-name);
+  font-style: var(--md-sys-typescale-display-large-font-family-style);
+  font-weight: var(--md-sys-typescale-display-large-font-weight);
+  font-size: var(--md-sys-typescale-display-large-font-size);
+  letter-spacing: var(--md-sys-typescale-display-large-tracking);
+  line-height: var(--md-sys-typescale-display-large-height);
+  text-transform: var(--md-sys-typescale-display-large-text-transform);
+  text-decoration: var(--md-sys-typescale-display-large-text-decoration);
+}
+.display-medium{
+  font-family: var(--md-sys-typescale-display-medium-font-family-name);
+  font-style: var(--md-sys-typescale-display-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-display-medium-font-weight);
+  font-size: var(--md-sys-typescale-display-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
+  line-height: var(--md-sys-typescale-display-medium-height);
+  text-transform: var(--md-sys-typescale-display-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
+}
+.display-small{
+  font-family: var(--md-sys-typescale-display-small-font-family-name);
+  font-style: var(--md-sys-typescale-display-small-font-family-style);
+  font-weight: var(--md-sys-typescale-display-small-font-weight);
+  font-size: var(--md-sys-typescale-display-small-font-size);
+  letter-spacing: var(--md-sys-typescale-display-small-tracking);
+  line-height: var(--md-sys-typescale-display-small-height);
+  text-transform: var(--md-sys-typescale-display-small-text-transform);
+  text-decoration: var(--md-sys-typescale-display-small-text-decoration);
+}
+.headline-large{
+  font-family: var(--md-sys-typescale-headline-large-font-family-name);
+  font-style: var(--md-sys-typescale-headline-large-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-large-font-weight);
+  font-size: var(--md-sys-typescale-headline-large-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
+  line-height: var(--md-sys-typescale-headline-large-height);
+  text-transform: var(--md-sys-typescale-headline-large-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
+}
+.headline-medium{
+  font-family: var(--md-sys-typescale-headline-medium-font-family-name);
+  font-style: var(--md-sys-typescale-headline-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-medium-font-weight);
+  font-size: var(--md-sys-typescale-headline-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
+  line-height: var(--md-sys-typescale-headline-medium-height);
+  text-transform: var(--md-sys-typescale-headline-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
+}
+.headline-small{
+  font-family: var(--md-sys-typescale-headline-small-font-family-name);
+  font-style: var(--md-sys-typescale-headline-small-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-small-font-weight);
+  font-size: var(--md-sys-typescale-headline-small-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+  line-height: var(--md-sys-typescale-headline-small-height);
+  text-transform: var(--md-sys-typescale-headline-small-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
+}
+.body-large{
+  font-family: var(--md-sys-typescale-body-large-font-family-name);
+  font-style: var(--md-sys-typescale-body-large-font-family-style);
+  font-weight: var(--md-sys-typescale-body-large-font-weight);
+  font-size: var(--md-sys-typescale-body-large-font-size);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+  line-height: var(--md-sys-typescale-body-large-height);
+  text-transform: var(--md-sys-typescale-body-large-text-transform);
+  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
+}
+.body-medium{
+  font-family: var(--md-sys-typescale-body-medium-font-family-name);
+  font-style: var(--md-sys-typescale-body-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-body-medium-font-weight);
+  font-size: var(--md-sys-typescale-body-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  line-height: var(--md-sys-typescale-body-medium-height);
+  text-transform: var(--md-sys-typescale-body-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+}
+.body-small{
+  font-family: var(--md-sys-typescale-body-small-font-family-name);
+  font-style: var(--md-sys-typescale-body-small-font-family-style);
+  font-weight: var(--md-sys-typescale-body-small-font-weight);
+  font-size: var(--md-sys-typescale-body-small-font-size);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+  line-height: var(--md-sys-typescale-body-small-height);
+  text-transform: var(--md-sys-typescale-body-small-text-transform);
+  text-decoration: var(--md-sys-typescale-body-small-text-decoration);
+}
+.label-large{
+  font-family: var(--md-sys-typescale-label-large-font-family-name);
+  font-style: var(--md-sys-typescale-label-large-font-family-style);
+  font-weight: var(--md-sys-typescale-label-large-font-weight);
+  font-size: var(--md-sys-typescale-label-large-font-size);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+  line-height: var(--md-sys-typescale-label-large-height);
+  text-transform: var(--md-sys-typescale-label-large-text-transform);
+  text-decoration: var(--md-sys-typescale-label-large-text-decoration);
+}
+.label-medium{
+  font-family: var(--md-sys-typescale-label-medium-font-family-name);
+  font-style: var(--md-sys-typescale-label-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-label-medium-font-weight);
+  font-size: var(--md-sys-typescale-label-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+  line-height: var(--md-sys-typescale-label-medium-height);
+  text-transform: var(--md-sys-typescale-label-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
+}
+.label-small{
+  font-family: var(--md-sys-typescale-label-small-font-family-name);
+  font-style: var(--md-sys-typescale-label-small-font-family-style);
+  font-weight: var(--md-sys-typescale-label-small-font-weight);
+  font-size: var(--md-sys-typescale-label-small-font-size);
+  letter-spacing: var(--md-sys-typescale-label-small-tracking);
+  line-height: var(--md-sys-typescale-label-small-height);
+  text-transform: var(--md-sys-typescale-label-small-text-transform);
+  text-decoration: var(--md-sys-typescale-label-small-text-decoration);
+}
+.title-large{
+  font-family: var(--md-sys-typescale-title-large-font-family-name);
+  font-style: var(--md-sys-typescale-title-large-font-family-style);
+  font-weight: var(--md-sys-typescale-title-large-font-weight);
+  font-size: var(--md-sys-typescale-title-large-font-size);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+  line-height: var(--md-sys-typescale-title-large-height);
+  text-transform: var(--md-sys-typescale-title-large-text-transform);
+  text-decoration: var(--md-sys-typescale-title-large-text-decoration);
+}
+.title-medium{
+  font-family: var(--md-sys-typescale-title-medium-font-family-name);
+  font-style: var(--md-sys-typescale-title-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-title-medium-font-weight);
+  font-size: var(--md-sys-typescale-title-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+  line-height: var(--md-sys-typescale-title-medium-height);
+  text-transform: var(--md-sys-typescale-title-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
+}
+.title-small{
+  font-family: var(--md-sys-typescale-title-small-font-family-name);
+  font-style: var(--md-sys-typescale-title-small-font-family-style);
+  font-weight: var(--md-sys-typescale-title-small-font-weight);
+  font-size: var(--md-sys-typescale-title-small-font-size);
+  letter-spacing: var(--md-sys-typescale-title-small-tracking);
+  line-height: var(--md-sys-typescale-title-small-height);
+  text-transform: var(--md-sys-typescale-title-small-text-transform);
+  text-decoration: var(--md-sys-typescale-title-small-text-decoration);
+}

package/exports/bundle/time-picker.js

@@ -0,0 +1,21 @@
+import{_ as t,a as e,e as a}from"./custom-element-c2e883ba.js";import{j as s,v as l,D as i}from"./property-58e28172.js";import"./input.js";let c=(()=>{let c,n,m=[a("custom-time-picker")],p=[],o=i;return class extends o{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:n},m,{kind:"class",name:n.name,metadata:e},null,p),n=c.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
+      :host {
+        display: block;
+      }
+    `];render(){return l`
+      <time-picker-input></time-picker-input>
+      <div class="am-pm">
+        <span class="flex"></span>
+        <div class="am">am</div>
+        <span class="flex-2"></span>
+        <div class="pm">pm</div>
+        <span class="flex"></span>
+      </div>
+      <time-picker-hour-plate></time-picker-hour-plate>
+      <time-picker-minutes-plate></time-picker-minutes-plate>
+      <div class="actions">
+        <button class="cancel">cancel</button>
+        <span class="flex"></span>
+        <button class="ok">ok</button>
+      </div>
+    `}static{e(n,p)}},n})();export{c as CustomTimePicker};

package/exports/bundle/title.js

@@ -0,0 +1 @@
+

package/exports/bundle/toggle-button.js

@@ -0,0 +1,4 @@
+import{_ as t,a as e,e as s}from"./custom-element-c2e883ba.js";import{e as a,v as o,D as c}from"./property-58e28172.js";import"./button.js";import"./toggle.js";import"./elevation.js";let i=(()=>{let i,r,l,g,n=[s("custom-toggle-button")],m=[],u=c,v=[],h=[],d=[],_=[];return class extends u{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[a({type:Number})],g=[a({type:Array})],t(this,null,l,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:s},v,h),t(this,null,g,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:s},d,_),t(null,i={value:r},n,{kind:"class",name:r.name,metadata:s},null,m),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,m)}#t=e(this,v,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,h),e(this,d,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}get _toggle(){return this.shadowRoot.querySelector("custom-toggle")}_click=(e(this,_),()=>{this._toggle.next()});connectedCallback(){this.addEventListener("click",this._click)}disconnectedCallback(){this.removeEventListener("click",this._click)}_onactive=t=>{this.dispatchEvent(new CustomEvent("active",{detail:t.detail}))};render(){return o` <custom-button>
+      <custom-toggle slot="icon" .active=${this.active} @active=${this._onactive} .togglers=${this.togglers}>
+      </custom-toggle>
+    </custom-button>`}},r})();export{i as CustomToggleButton};

package/exports/bundle/toggle.js

@@ -0,0 +1,5 @@
+import{_ as t,a as e,e as s}from"./custom-element-c2e883ba.js";import{e as a,j as i,v as c,D as o}from"./property-58e28172.js";let r=(()=>{let r,n,g,l,h,v=[s("custom-toggle")],m=[],u=o,d=[],_=[],p=[],y=[],b=[],f=[];return class extends u{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;g=[a({type:Number})],l=[a({type:Array})],h=[a()],t(this,null,g,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:e},d,_),t(this,null,l,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:e},p,y),t(this,null,h,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:e},b,f),t(null,r={value:n},v,{kind:"class",name:n.name,metadata:e},null,m),n=r.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,d,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,_),e(this,p,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}#s=(e(this,y),e(this,b,void 0));get icon(){return this.#s}set icon(t){this.#s=t}restartOnEnd=(e(this,f),!0);onChange(t,e){"active"===t&&this.dispatchEvent(new CustomEvent("active",{detail:this.active})),("active"===t&&this.togglers||"togglers"===t&&void 0!==this.active)&&(this.icon=this.togglers[this.active])}async next(){this.active<this.togglers.length-1?this.active+=1:this.restartOnEnd&&(this.active=0)}previous(){0!==this.active&&(this.active-=1)}static styles=[i`
+      :host {
+        display: contents;
+      }
+    `];render(){return c`<custom-icon .icon=${this.icon}></custom-icon>`}static{e(n,m)}},n})();export{r as CustomToggle};

package/exports/bundle/top-app-bar-e6e33a9e.js

@@ -0,0 +1,114 @@
+import{_ as t,a as e,e as s}from"./custom-element-c2e883ba.js";import{e as i,j as r,v as n,D as a}from"./property-58e28172.js";import"./it-d4d177bf.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const o=globalThis,c=o.trustedTypes,l=c?c.createPolicy("lit-html",{createHTML:t=>t}):void 0,h="$lit$",d=`lit$${(Math.random()+"").slice(9)}$`,u="?"+d,p=`<${u}>`,g=document,m=()=>g.createComment(""),_=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,y="[ \t\n\f\r]",$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,f=/-->/g,v=/>/g,A=RegExp(`>|${y}(?:([^\\s"'>=/]+)(${y}*=${y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),x=/'/g,S=/"/g,T=/^(?:script|style|textarea|title)$/i,H=(t,...e)=>({_$litType$:1,strings:t,values:e}),j=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),k=new WeakMap,z=g.createTreeWalker(g,129);function O(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==l?l.createHTML(e):e}const B=(t,e)=>{const s=t.length-1,i=[];let r,n=2===e?"<svg>":"",a=$;for(let e=0;e<s;e++){const s=t[e];let o,c,l=-1,u=0;for(;u<s.length&&(a.lastIndex=u,c=a.exec(s),null!==c);)u=a.lastIndex,a===$?"!--"===c[1]?a=f:void 0!==c[1]?a=v:void 0!==c[2]?(T.test(c[2])&&(r=RegExp("</"+c[2],"g")),a=A):void 0!==c[3]&&(a=A):a===A?">"===c[0]?(a=r??$,l=-1):void 0===c[1]?l=-2:(l=a.lastIndex-c[2].length,o=c[1],a=void 0===c[3]?A:'"'===c[3]?S:x):a===S||a===x?a=A:a===f||a===v?a=$:(a=A,r=void 0);const g=a===A&&t[e+1].startsWith("/>")?" ":"";n+=a===$?s+p:l>=0?(i.push(o),s.slice(0,l)+h+s.slice(l)+d+g):s+d+(-2===l?e:g)}return[O(t,n+(t[s]||"<?>")+(2===e?"</svg>":"")),i]};class N{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,n=0;const a=t.length-1,o=this.parts,[l,p]=B(t,e);if(this.el=N.createElement(l,s),z.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=z.nextNode())&&o.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(h)){const e=p[n++],s=i.getAttribute(t).split(d),a=/([.?@])?(.*)/.exec(e);o.push({type:1,index:r,name:a[2],strings:s,ctor:"."===a[1]?M:"?"===a[1]?E:"@"===a[1]?I:R}),i.removeAttribute(t)}else t.startsWith(d)&&(o.push({type:6,index:r}),i.removeAttribute(t));if(T.test(i.tagName)){const t=i.textContent.split(d),e=t.length-1;if(e>0){i.textContent=c?c.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],m()),z.nextNode(),o.push({type:2,index:++r});i.append(t[e],m())}}}else if(8===i.nodeType)if(i.data===u)o.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(d,t+1));)o.push({type:7,index:r}),t+=d.length-1}r++}}static createElement(t,e){const s=g.createElement("template");return s.innerHTML=t,s}}function P(t,e,s=t,i){if(e===j)return e;let r=void 0!==i?s._$Co?.[i]:s._$Cl;const n=_(e)?void 0:e._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),void 0===n?r=void 0:(r=new n(t),r._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=r:s._$Cl=r),void 0!==r&&(e=P(t,r._$AS(t,e.values),r,i)),e}class C{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??g).importNode(e,!0);z.currentNode=i;let r=z.nextNode(),n=0,a=0,o=s[0];for(;void 0!==o;){if(n===o.index){let e;2===o.type?e=new w(r,r.nextSibling,this,t):1===o.type?e=new o.ctor(r,o.name,o.strings,this,t):6===o.type&&(e=new U(r,this,t)),this._$AV.push(e),o=s[++a]}n!==o?.index&&(r=z.nextNode(),n++)}return z.currentNode=g,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class w{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=P(this,t,e),_(t)?t===W||null==t||""===t?(this._$AH!==W&&this._$AR(),this._$AH=W):t!==this._$AH&&t!==j&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>b(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==W&&_(this._$AH)?this._$AA.nextSibling.data=t:this.T(g.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(O(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new C(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=k.get(t.strings);return void 0===e&&k.set(t.strings,e=new N(t)),e}k(t){b(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new w(this.S(m()),this.S(m()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,r){this.type=1,this._$AH=W,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=W}_$AI(t,e=this,s,i){const r=this.strings;let n=!1;if(void 0===r)t=P(this,t,e,0),n=!_(t)||t!==this._$AH&&t!==j,n&&(this._$AH=t);else{const i=t;let a,o;for(t=r[0],a=0;a<r.length-1;a++)o=P(this,i[s+a],e,a),o===j&&(o=this._$AH[a]),n||=!_(o)||o!==this._$AH[a],o===W?t=W:t!==W&&(t+=(o??"")+r[a+1]),this._$AH[a]=o}n&&!i&&this.j(t)}j(t){t===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class M extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===W?void 0:t}}class E extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==W)}}class I extends R{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){if((t=P(this,t,e,0)??W)===j)return;const s=this._$AH,i=t===W&&s!==W||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==W&&(s===W||i);i&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class U{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const L=o.litHtmlPolyfillSupport;L?.(N,w),(o.litHtmlVersions??=[]).push("3.1.2");const V=globalThis;V.ShadowRoot&&(void 0===V.ShadyCSS||V.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&CSSStyleSheet.prototype,Symbol.metadata??=Symbol("metadata");class D extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,s){this[t]=s}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return H`<slot></slot>`}requestRender(){((t,e,s)=>{const i=e;let r=i._$litPart$;if(void 0===r){const t=null;i._$litPart$=r=new w(e.insertBefore(m(),t),t,void 0,{})}r._$AI(t)})(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}}globalThis.pubsub=globalThis.pubsub||new class{subscribers={};verbose;constructor(t){this.verbose=t}_handleContext(t,e){return void 0===e&&(e=t),e}hasSubscribers(t){return!!this.subscribers[t]}subscribe(t,e,s){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0}),s=this._handleContext(e,s),this.subscribers[t].handlers.push(e.bind(s))}unsubscribe(t,e,s){if(!this.hasSubscribers(t))return;s=this._handleContext(e,s);const i=this.subscribers[t].handlers.indexOf(e.bind(s));this.subscribers[t].handlers.splice(i),0===this.subscribers[t].handlers.length&&delete this.subscribers[t]}publish(t,e,s){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const i=this.subscribers[t]?.value;if(this.verbose||s||i!==e){this.subscribers[t].value=e;for(const s of this.subscribers[t].handlers)s(e,i)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t){return new Promise((e=>{const s=i=>{e(i),this.unsubscribe(t,s)};this.subscribe(t,s)}))}};const q={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},F=(t,e)=>{let s=t;return e===Boolean?s=Boolean("true"===t):e===Number?s=Number(t):e===Uint8Array?s=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(s=JSON.parse(t),e===Map&&(s=new Map(t)),e===WeakMap&&(s=new WeakMap(t))),s},J=t=>{t={...q,...t};let e=0;return function(s,{kind:i,name:r,addInitializer:n,access:a,metadata:o}){const{type:c,reflect:l,attribute:h,renders:d,batches:u,batchDelay:p,consumer:g,provider:m,temporaryRender:_}=t,b=String(r),y=h&&"string"==typeof h?h:b,$=c===Boolean;if(n((async function(){"accessor"!==i&&console.warn(`${this.localName}: @property(${t}) ${b} ${i} is not supported`),h&&(o||(o={}),o.observedAttributes||(o.observedAttributes=new Map),o.observedAttributes.set(b,y)),g&&globalThis.pubsub.subscribe(r,(async t=>{this[r]=t}))})),"accessor"===i)return{get(){return f.call(this)},set(t){return v.call(this,t)},init(t){return this.hasAttribute(y)&&(t=$?this.hasAttribute(y):F(this.getAttribute(y),c)),void 0!==t&&v.call(this,t),g&&globalThis.pubsub.subscribers?.[r]?.value&&v.call(this,globalThis.pubsub.subscribers[r].value),this[r]}};function f(){const t=l?$?this.hasAttribute(y):F(this.getAttribute(y),c):this[`__${b}`]?this[`__${b}`]:this[`_${b}`];return g&&!this[`__${b}`]&&globalThis.pubsub.subscribers?.[b]?.value?(t!==globalThis.pubsub.subscribers[r].value&&v.call(this,globalThis.pubsub.subscribers[r].value),globalThis.pubsub.subscribers[r].value):t}async function v(t){if(m&&globalThis.pubsub.publish(r,t),this[`_${b}`]!==t){this.willChange&&(this[`__${b}`]=await this.willChange(r,t)),l?$?t||this[`__${b}`]?this.setAttribute(y,""):this.removeAttribute(y):t||this[`__${b}`]?this.setAttribute(y,((t,e)=>{let s=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let i;t!==Map&&t!==WeakMap||(i=Object(e).entries()),s=JSON.stringify(i)}return s})(c,this[`__${b}`]??t)):this.removeAttribute(y):this[`_${b}`]=t;const s=()=>{e=0,this.requestRender&&d&&this.requestRender(),this.onChange&&this.onChange(r,this[`__${b}`]??t)};u?(e===_&&s(),this[`_${b}_timeout`]&&clearTimeout(this[`_${b}_timeout`]),this[`_${b}_timeout`]=setTimeout(s,p)):s()}}}};var Z=function(t,e,s,i,r,n){function a(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var o,c=i.kind,l="getter"===c?"get":"setter"===c?"set":"value",h=!e&&t?i.static?t:t.prototype:null,d=e||(h?Object.getOwnPropertyDescriptor(h,i.name):{}),u=!1,p=s.length-1;p>=0;p--){var g={};for(var m in i)g[m]="access"===m?{}:i[m];for(var m in i.access)g.access[m]=i.access[m];g.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(a(t||null))};var _=(0,s[p])("accessor"===c?{get:d.get,set:d.set}:d[l],g);if("accessor"===c){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(o=a(_.get))&&(d.get=o),(o=a(_.set))&&(d.set=o),(o=a(_.init))&&r.unshift(o)}else(o=a(_))&&("field"===c?r.unshift(o):d[l]=o)}h&&Object.defineProperty(h,i.name,d),u=!0},G=function(t,e,s){for(var i=arguments.length>2,r=0;r<e.length;r++)s=i?e[r].call(t,s):e[r].call(t);return i?s:void 0};let K=(()=>{let t,e,s,i,r,n,a,o,c,l,h=D,d=[],u=[],p=[],g=[],m=[],_=[],b=[],y=[],$=[],f=[],v=[];return class FlexDisplay extends h{static{const A="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t=[J({type:String})],e=[J({type:String})],s=[J({type:String})],i=[J({type:String})],r=[J({type:String,reflect:!0})],n=[J({type:Boolean,reflect:!0})],a=[J({type:Boolean,reflect:!0,attribute:"center-center"})],o=[J({type:String})],c=[J({type:String})],l=[J({type:String})],Z(this,null,t,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:A},u,d),Z(this,null,e,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:A},p,d),Z(this,null,s,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:A},g,d),Z(this,null,i,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:A},m,d),Z(this,null,r,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:A},_,d),Z(this,null,n,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:A},b,d),Z(this,null,a,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:A},y,d),Z(this,null,o,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:A},$,d),Z(this,null,c,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:A},f,d),Z(this,null,l,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:A},v,d),A&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:A})}#t=(G(this,d),G(this,u,"0"));get padding(){return this.#t}set padding(t){this.#t=t}#e=G(this,p,"auto");get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=G(this,g,"auto");get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=G(this,m,"100%");get width(){return this.#i}set width(t){this.#i=t}#r=G(this,_,"row");get direction(){return this.#r}set direction(t){this.#r=t}#n=G(this,b,void 0);get center(){return this.#n}set center(t){this.#n=t}#a=G(this,y,void 0);get centerCenter(){return this.#a}set centerCenter(t){this.#a=t}#o=G(this,$,"flex-start");get justifyContent(){return this.#o}set justifyContent(t){this.#o=t}#c=G(this,f,"flex-start");get alignItems(){return this.#c}set alignItems(t){this.#c=t}#l=G(this,v,"border-box");get boxSizing(){return this.#l}set boxSizing(t){this.#l=t}render(){return H`
+      <style>
+        :host {
+          display: flex;
+          box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
+          max-width: var(--flex-display-max-width, ${this.maxWidth});
+          min-width: var(--flex-display-min-width, ${this.minWidth});
+          width: var(--flex-display-width, ${this.width});
+          flex-direction: var(--flex-display-direction, ${this.direction});
+          justify-content: var(
+            --flex-display-justify-content,
+            ${this.justifyContent}
+          );
+          align-items: var(--flex-display-align-items, ${this.alignItems});
+          padding: var(--flex-display-padding, ${this.padding});
+        }
+
+        :host([center]) {
+          align-items: center;
+        }
+
+        :host([center-center]) {
+          align-items: center;
+          justify-content: center;
+        }
+      </style>
+      <slot></slot>
+    `}}})();customElements.define("flex-row",class FlexRow extends K{constructor(){super(),this.direction="row",this.width="auto"}});let Q=(()=>{let o,c,l,h,d=[s("custom-top-app-bar")],u=[],p=a,g=[],m=[],_=[],b=[];return class extends p{static{c=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;l=[i({type:String,reflect:!0})],h=[i({type:Boolean,reflect:!0})],t(this,null,l,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},g,m),t(this,null,h,{kind:"accessor",name:"scrolling",static:!1,private:!1,access:{has:t=>"scrolling"in t,get:t=>t.scrolling,set:(t,e)=>{t.scrolling=e}},metadata:e},_,b),t(null,o={value:c},d,{kind:"class",name:c.name,metadata:e},null,u),c=o.value,e&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#h=e(this,g,"center-aligned");get type(){return this.#h}set type(t){this.#h=t}#d=(e(this,m),e(this,_,void 0));get scrolling(){return this.#d}set scrolling(t){this.#d=t}static styles=[r`
+      :host {
+        display: flex;
+        flex-direction: column;
+        width: calc(100% - 2px);
+        background-color: var(--md-sys-color-surface);
+        color: var(--md-sys-color-on-surface);
+        box-sizing: border-box;
+      }
+
+      .container {
+        padding: 20px 12px 24px 12px;
+        box-sizing: border-box;
+        position: relative;
+        height: 64px;
+      }
+
+      :host([type='center-aligned']) .container,
+      :host([type='small']) .container {
+        justify-content: center;
+      }
+
+      :host(:not([type='center-aligned'])) ::slotted([name='title']) {
+        padding-left: 16px;
+      }
+
+      :host(:not([type='large'])) ::slotted([name='title']) {
+        padding-bottom: 28px;
+      }
+
+      :host([type='medium']) .container {
+        height: 112px;
+      }
+      :host([type='large']) .container {
+        height: 152px;
+      }
+
+      :host([type='center-aligned']) slot[name='title']::slotted(*) {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      :host(:not([type='center-aligned'])) slot[name='title']::slotted(*) {
+        padding-left: 6px;
+      }
+
+      :host([scrolling]) {
+        --md-elevation-level: 2;
+        padding: 0 16px;
+      }
+
+      flex-row {
+        width: 100%;
+        align-items: center;
+      }
+
+      custom-elevation {
+        border-radius: var(--md-sys-shape-corner-large);
+      }
+    `];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return n`
+      <flex-column class="container">
+        <custom-elevation></custom-elevation>
+        <flex-row>
+          <slot name="start"></slot>
+          ${"center-aligned"===this.type||"small"===this.type?n`
+                <custom-typography>
+                  <slot name="title"></slot>
+                </custom-typography>
+              `:""}
+          <flex-it></flex-it>
+          <slot name="end"></slot>
+        </flex-row>
+        ${"medium"===this.type||"large"===this.type?n`
+              <flex-it></flex-it>
+              <custom-typography type="headline" size="small">
+                <slot name="title"></slot>
+              </custom-typography>
+            `:""}
+      </flex-column>
+    `}constructor(){super(...arguments),e(this,b)}static{e(c,u)}},c})();export{Q as C,K as F};

package/exports/bundle/top-app-bar.js

@@ -0,0 +1 @@
+import"./custom-element-c2e883ba.js";import"./property-58e28172.js";import"./it-d4d177bf.js";export{C as CustomTopAppBar}from"./top-app-bar-e6e33a9e.js";

package/exports/bundle/types.js

@@ -0,0 +1 @@
+

package/exports/bundle/typography.js

@@ -0,0 +1,156 @@
+import{_ as e,a as t,e as s}from"./custom-element-c2e883ba.js";import{e as a,j as l,v as y,D as i}from"./property-58e28172.js";let m=(()=>{let m,r,o,n,d=[s("custom-typography")],c=[],f=i,p=[],g=[],h=[],v=[];return class extends f{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[a({type:String,reflect:!0})],n=[a({type:String,reflect:!0})],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},p,g),e(this,null,n,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},h,v),e(null,m={value:r},d,{kind:"class",name:r.name,metadata:t},null,c),r=m.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"title");get type(){return this.#e}set type(e){this.#e=e}#t=(t(this,g),t(this,h,"large"));get size(){return this.#t}set size(e){this.#t=e}static styles=[l`
+      :host {
+        display: contents;
+      }
+
+      :host([type='display'][size='large']) slot {
+        font-family: var(--md-sys-typescale-display-large-font-family-name);
+        font-style: var(--md-sys-typescale-display-large-font-family-style);
+        font-weight: var(--md-sys-typescale-display-large-font-weight);
+        font-size: var(--md-sys-typescale-display-large-font-size);
+        letter-spacing: var(--md-sys-typescale-display-large-tracking);
+        line-height: var(--md-sys-typescale-display-large-height);
+        text-transform: var(--md-sys-typescale-display-large-text-transform);
+        text-decoration: var(--md-sys-typescale-display-large-text-decoration);
+      }
+      :host([type='display'][size='medium']) slot {
+        font-family: var(--md-sys-typescale-display-medium-font-family-name);
+        font-style: var(--md-sys-typescale-display-medium-font-family-style);
+        font-weight: var(--md-sys-typescale-display-medium-font-weight);
+        font-size: var(--md-sys-typescale-display-medium-font-size);
+        letter-spacing: var(--md-sys-typescale-display-medium-tracking);
+        line-height: var(--md-sys-typescale-display-medium-height);
+        text-transform: var(--md-sys-typescale-display-medium-text-transform);
+        text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
+      }
+      :host([type='display'][size='small']) slot {
+        font-family: var(--md-sys-typescale-display-small-font-family-name);
+        font-style: var(--md-sys-typescale-display-small-font-family-style);
+        font-weight: var(--md-sys-typescale-display-small-font-weight);
+        font-size: var(--md-sys-typescale-display-small-font-size);
+        letter-spacing: var(--md-sys-typescale-display-small-tracking);
+        line-height: var(--md-sys-typescale-display-small-height);
+        text-transform: var(--md-sys-typescale-display-small-text-transform);
+        text-decoration: var(--md-sys-typescale-display-small-text-decoration);
+      }
+      :host([type='headline'][size='large']) slot {
+        font-family: var(--md-sys-typescale-headline-large-font-family-name);
+        font-style: var(--md-sys-typescale-headline-large-font-family-style);
+        font-weight: var(--md-sys-typescale-headline-large-font-weight);
+        font-size: var(--md-sys-typescale-headline-large-font-size);
+        letter-spacing: var(--md-sys-typescale-headline-large-tracking);
+        line-height: var(--md-sys-typescale-headline-large-height);
+        text-transform: var(--md-sys-typescale-headline-large-text-transform);
+        text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
+      }
+      :host([type='headline'][size='medium']) slot {
+        font-family: var(--md-sys-typescale-headline-medium-font-family-name);
+        font-style: var(--md-sys-typescale-headline-medium-font-family-style);
+        font-weight: var(--md-sys-typescale-headline-medium-font-weight);
+        font-size: var(--md-sys-typescale-headline-medium-font-size);
+        letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
+        line-height: var(--md-sys-typescale-headline-medium-height);
+        text-transform: var(--md-sys-typescale-headline-medium-text-transform);
+        text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
+      }
+      :host([type='headline'][size='small']) slot {
+        font-family: var(--md-sys-typescale-headline-small-font-family-name);
+        font-style: var(--md-sys-typescale-headline-small-font-family-style);
+        font-weight: var(--md-sys-typescale-headline-small-font-weight);
+        font-size: var(--md-sys-typescale-headline-small-font-size);
+        letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+        line-height: var(--md-sys-typescale-headline-small-height);
+        text-transform: var(--md-sys-typescale-headline-small-text-transform);
+        text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
+      }
+      :host([type='body'][size='large']) slot {
+        font-family: var(--md-sys-typescale-body-large-font-family-name);
+        font-style: var(--md-sys-typescale-body-large-font-family-style);
+        font-weight: var(--md-sys-typescale-body-large-font-weight);
+        font-size: var(--md-sys-typescale-body-large-font-size);
+        letter-spacing: var(--md-sys-typescale-body-large-tracking);
+        line-height: var(--md-sys-typescale-body-large-height);
+        text-transform: var(--md-sys-typescale-body-large-text-transform);
+        text-decoration: var(--md-sys-typescale-body-large-text-decoration);
+      }
+      :host([type='body'][size='medium']) slot {
+        font-family: var(--md-sys-typescale-body-medium-font-family-name);
+        font-style: var(--md-sys-typescale-body-medium-font-family-style);
+        font-weight: var(--md-sys-typescale-body-medium-font-weight);
+        font-size: var(--md-sys-typescale-body-medium-font-size);
+        letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+        line-height: var(--md-sys-typescale-body-medium-height);
+        text-transform: var(--md-sys-typescale-body-medium-text-transform);
+        text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+      }
+      :host([type='body'][size='small']) slot {
+        font-family: var(--md-sys-typescale-body-small-font-family-name);
+        font-style: var(--md-sys-typescale-body-small-font-family-style);
+        font-weight: var(--md-sys-typescale-body-small-font-weight);
+        font-size: var(--md-sys-typescale-body-small-font-size);
+        letter-spacing: var(--md-sys-typescale-body-small-tracking);
+        line-height: var(--md-sys-typescale-body-small-height);
+        text-transform: var(--md-sys-typescale-body-small-text-transform);
+        text-decoration: var(--md-sys-typescale-body-small-text-decoration);
+      }
+      :host([type='label'][size='large']) slot {
+        font-family: var(--md-sys-typescale-label-large-font-family-name);
+        font-style: var(--md-sys-typescale-label-large-font-family-style);
+        font-weight: var(--md-sys-typescale-label-large-font-weight);
+        font-size: var(--md-sys-typescale-label-large-font-size);
+        letter-spacing: var(--md-sys-typescale-label-large-tracking);
+        line-height: var(--md-sys-typescale-label-large-height);
+        text-transform: var(--md-sys-typescale-label-large-text-transform);
+        text-decoration: var(--md-sys-typescale-label-large-text-decoration);
+      }
+      :host([type='label'][size='medium']) slot {
+        font-family: var(--md-sys-typescale-label-medium-font-family-name);
+        font-style: var(--md-sys-typescale-label-medium-font-family-style);
+        font-weight: var(--md-sys-typescale-label-medium-font-weight);
+        font-size: var(--md-sys-typescale-label-medium-font-size);
+        letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+        line-height: var(--md-sys-typescale-label-medium-height);
+        text-transform: var(--md-sys-typescale-label-medium-text-transform);
+        text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
+      }
+      :host([type='label'][size='small']) slot {
+        font-family: var(--md-sys-typescale-label-small-font-family-name);
+        font-style: var(--md-sys-typescale-label-small-font-family-style);
+        font-weight: var(--md-sys-typescale-label-small-font-weight);
+        font-size: var(--md-sys-typescale-label-small-font-size);
+        letter-spacing: var(--md-sys-typescale-label-small-tracking);
+        line-height: var(--md-sys-typescale-label-small-height);
+        text-transform: var(--md-sys-typescale-label-small-text-transform);
+        text-decoration: var(--md-sys-typescale-label-small-text-decoration);
+      }
+      :host([type='title'][size='large']) slot {
+        font-family: var(--md-sys-typescale-title-large-font-family-name);
+        font-style: var(--md-sys-typescale-title-large-font-family-style);
+        font-weight: var(--md-sys-typescale-title-large-font-weight);
+        font-size: var(--md-sys-typescale-title-large-font-size);
+        letter-spacing: var(--md-sys-typescale-title-large-tracking);
+        line-height: var(--md-sys-typescale-title-large-height);
+        text-transform: var(--md-sys-typescale-title-large-text-transform);
+        text-decoration: var(--md-sys-typescale-title-large-text-decoration);
+      }
+      :host([type='title'][size='medium']) slot {
+        font-family: var(--md-sys-typescale-title-medium-font-family-name);
+        font-style: var(--md-sys-typescale-title-medium-font-family-style);
+        font-weight: var(--md-sys-typescale-title-medium-font-weight);
+        font-size: var(--md-sys-typescale-title-medium-font-size);
+        letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+        line-height: var(--md-sys-typescale-title-medium-height);
+        text-transform: var(--md-sys-typescale-title-medium-text-transform);
+        text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
+      }
+      :host([type='title'][size='small']) slot {
+        font-family: var(--md-sys-typescale-title-small-font-family-name);
+        font-style: var(--md-sys-typescale-title-small-font-family-style);
+        font-weight: var(--md-sys-typescale-title-small-font-weight);
+        font-size: var(--md-sys-typescale-title-small-font-size);
+        letter-spacing: var(--md-sys-typescale-title-small-tracking);
+        line-height: var(--md-sys-typescale-title-small-height);
+        text-transform: var(--md-sys-typescale-title-small-text-transform);
+        text-decoration: var(--md-sys-typescale-title-small-text-decoration);
+      }
+    `];render(){return y` <slot></slot> `}constructor(){super(...arguments),t(this,v)}static{t(r,c)}},r})();export{m as CustomTypography};