@mhmo91/schmancy 0.0.290 → 0.0.292

package/dist/index.js

@@ -1,49 +1,50 @@
-import "./animated-text-DnmcLtp6.js";
-import { F as C, H as T, b as d, S as b, a as u, r as N } from "./area.component-i4jPVHUa.js";
-import "./autocomplete-CJ5BBR5q.js";
-import "./spinner-MLhIt_0Y.js";
-import { S as g, a as H } from "./icon-button-Cw5m-xoA.js";
-import { H as I, L as M, e as E, b as k, f as A, c as Y, d as $, g as F, S as G, a as O, j as W, l as L, m as _, h as B, n as P, k as j, o as K, p as q, W as z, s as J, i as Q, t as U } from "./theme-button-BMLzTEhF.js";
-import { S as X } from "./checkbox-CJjtMba9.js";
-import "./chips-B71IFtJB.js";
-import { S as aa } from "./payment-card-form-CLPTnEZc.js";
-import "./date-range-Dbj5qwzm.js";
-import { c as ea, f as oa, r as ta } from "./ripple-BumgqsDT.js";
-import "./divider-DxinuVg5.js";
-import "./form-CAYrAoRv.js";
-import "./icon-PqOCyozA.js";
-import "./input-suNgHap8.js";
-import { S as ma, a as na, b as sa } from "./scroll-CAn_o-0U.js";
-import "./menu-Cysa0uSH.js";
-import { $ as ha, S as ia, a as ya } from "./outlet-DOGHb9XN.js";
-import "./option-BPPuRGqZ.js";
-import { R as fa } from "./radio-group-BQ9pnKtl.js";
-import { mutationObserver as wa } from "./rxjs-utils.js";
+import "./animated-text-BelKfCRb.js";
+import { F as C, H as d, b as T, S as b, a as u, r as N } from "./area.component-BIircYdd.js";
+import "./autocomplete-C-u4ICfa.js";
+import "./spinner-DVKR6oPO.js";
+import { S as g, a as H } from "./icon-button-CJwbffPV.js";
+import { H as I, L as M, e as E, b as k, f as A, c as Y, d as $, g as F, S as G, a as O, j as W, l as L, m as _, h as B, n as P, k as j, o as K, p as q, W as z, s as J, i as Q, t as U } from "./theme-button-BTQaux2v.js";
+import { S as X } from "./checkbox-BUrYs8Dg.js";
+import "./chips-BkjDE2Cx.js";
+import { S as aa } from "./payment-card-form-BwoSr0gi.js";
+import "./date-range-BIdEZhGK.js";
+import { S as ea, d as oa } from "./delay-DGHDipnV.js";
+import { c as ca, f as ma, r as na } from "./ripple-BumgqsDT.js";
+import "./divider-DzwD07xW.js";
+import "./form-DG0Kj--R.js";
+import "./icon-B9PnKxEE.js";
+import "./input-C50UsaQY.js";
+import { S as Sa, a as ha, b as ia } from "./scroll-Kw278kXe.js";
+import "./menu-BPkKjcYr.js";
+import { $ as pa, S as fa, a as xa } from "./outlet-LHeYRUMN.js";
+import "./option-Cf4MQSvl.js";
+import { R as wa } from "./radio-group-Czi9ftHc.js";
+import { mutationObserver as Ca } from "./rxjs-utils.js";
 import "rxjs";
 import "./index-CuY8m6ta.js";
-import "./select-CoU9pdWP.js";
-import { S as la, b as Ca, a as Ta, h as da, s as ba } from "./sheet-BlzQ1N1K.js";
-import { S as Na, a as Ra } from "./slider-CII4GjxO.js";
-import { S as Ha } from "./surface-C392eVps.js";
-import "./table-Bt69Tb74.js";
-import "./tabs-group-MuRUioRb.js";
-import "./textarea-DtJZWSOR.js";
-import { $ as Ia, a as Ma, f as Ea, g as ka } from "./dynamicTheme-DYtQDYE_.js";
-import { S as Ya } from "./theme.interface-C5Kj6WjD.js";
-import { S as Fa } from "./tree-CLsU6ZKr.js";
-import { SchmancyEvents as Oa } from "./types.js";
-import { T as La } from "./typewriter-D-1_zpWl.js";
-import { S as Ba } from "./typography-Bgl5OsmY.js";
+import "./select-Bo8t1cUG.js";
+import { S as Ta, b as ba, a as ua, h as Na, s as Ra } from "./sheet-m3ssA8RK.js";
+import { S as Ha, a as va } from "./slider-DiOhZu0e.js";
+import { S as Ma } from "./surface-_g6PVKz9.js";
+import "./table-CA_AEMW3.js";
+import "./tabs-group-Bijey97W.js";
+import "./textarea-BppTG7vC.js";
+import { $ as ka, a as Aa, f as Ya, g as $a } from "./dynamicTheme-DYtQDYE_.js";
+import { S as Ga } from "./theme.interface-C5Kj6WjD.js";
+import { S as Wa } from "./tree-F8M_QD0f.js";
+import { SchmancyEvents as _a } from "./types.js";
+import { T as Pa } from "./typewriter-m577B5AD.js";
+import { S as Ka } from "./typography-DFnAG6mR.js";
 export {
-  Ia as $newSchmancyTheme,
-  ha as $notify,
-  Ma as $schmancyTheme,
+  ka as $newSchmancyTheme,
+  pa as $notify,
+  Aa as $schmancyTheme,
   C as FINDING_MORTIES,
-  T as HERE_RICKY,
-  d as HISTORY_STRATEGY,
+  d as HERE_RICKY,
+  T as HISTORY_STRATEGY,
   I as HereMorty,
   M as List,
-  fa as RadioGroup,
+  wa as RadioGroup,
   b as SchmancyArea,
   X as SchmancyCheckbox,
   E as SchmancyContentDrawer,
@@ -54,46 +55,48 @@ export {
   F as SchmancyContentDrawerSheet,
   G as SchmancyContentDrawerSheetMode,
   O as SchmancyContentDrawerSheetState,
+  ea as SchmancyDelay,
   W as SchmancyDrawerAppbar,
   L as SchmancyDrawerNavbarMode,
   _ as SchmancyDrawerNavbarState,
-  Oa as SchmancyEvents,
-  ma as SchmancyFlex,
-  na as SchmancyGrid,
+  _a as SchmancyEvents,
+  Sa as SchmancyFlex,
+  ha as SchmancyGrid,
   B as SchmancyListItem,
   P as SchmancyNavigationDrawer,
   j as SchmancyNavigationDrawerContent,
   K as SchmancyNavigationDrawerSidebar,
-  ia as SchmancyNotification,
-  ya as SchmancyNotificationOutlet,
+  fa as SchmancyNotification,
+  xa as SchmancyNotificationOutlet,
   aa as SchmancyPaymentCardForm,
-  sa as SchmancyScroll,
-  la as SchmancySheetPosition,
-  Na as SchmancySlide,
-  Ra as SchmancySlider,
-  Ha as SchmancySurface,
+  ia as SchmancyScroll,
+  Ta as SchmancySheetPosition,
+  Ha as SchmancySlide,
+  va as SchmancySlider,
+  Ma as SchmancySurface,
   q as SchmancyTeleportation,
-  Ya as SchmancyTheme,
-  Fa as SchmancyTree,
-  Ba as SchmancyTypography,
+  Ga as SchmancyTheme,
+  Wa as SchmancyTree,
+  Ka as SchmancyTypography,
   g as SchmnacyButton,
   H as SchmnacyIconButton,
-  Ca as SheetHereMorty,
-  Ta as SheetWhereAreYouRicky,
-  La as TypewriterElement,
+  ba as SheetHereMorty,
+  ua as SheetWhereAreYouRicky,
+  Pa as TypewriterElement,
   z as WhereAreYouRicky,
   u as area,
-  ea as color,
-  Ea as formateTheme,
-  oa as fullHeight,
-  ka as generateRandomColor,
-  da as hook,
-  wa as mutationObserver,
-  ta as ripple,
+  ca as color,
+  oa as delayContext,
+  Ya as formateTheme,
+  ma as fullHeight,
+  $a as generateRandomColor,
+  Na as hook,
+  Ca as mutationObserver,
+  na as ripple,
   N as routerHistory,
   J as schmancyContentDrawer,
   Q as schmancyNavDrawer,
-  ba as sheet,
+  Ra as sheet,
   U as teleport
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{input-CziCM1iP.cjs → input-BgnA2aM_.cjs}

@@ -1,4 +1,4 @@
-"use strict";const o=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const b=require("./tailwind.mixin-698watWc.cjs"),d=require("./ripple-C2BHbhcS.cjs"),a=require("./theme.interface-Xg5Zi46a.cjs"),l=require("lit"),i=require("lit/decorators.js"),s=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),f=require("lit/directives/when.js");var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(t,n,u,h)=>{for(var c,p=h>1?void 0:h?v(n,u):n,y=t.length-1;y>=0;y--)(c=t[y])&&(p=(h?c(n,u,p):c(p))||p);return h&&p&&g(n,u,p),p};let e=class extends b.TailwindElement(":host{border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important;width:-webkit-fill-available}:host:focus{box-shadow:unset!important}input:focus-visible{outline:none!important}input{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;-webkit-text-size-adjust:inherit;-moz-text-size-adjust:inherit;text-size-adjust:inherit;-moz-text-align-last:inherit;text-align-last:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes onAutoFillStart{}input:-webkit-autofill{animation-name:onAutoFillStart}"){constructor(){super(),this.inputRef=m.createRef(),this.label="",this.type="text",this.clickable=!1,this.name="name_"+Date.now(),this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.spellcheck=!1,this.align="left",this.autocomplete="off",this.tabIndex=0,this.error=!1;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}firstUpdated(){this.autofocus&&this.focus(),o.fromEvent(this.inputElement,"input").pipe(o.map(t=>t.target.value),o.distinctUntilChanged()).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}),o.fromEvent(this.inputElement,"change").pipe(o.map(t=>t.target.value),o.distinctUntilChanged()).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}),o.fromEvent(this.inputElement,"keyup").pipe(o.filter(t=>t.key==="Enter"),o.map(t=>t.target.value),o.distinctUntilChanged()).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("enter",{detail:{value:t},bubbles:!0,composed:!0}))}),o.fromEvent(this.inputElement,"animationstart").pipe(o.filter(t=>t.animationName==="onAutoFillStart"),o.map(t=>t.target.value)).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))})}get form(){var t;return(t=this.internals)==null?void 0:t.form}reportValidity(){var t;return(t=this.inputRef.value)==null?void 0:t.reportValidity()}checkValidity(){var t;return(t=this.inputRef.value)==null?void 0:t.checkValidity()}setCustomValidity(t){var n;return(n=this.inputRef.value)==null?void 0:n.setCustomValidity(t)}select(){var t;return(t=this.inputRef.value)==null?void 0:t.select()}validity(){var t;return(t=this.inputRef.value)==null?void 0:t.validity}focus(t={preventScroll:!0}){var n;(n=this.inputRef.value)==null||n.focus(t),this.dispatchEvent(new Event("focus"))}click(){var t;(t=this.inputRef.value)==null||t.click(),this.dispatchEvent(new Event("click"))}blur(){var t;(t=this.inputRef.value)==null||t.blur(),this.dispatchEvent(new Event("blur"))}render(){const t={"w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]":!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-primary-default ring-outline focus:ring-primary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"caret-transparent focus:outline-none cursor-pointer text-select-none":this.readonly,"cursor-pointer":this.clickable,"text-center":this.align==="center","text-right":this.align==="right"},n={"opacity-40":this.disabled,"block mb-[4px]":!0};return l.html`
+"use strict";const o=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const b=require("./tailwind.mixin-Dts5Uk3L.cjs"),d=require("./ripple-C2BHbhcS.cjs"),a=require("./theme.interface-Xg5Zi46a.cjs"),l=require("lit"),i=require("lit/decorators.js"),s=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),f=require("lit/directives/when.js");var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(t,n,u,h)=>{for(var c,p=h>1?void 0:h?v(n,u):n,y=t.length-1;y>=0;y--)(c=t[y])&&(p=(h?c(n,u,p):c(p))||p);return h&&p&&g(n,u,p),p};let e=class extends b.TailwindElement(":host{border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important;width:-webkit-fill-available}:host:focus{box-shadow:unset!important}input:focus-visible{outline:none!important}input{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;-webkit-text-size-adjust:inherit;-moz-text-size-adjust:inherit;text-size-adjust:inherit;-moz-text-align-last:inherit;text-align-last:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes onAutoFillStart{}input:-webkit-autofill{animation-name:onAutoFillStart}"){constructor(){super(),this.inputRef=m.createRef(),this.label="",this.type="text",this.clickable=!1,this.name="name_"+Date.now(),this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.spellcheck=!1,this.align="left",this.autocomplete="off",this.tabIndex=0,this.error=!1;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}firstUpdated(){this.autofocus&&this.focus(),o.fromEvent(this.inputElement,"input").pipe(o.map(t=>t.target.value),o.distinctUntilChanged()).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}),o.fromEvent(this.inputElement,"change").pipe(o.map(t=>t.target.value),o.distinctUntilChanged()).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}),o.fromEvent(this.inputElement,"keyup").pipe(o.filter(t=>t.key==="Enter"),o.map(t=>t.target.value),o.distinctUntilChanged()).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("enter",{detail:{value:t},bubbles:!0,composed:!0}))}),o.fromEvent(this.inputElement,"animationstart").pipe(o.filter(t=>t.animationName==="onAutoFillStart"),o.map(t=>t.target.value)).subscribe(t=>{this.value=t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))})}get form(){var t;return(t=this.internals)==null?void 0:t.form}reportValidity(){var t;return(t=this.inputRef.value)==null?void 0:t.reportValidity()}checkValidity(){var t;return(t=this.inputRef.value)==null?void 0:t.checkValidity()}setCustomValidity(t){var n;return(n=this.inputRef.value)==null?void 0:n.setCustomValidity(t)}select(){var t;return(t=this.inputRef.value)==null?void 0:t.select()}validity(){var t;return(t=this.inputRef.value)==null?void 0:t.validity}focus(t={preventScroll:!0}){var n;(n=this.inputRef.value)==null||n.focus(t),this.dispatchEvent(new Event("focus"))}click(){var t;(t=this.inputRef.value)==null||t.click(),this.dispatchEvent(new Event("click"))}blur(){var t;(t=this.inputRef.value)==null||t.blur(),this.dispatchEvent(new Event("blur"))}render(){const t={"w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]":!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-primary-default ring-outline focus:ring-primary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"caret-transparent focus:outline-none cursor-pointer text-select-none":this.readonly,"cursor-pointer":this.clickable,"text-center":this.align==="center","text-right":this.align==="right"},n={"opacity-40":this.disabled,"block mb-[4px]":!0};return l.html`
 			${f.when(this.label,()=>l.html`<label
 						${d.color({color:this.error?a.SchmancyTheme.sys.color.error.default:a.SchmancyTheme.sys.color.primary.default})}
 						class="${this.classMap(n)}"
@@ -39,4 +39,4 @@
 					</schmancy-typography>
 				`)}
 		`}};e.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},e.formAssociated=!0,r([i.property()],e.prototype,"label",2),r([i.property({reflect:!0})],e.prototype,"type",2),r([i.property({type:Boolean,reflect:!0})],e.prototype,"clickable",2),r([i.property()],e.prototype,"name",2),r([i.property()],e.prototype,"placeholder",2),r([i.property({type:String,reflect:!0})],e.prototype,"value",2),r([i.property({type:String,reflect:!0})],e.prototype,"pattern",2),r([i.property({type:Boolean,reflect:!0})],e.prototype,"required",2),r([i.property({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([i.property({type:Boolean,reflect:!0})],e.prototype,"readonly",2),r([i.property({type:Boolean,reflect:!0})],e.prototype,"spellcheck",2),r([i.property({type:String,reflect:!0})],e.prototype,"align",2),r([i.property()],e.prototype,"inputmode",2),r([i.property({type:Number})],e.prototype,"minlength",2),r([i.property({type:Number})],e.prototype,"maxlength",2),r([i.property()],e.prototype,"min",2),r([i.property()],e.prototype,"max",2),r([i.property({type:Number,reflect:!0})],e.prototype,"step",2),r([i.property({type:Boolean})],e.prototype,"autofocus",2),r([i.property()],e.prototype,"autocomplete",2),r([i.property({type:Number})],e.prototype,"tabIndex",2),r([i.query("input")],e.prototype,"inputElement",2),r([i.property()],e.prototype,"hint",2),r([i.property({type:Boolean,reflect:!0})],e.prototype,"error",2),e=r([i.customElement("schmancy-input")],e);
-//# sourceMappingURL=input-CziCM1iP.cjs.map
+//# sourceMappingURL=input-BgnA2aM_.cjs.map

package/dist/{input-CziCM1iP.cjs.map → input-BgnA2aM_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-CziCM1iP.cjs","sources":["../src/input/input.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html, nothing } from 'lit'\nimport { customElement, property, query } 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 } from 'rxjs'\nimport style from './input.scss?inline'\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\tinputRef = createRef<HTMLInputElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The type of the control.\n\t * @attr\n\t * @type {'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime' | 'time' | 'month' | 'week' | 'color' | 'file'}\n\t * @default 'text'\n\t * @public\n\t **/\n\t@property({ reflect: true }) public type:\n\t\t| 'email'\n\t\t| 'number'\n\t\t| 'password'\n\t\t| 'search'\n\t\t| 'tel'\n\t\t| 'text'\n\t\t| 'url'\n\t\t| 'date'\n\t\t| 'datetime'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n\t\t| 'color'\n\t\t| 'file' = 'text'\n\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The pattern attribute of the control.\n\t * @attr\n\t * @type {string}\n\t * @default undefiend\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) pattern\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\t/**\n\t * The inputmode attribute of the control.\n\t * @attr\n\t * @type {'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'}\n\t * @default 'none'\n\t * @public\n\t */\n\t@property() public inputmode!: 'none' | 'txt' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The min attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic min!: string\n\n\t/**\n\t * The max attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic max!: string\n\n\t/**\n\t * The step attribute of the control.\n\t * @attr\n\t */\n\t@property({\n\t\ttype: Number,\n\t\treflect: true,\n\t})\n\tpublic step!: number\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t/**\n\t * The autocomplete attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic autocomplete: AutoFill = 'off'\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('input') inputElement!: HTMLInputElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\tfromEvent(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\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\t\t\t})\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => (event as AnimationEvent).animationName === 'onAutoFillStart'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'caret-transparent focus:outline-none cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// read only\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.id=${this.id}\n\t\t\t\t.name=${this.name}\n\t\t\t\t.type=${this.type}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t.required=${this.required}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t.readOnly=${this.readonly}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t.pattern=${ifDefined(this.pattern) ?? nothing}\n\t\t\t/>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","constructor","super","this","inputRef","createRef","label","type","clickable","name","Date","now","placeholder","value","required","disabled","readonly","spellcheck","align","autocomplete","tabIndex","error","internals","attachInternals","undefined","autofocus","focus","fromEvent","inputElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","animationName","form","reportValidity","checkValidity","message","setCustomValidity","select","validity","options","preventScroll","Event","click","blur","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","step","inputmode","min","max","minlength","maxlength","pattern","nothing","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","reflect","Boolean","String","Number","query","customElement"],"mappings":"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"}
+{"version":3,"file":"input-BgnA2aM_.cjs","sources":["../src/input/input.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html, nothing } from 'lit'\nimport { customElement, property, query } 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 } from 'rxjs'\nimport style from './input.scss?inline'\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\tinputRef = createRef<HTMLInputElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The type of the control.\n\t * @attr\n\t * @type {'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime' | 'time' | 'month' | 'week' | 'color' | 'file'}\n\t * @default 'text'\n\t * @public\n\t **/\n\t@property({ reflect: true }) public type:\n\t\t| 'email'\n\t\t| 'number'\n\t\t| 'password'\n\t\t| 'search'\n\t\t| 'tel'\n\t\t| 'text'\n\t\t| 'url'\n\t\t| 'date'\n\t\t| 'datetime'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n\t\t| 'color'\n\t\t| 'file' = 'text'\n\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The pattern attribute of the control.\n\t * @attr\n\t * @type {string}\n\t * @default undefiend\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) pattern\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\t/**\n\t * The inputmode attribute of the control.\n\t * @attr\n\t * @type {'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'}\n\t * @default 'none'\n\t * @public\n\t */\n\t@property() public inputmode!: 'none' | 'txt' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The min attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic min!: string\n\n\t/**\n\t * The max attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic max!: string\n\n\t/**\n\t * The step attribute of the control.\n\t * @attr\n\t */\n\t@property({\n\t\ttype: Number,\n\t\treflect: true,\n\t})\n\tpublic step!: number\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t/**\n\t * The autocomplete attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic autocomplete: AutoFill = 'off'\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('input') inputElement!: HTMLInputElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\tfromEvent(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\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\t\t\t})\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => (event as AnimationEvent).animationName === 'onAutoFillStart'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'caret-transparent focus:outline-none cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// read only\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.id=${this.id}\n\t\t\t\t.name=${this.name}\n\t\t\t\t.type=${this.type}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t.required=${this.required}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t.readOnly=${this.readonly}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t.pattern=${ifDefined(this.pattern) ?? nothing}\n\t\t\t/>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","constructor","super","this","inputRef","createRef","label","type","clickable","name","Date","now","placeholder","value","required","disabled","readonly","spellcheck","align","autocomplete","tabIndex","error","internals","attachInternals","undefined","autofocus","focus","fromEvent","inputElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","animationName","form","reportValidity","checkValidity","message","setCustomValidity","select","validity","options","preventScroll","Event","click","blur","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","step","inputmode","min","max","minlength","maxlength","pattern","nothing","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","reflect","Boolean","String","Number","query","customElement"],"mappings":"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"}

package/dist/{input-suNgHap8.js → input-C50UsaQY.js}

@@ -1,7 +1,7 @@
 import { fromEvent as p, map as h, distinctUntilChanged as d, filter as b } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as v } from "./tailwind.mixin-CP8BNFiT.js";
+import { T as v } from "./tailwind.mixin-D6m-sJmB.js";
 import { c as y } from "./ripple-BumgqsDT.js";
 import { S as a } from "./theme.interface-C5Kj6WjD.js";
 import { html as f, nothing as x, LitElement as w } from "lit";
@@ -115,4 +115,4 @@ let e = class extends v(":host{border:unset!important;line-height:unset!importan
   }
 };
 e.shadowRootOptions = { ...w.shadowRootOptions, delegatesFocus: !0 }, e.formAssociated = !0, i([r()], e.prototype, "label", 2), i([r({ reflect: !0 })], e.prototype, "type", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "clickable", 2), i([r()], e.prototype, "name", 2), i([r()], e.prototype, "placeholder", 2), i([r({ type: String, reflect: !0 })], e.prototype, "value", 2), i([r({ type: String, reflect: !0 })], e.prototype, "pattern", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "required", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "disabled", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "readonly", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "spellcheck", 2), i([r({ type: String, reflect: !0 })], e.prototype, "align", 2), i([r()], e.prototype, "inputmode", 2), i([r({ type: Number })], e.prototype, "minlength", 2), i([r({ type: Number })], e.prototype, "maxlength", 2), i([r()], e.prototype, "min", 2), i([r()], e.prototype, "max", 2), i([r({ type: Number, reflect: !0 })], e.prototype, "step", 2), i([r({ type: Boolean })], e.prototype, "autofocus", 2), i([r()], e.prototype, "autocomplete", 2), i([r({ type: Number })], e.prototype, "tabIndex", 2), i([$("input")], e.prototype, "inputElement", 2), i([r()], e.prototype, "hint", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "error", 2), e = i([E("schmancy-input")], e);
-//# sourceMappingURL=input-suNgHap8.js.map
+//# sourceMappingURL=input-C50UsaQY.js.map

package/dist/{input-suNgHap8.js.map → input-C50UsaQY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-suNgHap8.js","sources":["../src/input/input.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html, nothing } from 'lit'\nimport { customElement, property, query } 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 } from 'rxjs'\nimport style from './input.scss?inline'\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\tinputRef = createRef<HTMLInputElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The type of the control.\n\t * @attr\n\t * @type {'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime' | 'time' | 'month' | 'week' | 'color' | 'file'}\n\t * @default 'text'\n\t * @public\n\t **/\n\t@property({ reflect: true }) public type:\n\t\t| 'email'\n\t\t| 'number'\n\t\t| 'password'\n\t\t| 'search'\n\t\t| 'tel'\n\t\t| 'text'\n\t\t| 'url'\n\t\t| 'date'\n\t\t| 'datetime'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n\t\t| 'color'\n\t\t| 'file' = 'text'\n\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The pattern attribute of the control.\n\t * @attr\n\t * @type {string}\n\t * @default undefiend\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) pattern\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\t/**\n\t * The inputmode attribute of the control.\n\t * @attr\n\t * @type {'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'}\n\t * @default 'none'\n\t * @public\n\t */\n\t@property() public inputmode!: 'none' | 'txt' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The min attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic min!: string\n\n\t/**\n\t * The max attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic max!: string\n\n\t/**\n\t * The step attribute of the control.\n\t * @attr\n\t */\n\t@property({\n\t\ttype: Number,\n\t\treflect: true,\n\t})\n\tpublic step!: number\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t/**\n\t * The autocomplete attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic autocomplete: AutoFill = 'off'\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('input') inputElement!: HTMLInputElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\tfromEvent(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\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\t\t\t})\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => (event as AnimationEvent).animationName === 'onAutoFillStart'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'caret-transparent focus:outline-none cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// read only\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.id=${this.id}\n\t\t\t\t.name=${this.name}\n\t\t\t\t.type=${this.type}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t.required=${this.required}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t.readOnly=${this.readonly}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t.pattern=${ifDefined(this.pattern) ?? nothing}\n\t\t\t/>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","constructor","super","this","inputRef","createRef","label","type","clickable","name","Date","now","placeholder","value","required","disabled","readonly","spellcheck","align","autocomplete","tabIndex","error","internals","attachInternals","undefined","autofocus","focus","fromEvent","inputElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","animationName","form","reportValidity","checkValidity","message","setCustomValidity","select","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","step","inputmode","min","max","minlength","maxlength","pattern","nothing","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","reflect","Boolean","String","Number","query","customElement"],"mappings":"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"}
+{"version":3,"file":"input-C50UsaQY.js","sources":["../src/input/input.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html, nothing } from 'lit'\nimport { customElement, property, query } 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 } from 'rxjs'\nimport style from './input.scss?inline'\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\tinputRef = createRef<HTMLInputElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The type of the control.\n\t * @attr\n\t * @type {'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime' | 'time' | 'month' | 'week' | 'color' | 'file'}\n\t * @default 'text'\n\t * @public\n\t **/\n\t@property({ reflect: true }) public type:\n\t\t| 'email'\n\t\t| 'number'\n\t\t| 'password'\n\t\t| 'search'\n\t\t| 'tel'\n\t\t| 'text'\n\t\t| 'url'\n\t\t| 'date'\n\t\t| 'datetime'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n\t\t| 'color'\n\t\t| 'file' = 'text'\n\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The pattern attribute of the control.\n\t * @attr\n\t * @type {string}\n\t * @default undefiend\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) pattern\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\t/**\n\t * The inputmode attribute of the control.\n\t * @attr\n\t * @type {'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'}\n\t * @default 'none'\n\t * @public\n\t */\n\t@property() public inputmode!: 'none' | 'txt' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The min attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic min!: string\n\n\t/**\n\t * The max attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic max!: string\n\n\t/**\n\t * The step attribute of the control.\n\t * @attr\n\t */\n\t@property({\n\t\ttype: Number,\n\t\treflect: true,\n\t})\n\tpublic step!: number\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t/**\n\t * The autocomplete attribute of the control.\n\t * @attr\n\t */\n\t@property()\n\tpublic autocomplete: AutoFill = 'off'\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('input') inputElement!: HTMLInputElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\tfromEvent(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\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\t\t\t})\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => (event as AnimationEvent).animationName === 'onAutoFillStart'),\n\t\t\t\tmap(event => (event.target as HTMLInputElement).value),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\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\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'caret-transparent focus:outline-none cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// read only\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<input\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t})}\n\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.id=${this.id}\n\t\t\t\t.name=${this.name}\n\t\t\t\t.type=${this.type}\n\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t.required=${this.required}\n\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t.readOnly=${this.readonly}\n\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t.pattern=${ifDefined(this.pattern) ?? nothing}\n\t\t\t/>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","constructor","super","this","inputRef","createRef","label","type","clickable","name","Date","now","placeholder","value","required","disabled","readonly","spellcheck","align","autocomplete","tabIndex","error","internals","attachInternals","undefined","autofocus","focus","fromEvent","inputElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","animationName","form","reportValidity","checkValidity","message","setCustomValidity","select","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","step","inputmode","min","max","minlength","maxlength","pattern","nothing","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","reflect","Boolean","String","Number","query","customElement"],"mappings":"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"}

package/dist/input.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./input-CziCM1iP.cjs");
+"use strict";require("./input-BgnA2aM_.cjs");
 //# sourceMappingURL=input.cjs.map

package/dist/input.js

@@ -1,2 +1,2 @@
-import "./input-suNgHap8.js";
+import "./input-C50UsaQY.js";
 //# sourceMappingURL=input.js.map

package/dist/intersection-CJxzz8c-.js

@@ -0,0 +1,15 @@
+import { Observable as s } from "rxjs";
+function c(r, t = { threshold: 0.5 }) {
+  return new s((o) => {
+    const e = new IntersectionObserver((n) => {
+      o.next(n);
+    }, t);
+    return Array.isArray(r) ? r.forEach((n) => e.observe(n)) : e.observe(r), () => {
+      e.disconnect();
+    };
+  });
+}
+export {
+  c as i
+};
+//# sourceMappingURL=intersection-CJxzz8c-.js.map

package/dist/intersection-CJxzz8c-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-CJxzz8c-.js","sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"names":["intersection$","element","options","threshold","Observable","subscriber","observer","IntersectionObserver","entries","next","Array","isArray","forEach","el","observe","disconnect"],"mappings":";AAEgB,SAAAA,EACfC,GACAC,IAAU,EACTC,WAAW,IAGL,GAAA;AAAA,SAAA,IAAIC,EAAyBC,CAAAA;AAC7B,UAAAC,IAAW,IAAIC,qBAAgCC,CAAAA,MAAAA;AACpDH,MAAAA,EAAWI,KAAKD,CAAAA;AAAAA,IAAO,GACrBN,CAAAA;AAMH,WAHAQ,MAAMC,QAAQV,KAAWA,EAAQW,QAAQC,CAAAA,MAAMP,EAASQ,QAAQD,CAAOP,CAAAA,IAAAA,EAASQ,QAAQb,CAGjF,GAAA,MAAA;AACNK,MAAAA,EAASS,WAAW;AAAA,IAAA;AAAA,EACrB;AAEF;"}

package/dist/intersection-CVvaDv96.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("rxjs");exports.intersection$=function(r,t={threshold:.5}){return new o.Observable(s=>{const e=new IntersectionObserver(n=>{s.next(n)},t);return Array.isArray(r)?r.forEach(n=>e.observe(n)):e.observe(r),()=>{e.disconnect()}})};
+//# sourceMappingURL=intersection-CVvaDv96.cjs.map

package/dist/intersection-CVvaDv96.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-CVvaDv96.cjs","sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"names":["element","options","threshold","Observable","subscriber","observer","IntersectionObserver","entries","next","Array","isArray","forEach","el","observe","disconnect"],"mappings":"2DAEgB,SACfA,EACAC,EAAU,CACTC,UAAW,EAGL,EAAA,CAAA,OAAA,IAAIC,EAAAA,WAAyBC,IAC7B,MAAAC,EAAW,IAAIC,qBAAgCC,GAAAA,CACpDH,EAAWI,KAAKD,CAAAA,CAAO,EACrBN,CAMH,EAAA,OAHAQ,MAAMC,QAAQV,CAAAA,EAAWA,EAAQW,QAAQC,GAAMP,EAASQ,QAAQD,CAAAA,CAAAA,EAAOP,EAASQ,QAAQb,CAAAA,EAGjF,KACNK,EAASS,WAAAA,CAAW,CACrB,CAEF,CAAA"}

package/dist/layout.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./scroll-BPSgAOxA.cjs");Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>e.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>e.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>e.SchmancyScroll});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./scroll-2nVgiEne.cjs");Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>e.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>e.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>e.SchmancyScroll});
 //# sourceMappingURL=layout.cjs.map

package/dist/layout.js

@@ -1,4 +1,4 @@
-import { S, a as m, b as r } from "./scroll-CAn_o-0U.js";
+import { S, a as m, b as r } from "./scroll-Kw278kXe.js";
 export {
   S as SchmancyFlex,
   m as SchmancyGrid,

package/dist/list.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-button-BAN6lRyQ.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-button-lS8U2Zia.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
 //# sourceMappingURL=list.cjs.map

package/dist/list.js

@@ -1,4 +1,4 @@
-import { L as a, h as m } from "./theme-button-BMLzTEhF.js";
+import { L as a, h as m } from "./theme-button-BTQaux2v.js";
 export {
   a as List,
   m as SchmancyListItem

package/dist/{litElement.mixin-B6SmKh9a.cjs → litElement.mixin-dosTHO0i.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./tailwind.mixin-698watWc.cjs");exports.$LitElement=t=>{class s extends e.BaseElement(e.TailwindElement(t)){constructor(){super(...arguments),this.disconnectedCallback=()=>{super.disconnectedCallback()}}}return s};
-//# sourceMappingURL=litElement.mixin-B6SmKh9a.cjs.map
+"use strict";const e=require("./tailwind.mixin-Dts5Uk3L.cjs");exports.$LitElement=t=>{class s extends e.BaseElement(e.TailwindElement(t)){constructor(){super(...arguments),this.disconnectedCallback=()=>{super.disconnectedCallback()}}}return s};
+//# sourceMappingURL=litElement.mixin-dosTHO0i.cjs.map

package/dist/{litElement.mixin-B6SmKh9a.cjs.map → litElement.mixin-dosTHO0i.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"litElement.mixin-B6SmKh9a.cjs","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["componentStyle","TailwindMixinClass","BaseElement","TailwindElement","constructor","super","arguments","this","disconnectedCallback"],"mappings":"kFAKiDA,GAAAA,CAChD,MAAMC,UAA2BC,EAAAA,YAAYC,kBAAgBH,IAA7D,aAAAI,CAAAC,MAAAC,GAAAA,SAAAA,EACCC,KAAAC,qBAAuB,IACtBH,CAAAA,MAAMG,qBAAqB,CAAA,CAC5B,CAEM,CAAA,OAAAP,CAAA"}
+{"version":3,"file":"litElement.mixin-dosTHO0i.cjs","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["componentStyle","TailwindMixinClass","BaseElement","TailwindElement","constructor","super","arguments","this","disconnectedCallback"],"mappings":"kFAKiDA,GAAAA,CAChD,MAAMC,UAA2BC,EAAAA,YAAYC,kBAAgBH,IAA7D,aAAAI,CAAAC,MAAAC,GAAAA,SAAAA,EACCC,KAAAC,qBAAuB,IACtBH,CAAAA,MAAMG,qBAAqB,CAAA,CAC5B,CAEM,CAAA,OAAAP,CAAA"}

package/dist/{litElement.mixin-Bl038NZS.js → litElement.mixin-kW4tqV-x.js}

@@ -1,4 +1,4 @@
-import { B as t, T as r } from "./tailwind.mixin-CP8BNFiT.js";
+import { B as t, T as r } from "./tailwind.mixin-D6m-sJmB.js";
 const n = (s) => {
   class e extends t(r(s)) {
     constructor() {
@@ -12,4 +12,4 @@ const n = (s) => {
 export {
   n as $
 };
-//# sourceMappingURL=litElement.mixin-Bl038NZS.js.map
+//# sourceMappingURL=litElement.mixin-kW4tqV-x.js.map

package/dist/{litElement.mixin-Bl038NZS.js.map → litElement.mixin-kW4tqV-x.js.map}

@@ -1 +1 @@
-{"version":3,"file":"litElement.mixin-Bl038NZS.js","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["$LitElement","componentStyle","TailwindMixinClass","BaseElement","TailwindElement","super","arguments","this","disconnectedCallback"],"mappings":";AAKa,MAAAA,IAAoCC,CAAAA;EAChD,MAAMC,UAA2BC,EAAYC,EAAgBH,CAA7D,CAAA,EAAA;AAAA,IAAA;AAAAI,YAAAC,GAAAA,SAAAA,GACCC,KAAAC,uBAAuB,MACtBH;AAAAA,cAAMG;MAAqB;AAAA,IAC5B;AAAA,EAAA;AAEM,SAAAN;AAAA;"}
+{"version":3,"file":"litElement.mixin-kW4tqV-x.js","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["$LitElement","componentStyle","TailwindMixinClass","BaseElement","TailwindElement","super","arguments","this","disconnectedCallback"],"mappings":";AAKa,MAAAA,IAAoCC,CAAAA;EAChD,MAAMC,UAA2BC,EAAYC,EAAgBH,CAA7D,CAAA,EAAA;AAAA,IAAA;AAAAI,YAAAC,GAAAA,SAAAA,GACCC,KAAAC,uBAAuB,MACtBH;AAAAA,cAAMG;MAAqB;AAAA,IAC5B;AAAA,EAAA;AAEM,SAAAN;AAAA;"}

package/dist/{menu-Cysa0uSH.js → menu-BPkKjcYr.js}

@@ -1,8 +1,8 @@
 import { fromEvent as m, takeUntil as l, tap as p, switchMap as u, from as h } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as g } from "./litElement.mixin-Bl038NZS.js";
-import { T as v } from "./tailwind.mixin-CP8BNFiT.js";
+import { $ as g } from "./litElement.mixin-kW4tqV-x.js";
+import { T as v } from "./tailwind.mixin-D6m-sJmB.js";
 import { css as b, html as f } from "lit";
 import { customElement as y, state as E, queryAssignedElements as w, query as k } from "lit/decorators.js";
 import { computePosition as x, offset as P, flip as M, shift as O } from "@floating-ui/dom";
@@ -88,4 +88,4 @@ let r = class extends v(b`
   }
 };
 c([E()], r.prototype, "open", 2), c([w({ flatten: !0, slot: "button" })], r.prototype, "buttonElement", 2), c([k("#menu")], r.prototype, "menuElement", 2), r = c([y("schmancy-menu")], r);
-//# sourceMappingURL=menu-Cysa0uSH.js.map
+//# sourceMappingURL=menu-BPkKjcYr.js.map

package/dist/{menu-Cysa0uSH.js.map → menu-BPkKjcYr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-Cysa0uSH.js","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\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\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { from, fromEvent, switchMap, takeUntil, tap } from 'rxjs'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends TailwindElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n`) {\n\t@state() open = false\n\n\t@queryAssignedElements({ flatten: true, slot: 'button' })\n\tbuttonElement!: Array<HTMLElement>\n\n\t@query('#menu') menuElement!: HTMLElement\n\n\topenMenu() {\n\t\tthis.open = true\n\t\tthis.positionMenu()\n\n\t\t// Approx. \"easeInQuad\" with a cubic-bezier:\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 100,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\treturn new Promise<void>(resolve => {\n\t\t\tanimation.onfinish = () => resolve()\n\t\t})\n\t}\n\n\tcloseMenu(e?: Event) {\n\t\tif (e && e instanceof Event) {\n\t\t\te.preventDefault()\n\t\t\te.stopPropagation()\n\t\t}\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 75,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\treturn new Promise<void>(resolve => {\n\t\t\tanimation.onfinish = () => {\n\t\t\t\tthis.open = false\n\t\t\t\tresolve()\n\t\t\t}\n\t\t})\n\t}\n\n\tasync positionMenu() {\n\t\tif (this.buttonElement.length && this.menuElement) {\n\t\t\tconst { x, y } = await computePosition(this.buttonElement[0], this.menuElement, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t}\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tfromEvent(this.buttonElement, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tswitchMap(() => from(this.openMenu())),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tswitchMap(() => from(this.closeMenu())),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert</schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<div class=\"fixed inset-0 z-50\" .hidden=${!this.open} @click=${this.closeMenu}></div>\n\t\t\t<schmancy-list\n\t\t\t\tid=\"menu\"\n\t\t\t\t.hidden=${!this.open}\n\t\t\t\tclass=\"absolute z-50 elevation-2 rounded-md \n          min-w-[160px] max-w-[320px] w-max bg-surface-default\"\n\t\t\t\trole=\"menu\"\n\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\taria-labelledby=\"options-menu-4-button\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","super","connectedCallback","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","render","html","customElement","SchmancyMenu","TailwindElement","arguments","open","openMenu","positionMenu","animation","menuElement","animate","opacity","transform","duration","easing","Promise","resolve","onfinish","Event","preventDefault","buttonElement","length","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","style","left","top","position","firstUpdated","tap","switchMap","from","closeMenu","__decorateClass","state","prototype","queryAssignedElements","flatten","slot","query"],"mappings":"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"}
+{"version":3,"file":"menu-BPkKjcYr.js","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\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\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { from, fromEvent, switchMap, takeUntil, tap } from 'rxjs'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends TailwindElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n`) {\n\t@state() open = false\n\n\t@queryAssignedElements({ flatten: true, slot: 'button' })\n\tbuttonElement!: Array<HTMLElement>\n\n\t@query('#menu') menuElement!: HTMLElement\n\n\topenMenu() {\n\t\tthis.open = true\n\t\tthis.positionMenu()\n\n\t\t// Approx. \"easeInQuad\" with a cubic-bezier:\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 100,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\treturn new Promise<void>(resolve => {\n\t\t\tanimation.onfinish = () => resolve()\n\t\t})\n\t}\n\n\tcloseMenu(e?: Event) {\n\t\tif (e && e instanceof Event) {\n\t\t\te.preventDefault()\n\t\t\te.stopPropagation()\n\t\t}\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 75,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\treturn new Promise<void>(resolve => {\n\t\t\tanimation.onfinish = () => {\n\t\t\t\tthis.open = false\n\t\t\t\tresolve()\n\t\t\t}\n\t\t})\n\t}\n\n\tasync positionMenu() {\n\t\tif (this.buttonElement.length && this.menuElement) {\n\t\t\tconst { x, y } = await computePosition(this.buttonElement[0], this.menuElement, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t}\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tfromEvent(this.buttonElement, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tswitchMap(() => from(this.openMenu())),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tswitchMap(() => from(this.closeMenu())),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert</schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<div class=\"fixed inset-0 z-50\" .hidden=${!this.open} @click=${this.closeMenu}></div>\n\t\t\t<schmancy-list\n\t\t\t\tid=\"menu\"\n\t\t\t\t.hidden=${!this.open}\n\t\t\t\tclass=\"absolute z-50 elevation-2 rounded-md \n          min-w-[160px] max-w-[320px] w-max bg-surface-default\"\n\t\t\t\trole=\"menu\"\n\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\taria-labelledby=\"options-menu-4-button\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","super","connectedCallback","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","render","html","customElement","SchmancyMenu","TailwindElement","arguments","open","openMenu","positionMenu","animation","menuElement","animate","opacity","transform","duration","easing","Promise","resolve","onfinish","Event","preventDefault","buttonElement","length","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","style","left","top","position","firstUpdated","tap","switchMap","from","closeMenu","__decorateClass","state","prototype","queryAssignedElements","flatten","slot","query"],"mappings":";;;;;;;;;AAMA,IAAqBA,IAArB,cAA8CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA,CAKzD,EAAA;AAAA,EAAA,oBACCC;AAAAA,UAAMC,kBACIC,GAAAA,EAAAC,MAAM,OAAA,EACdC,KAAKC,EAAUF,KAAKG,aAAAA,CAAAA,EACpBC,UAAeC,OAAAA;AACfA,QAAEC,gBAAAA,GACGN,KAAAO,cACJ,IAAIC,YAAY,4BAA4B,EAC3CC,SAAS,IACTC,UAAU,GAAA,CAAA,CAAA;AAAA,IAEZ,CACA;AAAA,EAAA;AAAA,EAEO,SAAAC;AACF,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AApBYlB;AAAAA;;;GAArB,CADCmB,EAAc,oBAAA,CAAA,GACMnB;;;;;ACCrB,IAAqBoB,IAArB,cAA0CC,EAAgBnB;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA1D,EAAA;AAAA,EAAA;AAAAC,UAAAmB,GAAAA,SAAAA,GAMiBhB,KAAAiB,OAAA;AAAA,EAAA;AAAA,EAOhB,WAAAC;AACClB,SAAKiB,OAAAA,IACLjB,KAAKmB,aAAAA;AAGC,UAAAC,IAAYpB,KAAKqB,YAAYC,QAClC,CACC,EAAEC,SAAS,GAAGC,WAAW,cAAA,GACzB,EAAED,SAAS,GAAGC,WAAW,WAE1B,CAAA,GAAA,EACCC,UAAU,KACVC,QAAQ;AAIH,WAAA,IAAIC,QAAyBC,CAAAA,MACzBR;AAAAA,QAAAS,WAAW,MAAMD,EAAAA;AAAAA,IAAQ,CACnC;AAAA,EAAA;AAAA,EAGF,UAAUvB,GAAAA;AACLA,SAAKA,aAAayB,UACrBzB,EAAE0B,eACF1B,GAAAA,EAAEC;AAGG,UAAAc,IAAYpB,KAAKqB,YAAYC,QAClC,CACC,EAAEC,SAAS,GAAGC,WAAW,WAAA,GACzB,EAAED,SAAS,GAAGC,WAAW,cAAA,CAAA,GAE1B,EACCC,UAAU,IACVC,QAAQ,wCAIH,CAAA;AAAA,WAAA,IAAIC,QAAyBC,CAAAA,MAAAA;AACnCR,MAAAA,EAAUS,WAAW,MAAA;AACpB7B,aAAKiB,OAAO,IACJW;MAAA;AAAA,IACT,CAAA;AAAA,EACA;AAAA,EAGF,MAAA;AACC,QAAI5B,KAAKgC,cAAcC,UAAUjC,KAAKqB,aAAa;AAC5C,YAAA,EAAAa,GAAEA,GAAGC,GAAAA,YAAYC,EAAgBpC,KAAKgC,cAAc,CAAIhC,GAAAA,KAAKqB,aAAa,EAC/EgB,WAAW,gBACXC,YAAY,CAACC,EAAO,CAAA,GAAIC,KAAQC,EAAM,EAAEC,SAAS,EAG3CC,CAAAA,CAAAA,EAAAA,CAAAA;AAAAA,aAAAC,OAAO5C,KAAKqB,YAAYwB,OAAO,EACrCC,MAAM,GAAGZ,CACTa,MAAAA,KAAK,GAAGZ,CACRa,MAAAA,UAAU,WACV,CAAA;AAAA,IAAA;AAAA,EACF;AAAA,EAGS,eAAAC;AACClD,IAAAA,EAAAC,KAAKgC,eAAe,SAC5B/B,KACAiD,EAAI7C,OAAKA,EAAEC,gBAAAA,CAAAA,GACXJ,EAAUF,KAAKG,aAAAA,GACfgD,EAAU,MAAMC,EAAKpD,KAAKkB,SAE1Bd,CAAAA,CAAAA,CAAAA,EAAAA,UAAAA,GAEQL,EAAAC,MAAM,4BACdC,KACAiD,EAAI7C,OAAKA,EAAEC,gBAAAA,CAAAA,GACXJ,EAAUF,KAAKG,aAAAA,GACfgD,EAAU,MAAMC,EAAKpD,KAAKqD,UAE1BjD,CAAAA,CAAAA,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAGb,SAAAO;AACQ,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA,6CAIqCZ,CAAAA,KAAKiB,eAAejB,KAAKqD,SAAAA;AAAAA;AAAAA;AAAAA,eAGxDrD,KAAKiB,IAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAI;AAAA;AA9FdqC,EAAA,CAARC,EANmBzC,CAAAA,GAAAA,EAMX0C,WAAA,QAAA,CAGTF,GAAAA,EAAA,CADCG,EAAsB,EAAEC,SAAAA,IAAeC,MAAM,SAAA,CAAA,CAAA,GAR1B7C,EASpB0C,WAAA,iBAAA,CAAA,GAEgBF,EAAA,CAAfM,EAAM,OAXa9C,CAAAA,GAAAA,EAWJ0C,WAAA,eAAA,CAXI1C,GAAAA,IAArBwC,EAAA,CADCzC,EAAc,eACMC,CAAAA,GAAAA,CAAAA;"}