@mhmo91/schmancy 0.2.9 → 0.2.10

package/types/src/autocomplete/autocomplete.d.ts

@@ -1,37 +1,123 @@
 import SchmancyInput from '@schmancy/input/input';
 import SchmancyOption from '@schmancy/option/option';
-import { Subject } from 'rxjs';
-import { SchmancyInputChangeEvent } from '..';
+import type { SchmancyInputChangeEvent } from '..';
 export type SchmancyAutocompleteChangeEvent = CustomEvent<{
     value: string | string[];
 }>;
 declare const SchmancyAutocomplete_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 export default class SchmancyAutocomplete extends SchmancyAutocomplete_base {
-    required: any;
+    /**
+     * Whether input is required for form validity.
+     */
+    required: boolean;
+    /**
+     * Placeholder text for the input.
+     */
     placeholder: string;
+    /**
+     * Programmatic value of the autocomplete. Setting this
+     * after the element is rendered will now update the display.
+     */
     value: string;
+    /**
+     * Label for the input (floating label or similar).
+     */
     label: string;
+    /**
+     * Max height of the dropdown options container.
+     */
     maxHeight: string;
+    /**
+     * Whether multiple selections are allowed.
+     */
     multi: boolean;
+    /**
+     * A local property to store the *display* value (label text).
+     * This is separate from the raw `value`.
+     */
     valueLabel: string;
     inputRef: import("lit-html/directives/ref").Ref<HTMLInputElement>;
-    ul: HTMLUListElement;
-    empty: HTMLLIElement;
+    /**
+     * The main <ul> with id="options".
+     */
     optionsContainer: HTMLUListElement;
+    /**
+     * The "no results found" <li> element.
+     */
+    empty: HTMLLIElement;
+    /**
+     * The SchmancyInput element (your visible text input).
+     */
     input: SchmancyInput;
+    /**
+     * All the <schmancy-option> children assigned via the default slot.
+     */
     options: SchmancyOption[];
-    searchTerm$: Subject<string>;
-    searchTermSubscription: any;
+    private readonly searchTerm$;
+    connectedCallback(): void;
+    /**
+     * firstUpdated (similar to componentDidMount in React).
+     * We can do an initial sync of the input's display text
+     * if a `value` was pre-set.
+     */
     firstUpdated(): void;
+    /**
+     * This will be invoked *any time* a reactive property changes
+     * after the first render. We specifically check if `value` changed,
+     * so we can update the display text (and selected states) if needed.
+     */
+    protected updated(changedProps: Map<string | number | symbol, unknown>): void;
+    /**
+     * If user assigned new <schmancy-option> children, or changed them,
+     * we also want to ensure the "no results" is correct and that
+     * our input text is still in sync.
+     */
+    private handleSlotChange;
+    /**
+     * For multi-select, ensure that any `value` strings
+     * are reflected in the child <schmancy-option>'s `selected` property.
+     * For single select, do similarly for the one matching option.
+     */
+    private syncSelectionFromValue;
+    /**
+     * Takes the current `value` (and child <schmancy-option>s) and updates
+     * the displayed text in the schmancy-input. Called whenever we need
+     * to re-sync the visible input text to the actual data.
+     */
     updateInputValue(): void;
+    /**
+     * Show the dropdown list, using Floating UI for positioning.
+     */
     showOptions(): Promise<void>;
+    /**
+     * Hide the dropdown immediately (no animation).
+     */
     hideOptions(): void;
+    /**
+     * Called whenever the user types in the schmancy-input.
+     */
     handleInputChange(event: SchmancyInputChangeEvent): void;
+    /**
+     * Called whenever user clicks or taps an <schmancy-option>.
+     */
     handleOptionClick(value: string): void;
-    reportValidity(): boolean;
+    /**
+     * Check validity of the selected value(s) to satisfy forms.
+     */
     checkValidity(): boolean;
+    /**
+     * Actually cause form validation checks if needed.
+     */
+    reportValidity(): boolean;
+    /**
+     * Attempt to prevent iOS scrolling the background page
+     * while swiping within the options list.  (NB: This logic
+     * currently needs a bit more nuance to be robust.)
+     */
+    private startY;
+    private handleTouchStart;
+    private preventScroll;
     render(): import("lit-html").TemplateResult<1>;
-    preventScroll(event: any): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/types/src/input/input.d.ts

@@ -1,55 +1,59 @@
 import { LitElement } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-input': SchmancyInput;
+    }
+}
+/**
+ * An autocomplete type (expand or customize as needed).
+ */
+type AutoFill = 'off' | 'on' | 'name' | 'username' | 'email' | 'tel' | 'url' | 'new-password' | 'current-password' | 'one-time-code';
+type EventDetails = {
+    value: string;
+};
+export type SchmancyInputChangeEvent = CustomEvent<EventDetails>;
 declare const SchmancyInput_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * `schmancy-input` – A custom input component.
+ */
 export default class SchmancyInput extends SchmancyInput_base {
     /**
      * The label of the control.
      * @attr
-     * @type {string} label
+     * @type {string}
      * @default ''
-     * @public
      */
     label: string;
     /**
      * The type of the control.
      * @attr
-     * @type {'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime' | 'time' | 'month' | 'week' | 'color' | 'file'}
      * @default 'text'
-     * @public
-     **/
+     */
     type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime' | 'time' | 'month' | 'week' | 'color' | 'file';
     clickable: boolean;
     /**
      * The name of the control.
-     * @attr name
-     * @type {string} name
+     * @attr
      * @default 'name_' + Date.now()
-     * @public
      */
     name: string;
     /**
      * The placeholder of the control.
-     * @attr placeholder
-     * @type {string}
+     * @attr
      * @default ''
-     * @public
      */
     placeholder: string;
     /**
      * The value of the control.
-     * @attr {string} value - The value of the control.
-     * @type {string}
+     * @attr
      * @default ''
-     * @public
      */
     value: string;
     /**
      * The pattern attribute of the control.
      * @attr
-     * @type {string}
-     * @default undefiend
-     * @public
      */
-    pattern: any;
+    pattern?: string;
     required: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -58,42 +62,38 @@ export default class SchmancyInput extends SchmancyInput_base {
     /**
      * The inputmode attribute of the control.
      * @attr
-     * @type {'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'}
-     * @default 'none'
-     * @public
+     * @default undefined
      */
-    inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     /**
      * The minlength attribute of the control.
      * @attr
      */
-    minlength: number | undefined;
+    minlength?: number;
     /**
      * The maxlength attribute of the control.
      * @attr
      */
-    maxlength: number;
+    maxlength?: number;
     /**
      * The min attribute of the control.
      * @attr
      */
-    min: string;
+    min?: string;
     /**
      * The max attribute of the control.
      * @attr
      */
-    max: string;
+    max?: string;
     /**
      * The step attribute of the control.
      * @attr
      */
-    step: number;
+    step?: number;
     /**
      * The autofocus attribute of the control.
      * @attr
-     * @type {boolean}
      * @default false
-     * @public
      */
     autofocus: boolean;
     /**
@@ -101,43 +101,54 @@ export default class SchmancyInput extends SchmancyInput_base {
      * @attr
      */
     autocomplete: AutoFill;
+    /**
+     * tabIndex for focusing by tab key.
+     */
     tabIndex: number;
-    inputElement: HTMLInputElement;
-    hint: string | undefined;
+    hint?: string;
     error: boolean;
-    constructor();
+    inputElement: HTMLInputElement;
+    inputRef: import("lit-html/directives/ref").Ref<HTMLInputElement>;
+    /** Form-associated custom elements support. */
+    static formAssociated: boolean;
     protected static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    static formAssociated: boolean;
-    internals: ElementInternals | undefined;
-    inputRef: import("lit-html/directives/ref").Ref<HTMLInputElement>;
+    private internals?;
+    constructor();
     get form(): HTMLFormElement;
+    /**
+     * (Optional) Whenever value changes, sync with form internals for
+     * form submission (if you're using form-associated custom elements).
+     */
+    protected updated(changedProps: Map<string, unknown>): void;
     /** Checks for validity of the control and shows the browser message if it's invalid. */
     reportValidity(): boolean;
-    /** Checks for validity of the control and emits the invalid event if it invalid. */
+    /** Checks for validity of the control and emits the invalid event if it is invalid. */
     checkValidity(): boolean;
     /** Sets a custom validity message. */
     setCustomValidity(message: string): void;
     firstUpdated(): void;
     /** Selects all text within the input. */
     select(): void;
-    validity(): ValidityState | undefined;
+    /** Returns the internal validity state object. */
+    getValidity(): ValidityState | undefined;
+    /**
+     * Override focus so that focusing <schmancy-input> actually focuses
+     * the internal <input>.
+     */
     focus(options?: FocusOptions): void;
+    /**
+     * Same with click; bubble a click out if needed, but delegate to internal input.
+     */
     click(): void;
+    /**
+     * Same with blur; bubble the event.
+     */
     blur(): void;
-    protected render(): unknown;
-}
-type EventDetails = {
-    value: string;
-};
-export type SchmancyInputChangeEvent = CustomEvent<EventDetails>;
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-input': SchmancyInput;
-    }
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 export {};

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

@@ -5,6 +5,7 @@ export declare class SchmancyThemeComponent extends SchmancyThemeComponent_base
     color: string;
     scheme: 'dark' | 'light' | 'auto';
     root: boolean;
+    theme: Partial<TSchmancyTheme>;
     connectedCallback(): void;
     registerTheme(): void;
     registerThemeValues(prefix: string, path: string, value: Partial<TSchmancyTheme>): string | undefined;

package/dist/autocomplete-CiNm2SkD.cjs

@@ -1,42 +0,0 @@
-"use strict";const P=require("@floating-ui/dom"),H=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const D=require("./litElement.mixin-dZ5gFldT.cjs");require("./tailwind.mixin-ivf7aKpx.cjs");const j=require("./ripple-C2BHbhcS.cjs"),L=require("./theme.interface-Xg5Zi46a.cjs"),R=require("lit"),u=require("lit/decorators.js"),V=require("lit/directives/ref.js"),$=require("rxjs/operators"),C=new Uint32Array(65536),U=(t,e)=>{if(t.length<e.length){const o=e;e=t,t=o}return e.length===0?t.length:t.length<=32?((o,i)=>{const n=o.length,r=i.length,d=1<<n-1;let h=-1,f=0,A=n,a=n;for(;a--;)C[o.charCodeAt(a)]|=1<<a;for(a=0;a<r;a++){let g=C[i.charCodeAt(a)];const v=g|f;g|=(g&h)+h^h,f|=~(g|h),h&=g,f&d&&A++,h&d&&A--,f=f<<1|1,h=h<<1|~(v|f),f&=v}for(a=n;a--;)C[o.charCodeAt(a)]=0;return A})(t,e):((o,i)=>{const n=i.length,r=o.length,d=[],h=[],f=Math.ceil(n/32),A=Math.ceil(r/32);for(let s=0;s<f;s++)h[s]=-1,d[s]=0;let a=0;for(;a<A-1;a++){let s=0,m=-1;const w=32*a,q=Math.min(32,r)+w;for(let l=w;l<q;l++)C[o.charCodeAt(l)]|=1<<l;for(let l=0;l<n;l++){const x=C[i.charCodeAt(l)],b=h[l/32|0]>>>l&1,y=d[l/32|0]>>>l&1,M=x|s,T=((x|y)&m)+m^m|x|y;let O=s|~(T|m),S=m&T;O>>>31^b&&(h[l/32|0]^=1<<l),S>>>31^y&&(d[l/32|0]^=1<<l),O=O<<1|b,S=S<<1|y,m=S|~(M|O),s=O&M}for(let l=w;l<q;l++)C[o.charCodeAt(l)]=0}let g=0,v=-1;const k=32*a,I=Math.min(32,r-k)+k;for(let s=k;s<I;s++)C[o.charCodeAt(s)]|=1<<s;let E=r;for(let s=0;s<n;s++){const m=C[i.charCodeAt(s)],w=h[s/32|0]>>>s&1,q=d[s/32|0]>>>s&1,l=m|g,x=((m|q)&v)+v^v|m|q;let b=g|~(x|v),y=v&x;E+=b>>>r-1&1,E-=y>>>r-1&1,b>>>31^w&&(h[s/32|0]^=1<<s),y>>>31^q&&(d[s/32|0]^=1<<s),b=b<<1|w,y=y<<1|q,v=y|~(l|b),g=b&l}for(let s=k;s<I;s++)C[o.charCodeAt(s)]=0;return E})(t,e)};var Y=Object.defineProperty,z=Object.getOwnPropertyDescriptor,c=(t,e,o,i)=>{for(var n,r=i>1?void 0:i?z(e,o):e,d=t.length-1;d>=0;d--)(n=t[d])&&(r=(i?n(e,o,r):n(r))||r);return i&&r&&Y(e,o,r),r};let p=class extends D.$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.placeholder="",this.value="",this.label="",this.maxHeight="25vh",this.multi=!1,this.valueLabel="",this.inputRef=V.createRef(),this.searchTerm$=new H.Subject}firstUpdated(){this.searchTermSubscription=this.searchTerm$.pipe($.takeUntil(this.disconnecting),$.distinctUntilChanged(),$.tap(t=>{const e=t.trim().toLowerCase(),o=this.options.map(i=>{const n=i.label.toLowerCase();return{option:i,levDistance:U(e,n)}}).filter(({option:i,levDistance:n})=>e.length<3||n<=i.label.toLowerCase().length-e.length).sort((i,n)=>i.levDistance-n.levDistance);this.empty.hidden=o.map(({option:i})=>(i.hidden=!1,i)).some(i=>!i.hidden),this.options.forEach(i=>{i.hidden=!o.some(n=>n.option===i)}),this.requestUpdate()})).subscribe(()=>{this.showOptions()}),H.fromEvent(this,"focusout").pipe($.takeUntil(this.disconnecting),$.filter(t=>{var e;return((e=t.relatedTarget)==null?void 0:e.tagName)!=="SCHMANCY-OPTION"}),$.switchMap(()=>{const t=this.ul.animate([{opacity:1},{opacity:0}],{duration:250,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"}),e=new Promise(o=>{t.onfinish=()=>{var i,n;(i=this.ul)==null||i.style.setProperty("display","none"),(n=this.ul)==null||n.style.setProperty("opacity","1"),o()}});return H.from(e)})).subscribe({next:()=>{var t,e,o;this.multi?(t=this.inputRef.value)==null||t.setAttribute("value",this.options.filter(i=>i.selected).map(i=>i.label).join(", ")):(o=this.inputRef.value)==null||o.setAttribute("value",((e=this.options.find(i=>i.value===this.value))==null?void 0:e.label)??"")}}),this.updateInputValue()}updateInputValue(){requestAnimationFrame(()=>{var t;if(this.multi){const e=this.value.split(",").map(o=>{var i;return(i=this.options.find(n=>n.value===o))==null?void 0: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)??""})}async showOptions(){var o,i;(o=this.ul)==null||o.removeAttribute("hidden"),(i=this.ul)==null||i.style.setProperty("display","block");const{x:t,y:e}=await P.computePosition(this.input,this.ul,{placement:"bottom-start",middleware:[P.offset(5),P.flip(),P.shift({padding:5})]});Object.assign(this.ul.style,{left:`${t}px`,top:`${e}px`,position:"absolute",zIndex:"9999",maxHeight:this.maxHeight,overflowY:"auto"})}hideOptions(){var t,e;(t=this.ul)==null||t.setAttribute("hidden","true"),(e=this.ul)==null||e.style.setProperty("display","none")}handleInputChange(t){t.preventDefault(),t.stopPropagation();const e=t.detail.value;this.searchTerm$.next(e)}handleOptionClick(t){if(this.multi){const e=this.options.find(o=>o.value===t);e&&(e.selected=!e.selected),this.updateInputValue(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.options.filter(o=>o.selected).map(o=>o.value)},bubbles:!0,composed:!0}))}else this.hideOptions(),this.value=t,this.updateInputValue(),this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))}reportValidity(){var t;return(t=this.inputRef.value)==null?void 0:t.reportValidity()}checkValidity(){return this.multi?this.options.some(t=>t.selected):!!this.value}render(){const t={maxHeight:this.maxHeight};return R.html`
-			<div class="relative">
-				<slot name="trigger">
-					<schmancy-input
-						autocomplete="off"
-						class="w-full"
-						${V.ref(this.inputRef)}
-						.required=${this.required}
-						id="input"
-						.label=${this.label}
-						@focus=${this.showOptions}
-						clickable
-						type="search"
-						inputmode="text"
-						placeholder=${this.placeholder}
-						@change=${this.handleInputChange}
-					>
-					</schmancy-input>
-				</slot>
-				<ul
-					tabindex="-1"
-					class=${this.classMap({"absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-2":!0})}
-					style=${this.styleMap(t)}
-					id="options"
-					role="listbox"
-					hidden
-					@click=${e=>{this.handleOptionClick(e.detail.value)}}
-					@touchstart=${this.preventScroll}
-					@touchmove=${this.preventScroll}
-					${j.color({bgColor:L.SchmancyTheme.sys.color.surface.container})}
-				>
-					<li id="empty" tabindex="-1">
-						<schmancy-typography type="label">No results found</schmancy-typography>
-					</li>
-					<slot
-						@slotchange=${()=>{this.empty.hidden=this.options.some(e=>!e.hidden),this.updateInputValue()}}
-						tabindex="0"
-					></slot>
-				</ul>
-			</div>
-		`}preventScroll(t){const e=t.target;if(this.optionsContainer.contains(e)){const o=this.optionsContainer.scrollTop,i=this.optionsContainer.scrollHeight-this.optionsContainer.offsetHeight;(o===0&&t.touches[0].clientY>t.touches[0].clientY||o===i&&t.touches[0].clientY<t.touches[0].clientY)&&t.preventDefault()}}};c([u.property({type:Boolean})],p.prototype,"required",2),c([u.property({type:String})],p.prototype,"placeholder",2),c([u.property({type:String,reflect:!0})],p.prototype,"value",2),c([u.property({type:String,reflect:!0})],p.prototype,"label",2),c([u.property({type:String})],p.prototype,"maxHeight",2),c([u.property({type:Boolean})],p.prototype,"multi",2),c([u.state()],p.prototype,"valueLabel",2),c([u.query("ul")],p.prototype,"ul",2),c([u.query("#empty")],p.prototype,"empty",2),c([u.query("#options")],p.prototype,"optionsContainer",2),c([u.query("schmancy-input")],p.prototype,"input",2),c([u.queryAssignedElements({flatten:!0})],p.prototype,"options",2),c([u.eventOptions({passive:!0})],p.prototype,"handleOptionClick",1),p=c([u.customElement("schmancy-autocomplete")],p);
-//# sourceMappingURL=autocomplete-CiNm2SkD.cjs.map

package/dist/autocomplete-CiNm2SkD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-CiNm2SkD.cjs","sources":["../node_modules/fastest-levenshtein/esm/mod.js","../src/autocomplete/autocomplete.ts"],"sourcesContent":["const peq = new Uint32Array(0x10000);\nconst myers_32 = (a, b) => {\n    const n = a.length;\n    const m = b.length;\n    const lst = 1 << (n - 1);\n    let pv = -1;\n    let mv = 0;\n    let sc = n;\n    let i = n;\n    while (i--) {\n        peq[a.charCodeAt(i)] |= 1 << i;\n    }\n    for (i = 0; i < m; i++) {\n        let eq = peq[b.charCodeAt(i)];\n        const xv = eq | mv;\n        eq |= ((eq & pv) + pv) ^ pv;\n        mv |= ~(eq | pv);\n        pv &= eq;\n        if (mv & lst) {\n            sc++;\n        }\n        if (pv & lst) {\n            sc--;\n        }\n        mv = (mv << 1) | 1;\n        pv = (pv << 1) | ~(xv | mv);\n        mv &= xv;\n    }\n    i = n;\n    while (i--) {\n        peq[a.charCodeAt(i)] = 0;\n    }\n    return sc;\n};\nconst myers_x = (b, a) => {\n    const n = a.length;\n    const m = b.length;\n    const mhc = [];\n    const phc = [];\n    const hsize = Math.ceil(n / 32);\n    const vsize = Math.ceil(m / 32);\n    for (let i = 0; i < hsize; i++) {\n        phc[i] = -1;\n        mhc[i] = 0;\n    }\n    let j = 0;\n    for (; j < vsize - 1; j++) {\n        let mv = 0;\n        let pv = -1;\n        const start = j * 32;\n        const vlen = Math.min(32, m) + start;\n        for (let k = start; k < vlen; k++) {\n            peq[b.charCodeAt(k)] |= 1 << k;\n        }\n        for (let i = 0; i < n; i++) {\n            const eq = peq[a.charCodeAt(i)];\n            const pb = (phc[(i / 32) | 0] >>> i) & 1;\n            const mb = (mhc[(i / 32) | 0] >>> i) & 1;\n            const xv = eq | mv;\n            const xh = ((((eq | mb) & pv) + pv) ^ pv) | eq | mb;\n            let ph = mv | ~(xh | pv);\n            let mh = pv & xh;\n            if ((ph >>> 31) ^ pb) {\n                phc[(i / 32) | 0] ^= 1 << i;\n            }\n            if ((mh >>> 31) ^ mb) {\n                mhc[(i / 32) | 0] ^= 1 << i;\n            }\n            ph = (ph << 1) | pb;\n            mh = (mh << 1) | mb;\n            pv = mh | ~(xv | ph);\n            mv = ph & xv;\n        }\n        for (let k = start; k < vlen; k++) {\n            peq[b.charCodeAt(k)] = 0;\n        }\n    }\n    let mv = 0;\n    let pv = -1;\n    const start = j * 32;\n    const vlen = Math.min(32, m - start) + start;\n    for (let k = start; k < vlen; k++) {\n        peq[b.charCodeAt(k)] |= 1 << k;\n    }\n    let score = m;\n    for (let i = 0; i < n; i++) {\n        const eq = peq[a.charCodeAt(i)];\n        const pb = (phc[(i / 32) | 0] >>> i) & 1;\n        const mb = (mhc[(i / 32) | 0] >>> i) & 1;\n        const xv = eq | mv;\n        const xh = ((((eq | mb) & pv) + pv) ^ pv) | eq | mb;\n        let ph = mv | ~(xh | pv);\n        let mh = pv & xh;\n        score += (ph >>> (m - 1)) & 1;\n        score -= (mh >>> (m - 1)) & 1;\n        if ((ph >>> 31) ^ pb) {\n            phc[(i / 32) | 0] ^= 1 << i;\n        }\n        if ((mh >>> 31) ^ mb) {\n            mhc[(i / 32) | 0] ^= 1 << i;\n        }\n        ph = (ph << 1) | pb;\n        mh = (mh << 1) | mb;\n        pv = mh | ~(xv | ph);\n        mv = ph & xv;\n    }\n    for (let k = start; k < vlen; k++) {\n        peq[b.charCodeAt(k)] = 0;\n    }\n    return score;\n};\nconst distance = (a, b) => {\n    if (a.length < b.length) {\n        const tmp = b;\n        b = a;\n        a = tmp;\n    }\n    if (b.length === 0) {\n        return a.length;\n    }\n    if (a.length <= 32) {\n        return myers_32(a, b);\n    }\n    return myers_x(a, b);\n};\nconst closest = (str, arr) => {\n    let min_distance = Infinity;\n    let min_index = 0;\n    for (let i = 0; i < arr.length; i++) {\n        const dist = distance(str, arr[i]);\n        if (dist < min_distance) {\n            min_distance = dist;\n            min_index = i;\n        }\n    }\n    return arr[min_index];\n};\nexport { closest, distance };\n","import { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption, { SchmancyOptionChangeEvent } from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { distance } from 'fastest-levenshtein'\nimport { html } from 'lit'\nimport { customElement, eventOptions, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { from, fromEvent, Subject } from 'rxjs'\nimport { distinctUntilChanged, filter, switchMap, takeUntil, tap } from 'rxjs/operators'\nimport { SchmancyInputChangeEvent } from '..'\nimport style from './autocomplete.scss?inline'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n\t@property({ type: Boolean }) required\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value = ''\n\t@property({ type: String, reflect: true }) label = ''\n\t@property({ type: String }) maxHeight = '25vh'\n\t@property({ type: Boolean }) multi = false\n\t@state() valueLabel = ''\n\tinputRef = createRef<HTMLInputElement>()\n\n\t@query('ul') ul!: HTMLUListElement\n\t@query('#empty') empty!: HTMLLIElement\n\t@query('#options') optionsContainer!: HTMLUListElement\n\t@query('schmancy-input') input!: SchmancyInput\n\n\t@queryAssignedElements({ flatten: true }) options!: SchmancyOption[]\n\n\tsearchTerm$ = new Subject<string>()\n\tsearchTermSubscription: any\n\n\tfirstUpdated() {\n\t\tthis.searchTermSubscription = this.searchTerm$\n\t\t\t.pipe(\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(term => {\n\t\t\t\t\tconst searchTerm = term.trim().toLowerCase()\n\t\t\t\t\t// ... filter logic ...\n\t\t\t\t\tconst matches = this.options\n\t\t\t\t\t\t.map(option => {\n\t\t\t\t\t\t\tconst optionText = option.label.toLowerCase()\n\t\t\t\t\t\t\tconst levDistance = distance(searchTerm, optionText)\n\t\t\t\t\t\t\treturn { option, levDistance }\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.filter(\n\t\t\t\t\t\t\t({ option, levDistance }) =>\n\t\t\t\t\t\t\t\tsearchTerm.length < 3 || levDistance <= option.label.toLowerCase().length - searchTerm.length,\n\t\t\t\t\t\t)\n\t\t\t\t\t\t.sort((a, b) => a.levDistance - b.levDistance)\n\n\t\t\t\t\tthis.empty.hidden = matches\n\t\t\t\t\t\t.map(({ option }) => {\n\t\t\t\t\t\t\toption.hidden = false\n\t\t\t\t\t\t\treturn option\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.some(option => !option.hidden)\n\n\t\t\t\t\tthis.options.forEach(option => {\n\t\t\t\t\t\toption.hidden = !matches.some(match => match.option === option)\n\t\t\t\t\t})\n\t\t\t\t\tthis.requestUpdate()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showOptions()\n\t\t\t})\n\n\t\tfromEvent<FocusEvent>(this, 'focusout')\n\t\t\t.pipe(\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tfilter(e => (e.relatedTarget as SchmancyOption)?.tagName !== 'SCHMANCY-OPTION'),\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\t// --- Native Web Animations API replacement ---\n\t\t\t\t\tconst animation = this.ul.animate(\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{ opacity: 1 }, // from\n\t\t\t\t\t\t\t{ opacity: 0 }, // to\n\t\t\t\t\t\t],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tduration: 250,\n\t\t\t\t\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\n\t\t\t\t\t// Turn the onfinish callback into a Promise so RxJS can `from(...)` it\n\t\t\t\t\tconst animationPromise = new Promise<void>(resolve => {\n\t\t\t\t\t\tanimation.onfinish = () => {\n\t\t\t\t\t\t\t// This is where you'd do your cleanup (like onComplete before)\n\t\t\t\t\t\t\tthis.ul?.style.setProperty('display', 'none')\n\t\t\t\t\t\t\tthis.ul?.style.setProperty('opacity', '1')\n\t\t\t\t\t\t\tresolve()\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\n\t\t\t\t\treturn from(animationPromise)\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: () => {\n\t\t\t\t\t// Once animation completes\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\tthis.inputRef.value?.setAttribute(\n\t\t\t\t\t\t\t'value',\n\t\t\t\t\t\t\tthis.options\n\t\t\t\t\t\t\t\t.filter(o => o.selected)\n\t\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t\t.join(', '),\n\t\t\t\t\t\t)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.inputRef.value?.setAttribute('value', this.options.find(o => o.value === this.value)?.label ?? '')\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t})\n\n\t\tthis.updateInputValue()\n\t}\n\n\tupdateInputValue() {\n\t\trequestAnimationFrame(() => {\n\t\t\tif (this.multi) {\n\t\t\t\tconst selectedOptions = this.value.split(',').map(v => this.options.find(o => o.value === v)?.label)\n\t\t\t\tthis.input.value = selectedOptions.join(', ')\n\t\t\t} else {\n\t\t\t\tthis.input.value = this.options.find(o => o.value === this.value)?.label ?? ''\n\t\t\t}\n\t\t})\n\t}\n\n\tasync showOptions() {\n\t\tthis.ul?.removeAttribute('hidden')\n\t\tthis.ul?.style.setProperty('display', 'block')\n\n\t\t// Position the dropdown using Floating UI\n\t\tconst { x, y } = await computePosition(this.input, this.ul, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t})\n\n\t\tObject.assign(this.ul.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '9999',\n\t\t\tmaxHeight: this.maxHeight,\n\t\t\toverflowY: 'auto',\n\t\t})\n\t}\n\n\thideOptions() {\n\t\tthis.ul?.setAttribute('hidden', 'true')\n\t\tthis.ul?.style.setProperty('display', 'none')\n\t}\n\n\thandleInputChange(event: SchmancyInputChangeEvent) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tconst term = event.detail.value\n\t\tthis.searchTerm$.next(term)\n\t}\n\n\t@eventOptions({ passive: true })\n\thandleOptionClick(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (option) option.selected = !option.selected\n\t\t\tthis.updateInputValue()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.options.filter(o => o.selected).map(o => o.value) },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} else {\n\t\t\tthis.hideOptions()\n\t\t\tthis.value = value\n\t\t\tthis.updateInputValue()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity()\n\t}\n\n\tpublic checkValidity() {\n\t\treturn this.multi ? this.options.some(o => o.selected) : !!this.value\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-2': true,\n\t\t}\n\t\tconst styles = {\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t${ref(this.inputRef)}\n\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\tid=\"input\"\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t@focus=${this.showOptions}\n\t\t\t\t\t\tclickable\n\t\t\t\t\t\ttype=\"search\"\n\t\t\t\t\t\tinputmode=\"text\"\n\t\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\t\t@change=${this.handleInputChange}\n\t\t\t\t\t>\n\t\t\t\t\t</schmancy-input>\n\t\t\t\t</slot>\n\t\t\t\t<ul\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\tstyle=${this.styleMap(styles)}\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\thidden\n\t\t\t\t\t@click=${(e: SchmancyOptionChangeEvent) => {\n\t\t\t\t\t\tthis.handleOptionClick(e.detail.value)\n\t\t\t\t\t}}\n\t\t\t\t\t@touchstart=${this.preventScroll}\n\t\t\t\t\t@touchmove=${this.preventScroll}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<li id=\"empty\" tabindex=\"-1\">\n\t\t\t\t\t\t<schmancy-typography type=\"label\">No results found</schmancy-typography>\n\t\t\t\t\t</li>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.empty.hidden = this.options.some(option => !option.hidden)\n\t\t\t\t\t\t\tthis.updateInputValue()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n\n\tpreventScroll(event) {\n\t\tconst target = event.target\n\n\t\tif (this.optionsContainer.contains(target)) {\n\t\t\tconst scrollTop = this.optionsContainer.scrollTop\n\t\t\tconst scrollHeight = this.optionsContainer.scrollHeight\n\t\t\tconst offsetHeight = this.optionsContainer.offsetHeight\n\t\t\tconst contentHeight = scrollHeight - offsetHeight\n\n\t\t\tif (\n\t\t\t\t(scrollTop === 0 && event.touches[0].clientY > event.touches[0].clientY) ||\n\t\t\t\t(scrollTop === contentHeight && event.touches[0].clientY < event.touches[0].clientY)\n\t\t\t) {\n\t\t\t\tevent.preventDefault()\n\t\t\t}\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"names":["peq","Uint32Array","distance","a","b","length","tmp","n","m","lst","pv","mv","sc","i","charCodeAt","eq","xv","mhc","phc","hsize","Math","ceil","vsize","j","start","vlen","min","k","pb","mb","xh","ph","mh","score","SchmancyAutocomplete","$LitElement","super","arguments","this","placeholder","value","label","maxHeight","multi","valueLabel","inputRef","createRef","searchTerm$","Subject","firstUpdated","searchTermSubscription","pipe","takeUntil","disconnecting","distinctUntilChanged","tap","term","searchTerm","trim","toLowerCase","matches","options","map","option","optionText","levDistance","filter","sort","empty","hidden","some","forEach","match","requestUpdate","subscribe","showOptions","fromEvent","e","relatedTarget","tagName","switchMap","animation","ul","animate","opacity","duration","easing","animationPromise","Promise","resolve","onfinish","style","setProperty","from","next","setAttribute","o","selected","join","find","updateInputValue","requestAnimationFrame","selectedOptions","split","v","input","removeAttribute","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","zIndex","overflowY","event","preventDefault","stopPropagation","detail","dispatchEvent","CustomEvent","bubbles","composed","hideOptions","reportValidity","checkValidity","render","styles","html","ref","required","handleInputChange","classMap","styleMap","handleOptionClick","preventScroll","color","bgColor","SchmancyTheme","sys","surface","container","target","optionsContainer","contains","scrollTop","contentHeight","scrollHeight","offsetHeight","touches","clientY","__decorateClass","property","type","Boolean","prototype","String","reflect","state","query","queryAssignedElements","flatten","eventOptions","passive","customElement"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/autocomplete-Cm5NEwT6.js

@@ -1,189 +0,0 @@
-import { computePosition as j, offset as q, flip as D, shift as T } from "@floating-ui/dom";
-import { Subject as R, fromEvent as Y, from as z } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { $ as L } from "./litElement.mixin-Bczhguqz.js";
-import "./tailwind.mixin-DaorKUB-.js";
-import { c as U } from "./ripple-BumgqsDT.js";
-import { S as N } from "./theme.interface-C5Kj6WjD.js";
-import { html as B } from "lit";
-import { property as $, state as F, query as P, queryAssignedElements as G, eventOptions as J, customElement as K } from "lit/decorators.js";
-import { createRef as Q, ref as W } from "lit/directives/ref.js";
-import { takeUntil as V, distinctUntilChanged as X, tap as Z, filter as _, switchMap as tt } from "rxjs/operators";
-const b = new Uint32Array(65536), et = (t, e) => {
-  if (t.length < e.length) {
-    const s = e;
-    e = t, t = s;
-  }
-  return e.length === 0 ? t.length : t.length <= 32 ? ((s, i) => {
-    const n = s.length, l = i.length, c = 1 << n - 1;
-    let h = -1, f = 0, A = n, r = n;
-    for (; r--; ) b[s.charCodeAt(r)] |= 1 << r;
-    for (r = 0; r < l; r++) {
-      let y = b[i.charCodeAt(r)];
-      const g = y | f;
-      y |= (y & h) + h ^ h, f |= ~(y | h), h &= y, f & c && A++, h & c && A--, f = f << 1 | 1, h = h << 1 | ~(g | f), f &= g;
-    }
-    for (r = n; r--; ) b[s.charCodeAt(r)] = 0;
-    return A;
-  })(t, e) : ((s, i) => {
-    const n = i.length, l = s.length, c = [], h = [], f = Math.ceil(n / 32), A = Math.ceil(l / 32);
-    for (let o = 0; o < f; o++) h[o] = -1, c[o] = 0;
-    let r = 0;
-    for (; r < A - 1; r++) {
-      let o = 0, d = -1;
-      const w = 32 * r, C = Math.min(32, l) + w;
-      for (let a = w; a < C; a++) b[s.charCodeAt(a)] |= 1 << a;
-      for (let a = 0; a < n; a++) {
-        const x = b[i.charCodeAt(a)], v = h[a / 32 | 0] >>> a & 1, m = c[a / 32 | 0] >>> a & 1, M = x | o, E = ((x | m) & d) + d ^ d | x | m;
-        let O = o | ~(E | d), k = d & E;
-        O >>> 31 ^ v && (h[a / 32 | 0] ^= 1 << a), k >>> 31 ^ m && (c[a / 32 | 0] ^= 1 << a), O = O << 1 | v, k = k << 1 | m, d = k | ~(M | O), o = O & M;
-      }
-      for (let a = w; a < C; a++) b[s.charCodeAt(a)] = 0;
-    }
-    let y = 0, g = -1;
-    const S = 32 * r, I = Math.min(32, l - S) + S;
-    for (let o = S; o < I; o++) b[s.charCodeAt(o)] |= 1 << o;
-    let H = l;
-    for (let o = 0; o < n; o++) {
-      const d = b[i.charCodeAt(o)], w = h[o / 32 | 0] >>> o & 1, C = c[o / 32 | 0] >>> o & 1, a = d | y, x = ((d | C) & g) + g ^ g | d | C;
-      let v = y | ~(x | g), m = g & x;
-      H += v >>> l - 1 & 1, H -= m >>> l - 1 & 1, v >>> 31 ^ w && (h[o / 32 | 0] ^= 1 << o), m >>> 31 ^ C && (c[o / 32 | 0] ^= 1 << o), v = v << 1 | w, m = m << 1 | C, g = m | ~(a | v), y = v & a;
-    }
-    for (let o = S; o < I; o++) b[s.charCodeAt(o)] = 0;
-    return H;
-  })(t, e);
-};
-var it = Object.defineProperty, st = Object.getOwnPropertyDescriptor, u = (t, e, s, i) => {
-  for (var n, l = i > 1 ? void 0 : i ? st(e, s) : e, c = t.length - 1; c >= 0; c--) (n = t[c]) && (l = (i ? n(e, s, l) : n(l)) || l);
-  return i && l && it(e, s, l), l;
-};
-let p = class extends L(":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.placeholder = "", this.value = "", this.label = "", this.maxHeight = "25vh", this.multi = !1, this.valueLabel = "", this.inputRef = Q(), this.searchTerm$ = new R();
-  }
-  firstUpdated() {
-    this.searchTermSubscription = this.searchTerm$.pipe(V(this.disconnecting), X(), Z((t) => {
-      const e = t.trim().toLowerCase(), s = this.options.map((i) => {
-        const n = i.label.toLowerCase();
-        return { option: i, levDistance: et(e, n) };
-      }).filter(({ option: i, levDistance: n }) => e.length < 3 || n <= i.label.toLowerCase().length - e.length).sort((i, n) => i.levDistance - n.levDistance);
-      this.empty.hidden = s.map(({ option: i }) => (i.hidden = !1, i)).some((i) => !i.hidden), this.options.forEach((i) => {
-        i.hidden = !s.some((n) => n.option === i);
-      }), this.requestUpdate();
-    })).subscribe(() => {
-      this.showOptions();
-    }), Y(this, "focusout").pipe(V(this.disconnecting), _((t) => {
-      var e;
-      return ((e = t.relatedTarget) == null ? void 0 : e.tagName) !== "SCHMANCY-OPTION";
-    }), tt(() => {
-      const t = this.ul.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 250, easing: "cubic-bezier(0.5, 0.01, 0.25, 1)" }), e = new Promise((s) => {
-        t.onfinish = () => {
-          var i, n;
-          (i = this.ul) == null || i.style.setProperty("display", "none"), (n = this.ul) == null || n.style.setProperty("opacity", "1"), s();
-        };
-      });
-      return z(e);
-    })).subscribe({ next: () => {
-      var t, e, s;
-      this.multi ? (t = this.inputRef.value) == null || t.setAttribute("value", this.options.filter((i) => i.selected).map((i) => i.label).join(", ")) : (s = this.inputRef.value) == null || s.setAttribute("value", ((e = this.options.find((i) => i.value === this.value)) == null ? void 0 : e.label) ?? "");
-    } }), this.updateInputValue();
-  }
-  updateInputValue() {
-    requestAnimationFrame(() => {
-      var t;
-      if (this.multi) {
-        const e = this.value.split(",").map((s) => {
-          var i;
-          return (i = this.options.find((n) => n.value === s)) == null ? void 0 : 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) ?? "";
-    });
-  }
-  async showOptions() {
-    var s, i;
-    (s = this.ul) == null || s.removeAttribute("hidden"), (i = this.ul) == null || i.style.setProperty("display", "block");
-    const { x: t, y: e } = await j(this.input, this.ul, { placement: "bottom-start", middleware: [q(5), D(), T({ padding: 5 })] });
-    Object.assign(this.ul.style, { left: `${t}px`, top: `${e}px`, position: "absolute", zIndex: "9999", maxHeight: this.maxHeight, overflowY: "auto" });
-  }
-  hideOptions() {
-    var t, e;
-    (t = this.ul) == null || t.setAttribute("hidden", "true"), (e = this.ul) == null || e.style.setProperty("display", "none");
-  }
-  handleInputChange(t) {
-    t.preventDefault(), t.stopPropagation();
-    const e = t.detail.value;
-    this.searchTerm$.next(e);
-  }
-  handleOptionClick(t) {
-    if (this.multi) {
-      const e = this.options.find((s) => s.value === t);
-      e && (e.selected = !e.selected), this.updateInputValue(), this.dispatchEvent(new CustomEvent("change", { detail: { value: this.options.filter((s) => s.selected).map((s) => s.value) }, bubbles: !0, composed: !0 }));
-    } else this.hideOptions(), this.value = t, this.updateInputValue(), this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 }));
-  }
-  reportValidity() {
-    var t;
-    return (t = this.inputRef.value) == null ? void 0 : t.reportValidity();
-  }
-  checkValidity() {
-    return this.multi ? this.options.some((t) => t.selected) : !!this.value;
-  }
-  render() {
-    const t = { maxHeight: this.maxHeight };
-    return B`
-			<div class="relative">
-				<slot name="trigger">
-					<schmancy-input
-						autocomplete="off"
-						class="w-full"
-						${W(this.inputRef)}
-						.required=${this.required}
-						id="input"
-						.label=${this.label}
-						@focus=${this.showOptions}
-						clickable
-						type="search"
-						inputmode="text"
-						placeholder=${this.placeholder}
-						@change=${this.handleInputChange}
-					>
-					</schmancy-input>
-				</slot>
-				<ul
-					tabindex="-1"
-					class=${this.classMap({ "absolute z-30 mt-1 w-full overflow-auto rounded-md shadow-2": !0 })}
-					style=${this.styleMap(t)}
-					id="options"
-					role="listbox"
-					hidden
-					@click=${(e) => {
-      this.handleOptionClick(e.detail.value);
-    }}
-					@touchstart=${this.preventScroll}
-					@touchmove=${this.preventScroll}
-					${U({ bgColor: N.sys.color.surface.container })}
-				>
-					<li id="empty" tabindex="-1">
-						<schmancy-typography type="label">No results found</schmancy-typography>
-					</li>
-					<slot
-						@slotchange=${() => {
-      this.empty.hidden = this.options.some((e) => !e.hidden), this.updateInputValue();
-    }}
-						tabindex="0"
-					></slot>
-				</ul>
-			</div>
-		`;
-  }
-  preventScroll(t) {
-    const e = t.target;
-    if (this.optionsContainer.contains(e)) {
-      const s = this.optionsContainer.scrollTop, i = this.optionsContainer.scrollHeight - this.optionsContainer.offsetHeight;
-      (s === 0 && t.touches[0].clientY > t.touches[0].clientY || s === i && t.touches[0].clientY < t.touches[0].clientY) && t.preventDefault();
-    }
-  }
-};
-u([$({ type: Boolean })], p.prototype, "required", 2), u([$({ type: String })], p.prototype, "placeholder", 2), u([$({ type: String, reflect: !0 })], p.prototype, "value", 2), u([$({ type: String, reflect: !0 })], p.prototype, "label", 2), u([$({ type: String })], p.prototype, "maxHeight", 2), u([$({ type: Boolean })], p.prototype, "multi", 2), u([F()], p.prototype, "valueLabel", 2), u([P("ul")], p.prototype, "ul", 2), u([P("#empty")], p.prototype, "empty", 2), u([P("#options")], p.prototype, "optionsContainer", 2), u([P("schmancy-input")], p.prototype, "input", 2), u([G({ flatten: !0 })], p.prototype, "options", 2), u([J({ passive: !0 })], p.prototype, "handleOptionClick", 1), p = u([K("schmancy-autocomplete")], p);
-//# sourceMappingURL=autocomplete-Cm5NEwT6.js.map