@mhmo91/schmancy 0.2.118 → 0.2.121

package/types/src/store/storage-manager.d.ts

@@ -0,0 +1,56 @@
+import { StorageType } from './types';
+/**
+ * Storage manager interface with generic typing
+ */
+export interface StorageManager<T> {
+    load(): Promise<T | null>;
+    save(state: T): Promise<void>;
+    clear(): Promise<void>;
+}
+/**
+ * Memory storage manager implementation
+ */
+export declare class MemoryStorageManager<T> implements StorageManager<T> {
+    private data;
+    load(): Promise<T | null>;
+    save(state: T): Promise<void>;
+    clear(): Promise<void>;
+}
+/**
+ * Local storage manager implementation
+ */
+export declare class LocalStorageManager<T> implements StorageManager<T> {
+    private key;
+    constructor(key: string);
+    load(): Promise<T | null>;
+    save(state: T): Promise<void>;
+    clear(): Promise<void>;
+}
+/**
+ * Session storage manager implementation
+ */
+export declare class SessionStorageManager<T> implements StorageManager<T> {
+    private key;
+    constructor(key: string);
+    load(): Promise<T | null>;
+    save(state: T): Promise<void>;
+    clear(): Promise<void>;
+}
+/**
+ * IndexedDB storage manager implementation with better error typing
+ */
+export declare class IndexedDBStorageManager<T> implements StorageManager<T> {
+    private key;
+    private static DB_NAME;
+    private static STORE_NAME;
+    private static DB_VERSION;
+    constructor(key: string);
+    private openDB;
+    load(): Promise<T | null>;
+    save(state: T): Promise<void>;
+    clear(): Promise<void>;
+}
+/**
+ * Factory function to create the appropriate storage manager
+ */
+export declare function createStorageManager<T>(type: StorageType, key: string): StorageManager<T>;

package/types/src/store/types.d.ts

@@ -0,0 +1,84 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+/**
+ * Storage types supported by the store
+ */
+export type StorageType = 'memory' | 'local' | 'session' | 'indexeddb';
+/**
+ * Base store options
+ */
+export interface StoreOptions<T> {
+    /** Key used for persistent storage */
+    key: string;
+    /** Storage type */
+    storage: StorageType;
+    /** Initial state */
+    initialState: T;
+    /** Enable dev tools */
+    devTools?: boolean;
+}
+/**
+ * Action interface for all store actions
+ */
+export interface Action<T = any> {
+    type: string;
+    payload?: T;
+}
+/**
+ * Type-safe action creator
+ */
+export type ActionCreator<P = void, R = void> = P extends void ? () => R : (payload: P) => R;
+/**
+ * Map of action creators with preserved function signatures
+ */
+export type ActionCreatorMap<T> = {
+    [K in keyof T]: T[K] extends (...args: infer A) => infer R ? (...args: A) => R : never;
+};
+/**
+ * Reducer function type
+ */
+export type Reducer<T> = (state: T, action: Action) => T;
+/**
+ * Middleware function type
+ */
+export type Middleware<T> = (prevState: T, nextState: T, context: {
+    type: string;
+    payload?: any;
+}) => void;
+/**
+ * Selector function type
+ */
+export type Selector<S, R> = (state: S) => R;
+/**
+ * Enhanced store error with type information
+ */
+export declare class StoreError<T = unknown> extends Error {
+    readonly cause?: T;
+    readonly context?: Record<string, unknown>;
+    constructor(message: string, cause?: T, context?: Record<string, unknown>);
+}
+/**
+ * Core store interface
+ */
+export interface IStore<T> {
+    value: T;
+    $: BehaviorSubject<T>;
+    set(value: Partial<T>, merge?: boolean): void;
+    clear(): void;
+    replace(newValue: T): void;
+    ready: boolean;
+    error$: Observable<StoreError | null>;
+}
+/**
+ * Interface for collection stores
+ * No longer extends IStore to avoid method signature conflicts
+ */
+export interface ICollectionStore<T> {
+    value: Map<string, T>;
+    $: BehaviorSubject<Map<string, T>>;
+    set<V = T>(key: string, value: V): void;
+    delete(key: string): void;
+    clear(): void;
+    replace(newValue: Map<string, T>): void;
+    ready: boolean;
+    error$: Observable<StoreError | null>;
+}

package/types/src/table/index.d.ts

@@ -1 +1,2 @@
+export * from './row';
 export * from './table';

package/types/src/table/row.d.ts

@@ -0,0 +1,19 @@
+import { TemplateResult } from 'lit';
+import { TableColumn } from './table';
+declare const SchmancyTableRow_base: CustomElementConstructor & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+export declare class SchmancyTableRow extends SchmancyTableRow_base {
+    columns: TableColumn[];
+    item: any;
+    cols: string;
+    actions: Array<{
+        name: string;
+        action: (item: any) => void;
+    }> | undefined;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-table-row': SchmancyTableRow;
+    }
+}
+export {};

package/types/src/table/table.d.ts

@@ -1,10 +1,33 @@
-declare const SchmancyTable_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export default class SchmancyTable extends SchmancyTable_base {
-    protected render(): unknown;
+import '@lit-labs/virtualizer';
+import { TemplateResult } from 'lit';
+import './row';
+export interface TableColumn<T extends Record<string, any> = any> {
+    name: string;
+    key?: keyof T;
+    align?: 'left' | 'right' | 'center';
+    weight?: 'normal' | 'bold';
+    render?: (item: T) => TemplateResult | string | number;
+}
+export interface RowEventDetail<T> {
+    item: T;
+    index: number;
+}
+declare const SchmancyDataTable_base: CustomElementConstructor & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+export declare class SchmancyDataTable<T extends Record<string, any> = any> extends SchmancyDataTable_base {
+    columns: TableColumn<T>[];
+    data: T[];
+    keyField: keyof T;
+    cols: string;
+    actions: Array<{
+        name: string;
+        action: (item: T) => void;
+    }>;
+    private handleRowEvent;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'schmancy-table': SchmancyTable;
+        'schmancy-table-v2': SchmancyDataTable;
     }
 }
 export {};

package/dist/autocomplete-BIJ9G0y1.cjs

@@ -1,57 +0,0 @@
-"use strict";const C=require("@floating-ui/dom"),O=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const A=require("./litElement.mixin-DGx3SrGX.cjs");require("./tailwind.mixin-UzdLTEsN.cjs");const E=require("./color-D8r6dpWm.cjs");require("./ripple-B_wT0zgD.cjs");const D=require("./theme.interface-Xg5Zi46a.cjs"),x=require("lit"),u=require("lit/decorators.js"),$=require("lit/directives/ref.js"),b=require("rxjs/operators");function I(t,e){if(!t||!e)return 0;if(t===e)return 1;const i=t.toLowerCase().trim(),s=e.toLowerCase().trim();if(i===s)return 1;const r=s.includes(i)?1:0,o=function(h,c){let l=0,n=0;for(;l<h.length&&n<c.length;)h[l]===c[n]&&l++,n++;return l===h.length}(i,s)?.8:0,a=function(h,c){const l=y=>y.split("").reduce((v,g)=>(v[g]=(v[g]||0)+1,v),{}),n=l(h),m=l(c);return Object.keys(n).every(y=>(m[y]||0)>=n[y])}(i,s)?.7:0,w=function(h,c){if(h.length<2||c.length<2)return 0;const l=k(h),n=k(c);let m=0;const y=new Array(n.length).fill(!1);for(const v of l)for(let g=0;g<n.length;g++)if(!y[g]&&n[g]===v){m++,y[g]=!0;break}return 2*m/(l.length+n.length)}(i,s),f=Math.max(i.length,s.length),q=function(h,c){if(h.length===0)return c.length;if(c.length===0)return h.length;const l=[];for(let n=0;n<=c.length;n++)l[n]=[n];for(let n=0;n<=h.length;n++)l[0][n]=n;for(let n=1;n<=c.length;n++)for(let m=1;m<=h.length;m++){const y=h[m-1]===c[n-1]?0:1;l[n][m]=Math.min(l[n-1][m]+1,l[n][m-1]+1,l[n-1][m-1]+y)}return l[c.length][h.length]}(i,s),S=f?1-q/f:0;return Math.max(r,o,a,w,S)}function k(t){const e=[];for(let i=0;i<t.length-1;i++)e.push(t.substring(i,i+2));return e}var V=Object.defineProperty,M=Object.getOwnPropertyDescriptor,d=(t,e,i,s)=>{for(var r,o=s>1?void 0:s?M(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s?r(e,i,o):r(o))||o);return s&&o&&V(e,i,o),o};let p=class extends A.$LitElement(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}"){constructor(){super(...arguments),this.required=!1,this.placeholder="",this.value="",this.label="",this.maxHeight="25vh",this.multi=!1,this.description="",this.inputRef=$.createRef(),this.searchTerm$=new O.Subject,this.isOpen=!1,this.startY=0,this.statusMessage="",this.handleKeyDown=t=>{const e=this.options.filter(s=>!s.hidden);if(!this.isOpen)return void(["Enter","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.showOptions().then(()=>{e.length>0&&this.focusOption(e,0)})));let i=e.findIndex(s=>s.matches(":focus"));switch(i===-1&&(i=0),t.key){case"Escape":t.preventDefault(),this.hideOptions(),this.input.focus();break;case"ArrowDown":t.preventDefault(),this.focusOption(e,Math.min(i+1,e.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(e,Math.max(i-1,0));break;case"Home":t.preventDefault(),this.focusOption(e,0);break;case"End":t.preventDefault(),this.focusOption(e,e.length-1);break;case"Enter":if(t.preventDefault(),e[i]){const s=e[i].getAttribute("data-value")||e[i].getAttribute("value");s&&this.handleOptionClick(s)}break;case"Tab":this.hideOptions();break;default:if(t.key.length===1&&/[a-zA-Z0-9]/.test(t.key)){const s=t.key.toLowerCase(),r=e.findIndex(o=>(o.label||o.textContent||"").toLowerCase().startsWith(s));r!==-1&&(t.preventDefault(),this.focusOption(e,r))}}}}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-autocomplete-${Math.random().toString(36).substr(2,9)}`),O.fromEvent(this,"keydown").pipe(b.takeUntil(this.disconnecting)).subscribe({next:t=>{this.handleKeyDown(t)}}),this.searchTerm$.pipe(b.distinctUntilChanged(),b.tap(t=>{var r;const e=t.trim().toLowerCase(),i=this.options.map(o=>{const a=(o.label||o.textContent||"").toLowerCase();return{option:o,score:I(e,a)}}).filter(({score:o})=>o>.8).sort((o,a)=>o.score-a.score);this.options.forEach(o=>o.hidden=!0);for(const{option:o}of i)o.hidden=!1;this.empty.hidden=i.length>0,this.statusMessage=i.length>0?`${i.length} option${i.length===1?"":"s"} available.`:"No results found.";const s=(r=this.shadowRoot)==null?void 0:r.querySelector("#live-status");s&&(s.textContent=this.statusMessage),this.setupOptionsAccessibility(),this.requestUpdate()}),b.takeUntil(this.disconnecting)).subscribe(()=>{this.showOptions()}),O.fromEvent(this,"focusout").pipe(b.takeUntil(this.disconnecting),b.filter(t=>{const e=t.relatedTarget;return!this.contains(e)&&(e==null?void 0:e.tagName)!=="SCHMANCY-OPTION"}),b.switchMap(()=>{this.options.forEach(e=>e.hidden=!1);const t=this.optionsContainer.animate([{opacity:1},{opacity:0}],{duration:150,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"});return O.from(new Promise(e=>{t.onfinish=()=>{this.optionsContainer.style.display="none",this.optionsContainer.style.opacity="1",this.isOpen=!1,e()}}))})).subscribe({next:()=>{var t;if(this.multi){const e=this.options.filter(i=>i.selected).map(i=>i.label);this.input.value=e.join(", ")}else this.input.value=((t=this.options.find(e=>e.value===this.value))==null?void 0:t.label)??""}})}firstUpdated(){this.updateInputValue()}updated(t){super.updated(t),t.has("value")&&(this.syncSelectionFromValue(),this.updateInputValue())}handleSlotChange(){this.empty.hidden=this.options.some(t=>!t.hidden),this.syncSelectionFromValue(),this.updateInputValue(),this.setupOptionsAccessibility()}setupOptionsAccessibility(){this.options.forEach((t,e)=>{t.setAttribute("role","option"),t.id||(t.id=`${this.id}-option-${e}`),t.tabIndex=-1,t.setAttribute("aria-selected",String(this.multi?t.selected:t.value===this.value))})}syncSelectionFromValue(){if(this.multi){const t=this.value.split(",").map(e=>e.trim()).filter(Boolean);this.options.forEach(e=>{e.selected=t.includes(e.value)})}else this.options.forEach(t=>{t.selected=t.value===this.value})}updateInputValue(){requestAnimationFrame(()=>{var t;if(this.multi){const e=this.options.filter(i=>i.selected).map(i=>i.label);this.input.value=e.join(", ")}else{const e=(t=this.options.find(i=>i.value===this.value))==null?void 0:t.label;this.input.value=e??""}})}async showOptions(){if(!this.optionsContainer)return;this.optionsContainer.removeAttribute("hidden"),this.optionsContainer.style.display="block",this.isOpen=!0;const{x:t,y:e}=await C.computePosition(this.input,this.optionsContainer,{placement:"bottom-start",middleware:[C.offset(5),C.shift({padding:5}),C.size({apply({availableWidth:i,availableHeight:s,elements:r,rects:o}){const a=o.reference.width;r.floating.style.minWidth=`${a}px`,r.floating.style.maxWidth=`${i}px`,r.floating.style.maxHeight=`${s}px`}})]});Object.assign(this.optionsContainer.style,{left:`${t}px`,top:`${e}px`,position:"absolute",zIndex:"9999",overflowY:"auto"})}hideOptions(){var e,i;(e=this.optionsContainer)==null||e.setAttribute("hidden","true"),this.optionsContainer&&(this.optionsContainer.style.display="none"),this.isOpen=!1;const t=(i=this.shadowRoot)==null?void 0:i.querySelector("#live-status");t&&(t.textContent="Dropdown closed.")}handleInputChange(t){t.preventDefault(),t.stopPropagation();const e=t.detail.value;this.searchTerm$.next(e)}handleOptionClick(t){var e,i;if(this.multi){const s=this.options.find(f=>f.value===t);s&&(s.selected=!s.selected);const r=this.options.filter(f=>f.selected).map(f=>f.value);this.value=r.join(","),this.updateInputValue();const o=this.options.filter(f=>f.selected).map(f=>f.label),a=o.length>0?`Selected: ${o.join(", ")}`:"No options selected",w=(e=this.shadowRoot)==null?void 0:e.querySelector("#live-status");w&&(w.textContent=a),this.dispatchEvent(new CustomEvent("change",{detail:{value:r},bubbles:!0,composed:!0}))}else{const s=this.options.find(a=>a.value===t),r=(s==null?void 0:s.label)||"";this.hideOptions(),this.value=t,this.updateInputValue();const o=(i=this.shadowRoot)==null?void 0:i.querySelector("#live-status");o&&(o.textContent=`Selected: ${r}`),this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}}checkValidity(){return this.multi?this.options.some(t=>t.selected):!!this.value}reportValidity(){var t;return(t=this.inputRef.value)==null?void 0:t.reportValidity()}handleTouchStart(t){var e,i;this.startY=((i=(e=t.touches)==null?void 0:e[0])==null?void 0:i.clientY)??0}preventScroll(t){var o,a;const e=t.target;if(!this.optionsContainer.contains(e))return;const i=this.optionsContainer.scrollTop,s=this.optionsContainer.scrollHeight-this.optionsContainer.offsetHeight,r=((a=(o=t.touches)==null?void 0:o[0])==null?void 0:a.clientY)??0;(i<=0&&r>this.startY||i>=s&&r<this.startY)&&t.preventDefault()}focusOption(t,e){if(!t.length)return;const i=t[e];i&&(i.focus(),this.input.setAttribute("aria-activedescendant",i.id),i.scrollIntoView&&i.scrollIntoView({block:"nearest"}))}render(){const t=`${this.id}-desc`;return x.html`
-			<div class="relative">
-				<!-- Live region for screen reader announcements -->
-				<div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
-
-				<!-- Optional description for the autocomplete -->
-				${this.description?x.html`<div id="${t}" class="sr-only">${this.description}</div>`:""}
-
-				<!-- The trigger slot (if any) overrides the default SchmancyInput -->
-				<slot name="trigger">
-					<schmancy-input
-						${$.ref(this.inputRef)}
-						id="input"
-						class="w-full"
-						.label=${this.label}
-						.placeholder=${this.placeholder}
-						.required=${this.required}
-						type="search"
-						inputmode="text"
-						autocomplete="off"
-						clickable
-						role="combobox"
-						aria-autocomplete="list"
-						aria-haspopup="listbox"
-						aria-controls="options"
-						aria-expanded=${this.isOpen}
-						aria-describedby=${this.description?t:void 0}
-						@focus=${()=>this.showOptions()}
-						@change=${this.handleInputChange}
-					>
-					</schmancy-input>
-				</slot>
-
-				<ul
-					id="options"
-					tabindex="-1"
-					class="absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-sm"
-					role="listbox"
-					aria-multiselectable=${this.multi?"true":"false"}
-					aria-label=${`${this.label||"Options"} dropdown`}
-					hidden
-					@click=${e=>{var s;const i=(s=e.detail)==null?void 0:s.value;i&&this.handleOptionClick(i)}}
-					@touchstart=${this.handleTouchStart}
-					@touchmove=${this.preventScroll}
-					${E.color({bgColor:D.SchmancyTheme.sys.color.surface.container})}
-					@slotchange=${this.handleSlotChange}
-				>
-					<!-- "No results" option -->
-					<li id="empty" tabindex="-1" role="option" aria-disabled="true" class="p-2 text-center">
-						<schmancy-typography type="label">No results found</schmancy-typography>
-					</li>
-					<!-- Slot for the <schmancy-option> elements -->
-					<slot></slot>
-				</ul>
-			</div>
-		`}};d([u.property({type:Boolean})],p.prototype,"required",2),d([u.property({type:String})],p.prototype,"placeholder",2),d([u.property({type:String,reflect:!0})],p.prototype,"value",2),d([u.property({type:String,reflect:!0})],p.prototype,"label",2),d([u.property({type:String})],p.prototype,"maxHeight",2),d([u.property({type:Boolean})],p.prototype,"multi",2),d([u.property({type:String})],p.prototype,"description",2),d([u.query("#options")],p.prototype,"optionsContainer",2),d([u.query("#empty")],p.prototype,"empty",2),d([u.query("schmancy-input")],p.prototype,"input",2),d([u.queryAssignedElements({flatten:!0})],p.prototype,"options",2),d([u.property({type:Boolean,reflect:!0})],p.prototype,"isOpen",2),d([u.eventOptions({passive:!0})],p.prototype,"handleOptionClick",1),p=d([u.customElement("schmancy-autocomplete")],p);
-//# sourceMappingURL=autocomplete-BIJ9G0y1.cjs.map

package/dist/color-D8r6dpWm.cjs

@@ -1,2 +0,0 @@
-"use strict";const i=require("lit"),t=require("lit/directive.js");class s extends t.Directive{constructor(e){super(e),this.config={}}update(e,[o]){if(e.type!==t.PartType.ELEMENT)throw new Error("The `classMap` directive must be used in the `class` attribute");const r=e.element;this.config=o,this.config.bgColor&&(r.style.backgroundColor=this.config.bgColor),this.config.color&&(r.style.color=this.config.color)}render(e){return this.config=e,i.nothing}}const c=t.directive(s);exports.color=c;
-//# sourceMappingURL=color-D8r6dpWm.cjs.map

package/dist/color-D8r6dpWm.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-D8r6dpWm.cjs","sources":["../src/directives/color.ts"],"sourcesContent":["// color.ts\nimport { Part, nothing } from 'lit'\nimport { Directive, PartInfo, PartType, directive } from 'lit/directive.js'\n\nexport type ColorConfig = {\n\tbgColor?: string\n\tcolor?: string\n}\n\nclass ColorDirective extends Directive {\n\tprivate config: ColorConfig\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tthis.config = {}\n\t}\n\n\tupdate(part: Part, [config]: [ColorConfig]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `classMap` directive must be used in the `class` attribute')\n\t\t}\n\t\tconst element = part.element as HTMLElement\n\t\tthis.config = config\n\t\tif (this.config.bgColor) {\n\t\t\telement.style.backgroundColor = this.config.bgColor\n\t\t}\n\n\t\tif (this.config.color) {\n\t\t\telement.style.color = this.config.color\n\t\t}\n\t}\n\n\trender(config: ColorConfig): unknown {\n\t\tthis.config = config\n\t\treturn nothing\n\t}\n}\n\nconst color = directive(ColorDirective)\n\nexport { color }\n"],"names":["ColorDirective","Directive","partInfo","super","this","config","part","type","PartType","ELEMENT","Error","element","bgColor","style","backgroundColor","color","nothing","directive"],"mappings":"gEASA,EAAA,MAAMA,UAAuBC,EAAAA,UAG5B,YAAYC,EACXC,CAAAA,MAAMD,GACNE,KAAKC,OAAS,CAAC,CAAA,CAGhB,OAAOC,EAAaD,CAAAA,CAAAA,EAAAA,CACf,GAAAC,EAAKC,OAASC,EAAAA,SAASC,QACpB,MAAA,IAAIC,MAAM,gEAAA,EAEjB,MAAMC,EAAUL,EAAKK,QACrBP,KAAKC,OAASA,EACVD,KAAKC,OAAOO,UACPD,EAAAE,MAAMC,gBAAkBV,KAAKC,OAAOO,SAGzCR,KAAKC,OAAOU,QACPJ,EAAAE,MAAME,MAAQX,KAAKC,OAAOU,MACnC,CAGD,OAAOV,EAEC,CAAA,OADPD,KAAKC,OAASA,EACPW,EAAAA,OAAA,EAIH,MAAAD,EAAQE,YAAUjB,CAAAA"}

package/dist/color-DrgmL7QT.js

@@ -1,19 +0,0 @@
-import { nothing as e } from "lit";
-import { directive as s, Directive as i, PartType as c } from "lit/directive.js";
-const l = s(class extends i {
-  constructor(o) {
-    super(o), this.config = {};
-  }
-  update(o, [r]) {
-    if (o.type !== c.ELEMENT) throw new Error("The `classMap` directive must be used in the `class` attribute");
-    const t = o.element;
-    this.config = r, this.config.bgColor && (t.style.backgroundColor = this.config.bgColor), this.config.color && (t.style.color = this.config.color);
-  }
-  render(o) {
-    return this.config = o, e;
-  }
-});
-export {
-  l as c
-};
-//# sourceMappingURL=color-DrgmL7QT.js.map

package/dist/color-DrgmL7QT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-DrgmL7QT.js","sources":["../src/directives/color.ts"],"sourcesContent":["// color.ts\nimport { Part, nothing } from 'lit'\nimport { Directive, PartInfo, PartType, directive } from 'lit/directive.js'\n\nexport type ColorConfig = {\n\tbgColor?: string\n\tcolor?: string\n}\n\nclass ColorDirective extends Directive {\n\tprivate config: ColorConfig\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tthis.config = {}\n\t}\n\n\tupdate(part: Part, [config]: [ColorConfig]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The `classMap` directive must be used in the `class` attribute')\n\t\t}\n\t\tconst element = part.element as HTMLElement\n\t\tthis.config = config\n\t\tif (this.config.bgColor) {\n\t\t\telement.style.backgroundColor = this.config.bgColor\n\t\t}\n\n\t\tif (this.config.color) {\n\t\t\telement.style.color = this.config.color\n\t\t}\n\t}\n\n\trender(config: ColorConfig): unknown {\n\t\tthis.config = config\n\t\treturn nothing\n\t}\n}\n\nconst color = directive(ColorDirective)\n\nexport { color }\n"],"names":["color","directive","Directive","partInfo","super","this","config","part","type","PartType","ELEMENT","Error","element","bgColor","style","backgroundColor","nothing"],"mappings":";;AAsCM,MAAAA,IAAQC,EA7Bd,cAA6BC,EAAAA;AAAAA,EAG5B,YAAYC;AACXC,UAAMD,CAAAA,GACNE,KAAKC,SAAS,CAAC;AAAA,EAAA;AAAA,EAGhB,OAAOC,GAAaD,CAAAA,CAAAA,GAAAA;AACf,QAAAC,EAAKC,SAASC,EAASC,QACpB,OAAA,IAAIC,MAAM,gEAAA;AAEjB,UAAMC,IAAUL,EAAKK;AACrBP,SAAKC,SAASA,GACVD,KAAKC,OAAOO,YACPD,EAAAE,MAAMC,kBAAkBV,KAAKC,OAAOO,UAGzCR,KAAKC,OAAON,UACPY,EAAAE,MAAMd,QAAQK,KAAKC,OAAON;AAAAA,EACnC;AAAA,EAGD,OAAOM,GAAAA;AAEC,WADPD,KAAKC,SAASA,GACPU;AAAAA,EAAA;;"}

package/dist/form-BTg8x5QO.js

@@ -1,73 +0,0 @@
-import { Subject as l, merge as u, fromEvent as r, tap as h, takeUntil as p } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as d } from "./tailwind.mixin-C2MUeArS.js";
-import { html as y, LitElement as b, css as g } from "lit";
-import { property as f, customElement as E } from "lit/decorators.js";
-var k = Object.defineProperty, v = Object.getOwnPropertyDescriptor, m = (t, e, s, o) => {
-  for (var a, c = o > 1 ? void 0 : o ? v(e, s) : e, i = t.length - 1; i >= 0; i--) (a = t[i]) && (c = (o ? a(e, s, c) : a(c)) || c);
-  return o && c && k(e, s, c), c;
-};
-let n = class extends d() {
-  constructor() {
-    super(), this.$disconnecting = new l(), this._controlsWithChecked = ["input", "radio", "schmancy-radio", "schmancy-switch", "schmancy-checkbox", "schmancy-radio-group", "schmancy-autocomplete", "schmancy-select"], this._controlsWithValue = ["input", "schmancy-input", "schmancy-mask-input", "textarea", "schmancy-rating", "schmancy-select", "schmancy-combo", "schmancy-date-time-input", "schmancy-autocomplete", "schmancy-checkbox", "schmancy-select"], this._controlsThatSubmit = ["button", "schmancy-input", "schmancy-button", "schmancy-icon-button"], this.novalidate = !1, u(r(this, "click").pipe(h((t) => {
-      var e;
-      ((e = t.target.type) == null ? void 0 : e.toLowerCase()) === "submit" && this.handleSubmitRequest(t);
-    })), r(this, "keydown").pipe(h((t) => {
-      t.code !== "Enter" && t.key !== "Enter" || this.handleSubmitRequest(t);
-    }))).pipe(p(this.$disconnecting)).subscribe();
-  }
-  submit() {
-    const t = this.getFormData();
-    return !(!this.novalidate && !this.reportValidity()) && (this.dispatchEvent(new CustomEvent("submit", { detail: t })), !0);
-  }
-  reset() {
-    this.getFormElements().forEach((t) => {
-      const e = t.tagName.toLowerCase();
-      if (e === "select") for (let s = 0; s < t.options.length; s++) {
-        const o = t.options[s];
-        o.selected = o.defaultSelected;
-      }
-      else e === "input" && (t.type === "checkbox" || t.type == "radio") || e !== "input" && this._controlsWithChecked.includes(e) ? t.checked = t.hasAttribute("checked") : e === "schmancy-input" || e === "schmancy-rating" || e === "schmancy-mask-input" || e === "schmancy-date-time-input" ? t.value = t.getAttribute("value") : this._controlsWithValue.includes(e) && (t.value = t.defaultValue);
-    }), this.dispatchEvent(new CustomEvent("reset"));
-  }
-  getFormElements() {
-    var o;
-    const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("slot"), e = t == null ? void 0 : t.assignedElements({ flatten: !0 }), s = [];
-    return e == null || e.forEach((a) => {
-      a.disabled || s.push(a);
-      const c = Array.from(a.getElementsByTagName("*")).filter((i) => !i.disabled);
-      s.push(...c);
-    }), s;
-  }
-  getFormData() {
-    const t = new FormData();
-    return this.getFormElements().forEach((e) => {
-      const s = e.tagName.toLowerCase();
-      if (s === "select") for (let o = 0; o < e.options.length; o++) {
-        const a = e.options[o];
-        a.selected && t.append(e.name, a.value);
-      }
-      else this._controlsWithChecked.includes(s) && e.checked ? t.append(e.name, e.value || "on") : this._controlsWithValue.includes(s) && e.type !== "checkbox" && e.type !== "radio" && e.type !== "submit" && t.append(e.name, e.value);
-    }), t;
-  }
-  reportValidity() {
-    return !this.getFormElements().some((t) => typeof t.reportValidity == "function" && t.reportValidity() === !1);
-  }
-  handleSubmitRequest(t) {
-    var s;
-    const e = t.target;
-    return this._controlsThatSubmit.includes(e.tagName.toLowerCase()) ? this.submit() : ((s = e.type) == null ? void 0 : s.toLowerCase()) === "reset" && this.reset(), !0;
-  }
-  render() {
-    return y`<slot></slot>`;
-  }
-};
-n.tagName = "schmancy-form", n.shadowRootOptions = { ...b.shadowRootOptions, mode: "open", delegatesFocus: !1 }, n.styles = g`
-		:host {
-			height: 100%;
-			width: 100%;
-			display: block;
-		}
-	`, m([f({ type: Boolean, reflect: !0 })], n.prototype, "novalidate", 2), n = m([E("schmancy-form")], n);
-//# sourceMappingURL=form-BTg8x5QO.js.map

package/dist/form-BTg8x5QO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-BTg8x5QO.js","sources":["../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyForm","TailwindElement","constructor","super","this","$disconnecting","Subject","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","getFormElements","forEach","element","tagName","i","options","length","option","selected","defaultSelected","includes","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","push","children","Array","from","getElementsByTagName","filter","FormData","append","name","some","event","targetElement","submit","reset","html","shadowRootOptions","LitElement","mode","delegatesFocus","styles","css","__decorateClass","property","Boolean","reflect","prototype","customElement"],"mappings":"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"}

package/dist/form-DPRTjp4Q.cjs

@@ -1,8 +0,0 @@
-"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./tailwind.mixin-UzdLTEsN.cjs"),h=require("lit"),l=require("lit/decorators.js");var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,m=(e,t,s,n)=>{for(var o,c=n>1?void 0:n?d(t,s):t,r=e.length-1;r>=0;r--)(o=e[r])&&(c=(n?o(t,s,c):o(c))||c);return n&&c&&p(t,s,c),c};let a=class extends u.TailwindElement(){constructor(){super(),this.$disconnecting=new i.Subject,this._controlsWithChecked=["input","radio","schmancy-radio","schmancy-switch","schmancy-checkbox","schmancy-radio-group","schmancy-autocomplete","schmancy-select"],this._controlsWithValue=["input","schmancy-input","schmancy-mask-input","textarea","schmancy-rating","schmancy-select","schmancy-combo","schmancy-date-time-input","schmancy-autocomplete","schmancy-checkbox","schmancy-select"],this._controlsThatSubmit=["button","schmancy-input","schmancy-button","schmancy-icon-button"],this.novalidate=!1,i.merge(i.fromEvent(this,"click").pipe(i.tap(e=>{var t;((t=e.target.type)==null?void 0:t.toLowerCase())==="submit"&&this.handleSubmitRequest(e)})),i.fromEvent(this,"keydown").pipe(i.tap(e=>{e.code!=="Enter"&&e.key!=="Enter"||this.handleSubmitRequest(e)}))).pipe(i.takeUntil(this.$disconnecting)).subscribe()}submit(){const e=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent("submit",{detail:e})),!0)}reset(){this.getFormElements().forEach(e=>{const t=e.tagName.toLowerCase();if(t==="select")for(let s=0;s<e.options.length;s++){const n=e.options[s];n.selected=n.defaultSelected}else t==="input"&&(e.type==="checkbox"||e.type=="radio")||t!=="input"&&this._controlsWithChecked.includes(t)?e.checked=e.hasAttribute("checked"):t==="schmancy-input"||t==="schmancy-rating"||t==="schmancy-mask-input"||t==="schmancy-date-time-input"?e.value=e.getAttribute("value"):this._controlsWithValue.includes(t)&&(e.value=e.defaultValue)}),this.dispatchEvent(new CustomEvent("reset"))}getFormElements(){var n;const e=(n=this.shadowRoot)==null?void 0:n.querySelector("slot"),t=e==null?void 0:e.assignedElements({flatten:!0}),s=[];return t==null||t.forEach(o=>{o.disabled||s.push(o);const c=Array.from(o.getElementsByTagName("*")).filter(r=>!r.disabled);s.push(...c)}),s}getFormData(){const e=new FormData;return this.getFormElements().forEach(t=>{const s=t.tagName.toLowerCase();if(s==="select")for(let n=0;n<t.options.length;n++){const o=t.options[n];o.selected&&e.append(t.name,o.value)}else this._controlsWithChecked.includes(s)&&t.checked?e.append(t.name,t.value||"on"):this._controlsWithValue.includes(s)&&t.type!=="checkbox"&&t.type!=="radio"&&t.type!=="submit"&&e.append(t.name,t.value)}),e}reportValidity(){return!this.getFormElements().some(e=>typeof e.reportValidity=="function"&&e.reportValidity()===!1)}handleSubmitRequest(e){var s;const t=e.target;return this._controlsThatSubmit.includes(t.tagName.toLowerCase())?this.submit():((s=t.type)==null?void 0:s.toLowerCase())==="reset"&&this.reset(),!0}render(){return h.html`<slot></slot>`}};a.tagName="schmancy-form",a.shadowRootOptions={...h.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!1},a.styles=h.css`
-		:host {
-			height: 100%;
-			width: 100%;
-			display: block;
-		}
-	`,m([l.property({type:Boolean,reflect:!0})],a.prototype,"novalidate",2),a=m([l.customElement("schmancy-form")],a);
-//# sourceMappingURL=form-DPRTjp4Q.cjs.map

package/dist/form-DPRTjp4Q.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-DPRTjp4Q.cjs","sources":["../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyForm","TailwindElement","constructor","super","this","$disconnecting","Subject","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","getFormElements","forEach","element","tagName","i","options","length","option","selected","defaultSelected","includes","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","push","children","Array","from","getElementsByTagName","filter","FormData","append","name","some","event","targetElement","submit","reset","html","shadowRootOptions","LitElement","mode","delegatesFocus","styles","css","__decorateClass","property","Boolean","reflect","prototype","customElement"],"mappings":"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"}

package/dist/input-BNIa-xYu.js

@@ -1,136 +0,0 @@
-import { nothing as f, html as m, LitElement as x } from "lit";
-import { property as r, query as w, customElement as E } from "lit/decorators.js";
-import { ifDefined as n } from "lit/directives/if-defined.js";
-import { createRef as k, ref as R } from "lit/directives/ref.js";
-import { when as b } from "lit/directives/when.js";
-import { fromEvent as h, map as g, distinctUntilChanged as v, takeUntil as u, filter as $ } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as C } from "./tailwind.mixin-C2MUeArS.js";
-import { c as y } from "./color-DrgmL7QT.js";
-import "./ripple-3indJ14o.js";
-import { S as p } from "./theme.interface-C5Kj6WjD.js";
-var V = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (t, s, l, o) => {
-  for (var c, a = o > 1 ? void 0 : o ? S(s, l) : s, d = t.length - 1; d >= 0; d--) (c = t[d]) && (a = (o ? c(s, l, a) : c(a)) || a);
-  return o && a && V(s, l, a), a;
-};
-let e = class extends C(":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;text-size-adjust: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() {
-    if (super(), this.id = "", this.label = "", this.type = "text", this.name = `name_${Date.now()}`, this.placeholder = "", this.value = "", this.required = !1, this.disabled = !1, this.readonly = !1, this.clickable = !1, this.spellcheck = !1, this.align = "left", this.autofocus = !1, this.autocomplete = "on", this.tabIndex = 0, this.error = !1, this.inputRef = k(), "attachInternals" in this) try {
-      this.internals = this.attachInternals();
-    } catch {
-      this.internals = void 0;
-    }
-  }
-  willUpdate(t) {
-    this.id || (this.id = "schmancy-input-" + e._idCounter++), super.willUpdate(t);
-  }
-  get form() {
-    var t;
-    return ((t = this.internals) == null ? void 0 : t.form) ?? null;
-  }
-  updated(t) {
-    var s, l, o;
-    super.updated(t), t.has("value") && ((s = this.internals) == null || s.setFormValue(this.value)), t.has("error") && (this.error ? (l = this.internals) == null || l.setValidity({ customError: !0 }, "Invalid input", this.inputElement) : (o = this.internals) == null || o.setValidity({}));
-  }
-  checkValidity() {
-    var t;
-    return ((t = this.inputRef.value) == null ? void 0 : t.checkValidity()) ?? !0;
-  }
-  reportValidity() {
-    var t;
-    return ((t = this.inputRef.value) == null ? void 0 : t.reportValidity()) ?? !0;
-  }
-  setCustomValidity(t) {
-    var s;
-    (s = this.inputRef.value) == null || s.setCustomValidity(t);
-  }
-  firstUpdated() {
-    this.autofocus && this.focus(), h(this.inputElement, "input").pipe(g((t) => t.target.value), v(), u(this.disconnecting)).subscribe((t) => {
-      this.value = t, this.dispatchEvent(new CustomEvent("input", { detail: { value: t }, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 }));
-    }), h(this.inputElement, "change").pipe(g((t) => t.target.value), v(), u(this.disconnecting)).subscribe((t) => {
-      this.value = t, this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 }));
-    }), h(this.inputElement, "keyup").pipe($((t) => t.key === "Enter"), u(this.disconnecting)).subscribe((t) => {
-      const { value: s } = t.target;
-      this.value = s, this.dispatchEvent(new CustomEvent("enter", { detail: { value: s }, bubbles: !0, composed: !0 }));
-    }), h(this.inputElement, "animationstart").pipe($((t) => t.animationName === "onAutoFillStart"), u(this.disconnecting)).subscribe((t) => {
-      const { value: s } = t.target;
-      this.value = s, this.dispatchEvent(new CustomEvent("change", { detail: { value: s }, bubbles: !0, composed: !0 }));
-    });
-  }
-  select() {
-    var t;
-    return (t = this.inputRef.value) == null ? void 0 : t.select();
-  }
-  getValidity() {
-    var t;
-    return (t = this.inputRef.value) == null ? void 0 : t.validity;
-  }
-  focus(t) {
-    var s;
-    (s = this.inputRef.value) == null || s.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, "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 text-select-none": this.readonly, "cursor-pointer": this.clickable, "text-center": this.align === "center", "text-right": this.align === "right" }, s = { "opacity-40": this.disabled, "block mb-[4px]": !0 };
-    return m`
-			${b(this.label, () => m`
-					<label
-						for=${this.id}
-						id="label-${this.id}"
-						class=${this.classMap(s)}
-						${y({ color: this.error ? p.sys.color.error.default : p.sys.color.primary.default })}
-					>
-						<schmancy-typography type="label" token="lg">${this.label}</schmancy-typography>
-					</label>
-				`)}
-
-			<input
-				${y({ bgColor: p.sys.color.surface.highest, color: p.sys.color.surface.on })}
-				${R(this.inputRef)}
-				id=${this.id}
-				name=${this.name}
-				class=${this.classMap(t)}
-				.value=${this.value}
-				.type=${this.type}
-				.autocomplete=${this.autocomplete}
-				.spellcheck=${this.spellcheck}
-				placeholder=${this.placeholder}
-				inputmode=${n(this.inputmode)}
-				pattern=${n(this.pattern)}
-				step=${n(this.step)}
-				minlength=${n(this.minlength)}
-				maxlength=${n(this.maxlength)}
-				min=${n(this.min)}
-				max=${n(this.max)}
-				?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}` : f}
-				aria-describedby=${this.hint ? `hint-${this.id}` : f}
-				aria-label=${n(this.label ? void 0 : this.placeholder || "Input")}
-			/>
-
-			${b(this.hint, () => m`
-					<div
-						id="hint-${this.id}"
-						class="pt-[2px]"
-						${y({ color: this.error ? p.sys.color.error.default : p.sys.color.primary.default })}
-					>
-						<schmancy-typography align="left" type="label"> ${this.hint} </schmancy-typography>
-					</div>
-				`)}
-		`;
-  }
-};
-e._idCounter = 0, e.formAssociated = !0, e.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, i([r({ reflect: !0 })], e.prototype, "id", 2), i([r({ type: String })], e.prototype, "label", 2), i([r({ reflect: !0 })], e.prototype, "type", 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, "clickable", 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({ type: String, reflect: !0 })], e.prototype, "autocomplete", 2), i([r({ type: Number, reflect: !0 })], e.prototype, "tabIndex", 2), i([r()], e.prototype, "hint", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "error", 2), i([w("input")], e.prototype, "inputElement", 2), e = i([E("schmancy-input")], e);
-//# sourceMappingURL=input-BNIa-xYu.js.map