@mhmo91/schmancy 0.2.201 → 0.2.203

package/dist/typography-BHkdocbi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-BHkdocbi.js","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Max lines / line clamping */\n\t:host([max-lines='1']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 1;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='2']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='3']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='4']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 4;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='5']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 5;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='6']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 6;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n`) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number, attribute: 'max-lines', reflect: true }) \n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"names":["SchmancyTypography","TailwindElement","css","constructor","super","arguments","this","type","token","html","__decorateClass","property","String","reflect","prototype","Number","attribute","customElement"],"mappings":";;;;;;;AAWa,IAAAA,IAAN,cAAiCC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAAjD,cAAAC;AAAAC,aAAAC,SAmSmEC,GAAAA,KAAAC,OAAA,QAQ/BD,KAAAE,QAAA;AAAA,EAAA;AAAA,EAgChC,SACF;AAAA,WAAAC;AAAAA,EAAA;AAAA;AAzCRC,EAAA,CADCC,EAAS,EAAEJ,MAAMK,QAAQC,YAlSdb,CAAAA,CAAAA,GAAAA,EAmSZc,WAAA,QAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEJ,MAAMK,QAAQC,YA1Sdb,CAAAA,CAAAA,GAAAA,EA2SZc,WAAA,SAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEJ,MAAMK,QAAQC,SAAAA,QAlTdb,EAmTZc,WAAA,SAAA,CASAJ,GAAAA,EAAA,CADCC,EAAS,EAAEJ,MAAMK,QAAQC,SAAAA,QA3Tdb,EA4TZc,WAAA,UAAA,CAUAJ,GAAAA,EAAA,CADCC,EAAS,EAAEJ,MAAMK,QAAQC,SAAS,GAAA,CAAA,CAAA,GArUvBb,EAsUZc,WAAA,aAAA,IAGAJ,EAAA,CADCC,EAAS,EAAEJ,MAAMQ,QAAQC,WAAW,aAAaH,YAxUtCb,CAAAA,CAAAA,GAAAA,EAyUZc,WAAA,YAAA,CAAA,GAzUYd,IAANU,EAAA,CADNO,EAAc,qBAAA,CAAA,GACFjB;"}

package/dist/typography-CJxLMGmy.cjs

@@ -0,0 +1,286 @@
+"use strict";const r=require("./tailwind.mixin-DUe4ADKX.cjs"),a=require("lit"),e=require("lit/decorators.js");var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(l,o,h,n)=>{for(var p,t=n>1?void 0:n?y(o,h):o,s=l.length-1;s>=0;s--)(p=l[s])&&(t=(n?p(o,h,t):p(t))||t);return n&&t&&g(o,h,t),t};exports.SchmancyTypography=class extends r.TailwindElement(a.css`
+	:host {
+		display: block;
+		font-family: inherit;
+		hyphens: none;
+	}
+
+	/* Text alignment */
+	:host([align='center']) {
+		text-align: center;
+	}
+
+	:host([align='left']) {
+		text-align: start;
+	}
+
+	:host([align='right']) {
+		text-align: right;
+	}
+
+	:host([align='justify']) {
+		text-align: justify;
+	}
+
+	/* Max lines / line clamping */
+	:host([max-lines='1']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 1;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='2']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='3']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 3;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='4']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 4;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='5']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 5;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='6']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 6;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	/* Font weight */
+	:host([weight='bold']) {
+		font-weight: 700;
+	}
+
+	:host([weight='medium']) {
+		font-weight: 500;
+	}
+
+	:host([weight='normal']) {
+		font-weight: 400;
+	}
+
+	/* Text transform */
+	:host([transform='uppercase']) {
+		text-transform: uppercase;
+	}
+
+	:host([transform='lowercase']) {
+		text-transform: lowercase;
+	}
+
+	:host([transform='capitalize']) {
+		text-transform: capitalize;
+	}
+
+	:host([transform='normal']) {
+		text-transform: none;
+	}
+
+	/* Display typography variants - Material Design 3 + Extended */
+	:host([type='display'][token='xl']) {
+		font-size: 72px;
+		line-height: 80px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='lg']) {
+		font-size: 57px;
+		line-height: 64px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='md']) {
+		font-size: 45px;
+		line-height: 52px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='sm']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='xs']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	/* Headline typography variants - Material Design 3 + Extended */
+	:host([type='headline'][token='xl']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='lg']) {
+		font-size: 32px;
+		line-height: 40px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='md']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='sm']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='xs']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	/* Title typography variants - Material Design 3 + Extended */
+	:host([type='title'][token='xl']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='lg']) {
+		font-size: 22px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Subtitle typography variants - Extended from Material Design 3 */
+	:host([type='subtitle'][token='xl']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='lg']) {
+		font-size: 18px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Body typography variants - Material Design 3 + Extended */
+	:host([type='body'][token='xl']) {
+		font-size: 18px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='lg']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='md']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='sm']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 400;
+	}
+
+	/* Label typography variants - Material Design 3 + Extended */
+	:host([type='label'][token='xl']) {
+		font-size: 16px;
+		line-height: 22px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='lg']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='md']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='sm']) {
+		font-size: 11px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 500;
+	}
+
+	/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */
+`){constructor(){super(...arguments),this.type="body",this.token="md"}render(){return a.html`<slot></slot>`}},i([e.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"type",2),i([e.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"token",2),i([e.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"align",2),i([e.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"weight",2),i([e.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"transform",2),i([e.property({type:Number,attribute:"max-lines",reflect:!0})],exports.SchmancyTypography.prototype,"maxLines",2),exports.SchmancyTypography=i([e.customElement("schmancy-typography")],exports.SchmancyTypography);
+//# sourceMappingURL=typography-CJxLMGmy.cjs.map

package/dist/typography-CJxLMGmy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-CJxLMGmy.cjs","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Max lines / line clamping */\n\t:host([max-lines='1']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 1;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='2']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='3']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='4']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 4;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='5']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 5;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='6']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 6;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n`) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number, attribute: 'max-lines', reflect: true }) \n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"names":["SchmancyTypography","TailwindElement","css","constructor","super","arguments","this","type","token","render","html","__decorateClass","property","String","reflect","prototype","Number","attribute","customElement"],"mappings":"8SAWaA,QAAAA,mBAAN,cAAiCC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAjD,aAAAC,CAAAC,MAAAC,GAAAA,SAAAA,EAmSmEC,KAAAC,KAAA,OAQ/BD,KAAAE,MAAA,IAAA,CAgChC,QAAAC,CACF,OAAAC,EAAAA,mBAAA,CAAA,EAzCRC,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAS,EAAA,CAAA,CAAA,EAlSvBd,2BAmSZe,UAAA,OAAA,CAAA,EAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAS,EAAA,CAAA,CAAA,EA1SvBd,2BA2SZe,UAAA,QAAA,CAAA,EAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAlTdd,CAAAA,CAAAA,EAAAA,2BAmTZe,UAAA,QAAA,CASAJ,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EA3Tdd,CAAAA,CAAAA,EAAAA,2BA4TZe,UAAA,SAAA,CAUAJ,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EArUdd,CAAAA,CAAAA,EAAAA,2BAsUZe,UAAA,YAAA,CAGAJ,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMS,OAAQC,UAAW,YAAaH,QAAAA,MAxUtCd,2BAyUZe,UAAA,WAAA,CAzUYf,EAAAA,QAANA,mBAAAW,EAAA,CADNO,EAAAA,cAAc,qBAAA,CAAA,EACFlB"}

package/dist/typography.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./typography-BLd8VN8Q.cjs");Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>e.SchmancyTypography});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./typography-CJxLMGmy.cjs");Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>e.SchmancyTypography});
 //# sourceMappingURL=typography.cjs.map

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { S as p } from "./typography-ClEPUgIN.js";
+import { S as p } from "./typography-BHkdocbi.js";
 export {
   p as SchmancyTypography
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.2.201",
+	"version": "0.2.203",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"packageManager": "yarn@4.6.0",
@@ -48,7 +48,7 @@
 	},
 	"homepage": "https://github.com/mhmo91/schmancy#readme",
 	"dependencies": {
-		"@floating-ui/dom": "^1.7.0",
+		"@floating-ui/dom": "^1.7.1",
 		"@lit-labs/motion": "^1.0.8",
 		"@lit-labs/virtualizer": "^2.1.0",
 		"@lit/context": "^1.1.5",
@@ -79,26 +79,26 @@
 	"devDependencies": {
 		"@tailwindcss/container-queries": "^0.1.1",
 		"@tailwindcss/forms": "^0.5.10",
-		"@tailwindcss/postcss": "^4.1.6",
-		"@tailwindcss/vite": "^4.1.6",
-		"@types/node": "^22.15.17",
+		"@tailwindcss/postcss": "^4.1.10",
+		"@tailwindcss/vite": "^4.1.10",
+		"@types/node": "^24.0.1",
 		"@types/uuid": "^10.0.0",
-		"@typescript-eslint/parser": "^8.32.0",
-		"@vitest/ui": "^3.1.3",
+		"@typescript-eslint/parser": "^8.34.0",
+		"@vitest/ui": "^3.2.3",
 		"autoprefixer": "^10.4.21",
 		"c8": "^10.1.3",
 		"deepmerge": "^4.3.1",
-		"eslint": "^9.26.0",
-		"happy-dom": "^17.4.7",
-		"postcss": "^8.5.3",
+		"eslint": "^9.28.0",
+		"happy-dom": "^18.0.1",
+		"postcss": "^8.5.5",
 		"prettier": "^3.5.3",
 		"rollup-plugin-copy": "^3.5.0",
-		"sass": "^1.88.0",
-		"tailwindcss": "^4.1.6",
+		"sass": "^1.89.2",
+		"tailwindcss": "^4.1.10",
 		"vite": "^6.3.5",
-		"vite-plugin-sitemap": "^0.7.1",
-		"vite-plugin-webfont-dl": "^3.10.4",
-		"vitest": "^3.1.3"
+		"vite-plugin-sitemap": "^0.8.2",
+		"vite-plugin-webfont-dl": "^3.10.5",
+		"vitest": "^3.2.3"
 	},
 	"peerDependencies": {
 		"lit": "^3.2.1",

package/types/src/area/area.component.d.ts

@@ -20,7 +20,7 @@ export declare class SchmancyArea extends SchmancyArea_base {
     getComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY): import("rxjs").Observable<RouteAction>;
     protected firstUpdated(): void;
     newPath(tag: string, route: RouteAction): string;
-    queryParamClear(params?: string[]): string;
+    queryParamClear(params?: string[] | boolean): string;
     checkForTeleportationRequests(): import("rxjs").Observable<any[]>;
     disconnectedCallback(): void;
     render(): TemplateResult<1>;

package/types/src/area/router.types.d.ts

@@ -4,7 +4,7 @@ export type RouteAction = {
     state?: Record<string, unknown>;
     params?: Record<string, unknown>;
     historyStrategy?: THistoryStrategy;
-    clearQueryParams?: string[] | null;
+    clearQueryParams?: string[] | boolean | null;
 };
 export type ActiveRoute = {
     component: string;

package/types/src/surface/surface.d.ts

@@ -38,7 +38,7 @@ export declare class SchmancySurface extends SchmancySurface_base {
      * Provided to descendant components via context.
      * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',
      * 'containerLow', 'container', 'containerHigh', 'containerHighest'.
-     * @default 'surface'
+     * @default 'container'
      */
     type: TSurfaceColor;
     /**

package/types/src/typography/typography.d.ts

@@ -1,4 +1,4 @@
-declare const SchmancyTypography_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+declare const SchmancyTypography_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
 /**
  * @element schmancy-typography
  * @slot - The text for the typography.
@@ -6,16 +6,16 @@ declare const SchmancyTypography_base: import("@mixins/index").Constructor<Custo
 export declare class SchmancyTypography extends SchmancyTypography_base {
     /**
      * @attr type - The type of the typography.
-     * @default inherit
-     * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' | 'caption'}
+     * @default 'body'
+     * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}
      */
-    type: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' | 'caption';
+    type: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label';
     /**
      * @attr token - The token of the typography.
      * @default 'md'
-     * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'}
+     * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
      */
-    token: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    token: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /**
      * @attr
      * @default inherit
@@ -29,7 +29,6 @@ export declare class SchmancyTypography extends SchmancyTypography_base {
      * @public
      */
     weight: 'normal' | 'medium' | 'bold' | undefined;
-    lineHeight: string | undefined;
     /**
      *
      * @attr
@@ -39,9 +38,7 @@ export declare class SchmancyTypography extends SchmancyTypography_base {
      */
     transform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined;
     maxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
-    letterSpacing: string | undefined;
-    fontSize: string | undefined;
-    render(): import("lit-html").TemplateResult<1>;
+    protected render(): unknown;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/area.component-C2dpnyWJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.component-C2dpnyWJ.cjs","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts"],"sourcesContent":["import { \n\tObservable, \n\tReplaySubject, \n\tSubject, \n\tbufferTime, \n\tfilter, \n\tfromEvent, \n\tmap, \n\tof, \n\tskip, \n\ttap, \n\ttimeout, \n\tzip,\n\tshareReplay,\n\tdistinctUntilChanged,\n\tcatchError,\n\tEMPTY\n} from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, AreaSubscription, RouteAction } from './router.types'\n\nexport const routerHistory = new Subject<RouteAction>()\n\nexport const FINDING_MORTIES = 'FINDING_MORTIES'\nexport const HERE_RICKY = 'HERE_RICKY'\nexport type HERE_RICKY_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\nexport type FINDING_MORTIES_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\n// WeakMap for better memory management of area subjects\nconst areaSubjectsCache = new WeakMap<AreaService, Map<string, ReplaySubject<ActiveRoute>>>()\n\nclass AreaService implements AreaSubscription {\n\tprivate static instance: AreaService\n\tpublic prettyURL = false\n\tpublic mode: 'SILENT' | 'HISTORY' = 'HISTORY'\n\tpublic request = new ReplaySubject<RouteAction>(1)\n\tpublic current = new Map<string, ActiveRoute>()\n\tpublic $current = new ReplaySubject<Map<string, ActiveRoute>>(1)\n\t\n\t// Create a dictionary of ReplaySubjects for area-specific subscriptions\n\tprivate get areaSubjects(): Map<string, ReplaySubject<ActiveRoute>> {\n\t\tlet subjects = areaSubjectsCache.get(this)\n\t\tif (!subjects) {\n\t\t\tsubjects = new Map()\n\t\t\tareaSubjectsCache.set(this, subjects)\n\t\t}\n\t\treturn subjects\n\t}\n\t\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\tprivate disposed = false\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t\t\n\t\t// Subscribe to current changes to update area-specific subjects\n\t\tthis.$current.subscribe(currentAreas => {\n\t\t\tif (this.disposed) return\n\t\t\t\n\t\t\t// For each area in the current map\n\t\t\tcurrentAreas.forEach((route, areaName) => {\n\t\t\t\t// Get or create a subject for this area\n\t\t\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\t\t\t// Emit the updated route to area-specific subscribers\n\t\t\t\tareaSubject.next(route)\n\t\t\t})\n\t\t})\n\t}\n\n\t/**\n\t * Get or create a ReplaySubject for a specific area with proper cleanup\n\t */\n\tprivate getOrCreateAreaSubject(areaName: string): ReplaySubject<ActiveRoute> {\n\t\tlet subject = this.areaSubjects.get(areaName)\n\t\t\n\t\tif (!subject || subject.closed) {\n\t\t\tsubject = new ReplaySubject<ActiveRoute>(1)\n\t\t\tthis.areaSubjects.set(areaName, subject)\n\t\t\t\n\t\t\t// If the area already exists in current, emit it immediately\n\t\t\tconst currentRoute = this.current.get(areaName)\n\t\t\tif (currentRoute) {\n\t\t\t\tsubject.next({\n\t\t\t\t\t...currentRoute,\n\t\t\t\t\t// Ensure state and params are initialized if undefined\n\t\t\t\t\tstate: currentRoute.state || {},\n\t\t\t\t\tparams: currentRoute.params || {}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn subject\n\t}\n\n\t/**\n\t * Subscribe to a specific area with caching\n\t */\n\ton(areaName: string, skipCurrent = false): Observable<ActiveRoute> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\tconst observable = areaSubject.asObservable().pipe(\n\t\t\t// Add distinct to prevent duplicate emissions\n\t\t\tdistinctUntilChanged((a, b) => \n\t\t\t\ta.component === b.component &&\n\t\t\t\tJSON.stringify(a.state) === JSON.stringify(b.state) &&\n\t\t\t\tJSON.stringify(a.params) === JSON.stringify(b.params)\n\t\t\t),\n\t\t\t// Share the subscription\n\t\t\tshareReplay(1)\n\t\t)\n\t\t\n\t\treturn skipCurrent ? observable.pipe(skip(1)) : observable\n\t}\n\t\n\t/**\n\t * Subscribe to all areas\n\t */\n\tall(skipCurrent = false): Observable<Map<string, ActiveRoute>> {\n\t\tconst observable = this.$current.asObservable().pipe(\n\t\t\tshareReplay(1)\n\t\t)\n\t\treturn skipCurrent ? observable.pipe(skip(1)) : observable\n\t}\n\t\n\t/**\n\t * Get state from an area with type safety\n\t */\n\tgetState<T = unknown>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.state),\n\t\t\tfilter((state): state is NonNullable<Record<string, unknown>> => \n\t\t\t\tstate !== undefined && state !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(state => state as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting state for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/**\n\t * Get params from an area with type safety\n\t */\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.params),\n\t\t\tfilter((params): params is NonNullable<Record<string, unknown>> => \n\t\t\t\tparams !== undefined && params !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(params => params as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting params for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/**\n\t * Get a specific param from an area with null safety\n\t */\n\tparam<T = unknown>(areaName: string, key: string): Observable<T> {\n\t\tif (!areaName || !key) {\n\t\t\tthrow new Error('Area name and key are required')\n\t\t}\n\t\t\n\t\treturn this.params<Record<string, unknown>>(areaName).pipe(\n\t\t\tmap(params => params[key]),\n\t\t\tfilter((value): value is NonNullable<unknown> => value !== undefined),\n\t\t\tdistinctUntilChanged(),\n\t\t\tmap(value => value as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting param \"${key}\" for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\n\t/**\n\t * Find teleportation components\n\t */\n\tfind() {\n\t\treturn zip([\n\t\t\tfromEvent<HERE_RICKY_EVENT>(window, HERE_RICKY).pipe(\n\t\t\t\tmap(e => e.detail),\n\t\t\t\tbufferTime(0),\n\t\t\t),\n\t\t\tof(1).pipe(tap(() => window.dispatchEvent(this.findingMortiesEvent))),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(1),\n\t\t\tcatchError(() => EMPTY)\n\t\t)\n\t}\n\n\t/**\n\t * Push a new route action with validation\n\t */\n\tpush(r: RouteAction) {\n\t\tif (!r.area) {\n\t\t\tthrow new Error('Area is required for route action')\n\t\t}\n\t\t\n\t\t// Ensure state and params are initialized\n\t\tconst routeAction: RouteAction = {\n\t\t\t...r,\n\t\t\tstate: r.state || {},\n\t\t\tparams: r.params || {}\n\t\t}\n\t\t\n\t\t// Add to history if enabled\n\t\tif (this.enableHistoryMode) {\n\t\t\trouterHistory.next(routeAction)\n\t\t}\n\t\t\n\t\tthis.request.next(routeAction)\n\t\t// Emit an area-specific event for those who want to listen directly to DOM events\n\t\tthis.dispatchAreaEvent(routeAction.area, routeAction)\n\t}\n\t\n\t/**\n\t * Dispatch a DOM event for a specific area change\n\t */\n\tprivate dispatchAreaEvent(areaName: string, routeAction: RouteAction) {\n\t\tconst eventName = `schmancy-area-${areaName}-changed`\n\t\tconst event = new CustomEvent(eventName, { \n\t\t\tdetail: { \n\t\t\t\tarea: areaName,\n\t\t\t\tcomponent: routeAction.component,\n\t\t\t\tstate: routeAction.state,\n\t\t\t\tparams: routeAction.params,\n\t\t\t\thistoryStrategy: routeAction.historyStrategy\n\t\t\t},\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t})\n\t\twindow.dispatchEvent(event)\n\t}\n\n\t/**\n\t * Remove an area from the current state\n\t */\n\tpop(name: string) {\n\t\tif (!name) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\tconst newState = { ...this.state }\n\t\tdelete newState[name]\n\t\t\n\t\t// Update the URL\n\t\tconst encoded = encodeURIComponent(JSON.stringify(newState))\n\t\thistory.replaceState(null, '', `/${encoded}${location.search}`)\n\t\t\n\t\t// Remove from current map\n\t\tthis.current.delete(name)\n\t\tthis.$current.next(this.current)\n\t\t\n\t\t// Complete the area subject\n\t\tconst areaSubject = this.areaSubjects.get(name)\n\t\tif (areaSubject) {\n\t\t\tareaSubject.complete()\n\t\t\tthis.areaSubjects.delete(name)\n\t\t}\n\t}\n\t\n\t/**\n\t * Clear all areas\n\t */\n\tclear() {\n\t\t// Complete all area subjects\n\t\tthis.areaSubjects.forEach(subject => subject.complete())\n\t\tthis.areaSubjects.clear()\n\t\t\n\t\t// Clear current state\n\t\tthis.current.clear()\n\t\tthis.$current.next(this.current)\n\t\t\n\t\t// Update URL\n\t\thistory.replaceState(null, '', `/${location.search}`)\n\t}\n\t\n\t/**\n\t * Dispose of the service and clean up resources\n\t */\n\tdispose() {\n\t\tif (this.disposed) return\n\t\t\n\t\tthis.disposed = true\n\t\t\n\t\t// Complete all subjects\n\t\tthis.areaSubjects.forEach(subject => subject.complete())\n\t\tthis.areaSubjects.clear()\n\t\t\n\t\tthis.request.complete()\n\t\tthis.$current.complete()\n\t\trouterHistory.complete()\n\t\t\n\t\t// Clear references\n\t\tthis.current.clear()\n\t\tareaSubjectsCache.delete(this)\n\t}\n\t\n\t/**\n\t * Get singleton instance\n\t */\n\tstatic getInstance() {\n\t\tif (!AreaService.instance) {\n\t\t\tAreaService.instance = new AreaService()\n\t\t}\n\t\treturn AreaService.instance\n\t}\n\n\t/**\n\t * Get current state from URL\n\t */\n\tget state(): Record<string, unknown> {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tif (!pathname) return {}\n\t\t\n\t\ttry {\n\t\t\tconst decoded = decodeURIComponent(pathname)\n\t\t\tconst parsed = JSON.parse(decoded)\n\t\t\t\n\t\t\tif (typeof parsed === 'object' && parsed !== null) {\n\t\t\t\treturn parsed\n\t\t\t}\n\t\t} catch {\n\t\t\t// Ignore parse errors\n\t\t}\n\t\t\n\t\treturn {}\n\t}\n\t\n\t/**\n\t * Check if an area exists in current state\n\t */\n\thasArea(areaName: string): boolean {\n\t\treturn this.current.has(areaName)\n\t}\n\t\n\t/**\n\t * Get all active area names\n\t */\n\tgetActiveAreas(): string[] {\n\t\treturn Array.from(this.current.keys())\n\t}\n\t\n\t/**\n\t * Get route for a specific area synchronously\n\t */\n\tgetRoute(areaName: string): ActiveRoute | undefined {\n\t\treturn this.current.get(areaName)\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n\n// Cleanup on page unload\nif (typeof window !== 'undefined') {\n\twindow.addEventListener('unload', () => {\n\t\tarea.dispose()\n\t})\n}","export type RouteAction = {\n\tcomponent: CustomElementConstructor | string | HTMLElement\n\tarea: string\n\tstate?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] | null\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n}\n\n/**\n * Interface for subscribing to area changes\n */\nexport interface AreaSubscription {\n\t/**\n\t * Subscribe to a specific area\n\t * @param areaName Name of the area to subscribe to\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of the active route for the specified area\n\t */\n\ton(areaName: string, skipCurrent?: boolean): import('rxjs').Observable<ActiveRoute>\n\t\n\t/**\n\t * Subscribe to all areas\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of all active routes\n\t */\n\tall(skipCurrent?: boolean): import('rxjs').Observable<Map<string, ActiveRoute>>\n\t\n\t/**\n\t * Get state from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's state\n\t */\n\tgetState<T = unknown>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/**\n\t * Get params from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's params\n\t */\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/**\n\t * Get a specific param from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @param key Key of the param to select\n\t * @returns Observable of the param value\n\t */\n\tparam<T = unknown>(areaName: string, key: string): import('rxjs').Observable<T>\n}\n\nexport type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent'\n\nexport enum HISTORY_STRATEGY {\n\tpush = 'push',\n\treplace = 'replace',\n\tpop = 'pop',\n\tsilent = 'silent',\n}\n","import { $LitElement } from '@mixins/index'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tbufferTime,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimeout,\n} from 'rxjs'\nimport { isPresent } from 'ts-is-present'\nimport area from './area.service'\nimport { HISTORY_STRATEGY, RouteAction } from './router.types'\n\ntype TRouteArea = {\n\tcomponent: string\n\tstate: object | undefined\n}\n\n@customElement('schmancy-area')\nexport class SchmancyArea extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tinset: 0;\n\t}\n`) {\n\t/**\n\t * The name of the router outlet\n\t * @attr\n\t * @type {string}\n\t * @public\n\t * @required\n\t */\n\t@property() name!: string\n\n\t@property() default!: string | CustomElementConstructor | TemplateResult<1>\n\n\t/**\n\t *\n\t * @param pathname pathname from the browser location API\n\t * @param historyStrategy  the history strategy to use for the route like PUSH, REPLACE, or SILENT\n\t * @returns rxjs pipes that will return the component to render and the history strategy to use\n\t */\n\tgetComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(pathname).pipe(\n\t\t\tmap(path => path.split('/').pop() ?? ''),\n\t\t\tmap(path => {\n\t\t\t\ttry {\n\t\t\t\t\treturn JSON.parse(decodeURIComponent(path))\n\t\t\t\t} catch {\n\t\t\t\t\treturn {}\n\t\t\t\t}\n\t\t\t}),\n\t\t\tmap(routes => routes[this.name] as TRouteArea),\n\t\t\tmap(component =>\n\t\t\t\t!component && this.default\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\tstate: undefined,\n\t\t\t\t\t\t}\n\t\t\t\t\t: component,\n\t\t\t),\n\t\t\tfilter(x => isPresent(x)),\n\t\t\tmap((component: TRouteArea) => ({\n\t\t\t\tarea: this.name,\n\t\t\t\tcomponent: component.component ?? this.default,\n\t\t\t\tstate: component.state,\n\t\t\t\thistoryStrategy,\n\t\t\t})),\n\t\t\tmap(x => x as RouteAction),\n\t\t\tcatchError(() => {\n\t\t\t\treturn this.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) {\n\t\t\tthrow new Error('Area name or default component not set')\n\t\t}\n\n\t\t// active outlet changes\n\t\tmerge(\n\t\t\t// 1) initial load from location.pathname\n\t\t\tof(location.pathname).pipe(\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) requests to change the route for this area\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\t\t\t// 3) popstate events (back, forward)\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(e => (e.target as Window).location.pathname),\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(request => !!request.component),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged((a, b) => {\n\t\t\t\t\tlet aComponent, bComponent\n\t\t\t\t\tif (typeof a.component === 'function') return false\n\t\t\t\t\telse if (typeof a.component === 'string') aComponent = a.component\n\n\t\t\t\t\tif (typeof b.component === 'function') return false\n\t\t\t\t\telse if (typeof b.component === 'string') bComponent = b.component\n\n\t\t\t\t\tconst sameComponent = bComponent?.replaceAll('-', '').toLowerCase() === aComponent?.replaceAll('-', '').toLowerCase()\n\t\t\t\t\tconst sameParams = JSON.stringify(a.params || {}) === JSON.stringify(b.params || {})\n\t\t\t\t\t\n\t\t\t\t\treturn sameComponent && sameParams\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(route => {\n\t\t\t\t\tconst c = route.component\n\t\t\t\t\tif (c instanceof Promise) {\n\t\t\t\t\t\t// Dynamic import module\n\t\t\t\t\t\treturn from(c).pipe(\n\t\t\t\t\t\t\tmap((x: any) => ({ component: (x.exports?.default || x.default) as CustomElementConstructor, route })),\n\t\t\t\t\t\t\tcatchError(() => EMPTY)\n\t\t\t\t\t\t)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Already a string, function, or element\n\t\t\t\t\t\treturn of({ component: c, route })\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tlet element: HTMLElement\n\t\t\t\t\t\n\t\t\t\t\tif (typeof component === 'string') {\n\t\t\t\t\t\t// Tag name\n\t\t\t\t\t\telement = document.createElement(component)\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\t// Already an element instance\n\t\t\t\t\t\telement = component\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\t// Custom element constructor\n\t\t\t\t\t\telement = new component()\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// @ts-ignore - we know component exists\n\t\t\t\t\t\telement = component\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t// Set params as properties on the element\n\t\t\t\t\tif (route.params) {\n\t\t\t\t\t\tObject.entries(route.params).forEach(([key, value]) => {\n\t\t\t\t\t\t\t(element as any)[key] = value\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t// Set state as well if provided\n\t\t\t\t\tif (route.state) {\n\t\t\t\t\t\t(element as any).state = route.state\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\treturn { component: element, route }\n\t\t\t\t}),\n\t\t\t\t// create the new view and add it to the DOM\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tconst oldView = this.shadowRoot?.children[0]\n\t\t\t\t\tconst oldViewExists = !!oldView\n\n\t\t\t\t\t// Remove the old view (if any)\n\t\t\t\t\toldView?.remove()\n\t\t\t\t\t// Native Web Animations API - fade in\n\t\t\t\t\t// \"ease: cubic-bezier(0.25, 0.8, 0.25, 1)\" was used in the old code\n\t\t\t\t\tcomponent.classList.add('opacity-0')\n\t\t\t\t\tthis.shadowRoot?.append(component)\n\t\t\t\t\tcomponent.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\tduration: oldViewExists ? 150 : 100,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Insert the new view\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\t\t\t\ttap(({ component, route }) => {\n\t\t\t\t\t// Handle history updates\n\t\t\t\t\tif (typeof route.historyStrategy === 'undefined' || route.historyStrategy === 'push') {\n\t\t\t\t\t\thistory.pushState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t} else if (route.historyStrategy && ['replace', 'pop'].includes(route.historyStrategy)) {\n\t\t\t\t\t\thistory.replaceState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t}\n\t\t\t\t\tarea.current.set(this.name, {\n\t\t\t\t\t\tcomponent: component.tagName,\n\t\t\t\t\t\tstate: route.state || {},\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\tparams: route.params || {},\n\t\t\t\t\t})\n\n\t\t\t\t\tarea.$current.next(area.current)\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tnewPath(tag: string, route: RouteAction) {\n\t\tconst oldPathname = location.pathname.split('/').pop()\n\t\tlet oldAreaState = {}\n\t\ttry {\n\t\t\toldAreaState = oldPathname ? JSON.parse(decodeURIComponent(oldPathname)) : {}\n\t\t} catch {\n\t\t\toldAreaState = {}\n\t\t}\n\t\troute.state = route.state ?? {}\n\t\tconst queryParams = route.clearQueryParams ? this.queryParamClear(route.clearQueryParams) : document.location.search\n\n\t\treturn encodeURIComponent(\n\t\t\tJSON.stringify({\n\t\t\t\t...oldAreaState,\n\t\t\t\t[this.name]: { component: tag.toLowerCase(), state: route.state, params: route.params },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\tqueryParamClear(params?: string[]) {\n\t\tif (!params) {\n\t\t\treturn ''\n\t\t}\n\t\t// get query params from url\n\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t// remove query params\n\t\tparams.forEach(param => urlParams.delete(param))\n\t\t// update url\n\t\tif (urlParams.toString() === '') return ''\n\t\treturn `?${urlParams.toString()}`\n\t}\n\n\tcheckForTeleportationRequests() {\n\t\treturn fromEvent<CustomEvent>(window, 'FLIP_REQUEST').pipe(\n\t\t\tmap(e => e.detail),\n\t\t\tbufferTime(0),\n\t\t\ttap(() => {\n\t\t\t\tthis.dispatchEvent(new CustomEvent('FLIP_STARTED'))\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttimeout(0),\n\t\t\tcatchError(() => of(null)),\n\t\t)\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t\tthis.disconnecting.complete()\n\t}\n\n\trender() {\n\t\treturn html` <slot> </slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area': SchmancyArea\n\t}\n}"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","areaSubjectsCache","WeakMap","AreaService","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","disposed","next","subscribe","currentAreas","forEach","route","areaName","getOrCreateAreaSubject","subjects","get","set","subject","areaSubjects","closed","currentRoute","state","params","skipCurrent","Error","observable","asObservable","pipe","distinctUntilChanged","a","b","component","JSON","stringify","shareReplay","skip","on","map","filter","catchError","err","EMPTY","key","value","zip","fromEvent","window","e","detail","bufferTime","of","tap","dispatchEvent","timeout","r","area","routeAction","dispatchAreaEvent","event","historyStrategy","bubbles","composed","name","newState","encoded","encodeURIComponent","history","replaceState","location","search","delete","areaSubject","complete","clear","getInstance","instance","pathname","split","pop","decoded","decodeURIComponent","parsed","parse","has","Array","from","keys","addEventListener","dispose","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","path","routes","default","x","isPresent","libExports","firstUpdated","merge","switchMap","getComponentFromPathname","silent","take","target","takeUntil","disconnecting","aComponent","bComponent","sameComponent","replaceAll","toLowerCase","sameParams","c","Promise","exports","element","document","createElement","HTMLElement","Object","entries","oldView","shadowRoot","children","oldViewExists","remove","classList","add","append","animate","opacity","duration","easing","fill","pushState","newPath","tagName","includes","tag","oldPathname","oldAreaState","queryParams","clearQueryParams","queryParamClear","concat","urlParams","URLSearchParams","param","toString","checkForTeleportationRequests","super","disconnectedCallback","html","__decorateClass","property","prototype","customElement"],"mappings":"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"}