@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/icon-DJnGMAQ2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-DJnGMAQ2.cjs","sources":["../src/icons/icon.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { BehaviorSubject, combineLatest, takeUntil } from 'rxjs'\nimport { tap } from 'rxjs/operators'\n\n/**\n * @element schmancy-icon\n * Material Symbols icon component with flexible font variation properties\n *\n * @cssprop --schmancy-icon-size - The size of the icon (default: 24px)\n * @cssprop --schmancy-icon-fill - Fill value for icon (0-1)\n * @cssprop --schmancy-icon-weight - Weight value for icon (100-700)\n * @cssprop --schmancy-icon-grade - Grade value for icon (-50-200)\n * @cssprop --schmancy-icon-opsz - Optical size (default: 24)\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends TailwindElement(css`\n\t:host {\n\t\t--schmancy-icon-size: 24px;\n\t\t--schmancy-icon-fill: 0;\n\t\t--schmancy-icon-weight: 400;\n\t\t--schmancy-icon-grade: 0;\n\t\t--schmancy-icon-opsz: 24;\n\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--schmancy-icon-size);\n\t\theight: var(--schmancy-icon-size);\n\t\tfont-size: var(--schmancy-icon-size);\n\t\tcolor: inherit;\n\t\ttransition: font-variation-settings 0.2s ease;\n\t}\n\n\t.material-symbols {\n\t\tfont-family: var(--schmancy-icon-font, 'Material Symbols Outlined');\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-webkit-font-feature-settings: 'liga';\n\t\tfont-feature-settings: 'liga';\n\t\tfont-variation-settings:\n\t\t\t'FILL' var(--schmancy-icon-fill),\n\t\t\t'wght' var(--schmancy-icon-weight),\n\t\t\t'GRAD' var(--schmancy-icon-grade),\n\t\t\t'opsz' var(--schmancy-icon-opsz);\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`) {\n\t// Static flag to track if Google Fonts have been loaded\n\tprivate static fontsLoaded = false\n\n\t/**\n\t * Load Material Symbols fonts from Google Fonts CDN\n\t */\n\tprivate static loadFonts(): void {\n\t\tif (SchmancyIcon.fontsLoaded) {\n\t\t\treturn\n\t\t}\n\n\t\tconst link = document.createElement('link')\n\t\tlink.rel = 'stylesheet'\n\t\tlink.href = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'\n\t\tdocument.head.appendChild(link)\n\n\t\tSchmancyIcon.fontsLoaded = true\n\t}\n\n\t/**\n\t * Fill value for the icon (0-1)\n\t * 0 = outlined, 1 = filled\n\t */\n\t@property({ type: Number, reflect: true })\n\tfill = 0\n\n\t/**\n\t * Weight value for the icon (100-700)\n\t * Controls the thickness of the icon strokes\n\t */\n\t@property({ type: Number, reflect: true })\n\tweight = 400\n\n\t/**\n\t * Grade value for the icon (-50-200)\n\t * Adjusts the visual weight/grade\n\t */\n\t@property({ type: Number, reflect: true })\n\tgrade = 0\n\n\t/**\n\t * Icon variant style\n\t * @values outlined | rounded | sharp\n\t */\n\t@property({ type: String, reflect: true })\n\tvariant: 'outlined' | 'rounded' | 'sharp' = 'outlined'\n\n\t// RxJS subjects for reactive property updates\n\tprivate fill$ = new BehaviorSubject(this.fill)\n\tprivate weight$ = new BehaviorSubject(this.weight)\n\tprivate grade$ = new BehaviorSubject(this.grade)\n\tprivate variant$ = new BehaviorSubject(this.variant)\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Load Google Fonts if not already loaded\n\t\tSchmancyIcon.loadFonts()\n\n\t\t// Set accessibility attributes for decorative icons\n\t\tif (!this.hasAttribute('aria-label') &&\n\t\t    !this.hasAttribute('aria-labelledby') &&\n\t\t    !this.hasAttribute('aria-hidden') &&\n\t\t    !this.hasAttribute('role')) {\n\t\t\tthis.setAttribute('aria-hidden', 'true')\n\t\t}\n\n\t\t// Setup reactive CSS variable updates\n\t\tcombineLatest([\n\t\t\tthis.fill$,\n\t\t\tthis.weight$,\n\t\t\tthis.grade$,\n\t\t\tthis.variant$\n\t\t]).pipe(\n\t\t\ttap(([fill, weight, grade, variant]) => {\n\t\t\t\t// Update CSS custom properties for smooth transitions\n\t\t\t\tthis.style.setProperty('--schmancy-icon-fill', String(fill))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-weight', String(weight))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-grade', String(grade))\n\n\t\t\t\t// Update font family based on variant\n\t\t\t\tconst fontFamily = {\n\t\t\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t\t\t}[variant] || 'Material Symbols Outlined'\n\n\t\t\t\tthis.style.setProperty('--schmancy-icon-font', fontFamily)\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Update BehaviorSubjects when properties change\n\t\tif (changedProperties.has('fill')) {\n\t\t\tthis.fill$.next(this.fill)\n\t\t}\n\t\tif (changedProperties.has('weight')) {\n\t\t\tthis.weight$.next(this.weight)\n\t\t}\n\t\tif (changedProperties.has('grade')) {\n\t\t\tthis.grade$.next(this.grade)\n\t\t}\n\t\tif (changedProperties.has('variant')) {\n\t\t\tthis.variant$.next(this.variant)\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tconst fontFamily = {\n\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t}[this.variant] || 'Material Symbols Outlined'\n\n\t\tconst style = {\n\t\t\t'--schmancy-icon-fill': this.fill,\n\t\t\t'--schmancy-icon-weight': this.weight,\n\t\t\t'--schmancy-icon-grade': this.grade,\n\t\t\t'--schmancy-icon-font': fontFamily\n\t\t}\n\n\t\treturn html`\n\t\t\t<span class=\"material-symbols\" part=\"icon\" style=${this.styleMap(style)}>\n\t\t\t\t<slot></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}"],"names":["SchmancyIcon","TailwindElement","css","constructor","super","arguments","this","fill","weight","grade","variant","fill$","BehaviorSubject","weight$","grade$","variant$","loadFonts","fontsLoaded","link","document","createElement","rel","href","head","appendChild","connectedCallback","hasAttribute","setAttribute","combineLatest","pipe","tap","style","setProperty","String","fontFamily","outlined","rounded","sharp","takeUntil","disconnecting","subscribe","changedProperties","updated","has","next","render","html","styleMap","__decorateClass","property","type","Number","reflect","prototype","customElement"],"mappings":"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"}

package/dist/icon-button-CSZtSmOy.cjs

@@ -1,65 +0,0 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const e=require("lit/decorators.js");require("./tailwind.mixin-3TPVvhYf.cjs");const u=require("./litElement.mixin-CPQYJnK_.cjs"),a=require("lit"),d=require("lit/directives/if-defined.js"),c=require("lit/directives/when.js");var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(t,i,o,r)=>{for(var h,s=r>1?void 0:r?y(i,o):i,p=t.length-1;p>=0;p--)(h=t[p])&&(s=(r?h(i,o,s):h(s))||s);return r&&s&&b(i,o,s),s};exports.SchmancyButton=class extends u.$LitElement(a.css`:host{
-		display: inline-block;
-		min-width: fit-content;
-		overflow: hidden;
-		position: relative;
-	}`){constructor(){super(...arguments),this.variant="text",this.width="auto",this.size="md",this.type="button",this.disabled=!1}set ariaLabel(t){const i=this._ariaLabel;this._ariaLabel=t,this.hasAttribute("aria-label")&&this.removeAttribute("aria-label"),this.requestUpdate("ariaLabel",i)}get ariaLabel(){return this._ariaLabel}focus(t){this.nativeElement.focus(t)}blur(){this.nativeElement.blur()}get imgClasses(){return["max-h-5","max-w-5","sm:max-h-6","sm:max-w-6","object-contain"]}firstUpdated(){this.prefixImgs?.forEach(t=>{t.classList.add(...this.imgClasses),t.hasAttribute("alt")||t.setAttribute("alt","")}),this.suffixImgs?.forEach(t=>{t.classList.add(...this.imgClasses),t.hasAttribute("alt")||t.setAttribute("alt","")})}click(){this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))}_preventDefault(t){t.preventDefault(),t.stopPropagation()}render(){const t=this.variant==="tonal"?"filled tonal":this.variant,i={"z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden":!0,"py-1 px-2 text-sm gap-1":this.size==="sm","py-1.5 px-3 sm:py-2 sm:px-4 text-sm sm:text-base gap-1 sm:gap-1.5 md:gap-2":this.size==="md","py-2 px-4 sm:py-3 sm:px-5 text-base sm:text-lg gap-1.5 sm:gap-2 md:gap-3":this.size==="lg","cursor-pointer":!this.disabled,"opacity-[0.38]":this.disabled,"hover:shadow-xs":!this.disabled&&(t==="outlined"||t==="text"||t==="filled"||t==="filled tonal"),"hover:shadow-sm":!this.disabled&&t==="elevated","w-full tex-center":this.width==="full","bg-surface-low text-primary-default shadow-xs":t==="elevated","bg-transparent text-primary-default border-1 border-solid border-outline":t==="outlined","bg-primary-default text-primary-on":t==="filled","bg-secondary-container text-secondary-onContainer":t==="filled tonal","text-primary-default":t==="text"},o={"absolute inset-0 hover:opacity-[0.08] z-0 rounded-full":!0,"hover:bg-primary-on":t==="filled","hover:bg-primary-default":t==="outlined"||t==="elevated"||t==="text","hover:bg-secondary-container":t==="filled tonal"};return this.href?a.html`
-				<a
-					part="base"
-					href=${d.ifDefined(this.disabled?void 0:this.href)}
-					aria-label=${d.ifDefined(this.ariaLabel)}
-					class="${this.classMap(i)}"
-					tabindex=${this.disabled?"-1":"0"}
-					aria-disabled=${this.disabled}
-					@click=${this.disabled?this._preventDefault:void 0}
-				>
-					${c.when(!this.disabled,()=>a.html`<div class="${this.classMap(o)}"></div>`)}
-					<slot name="prefix"></slot>
-					<slot></slot>
-					<slot name="suffix"></slot>
-				</a>
-			`:a.html`
-			<button
-				part="base"
-				aria-label=${d.ifDefined(this.ariaLabel)}
-				?disabled=${this.disabled}
-				class="${this.classMap(i)}"
-				type=${d.ifDefined(this.type)}
-				tabindex=${d.ifDefined(this.disabled?"-1":void 0)}
-			>
-				${c.when(!this.disabled,()=>a.html`<div class="${this.classMap(o)}"></div>`)}
-				<slot name="prefix"></slot>
-				<slot></slot>
-				<slot name="suffix"></slot>
-			</button>
-		`}},exports.SchmancyButton.shadowRootOptions={...a.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},l([e.query('[part="base"]',!0)],exports.SchmancyButton.prototype,"nativeElement",2),l([e.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"variant",2),l([e.property()],exports.SchmancyButton.prototype,"width",2),l([e.property({type:String})],exports.SchmancyButton.prototype,"size",2),l([e.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"type",2),l([e.property()],exports.SchmancyButton.prototype,"href",2),l([e.property({type:Boolean,reflect:!0})],exports.SchmancyButton.prototype,"disabled",2),l([e.property({attribute:"aria-label"})],exports.SchmancyButton.prototype,"ariaLabel",1),l([e.queryAssignedElements({slot:"prefix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"prefixImgs",2),l([e.queryAssignedElements({slot:"suffix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"suffixImgs",2),exports.SchmancyButton=l([e.customElement("schmancy-button")],exports.SchmancyButton);var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(t,i,o,r)=>{for(var h,s=r>1?void 0:r?f(i,o):i,p=t.length-1;p>=0;p--)(h=t[p])&&(s=(r?h(i,o,s):h(s))||s);return r&&s&&m(i,o,s),s};exports.SchmnacyIconButton=class extends u.$LitElement(a.css`
-	:host {
-		display: block;
-	}
-`){constructor(){super(...arguments),this.size="md",this.variant="text",this.width="auto",this.type="button",this.disabled=!1,this.text=!1}set ariaLabel(t){const i=this._ariaLabel;this._ariaLabel=t,this.hasAttribute("aria-label")&&this.removeAttribute("aria-label"),this.requestUpdate("ariaLabel",i)}get ariaLabel(){return this._ariaLabel}focus(t){this.nativeElement.focus(t)}blur(){this.nativeElement.blur()}click(){this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))}_preventDefault(t){t.preventDefault(),t.stopPropagation()}firstUpdated(t){}render(){const t=this.variant==="tonal"?"filled tonal":this.variant,i={"z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden":!0,"opacity-[0.38]":this.disabled,"cursor-pointer":!this.disabled,"hover:shadow-xs":!this.disabled&&(t==="outlined"||t==="text"||t==="filled"||t==="filled tonal"),"hover:shadow-sm":!this.disabled&&t==="elevated","w-full text-center":this.width==="full","bg-surface-low text-primary-default shadow-xs":t==="elevated","bg-transparent text-primary-default border-1 border-outline":t==="outlined","bg-primary-default text-primary-on":t==="filled","bg-secondary-container text-secondary-onContainer":t==="filled tonal","text-primary-default":t==="text","px-[6px] py-[6px]":this.size==="sm","px-[8px] py-[8px]":this.size==="md","px-[12px] py-[12px]":this.size==="lg","px-[16px] py-[16px]":this.size==="xl"},o={"hover:opacity-[0.08] rounded-full z-0":!0,"hover:bg-primary-on":t==="filled","hover:bg-primary-default":t==="outlined"||t==="elevated"||t==="text","hover:bg-secondary-container":t==="filled tonal"},r=this.size==="sm"?"18px":this.size==="md"?"24px":this.size==="lg"?"32px":"40px";return this.href?a.html`
-				<a
-					part="base"
-					href=${d.ifDefined(this.disabled?void 0:this.href)}
-					aria-label=${d.ifDefined(this.ariaLabel)}
-					class="${this.classMap(i)}"
-					tabindex=${this.disabled?"-1":"0"}
-					aria-disabled=${this.disabled}
-					@click=${this.disabled?this._preventDefault:void 0}
-				>
-					${c.when(!this.disabled,()=>a.html`<div class="absolute inset-0 ${this.classMap(o)}"></div>`)}
-					${this.text?a.html`<slot></slot>`:a.html`<schmancy-icon size=${r}><slot></slot></schmancy-icon>`}
-				</a>
-			`:a.html`
-			<button
-				part="base"
-				aria-label=${d.ifDefined(this.ariaLabel)}
-				?disabled=${this.disabled}
-				class="${this.classMap(i)}"
-				type=${d.ifDefined(this.type)}
-				tabindex=${d.ifDefined(this.disabled?"-1":void 0)}
-			>
-				${c.when(!this.disabled,()=>a.html`<div class="absolute inset-0 ${this.classMap(o)}"></div>`)}
-				${this.text?a.html`<slot></slot>`:a.html`<schmancy-icon size=${r}><slot></slot></schmancy-icon>`}
-			</button>
-		`}},exports.SchmnacyIconButton.shadowRootOptions={...a.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},n([e.query('[part="base"]',!0)],exports.SchmnacyIconButton.prototype,"nativeElement",2),n([e.property({type:String})],exports.SchmnacyIconButton.prototype,"size",2),n([e.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"variant",2),n([e.property()],exports.SchmnacyIconButton.prototype,"width",2),n([e.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"type",2),n([e.property()],exports.SchmnacyIconButton.prototype,"href",2),n([e.property({type:Boolean,reflect:!0})],exports.SchmnacyIconButton.prototype,"disabled",2),n([e.property({type:Boolean,reflect:!0})],exports.SchmnacyIconButton.prototype,"text",2),n([e.property({attribute:"aria-label"})],exports.SchmnacyIconButton.prototype,"ariaLabel",1),exports.SchmnacyIconButton=n([e.customElement("schmancy-icon-button")],exports.SchmnacyIconButton);
-//# sourceMappingURL=icon-button-CSZtSmOy.cjs.map

package/dist/icon-button-CSZtSmOy.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-CSZtSmOy.cjs","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\n\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'tonal' | 'outlined' | 'text'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmancyButton extends $LitElement(\n\tcss`:host{\n\t\tdisplay: inline-block;\n\t\tmin-width: fit-content;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}`\n) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The size of the button.\n\t * @attr\n\t * @type {'sm' | 'md' | 'lg'}\n\t * @default 'md'\n\t * @public\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['max-h-5', 'max-w-5', 'sm:max-h-6', 'sm:max-w-6', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden':\n\t\t\t\ttrue,\n\t\t\t// Size-based padding and text sizing\n\t\t\t'py-1 px-2 text-sm gap-1': this.size === 'sm',\n\t\t\t'py-1.5 px-3 sm:py-2 sm:px-4 text-sm sm:text-base gap-1 sm:gap-1.5 md:gap-2': this.size === 'md',\n\t\t\t'py-2 px-4 sm:py-3 sm:px-5 text-base sm:text-lg gap-1.5 sm:gap-2 md:gap-3': this.size === 'lg',\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(effectiveVariant === 'outlined' ||\n\t\t\t\t\teffectiveVariant === 'text' ||\n\t\t\t\t\teffectiveVariant === 'filled' ||\n\t\t\t\t\teffectiveVariant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full tex-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': effectiveVariant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-solid border-outline': effectiveVariant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': effectiveVariant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': effectiveVariant === 'filled tonal',\n\t\t\t'text-primary-default': effectiveVariant === 'text',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled',\n\t\t\t'hover:bg-primary-default': effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot></slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmancyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/**\n\t * Render slot content as text instead of wrapping in schmancy-icon.\n\t * Use this when you want to display text labels in the button.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic text = false\n\n\t// Manage aria-label manually so that we can always use our internal property.\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(effectiveVariant === 'outlined' ||\n\t\t\t\t\teffectiveVariant === 'text' ||\n\t\t\t\t\teffectiveVariant === 'filled' ||\n\t\t\t\t\teffectiveVariant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full text-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': effectiveVariant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': effectiveVariant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': effectiveVariant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': effectiveVariant === 'filled tonal',\n\t\t\t'text-primary-default': effectiveVariant === 'text',\n\t\t\t'px-[6px] py-[6px]': this.size === 'sm',\n\t\t\t'px-[8px] py-[8px]': this.size === 'md',\n\t\t\t'px-[12px] py-[12px]': this.size === 'lg',\n\t\t\t'px-[16px] py-[16px]': this.size === 'xl',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled',\n\t\t\t'hover:bg-primary-default': effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal',\n\t\t}\n\n\t\t// Icon size mapping\n\t\tconst iconSize = this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : this.size === 'lg' ? '32px' : '40px';\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t${this.text\n\t\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t\t}\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t${this.text\n\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmancyButton","$LitElement","css","constructor","super","arguments","this","variant","width","size","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","ariaLabel","options","nativeElement","focus","blur","imgClasses","firstUpdated","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","click","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","effectiveVariant","classes","stateLayerClasses","href","html","ifDefined","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","text","_changedProperties","render","iconSize"],"mappings":"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"}

package/dist/icon-button-CbgQp3AL.js

@@ -1,156 +0,0 @@
-import "rxjs";
-import "rxjs/operators";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { query as m, property as s, queryAssignedElements as f, customElement as y } from "lit/decorators.js";
-import "./tailwind.mixin-DIW0B_of.js";
-import { $ as x } from "./litElement.mixin-DWDPaNoc.js";
-import { css as v, html as d, LitElement as g } from "lit";
-import { ifDefined as h } from "lit/directives/if-defined.js";
-import { when as u } from "lit/directives/when.js";
-var $ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (t, e, a, r) => {
-  for (var b, i = r > 1 ? void 0 : r ? w(e, a) : e, c = t.length - 1; c >= 0; c--) (b = t[c]) && (i = (r ? b(e, a, i) : b(i)) || i);
-  return r && i && $(e, a, i), i;
-};
-let l = class extends x(v`:host{
-		display: inline-block;
-		min-width: fit-content;
-		overflow: hidden;
-		position: relative;
-	}`) {
-  constructor() {
-    super(...arguments), this.variant = "text", this.width = "auto", this.size = "md", this.type = "button", this.disabled = !1;
-  }
-  set ariaLabel(t) {
-    const e = this._ariaLabel;
-    this._ariaLabel = t, this.hasAttribute("aria-label") && this.removeAttribute("aria-label"), this.requestUpdate("ariaLabel", e);
-  }
-  get ariaLabel() {
-    return this._ariaLabel;
-  }
-  focus(t) {
-    this.nativeElement.focus(t);
-  }
-  blur() {
-    this.nativeElement.blur();
-  }
-  get imgClasses() {
-    return ["max-h-5", "max-w-5", "sm:max-h-6", "sm:max-w-6", "object-contain"];
-  }
-  firstUpdated() {
-    this.prefixImgs?.forEach((t) => {
-      t.classList.add(...this.imgClasses), t.hasAttribute("alt") || t.setAttribute("alt", "");
-    }), this.suffixImgs?.forEach((t) => {
-      t.classList.add(...this.imgClasses), t.hasAttribute("alt") || t.setAttribute("alt", "");
-    });
-  }
-  click() {
-    this.dispatchEvent(new Event("click", { bubbles: !0, composed: !0 }));
-  }
-  _preventDefault(t) {
-    t.preventDefault(), t.stopPropagation();
-  }
-  render() {
-    const t = this.variant === "tonal" ? "filled tonal" : this.variant, e = { "z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden": !0, "py-1 px-2 text-sm gap-1": this.size === "sm", "py-1.5 px-3 sm:py-2 sm:px-4 text-sm sm:text-base gap-1 sm:gap-1.5 md:gap-2": this.size === "md", "py-2 px-4 sm:py-3 sm:px-5 text-base sm:text-lg gap-1.5 sm:gap-2 md:gap-3": this.size === "lg", "cursor-pointer": !this.disabled, "opacity-[0.38]": this.disabled, "hover:shadow-xs": !this.disabled && (t === "outlined" || t === "text" || t === "filled" || t === "filled tonal"), "hover:shadow-sm": !this.disabled && t === "elevated", "w-full tex-center": this.width === "full", "bg-surface-low text-primary-default shadow-xs": t === "elevated", "bg-transparent text-primary-default border-1 border-solid border-outline": t === "outlined", "bg-primary-default text-primary-on": t === "filled", "bg-secondary-container text-secondary-onContainer": t === "filled tonal", "text-primary-default": t === "text" }, a = { "absolute inset-0 hover:opacity-[0.08] z-0 rounded-full": !0, "hover:bg-primary-on": t === "filled", "hover:bg-primary-default": t === "outlined" || t === "elevated" || t === "text", "hover:bg-secondary-container": t === "filled tonal" };
-    return this.href ? d`
-				<a
-					part="base"
-					href=${h(this.disabled ? void 0 : this.href)}
-					aria-label=${h(this.ariaLabel)}
-					class="${this.classMap(e)}"
-					tabindex=${this.disabled ? "-1" : "0"}
-					aria-disabled=${this.disabled}
-					@click=${this.disabled ? this._preventDefault : void 0}
-				>
-					${u(!this.disabled, () => d`<div class="${this.classMap(a)}"></div>`)}
-					<slot name="prefix"></slot>
-					<slot></slot>
-					<slot name="suffix"></slot>
-				</a>
-			` : d`
-			<button
-				part="base"
-				aria-label=${h(this.ariaLabel)}
-				?disabled=${this.disabled}
-				class="${this.classMap(e)}"
-				type=${h(this.type)}
-				tabindex=${h(this.disabled ? "-1" : void 0)}
-			>
-				${u(!this.disabled, () => d`<div class="${this.classMap(a)}"></div>`)}
-				<slot name="prefix"></slot>
-				<slot></slot>
-				<slot name="suffix"></slot>
-			</button>
-		`;
-  }
-};
-l.shadowRootOptions = { ...g.shadowRootOptions, mode: "open", delegatesFocus: !0 }, n([m('[part="base"]', !0)], l.prototype, "nativeElement", 2), n([s({ reflect: !0, type: String })], l.prototype, "variant", 2), n([s()], l.prototype, "width", 2), n([s({ type: String })], l.prototype, "size", 2), n([s({ reflect: !0, type: String })], l.prototype, "type", 2), n([s()], l.prototype, "href", 2), n([s({ type: Boolean, reflect: !0 })], l.prototype, "disabled", 2), n([s({ attribute: "aria-label" })], l.prototype, "ariaLabel", 1), n([f({ slot: "prefix", flatten: !0, selector: "img" })], l.prototype, "prefixImgs", 2), n([f({ slot: "suffix", flatten: !0, selector: "img" })], l.prototype, "suffixImgs", 2), l = n([y("schmancy-button")], l);
-var L = Object.defineProperty, z = Object.getOwnPropertyDescriptor, p = (t, e, a, r) => {
-  for (var b, i = r > 1 ? void 0 : r ? z(e, a) : e, c = t.length - 1; c >= 0; c--) (b = t[c]) && (i = (r ? b(e, a, i) : b(i)) || i);
-  return r && i && L(e, a, i), i;
-};
-let o = class extends x(v`
-	:host {
-		display: block;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.size = "md", this.variant = "text", this.width = "auto", this.type = "button", this.disabled = !1, this.text = !1;
-  }
-  set ariaLabel(t) {
-    const e = this._ariaLabel;
-    this._ariaLabel = t, this.hasAttribute("aria-label") && this.removeAttribute("aria-label"), this.requestUpdate("ariaLabel", e);
-  }
-  get ariaLabel() {
-    return this._ariaLabel;
-  }
-  focus(t) {
-    this.nativeElement.focus(t);
-  }
-  blur() {
-    this.nativeElement.blur();
-  }
-  click() {
-    this.dispatchEvent(new Event("click", { bubbles: !0, composed: !0 }));
-  }
-  _preventDefault(t) {
-    t.preventDefault(), t.stopPropagation();
-  }
-  firstUpdated(t) {
-  }
-  render() {
-    const t = this.variant === "tonal" ? "filled tonal" : this.variant, e = { "z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden": !0, "opacity-[0.38]": this.disabled, "cursor-pointer": !this.disabled, "hover:shadow-xs": !this.disabled && (t === "outlined" || t === "text" || t === "filled" || t === "filled tonal"), "hover:shadow-sm": !this.disabled && t === "elevated", "w-full text-center": this.width === "full", "bg-surface-low text-primary-default shadow-xs": t === "elevated", "bg-transparent text-primary-default border-1 border-outline": t === "outlined", "bg-primary-default text-primary-on": t === "filled", "bg-secondary-container text-secondary-onContainer": t === "filled tonal", "text-primary-default": t === "text", "px-[6px] py-[6px]": this.size === "sm", "px-[8px] py-[8px]": this.size === "md", "px-[12px] py-[12px]": this.size === "lg", "px-[16px] py-[16px]": this.size === "xl" }, a = { "hover:opacity-[0.08] rounded-full z-0": !0, "hover:bg-primary-on": t === "filled", "hover:bg-primary-default": t === "outlined" || t === "elevated" || t === "text", "hover:bg-secondary-container": t === "filled tonal" }, r = this.size === "sm" ? "18px" : this.size === "md" ? "24px" : this.size === "lg" ? "32px" : "40px";
-    return this.href ? d`
-				<a
-					part="base"
-					href=${h(this.disabled ? void 0 : this.href)}
-					aria-label=${h(this.ariaLabel)}
-					class="${this.classMap(e)}"
-					tabindex=${this.disabled ? "-1" : "0"}
-					aria-disabled=${this.disabled}
-					@click=${this.disabled ? this._preventDefault : void 0}
-				>
-					${u(!this.disabled, () => d`<div class="absolute inset-0 ${this.classMap(a)}"></div>`)}
-					${this.text ? d`<slot></slot>` : d`<schmancy-icon size=${r}><slot></slot></schmancy-icon>`}
-				</a>
-			` : d`
-			<button
-				part="base"
-				aria-label=${h(this.ariaLabel)}
-				?disabled=${this.disabled}
-				class="${this.classMap(e)}"
-				type=${h(this.type)}
-				tabindex=${h(this.disabled ? "-1" : void 0)}
-			>
-				${u(!this.disabled, () => d`<div class="absolute inset-0 ${this.classMap(a)}"></div>`)}
-				${this.text ? d`<slot></slot>` : d`<schmancy-icon size=${r}><slot></slot></schmancy-icon>`}
-			</button>
-		`;
-  }
-};
-o.shadowRootOptions = { ...g.shadowRootOptions, mode: "open", delegatesFocus: !0 }, p([m('[part="base"]', !0)], o.prototype, "nativeElement", 2), p([s({ type: String })], o.prototype, "size", 2), p([s({ reflect: !0, type: String })], o.prototype, "variant", 2), p([s()], o.prototype, "width", 2), p([s({ reflect: !0, type: String })], o.prototype, "type", 2), p([s()], o.prototype, "href", 2), p([s({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), p([s({ type: Boolean, reflect: !0 })], o.prototype, "text", 2), p([s({ attribute: "aria-label" })], o.prototype, "ariaLabel", 1), o = p([y("schmancy-icon-button")], o);
-export {
-  l as S,
-  o as a
-};
-//# sourceMappingURL=icon-button-CbgQp3AL.js.map

package/dist/icon-button-CbgQp3AL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-CbgQp3AL.js","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\n\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'tonal' | 'outlined' | 'text'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmancyButton extends $LitElement(\n\tcss`:host{\n\t\tdisplay: inline-block;\n\t\tmin-width: fit-content;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}`\n) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The size of the button.\n\t * @attr\n\t * @type {'sm' | 'md' | 'lg'}\n\t * @default 'md'\n\t * @public\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['max-h-5', 'max-w-5', 'sm:max-h-6', 'sm:max-w-6', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden':\n\t\t\t\ttrue,\n\t\t\t// Size-based padding and text sizing\n\t\t\t'py-1 px-2 text-sm gap-1': this.size === 'sm',\n\t\t\t'py-1.5 px-3 sm:py-2 sm:px-4 text-sm sm:text-base gap-1 sm:gap-1.5 md:gap-2': this.size === 'md',\n\t\t\t'py-2 px-4 sm:py-3 sm:px-5 text-base sm:text-lg gap-1.5 sm:gap-2 md:gap-3': this.size === 'lg',\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(effectiveVariant === 'outlined' ||\n\t\t\t\t\teffectiveVariant === 'text' ||\n\t\t\t\t\teffectiveVariant === 'filled' ||\n\t\t\t\t\teffectiveVariant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full tex-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': effectiveVariant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-solid border-outline': effectiveVariant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': effectiveVariant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': effectiveVariant === 'filled tonal',\n\t\t\t'text-primary-default': effectiveVariant === 'text',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled',\n\t\t\t'hover:bg-primary-default': effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot></slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmancyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/**\n\t * Render slot content as text instead of wrapping in schmancy-icon.\n\t * Use this when you want to display text labels in the button.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic text = false\n\n\t// Manage aria-label manually so that we can always use our internal property.\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(effectiveVariant === 'outlined' ||\n\t\t\t\t\teffectiveVariant === 'text' ||\n\t\t\t\t\teffectiveVariant === 'filled' ||\n\t\t\t\t\teffectiveVariant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full text-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': effectiveVariant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': effectiveVariant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': effectiveVariant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': effectiveVariant === 'filled tonal',\n\t\t\t'text-primary-default': effectiveVariant === 'text',\n\t\t\t'px-[6px] py-[6px]': this.size === 'sm',\n\t\t\t'px-[8px] py-[8px]': this.size === 'md',\n\t\t\t'px-[12px] py-[12px]': this.size === 'lg',\n\t\t\t'px-[16px] py-[16px]': this.size === 'xl',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled',\n\t\t\t'hover:bg-primary-default': effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal',\n\t\t}\n\n\t\t// Icon size mapping\n\t\tconst iconSize = this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : this.size === 'lg' ? '32px' : '40px';\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t${this.text\n\t\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t\t}\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t${this.text\n\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmancyButton","$LitElement","css","constructor","super","arguments","this","variant","width","size","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","ariaLabel","options","nativeElement","focus","blur","imgClasses","firstUpdated","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","render","effectiveVariant","classes","stateLayerClasses","href","html","ifDefined","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","text","click","_changedProperties","iconSize"],"mappings":"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"}

package/dist/input-DLnKAj3B.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-DLnKAj3B.js","sources":["../src/input/input.ts"],"sourcesContent":["import { html, LitElement, nothing, PropertyValueMap } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map, takeUntil } from 'rxjs'\n\nimport { SchmancyFormField } from '@mixins/index'\n\n// Import styles\nimport style from './input.scss?inline'\n\n// If you want to be form-associated, define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t\t'sch-input': SchmancyInput\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEvent = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEvent = CustomEvent<EventDetails>\n\n/**\n * Size variants for the input.\n * - sm: Small, compact input (40px height)\n * - md: Medium input (50px height, default)\n * - lg: Large, spacious input (60px height)\n */\nexport type InputSize = 'sm' | 'md' | 'lg'\n\n/**\n * Enhanced version of the SchmancyInput component with improved form integration\n * and compatibility with legacy API.\n *\n * This component uses the native form association API and maintains parity with\n * native input behaviors while providing a stylish, accessible interface.\n *\n * @prop {string} name - Name attribute for form submission (inherited from FormFieldMixin)\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('schmancy-input')\nexport default class SchmancyInput extends SchmancyFormField(style) {\n\t// ----------------------------\n\t//  A) Public properties\n\t// ----------------------------\n\n\t/** Auto-incrementing counter for generating unique IDs */\n\tstatic _idCounter = 0\n\n\t/** Override value to be string only for input element */\n\t@property({ type: String, reflect: true })\n\tpublic override value = ''\n\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type: HTMLInputElement['type'] = 'text'\n\n\n\t@property()\n\tpublic placeholder = ''\n\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number, reflect: true })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String, reflect: true })\n\tpublic autocomplete: AutoFill = 'on'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic override tabIndex = 0\n\n\n\t/**\n\t * The size of the input.\n\t * - 'sm': Small, compact size\n\t * - 'md': Medium size (default)\n\t * - 'lg': Large size\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic size: InputSize = 'md'\n\n\t/**\n\t * Controls when validation should show.\n\t * - 'always' - Always show validation\n\t * - 'touched' - Only show after field has been focused and then blurred\n\t * - 'dirty' - Only show after value has changed\n\t * - 'submitted' - Only show after form submission\n\t */\n\t@property({ type: String })\n\tpublic validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t/**\n\t * For datalist support\n\t */\n\t@property({ type: String })\n\tpublic list?: string\n\n\n\t// ----------------------------\n\t//  B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t//  C) Internal States\n\t// ----------------------------\n\n\t/**\n\t * For integration with browser's autofill support\n\t */\n\t@state()\n\tprivate isAutofilled = false\n\n\t/**\n\t * Track user interaction state for validation\n\t */\n\t@state()\n\tprivate touched = false\n\n\t@state()\n\tprivate dirty = false\n\n\t@state()\n\tprivate submitted = false\n\n\t/**\n\t * Store the default value for reset behavior\n\t */\n\t@state()\n\tprivate defaultValue = ''\n\n\t// ----------------------------\n\t//  D) Form-associated logic\n\t// ----------------------------\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\tprivate formResetObserver?: MutationObserver\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: PropertyValueMap<any> | Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-input-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\n\n\tprotected override updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Handle value changes\n\t\tif (changedProps.has('value')) {\n\t\t\t// If value changes from original default, mark as dirty\n\t\t\tif (this.value !== this.defaultValue) {\n\t\t\t\tthis.dirty = true\n\t\t\t}\n\n\t\t\t// Update validation state when value changes\n\t\t\tthis.validateInput()\n\t\t}\n\n\t\t// Store default value if this is the first update\n\t\tif (!this.hasUpdated && changedProps.has('value')) {\n\t\t\tthis.defaultValue = this.value\n\t\t}\n\t}\n\n\t/**\n\t * Connect to the closest form element and set up form integration\n\t */\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Store initial default value for form reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Set up form integration\n\t\tthis.setupFormIntegration()\n\n\t\t// Setup for external label association\n\t\tthis.setupExternalLabelAssociation()\n\t}\n\n\t/**\n\t * Set up form integration with ElementInternals\n\t */\n\tprivate setupFormIntegration() {\n\t\tif (this.form) {\n\t\t\t// Listen for form reset events\n\t\t\tthis.formResetObserver = new MutationObserver(mutations => {\n\t\t\t\tfor (const mutation of mutations) {\n\t\t\t\t\tif (mutation.type === 'attributes' && mutation.attributeName === 'reset') {\n\t\t\t\t\t\tthis.resetToDefault()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t// Observe the form for reset events\n\t\t\tthis.formResetObserver.observe(this.form, {\n\t\t\t\tattributes: true,\n\t\t\t\tchildList: false,\n\t\t\t\tsubtree: false,\n\t\t\t})\n\n\t\t\t// Use RxJS for form reset events\n\t\t\tfromEvent(this.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tthis.resetToDefault()\n\t\t\t\t})\n\n\t\t\t// Use RxJS for form submit events to mark field as submitted\n\t\t\tfromEvent(this.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tthis.submitted = true\n\t\t\t\t\t// Validate on form submission\n\t\t\t\t\tthis.validateInput(true)\n\t\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Set up external label association for native HTML label support\n\t */\n\tprivate setupExternalLabelAssociation() {\n\t\tif (this.id) {\n\t\t\tconst setupLabelClickListener = () => {\n\t\t\t\tconst labels = document.querySelectorAll(`label[for=\"${this.id}\"]`)\n\t\t\t\tlabels.forEach(label => {\n\t\t\t\t\t// Use RxJS for label click events\n\t\t\t\t\tfromEvent(label, 'click')\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe(() => {\n\t\t\t\t\t\t\tthis.focus()\n\t\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// Initialize after DOM is ready\n\t\t\tif (document.readyState === 'complete') {\n\t\t\t\tsetupLabelClickListener()\n\t\t\t} else {\n\t\t\t\t// Use RxJS for DOMContentLoaded event\n\t\t\t\tfromEvent(document, 'DOMContentLoaded')\n\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t.subscribe(setupLabelClickListener)\n\t\t\t}\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\n\t\t// Clean up the form observer\n\t\tif (this.formResetObserver) {\n\t\t\tthis.formResetObserver.disconnect()\n\t\t}\n\n\t\t// Note: RxJS subscriptions are automatically cleaned up via takeUntil(this.disconnecting)\n\t\t// No manual removeEventListener calls needed for RxJS-managed events\n\t}\n\n\t/**\n\t * Reset the input to its default state\n\t */\n\tprivate resetToDefault() {\n\t\tthis.value = this.defaultValue\n\t\tthis.touched = false\n\t\tthis.dirty = false\n\t\tthis.submitted = false\n\t\tthis.error = false\n\t\tthis.validationMessage = ''\n\t\tthis.dispatchEvent(new CustomEvent('reset', { bubbles: true }))\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this.touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this.dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this.submitted\n\t\t\tdefault:\n\t\t\t\treturn this.touched\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate input based on required, pattern, etc.\n\t * This mimics native validation behavior\n\t */\n\tprivate validateInput(forceValidation = false) {\n\t\t// Skip validation for disabled inputs\n\t\tif (this.disabled) return\n\n\t\t// Only show validation errors if we should based on the validation strategy\n\t\tconst shouldValidate = this.shouldShowValidation(forceValidation)\n\n\t\t// Get validity state from internal input if available\n\t\tconst validity: ValidityState = this.inputElement?.validity ?? {\n\t\t\tbadInput: false,\n\t\t\tcustomError: false,\n\t\t\tpatternMismatch: false,\n\t\t\trangeOverflow: false,\n\t\t\trangeUnderflow: false,\n\t\t\tstepMismatch: false,\n\t\t\ttooLong: false,\n\t\t\ttooShort: false,\n\t\t\ttypeMismatch: false,\n\t\t\tvalid: true,\n\t\t\tvalueMissing: false,\n\t\t}\n\n\t\t// Check if the input has an actual validation error (not a custom error)\n\t\tconst hasError = !validity.valid && !validity.customError\n\n\t\tif (shouldValidate && hasError) {\n\t\t\t// There's an error and we should show it\n\t\t\tthis.error = true\n\t\t\tthis.validationMessage = this.inputElement?.validationMessage || ''\n\t\t} else if (validity.valid) {\n\t\t\t// Input is valid, so clear the error state\n\t\t\tthis.error = false\n\n\t\t\t// Only clear validation message if there's no custom error\n\t\t\tif (!validity.customError) {\n\t\t\t\tthis.validationMessage = ''\n\t\t\t}\n\t\t} else if (!shouldValidate) {\n\t\t\t// We shouldn't show validation yet, so clear visual error state\n\t\t\tthis.error = false\n\t\t}\n\n\t\t// The mixin will handle updating internals based on error state\n\t}\n\n\t/**\n\t * Check validity without showing validation UI\n\t */\n\tpublic override checkValidity() {\n\t\t// Check internal input first\n\t\tconst inputValid = this.inputRef.value?.checkValidity() ?? true\n\n\t\t// Call parent implementation for basic validation\n\t\tconst parentValid = super.checkValidity()\n\n\t\treturn inputValid && parentValid\n\t}\n\n\t/**\n\t * Show validation UI and check validity\n\t */\n\tpublic override reportValidity() {\n\t\t// Mark as touched and submitted to show validation\n\t\tthis.touched = true\n\t\tthis.submitted = true\n\n\t\t// First check using native input\n\t\tconst inputValid = this.inputRef.value?.reportValidity() ?? true\n\n\t\t// Update our component's validation state with force=true\n\t\tthis.validateInput(true)\n\n\t\t// Call parent implementation\n\t\tconst parentValid = super.reportValidity()\n\n\t\treturn inputValid && parentValid\n\t}\n\n\t/**\n\t * Set a custom validation error message\n\t */\n\tpublic override setCustomValidity(message: string) {\n\t\t// Set on the native input\n\t\tif (this.inputRef.value) {\n\t\t\tthis.inputRef.value.setCustomValidity(message)\n\t\t}\n\n\t\t// Call parent implementation\n\t\tsuper.setCustomValidity(message)\n\t\t\n\t\t// Update error state based on validation strategy\n\t\tthis.error = message !== '' && this.shouldShowValidation()\n\t}\n\n\t// ----------------------------\n\t//  E) Lifecycle Hooks & Event Handlers\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\t// Use setTimeout to match browser behavior - autofocus happens after initial rendering\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.focus()\n\t\t\t}, 0)\n\t\t}\n\n\t\t// Subscribe to input events\n\t\tthis.setupInputEvents()\n\t\tthis.setupFocusBlurEvents()\n\t\tthis.setupAutofillDetection()\n\t\tthis.setupEnterKeyEvents()\n\t}\n\n\t/**\n\t * Set up input event handling for value changes\n\t */\n\tprivate setupInputEvents() {\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => {\n\t\t\t\t\t// Capture all input event properties for complete event forwarding\n\t\t\t\t\tconst inputEvent = ev as InputEvent\n\t\t\t\t\tconst target = ev.target as HTMLInputElement\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: target.value,\n\t\t\t\t\t\tinputType: inputEvent.inputType,\n\t\t\t\t\t\tdata: inputEvent.data,\n\t\t\t\t\t\tisComposing: inputEvent.isComposing,\n\t\t\t\t\t\toriginalEvent: ev,\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(eventData => {\n\t\t\t\t// Update component value\n\t\t\t\tthis.value = eventData.value\n\n\t\t\t\t// Mark as dirty when user types\n\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\n\t\t\t\t// Fire custom 'input' event with extended details\n\t\t\t\tconst customEvent = new CustomEvent<EventDetails>('input', {\n\t\t\t\t\tdetail: { value: eventData.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add additional properties to match native events more closely\n\t\t\t\tObject.defineProperties(customEvent, {\n\t\t\t\t\tinputType: { value: eventData.inputType },\n\t\t\t\t\tdata: { value: eventData.data },\n\t\t\t\t\tisComposing: { value: eventData.isComposing },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(customEvent)\n\n\t\t\t\t// REMOVED: Duplicate change event dispatch that was here\n\t\t\t\t// Run validation like native inputs do on input, but respect the validation strategy\n\t\t\t\tthis.validateInput()\n\t\t\t})\n\n\t\t// Subscribe to native change events (usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\n\t\t\t\t// Fire regular change event using mixin helper\n\t\t\t\tthis.emitChange({ value })\n\n\t\t\t\t// Run validation on change like native inputs\n\t\t\t\tthis.validateInput()\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up focus/blur event handling\n\t */\n\tprivate setupFocusBlurEvents() {\n\t\tfromEvent<FocusEvent>(this.inputElement, 'focus')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Create a custom focus event that includes standard props\n\t\t\t\tconst focusEvent = new CustomEvent('focus', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add focus-specific properties\n\t\t\t\tObject.defineProperties(focusEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(focusEvent)\n\t\t\t})\n\n\t\tfromEvent<FocusEvent>(this.inputElement, 'blur')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(ev => {\n\t\t\t\t// Mark as touched when field loses focus\n\t\t\t\tthis.touched = true\n\n\t\t\t\t// Run validation on blur like native inputs, respecting validation strategy\n\t\t\t\tif (!this.disabled) {\n\t\t\t\t\tthis.validateInput()\n\t\t\t\t}\n\n\t\t\t\t// Create a custom blur event that includes standard props\n\t\t\t\tconst blurEvent = new CustomEvent('blur', {\n\t\t\t\t\tbubbles: ev.bubbles,\n\t\t\t\t\tcancelable: ev.cancelable,\n\t\t\t\t\tcomposed: ev.composed,\n\t\t\t\t})\n\n\t\t\t\t// Add blur-specific properties\n\t\t\t\tObject.defineProperties(blurEvent, {\n\t\t\t\t\trelatedTarget: { value: ev.relatedTarget },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(blurEvent)\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up autofill detection\n\t */\n\tprivate setupAutofillDetection() {\n\t\t// Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\n\t\t\t\tthis.isAutofilled = true\n\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\n\t\t\t\t// Dispatch autofill event for integration with autofill systems\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('autofill', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\n\t\t\t\t// Also propagate as a change event like browsers do\n\t\t\t\tthis.emitChange({ value })\n\t\t\t})\n\n\t\t// Detect end of autofill (Chrome)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillCancel'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.isAutofilled = false\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up enter key event handling\n\t */\n\tprivate setupEnterKeyEvents() {\n\t\t// Listen for Enter on keydown\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\t\n\t\t\t\t// Update value if changed\n\t\t\t\tif (this.value !== value) {\n\t\t\t\t\tthis.value = value\n\t\t\t\t\tthis.dirty = this.value !== this.defaultValue\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t// Blur the input to trigger change event naturally\n\t\t\t\t// This mimics what happens when you tab out of the field\n\t\t\t\tthis.inputElement.blur()\n\n\t\t\t\t// Dispatch enhanced enter event\n\t\t\t\tconst enterEvent = new CustomEvent<EventDetails>('enter', {\n\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\n\t\t\t\t// Add extra keyboard event props\n\t\t\t\tObject.defineProperties(enterEvent, {\n\t\t\t\t\tkey: { value: 'Enter' },\n\t\t\t\t\tcode: { value: 'Enter' },\n\t\t\t\t\tkeyCode: { value: 13 },\n\t\t\t\t\twhich: { value: 13 },\n\t\t\t\t})\n\n\t\t\t\tthis.dispatchEvent(enterEvent)\n\t\t\t})\n\t}\n\n\t// ----------------------------\n\t//  F) Utility Methods\n\t// ----------------------------\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Sets the selection range. Mirrors native input.setSelectionRange\n\t */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.inputRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/**\n\t * Returns the selected text within the input (start position)\n\t */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.inputRef.value?.selectionStart ?? null\n\t}\n\n\t/**\n\t * Returns the selected text within the input (end position)\n\t */\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.inputRef.value?.selectionEnd ?? null\n\t}\n\n\t/**\n\t * Returns the direction of selection\n\t */\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.inputRef.value?.selectionDirection ?? null\n\t}\n\n\t/**\n\t * Sets the range of text to be selected.\n\t */\n\tpublic setRangeText(\n\t\treplacement: string,\n\t\tstart?: number,\n\t\tend?: number,\n\t\tselectMode?: 'select' | 'start' | 'end' | 'preserve',\n\t) {\n\t\tif (start !== undefined && end !== undefined) {\n\t\t\tthis.inputRef.value?.setRangeText(replacement, start, end, selectMode)\n\t\t} else {\n\t\t\tthis.inputRef.value?.setRangeText(replacement)\n\t\t}\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t//  G) Rendering\n\t// ----------------------------\n\tprotected override render() {\n\t\t// Determine height and padding based on size\n\t\tconst getHeightAndPadding = () => {\n\t\t\tswitch (this.size) {\n\t\t\t\tcase 'sm':\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '40px',\n\t\t\t\t\t\tpadding: '0 8px',\n\t\t\t\t\t\tfontSize: '0.875rem', // 14px\n\t\t\t\t\t}\n\t\t\t\tcase 'lg':\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '60px',\n\t\t\t\t\t\tpadding: '0 20px',\n\t\t\t\t\t\tfontSize: '1.125rem', // 18px\n\t\t\t\t\t}\n\t\t\t\tcase 'md':\n\t\t\t\tdefault:\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: '50px',\n\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\tfontSize: '1rem', // 16px\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst { height, padding, fontSize } = getHeightAndPadding()\n\n\t\t// Check if it's a date-type input\n\t\tconst isDateType = ['date', 'datetime-local', 'time', 'month', 'week'].includes(this.type)\n\n\t\tconst inputClasses = {\n\t\t\t// Base styles\n\t\t\t'block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on': true,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t// Ring colors based on error state\n\t\t\t'ring-secondary-default ring-outline focus:ring-secondary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Text alignment (date inputs always left-aligned)\n\t\t\t'text-left': this.align === 'left' || isDateType,\n\t\t\t'text-center': this.align === 'center' && !isDateType,\n\t\t\t'text-right': this.align === 'right' && !isDateType,\n\t\t\t// Autofill\n\t\t\tautofilled: this.isAutofilled,\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'md',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\n\t\tconst styles = {\n\t\t\theight,\n\t\t\tpadding,\n\t\t\tfontSize,\n\t\t\t// Ensure vertical centering for all input types\n\t\t\tlineHeight: height,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\n\t\t */\n\t\treturn html`\n\t\t\t<div class=\"w-full min-w-0 ${isDateType ? 'date-input-container' : ''}\">\n\t\t\t\t${when(\n\t\t\t\t\tthis.label,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\t\tclass=${this.classMap(labelClasses)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.label}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${this.classMap(inputClasses)}\n\t\t\t\t\tstyle=${this.styleMap(styles)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\tlist=${ifDefined(this.list)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint || this.validationMessage ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\n\t\t\t\t${when(\n\t\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n/**\n * Register the component with the legacy tag name for backward compatibility\n * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)\n * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)\n * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)\n * @prop {boolean} readonly - Whether the field is read-only (inherited from FormFieldMixin)\n * @prop {boolean} error - Whether the field is in an error state (inherited from FormFieldMixin)\n * @prop {string} validationMessage - The validation message to display (inherited from FormFieldMixin)\n * @prop {string} hint - Optional hint text to display below the field (inherited from FormFieldMixin)\n */\n@customElement('sch-input')\nexport class SchmancyInputCompat extends SchmancyInput {}\n"],"names":["SchmancyInput","SchmancyFormField","constructor","super","arguments","this","value","type","placeholder","clickable","spellcheck","align","autofocus","autocomplete","tabIndex","size","validateOn","inputRef","createRef","isAutofilled","touched","dirty","submitted","defaultValue","changedProps","id","_idCounter","willUpdate","updated","has","validateInput","hasUpdated","connectedCallback","setupFormIntegration","setupExternalLabelAssociation","form","formResetObserver","MutationObserver","mutations","mutation","attributeName","resetToDefault","observe","attributes","childList","subtree","fromEvent","pipe","takeUntil","disconnecting","subscribe","setupLabelClickListener","document","querySelectorAll","forEach","label","focus","readyState","disconnectedCallback","disconnect","error","validationMessage","dispatchEvent","CustomEvent","bubbles","forceValidation","disabled","shouldValidate","shouldShowValidation","validity","inputElement","customError","valid","hasError","checkValidity","inputValid","parentValid","reportValidity","message","setCustomValidity","firstUpdated","setTimeout","setupInputEvents","setupFocusBlurEvents","setupAutofillDetection","setupEnterKeyEvents","map","ev","inputEvent","target","inputType","data","isComposing","originalEvent","eventData","customEvent","detail","composed","Object","defineProperties","distinctUntilChanged","emitChange","focusEvent","cancelable","relatedTarget","blurEvent","filter","animationName","key","blur","enterEvent","code","keyCode","which","select","getValidity","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","selectMode","setRangeText","options","Event","click","render","height","padding","fontSize","getHeightAndPadding","isDateType","includes","inputClasses","readonly","autofilled","labelClasses","styles","lineHeight","html","when","classMap","ref","name","styleMap","ifDefined","inputmode","pattern","step","minlength","maxlength","min","max","list","required","nothing","hint","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","String","reflect","prototype","Boolean","Number","query","state","customElement","SchmancyInputCompat"],"mappings":"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"}

package/dist/input-wZ6ORWru.cjs

@@ -1,51 +0,0 @@
-"use strict";const l=require("lit"),n=require("lit/decorators.js"),o=require("lit/directives/if-defined.js"),c=require("lit/directives/ref.js"),h=require("lit/directives/when.js"),i=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("./formField.mixin-C7H5DaEl.cjs");require("./tailwind.mixin-3TPVvhYf.cjs");var y=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,e,s,r)=>{for(var u,p=r>1?void 0:r?f(e,s):e,d=t.length-1;d>=0;d--)(u=t[d])&&(p=(r?u(e,s,p):u(p))||p);return r&&p&&y(e,s,p),p};exports.SchmancyInput=class extends m.SchmancyFormField(":host{width:100%;min-width:calc(var(--spacing,.25rem)*0);box-sizing:border-box;max-width:100%;display:block}.date-input-container{width:100%;min-width:0;width:100%!important;max-width:100%!important}input{appearance:none;border-radius:8px;width:-webkit-fill-available;font-size:16px}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]{appearance:textfield}input:-webkit-autofill{animation-name:onAutoFillStart;-webkit-box-shadow:0 0 0 30px var(--schmancy-sys-color-surface-highest)inset!important;-webkit-text-fill-color:var(--schmancy-sys-color-surface-on)!important}input:autofill{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;width:100%;line-height:inherit;border-radius:8px;min-width:100%;max-width:100%;margin:0;display:block;overflow:hidden;border-radius:8px!important;width:100%!important}input::-webkit-datetime-edit{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit-fields-wrapper{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit{flex:1;width:100%}input::-webkit-datetime-edit-fields-wrapper{flex:1;justify-content:space-between;width:100%}input::-webkit-datetime-edit-text{align-items:center;display:flex}input::-webkit-datetime-edit-day-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-month-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-year-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-hour-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-minute-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-second-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-millisecond-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-meridiem-field{flex-shrink:0;padding:0 2px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=week]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}@-moz-document url-prefix(){input[type=date],input[type=datetime-local],input[type=time]{min-height:inherit}}@supports (-webkit-touch-callout:none){input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;border-radius:0;width:-webkit-fill-available!important;width:fill-available!important;padding-left:12px!important;padding-right:12px!important}input::-webkit-datetime-edit{width:100%!important;padding-left:0!important;padding-right:0!important}input::-webkit-datetime-edit-fields-wrapper{width:100%!important;margin:0!important;padding:0!important}}"){constructor(){super(...arguments),this.value="",this.type="text",this.placeholder="",this.clickable=!1,this.spellcheck=!1,this.align="left",this.autofocus=!1,this.autocomplete="on",this.tabIndex=0,this.size="md",this.validateOn="touched",this.inputRef=c.createRef(),this.isAutofilled=!1,this.touched=!1,this.dirty=!1,this.submitted=!1,this.defaultValue=""}willUpdate(t){this.id||(this.id="sch-input-"+exports.SchmancyInput._idCounter++),super.willUpdate(t)}updated(t){super.updated(t),t.has("value")&&(this.value!==this.defaultValue&&(this.dirty=!0),this.validateInput()),!this.hasUpdated&&t.has("value")&&(this.defaultValue=this.value)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setupFormIntegration(),this.setupExternalLabelAssociation()}setupFormIntegration(){this.form&&(this.formResetObserver=new MutationObserver(t=>{for(const e of t)e.type==="attributes"&&e.attributeName==="reset"&&this.resetToDefault()}),this.formResetObserver.observe(this.form,{attributes:!0,childList:!1,subtree:!1}),i.fromEvent(this.form,"reset").pipe(i.takeUntil(this.disconnecting)).subscribe(()=>{this.resetToDefault()}),i.fromEvent(this.form,"submit").pipe(i.takeUntil(this.disconnecting)).subscribe(()=>{this.submitted=!0,this.validateInput(!0)}))}setupExternalLabelAssociation(){if(this.id){const t=()=>{document.querySelectorAll(`label[for="${this.id}"]`).forEach(e=>{i.fromEvent(e,"click").pipe(i.takeUntil(this.disconnecting)).subscribe(()=>{this.focus()})})};document.readyState==="complete"?t():i.fromEvent(document,"DOMContentLoaded").pipe(i.takeUntil(this.disconnecting)).subscribe(t)}}disconnectedCallback(){super.disconnectedCallback(),this.formResetObserver&&this.formResetObserver.disconnect()}resetToDefault(){this.value=this.defaultValue,this.touched=!1,this.dirty=!1,this.submitted=!1,this.error=!1,this.validationMessage="",this.dispatchEvent(new CustomEvent("reset",{bubbles:!0}))}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this.touched;case"dirty":return this.dirty;case"submitted":return this.submitted}}validateInput(t=!1){if(this.disabled)return;const e=this.shouldShowValidation(t),s=this.inputElement?.validity??{customError:!1,valid:!0},r=!s.valid&&!s.customError;e&&r?(this.error=!0,this.validationMessage=this.inputElement?.validationMessage||""):s.valid?(this.error=!1,s.customError||(this.validationMessage="")):e||(this.error=!1)}checkValidity(){const t=this.inputRef.value?.checkValidity()??!0,e=super.checkValidity();return t&&e}reportValidity(){this.touched=!0,this.submitted=!0;const t=this.inputRef.value?.reportValidity()??!0;this.validateInput(!0);const e=super.reportValidity();return t&&e}setCustomValidity(t){this.inputRef.value&&this.inputRef.value.setCustomValidity(t),super.setCustomValidity(t),this.error=t!==""&&this.shouldShowValidation()}firstUpdated(){this.autofocus&&setTimeout(()=>{this.focus()},0),this.setupInputEvents(),this.setupFocusBlurEvents(),this.setupAutofillDetection(),this.setupEnterKeyEvents()}setupInputEvents(){i.fromEvent(this.inputElement,"input").pipe(i.map(t=>{const e=t;return{value:t.target.value,inputType:e.inputType,data:e.data,isComposing:e.isComposing,originalEvent:t}}),i.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t.value,this.dirty=this.value!==this.defaultValue;const e=new CustomEvent("input",{detail:{value:t.value},bubbles:!0,composed:!0});Object.defineProperties(e,{inputType:{value:t.inputType},data:{value:t.data},isComposing:{value:t.isComposing}}),this.dispatchEvent(e),this.validateInput()}),i.fromEvent(this.inputElement,"change").pipe(i.map(t=>t.target.value),i.distinctUntilChanged(),i.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dirty=this.value!==this.defaultValue,this.emitChange({value:t}),this.validateInput()})}setupFocusBlurEvents(){i.fromEvent(this.inputElement,"focus").pipe(i.takeUntil(this.disconnecting)).subscribe(t=>{const e=new CustomEvent("focus",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)}),i.fromEvent(this.inputElement,"blur").pipe(i.takeUntil(this.disconnecting)).subscribe(t=>{this.touched=!0,this.disabled||this.validateInput();const e=new CustomEvent("blur",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)})}setupAutofillDetection(){i.fromEvent(this.inputElement,"animationstart").pipe(i.filter(t=>t.animationName==="onAutoFillStart"),i.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value=e,this.isAutofilled=!0,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("autofill",{detail:{value:e},bubbles:!0,composed:!0})),this.emitChange({value:e})}),i.fromEvent(this.inputElement,"animationstart").pipe(i.filter(t=>t.animationName==="onAutoFillCancel"),i.takeUntil(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){i.fromEvent(this.inputElement,"keydown").pipe(i.filter(t=>t.key==="Enter"),i.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value!==e&&(this.value=e,this.dirty=this.value!==this.defaultValue),this.inputElement.blur();const s=new CustomEvent("enter",{detail:{value:this.value},bubbles:!0,composed:!0});Object.defineProperties(s,{key:{value:"Enter"},code:{value:"Enter"},keyCode:{value:13},which:{value:13}}),this.dispatchEvent(s)})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}setSelectionRange(t,e,s){this.inputRef.value?.setSelectionRange(t,e,s)}get selectionStart(){return this.inputRef.value?.selectionStart??null}get selectionEnd(){return this.inputRef.value?.selectionEnd??null}get selectionDirection(){return this.inputRef.value?.selectionDirection??null}setRangeText(t,e,s,r){e!==void 0&&s!==void 0?this.inputRef.value?.setRangeText(t,e,s,r):this.inputRef.value?.setRangeText(t)}focus(t){this.inputRef.value?.focus(t),this.dispatchEvent(new Event("focus"))}click(){this.inputRef.value?.click(),this.dispatchEvent(new Event("click"))}blur(){this.inputRef.value?.blur(),this.dispatchEvent(new Event("blur"))}render(){const{height:t,padding:e,fontSize:s}=(()=>{switch(this.size){case"sm":return{height:"40px",padding:"0 8px",fontSize:"0.875rem"};case"lg":return{height:"60px",padding:"0 20px",fontSize:"1.125rem"};default:return{height:"50px",padding:"0 16px",fontSize:"1rem"}}})(),r=["date","datetime-local","time","month","week"].includes(this.type),u={"block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on":!0,"outline-secondary-default focus:outline-1":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-secondary-default ring-outline focus:ring-secondary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer select-none":this.readonly,"cursor-pointer":this.clickable,"text-left":this.align==="left"||r,"text-center":this.align==="center"&&!r,"text-right":this.align==="right"&&!r,autofilled:this.isAutofilled},p={"block mb-1 font-medium":!0,"opacity-40":this.disabled,"text-sm":this.size==="sm","text-base":this.size==="md","text-lg":this.size==="lg","text-primary-default":!this.error,"text-error-default":this.error},d={height:t,padding:e,fontSize:s,lineHeight:t};return l.html`
-			<div class="w-full min-w-0 ${r?"date-input-container":""}">
-				${h.when(this.label,()=>l.html`
-						<label
-							for=${this.id}
-							class=${this.classMap(p)}
-						>
-							${this.label}
-						</label>
-					`)}
-
-				<input
-					${c.ref(this.inputRef)}
-					id=${this.id}
-					name=${this.name}
-					class=${this.classMap(u)}
-					style=${this.styleMap(d)}
-					.value=${this.value}
-					.type=${this.type}
-					.autocomplete=${this.autocomplete}
-					.spellcheck=${this.spellcheck}
-					placeholder=${this.placeholder}
-					inputmode=${o.ifDefined(this.inputmode)}
-					pattern=${o.ifDefined(this.pattern)}
-					step=${o.ifDefined(this.step)}
-					minlength=${o.ifDefined(this.minlength)}
-					maxlength=${o.ifDefined(this.maxlength)}
-					min=${o.ifDefined(this.min)}
-					max=${o.ifDefined(this.max)}
-					list=${o.ifDefined(this.list)}
-					?required=${this.required}
-					?disabled=${this.disabled}
-					?readonly=${this.readonly}
-					aria-invalid=${this.error?"true":"false"}
-					aria-required=${this.required?"true":"false"}
-					aria-labelledby=${this.label?`label-${this.id}`:l.nothing}
-					aria-describedby=${this.hint||this.validationMessage?`hint-${this.id}`:l.nothing}
-					aria-label=${o.ifDefined(this.label?void 0:this.placeholder||"Input")}
-				/>
-
-				${h.when(this.hint||this.error&&this.validationMessage,()=>l.html`
-						<div
-							id="hint-${this.id}"
-							class="mt-1 text-sm ${this.error?"text-error-default":"text-surface-onVariant"}"
-						>
-							${this.error&&this.validationMessage?this.validationMessage:this.hint}
-						</div>
-					`)}
-			</div>
-		`}},exports.SchmancyInput._idCounter=0,exports.SchmancyInput.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"value",2),a([n.property({reflect:!0})],exports.SchmancyInput.prototype,"type",2),a([n.property()],exports.SchmancyInput.prototype,"placeholder",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"pattern",2),a([n.property({type:Boolean,reflect:!0})],exports.SchmancyInput.prototype,"clickable",2),a([n.property({type:Boolean,reflect:!0})],exports.SchmancyInput.prototype,"spellcheck",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"align",2),a([n.property()],exports.SchmancyInput.prototype,"inputmode",2),a([n.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"minlength",2),a([n.property({type:Number})],exports.SchmancyInput.prototype,"maxlength",2),a([n.property()],exports.SchmancyInput.prototype,"min",2),a([n.property()],exports.SchmancyInput.prototype,"max",2),a([n.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"step",2),a([n.property({type:Boolean})],exports.SchmancyInput.prototype,"autofocus",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"autocomplete",2),a([n.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"tabIndex",2),a([n.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"size",2),a([n.property({type:String})],exports.SchmancyInput.prototype,"validateOn",2),a([n.property({type:String})],exports.SchmancyInput.prototype,"list",2),a([n.query("input")],exports.SchmancyInput.prototype,"inputElement",2),a([n.state()],exports.SchmancyInput.prototype,"isAutofilled",2),a([n.state()],exports.SchmancyInput.prototype,"touched",2),a([n.state()],exports.SchmancyInput.prototype,"dirty",2),a([n.state()],exports.SchmancyInput.prototype,"submitted",2),a([n.state()],exports.SchmancyInput.prototype,"defaultValue",2),exports.SchmancyInput=a([n.customElement("schmancy-input")],exports.SchmancyInput),exports.SchmancyInputCompat=class extends exports.SchmancyInput{},exports.SchmancyInputCompat=a([n.customElement("sch-input")],exports.SchmancyInputCompat);
-//# sourceMappingURL=input-wZ6ORWru.cjs.map