@mhmo91/schmancy 0.4.1 → 0.4.3

package/dist/autocomplete-ByVC8MLH.cjs

@@ -1,73 +0,0 @@
-"use strict";const u=require("rxjs"),E=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const C=require("./litElement.mixin-CrXwM_fu.cjs");require("./tailwind.mixin-CPvz1Npj.cjs");const V=require("lit"),d=require("lit/decorators.js"),w=require("lit/directives/ref.js"),e=require("rxjs/operators");function k(t,i){if(!t||!i)return 0;if(t===i)return 1;const s=t.toLowerCase().trim(),n=i.toLowerCase().trim();if(s===n)return 1;if(n.startsWith(s))return .95+.05*(s.length/n.length);const l=n.split(/[\s\-_]+/);for(const p of l)if(p.startsWith(s))return .85*(1-l.indexOf(p)/l.length*.1);if(n.includes(s))return .7*(1-n.indexOf(s)/n.length*.2);if(function(p,m){let r=0,o=0;for(;r<p.length&&o<m.length;)p[r]===m[o]&&r++,o++;return r===p.length}(s,n))return .5;const a=function(p,m){if(p.length<2||m.length<2)return 0;const r=S(p),o=S(m);let v=0;const y=new Array(o.length).fill(!1);for(const x of r)for(let g=0;g<o.length;g++)if(!y[g]&&o[g]===x){v++,y[g]=!0;break}return 2*v/(r.length+o.length)}(s,n),h=Math.max(s.length,n.length),f=function(p,m){if(p.length===0)return m.length;if(m.length===0)return p.length;const r=[];for(let o=0;o<=m.length;o++)r[o]=[o];for(let o=0;o<=p.length;o++)r[0][o]=o;for(let o=1;o<=m.length;o++)for(let v=1;v<=p.length;v++){const y=p[v-1]===m[o-1]?0:1;r[o][v]=Math.min(r[o-1][v]+1,r[o][v-1]+1,r[o-1][v-1]+y)}return r[m.length][p.length]}(s,n),b=h?1-f/h:0,$=function(p,m){const r=y=>y.split("").reduce((x,g)=>(x[g]=(x[g]||0)+1,x),{}),o=r(p),v=r(m);return Object.keys(o).every(y=>(v[y]||0)>=o[y])}(s,n)?.3:0;return Math.max(.4*a,.4*b,$)}function S(t){const i=[];for(let s=0;s<t.length-1;s++)i.push(t.substring(s,s+2));return i}var R=Object.defineProperty,A=Object.getOwnPropertyDescriptor,_=(t,i,s,n)=>{for(var l,a=n>1?void 0:n?A(i,s):i,h=t.length-1;h>=0;h--)(l=t[h])&&(a=(n?l(i,s,a):l(a))||a);return n&&a&&R(i,s,a),a};let c=class extends C.$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.label="",this.name="",this.maxHeight="300px",this.multi=!1,this.description="",this.size="md",this.autocomplete="on",this.debounceMs=200,this.similarityThreshold=.3,this._open=!1,this._inputValue="",this._visibleOptionsCount=0,this._hasResults=!0,this._inputElementRef=w.createRef(),this._selectedValue$=new u.BehaviorSubject(""),this._selectedValues$=new u.BehaviorSubject([]),this._inputValue$=new u.BehaviorSubject(""),this._open$=new u.BehaviorSubject(!1),this._options$=new u.BehaviorSubject([]),this._optionSelect$=new u.Subject,this._documentClick$=new u.Subject,this._checkAutofill$=new u.Subject}get values(){return[...this._selectedValues$.value]}set values(t){this._selectedValues$.next(Array.isArray(t)?[...t]:[])}get value(){return this.multi?this._selectedValues$.value.join(","):this._selectedValue$.value}set value(t){this.multi?this._selectedValues$.next(t?t.split(",").map(i=>i.trim()).filter(Boolean):[]):this._selectedValue$.next(t)}connectedCallback(){super.connectedCallback(),this.id||(this.id=`sch-autocomplete-${Math.random().toString(36).slice(2,9)}`),this._setupAutocompleteLogic(),this._setupDocumentClickHandler(),this._setupAutofillDetection()}_setupAutocompleteLogic(){this._options$.pipe(e.tap(t=>{t.forEach((i,s)=>{i.setAttribute("role","option"),i.tabIndex=-1,i.id||(i.id=`${this.id}-option-${s}`),i.hasAttribute("data-event-bound")||(u.fromEvent(i,"click").pipe(e.tap(n=>n.stopPropagation()),e.takeUntil(this.disconnecting)).subscribe(()=>this._optionSelect$.next(i)),i.setAttribute("data-event-bound","true"))})}),e.takeUntil(this.disconnecting)).subscribe(),u.combineLatest([this._selectedValue$,this._selectedValues$,this._options$]).pipe(e.tap(([t,i,s])=>{s.forEach(n=>{n.selected=this.multi?i.includes(n.value):n.value===t,n.setAttribute("aria-selected",String(n.selected))})}),e.takeUntil(this.disconnecting)).subscribe(),this._inputValue$.pipe(e.distinctUntilChanged(),e.debounceTime(this.debounceMs),e.withLatestFrom(this._options$,this._open$),e.tap(([t,i,s])=>{if(!s)return;const n=t.trim();if(n){const l=i.map(h=>{const f=h.label||h.textContent||"",b=h.value,$=k(n,f),p=k(n,b);return{option:h,score:Math.max(1.1*$,p)}});l.sort((h,f)=>f.score-h.score);let a=0;l.forEach((h,f)=>{const{option:b,score:$}=h;$<this.similarityThreshold?b.hidden=!0:(b.hidden=!1,a++,b.style.order=String(f))}),this._visibleOptionsCount=a,this._hasResults=a>0}else i.forEach(l=>{l.hidden=!1,l.style.order="0"}),this._visibleOptionsCount=i.length,this._hasResults=!0;this._announceToScreenReader(this._visibleOptionsCount>0?`${this._visibleOptionsCount} option${this._visibleOptionsCount===1?"":"s"} available.`:"No results found.")}),e.takeUntil(this.disconnecting)).subscribe(),this._optionSelect$.pipe(e.withLatestFrom(this._selectedValue$,this._selectedValues$),e.tap(([t,i,s])=>{if(this.multi){const n=s.indexOf(t.value),l=n>-1?[...s.slice(0,n),...s.slice(n+1)]:[...s,t.value];this._selectedValues$.next(l),this._inputValue$.next(""),this._inputValue="";const a=this._getSelectedLabels();this._announceToScreenReader(a.length>0?`Selected: ${a.join(", ")}`:"No options selected")}else this._selectedValue$.next(t.value),this._open$.next(!1),this._open=!1,this._inputValue=t.label||t.textContent||"",this._inputValue$.next(this._inputValue),u.timer(100).pipe(e.tap(()=>{var n;return(n=this._inputElementRef.value)==null?void 0:n.blur()}),e.take(1)).subscribe(),this._announceToScreenReader(`Selected: ${t.label||t.textContent}`)}),e.tap(()=>this._fireChangeEvent()),e.takeUntil(this.disconnecting)).subscribe(),u.combineLatest([this._open$,this._selectedValue$,this._selectedValues$,this._options$]).pipe(e.filter(()=>!this._open$.value),e.tap(([,t,i,s])=>{if(this.multi){const n=s.filter(l=>i.includes(l.value)).map(l=>l.label||l.textContent||"");this._inputValue=n.join(", ")}else{const n=s.find(l=>l.value===t);this._inputValue=n&&(n.label||n.textContent)||""}this._inputValue$.next(this._inputValue)}),e.takeUntil(this.disconnecting)).subscribe(),this._open$.pipe(e.tap(t=>this._open=t),e.takeUntil(this.disconnecting)).subscribe()}_setupDocumentClickHandler(){this._documentClick$.pipe(e.filter(t=>!t.composedPath().includes(this)),e.filter(t=>!this._options.some(i=>t.composedPath().includes(i))),e.filter(()=>this._open),e.tap(()=>{this._open$.next(!1),this._updateInputDisplay()}),e.takeUntil(this.disconnecting)).subscribe(),this._open$.pipe(e.distinctUntilChanged(),e.switchMap(t=>t?u.timer(10).pipe(e.tap(()=>document.addEventListener("click",i=>this._documentClick$.next(i))),e.switchMap(()=>u.EMPTY)):u.of(null).pipe(e.tap(()=>document.removeEventListener("click",i=>this._documentClick$.next(i))))),e.takeUntil(this.disconnecting)).subscribe()}_setupAutofillDetection(){u.merge(u.timer(100,500).pipe(e.take(10)),this._checkAutofill$,u.timer(100).pipe(e.switchMap(()=>u.fromEvent(window,"load").pipe(e.startWith(null))))).pipe(e.map(()=>{var i,s;const t=this._inputElementRef.value;return t?((i=t.shadowRoot)==null?void 0:i.querySelector("input"))||t.querySelector("input")||((s=t._inputRef)==null?void 0:s.value):null}),e.filter(t=>!!t),e.map(t=>t.value),e.filter(t=>!!t&&t.trim().length>0),e.distinctUntilChanged(),e.withLatestFrom(this._options$),e.tap(([t,i])=>{let s=null,n=0;if(i.forEach(l=>{const a=l.label||l.textContent||"",h=l.value,f=k(t,a),b=k(t,h),$=Math.max(f,b);$>n&&$>=this.similarityThreshold&&(n=$,s=l)}),s){this.multi?this._selectedValues$.next([s.value]):this._selectedValue$.next(s.value);const l=s.label||s.textContent||"";this._inputValue=l,this._inputValue$.next(l);const a=this._inputElementRef.value;a&&(a.value=l),this._open$.next(!1),this._fireChangeEvent(),this._announceToScreenReader(`Autofilled: ${l}`)}}),e.takeUntil(this.disconnecting)).subscribe(),u.timer(100).pipe(e.map(()=>{var i,s;const t=this._inputElementRef.value;return t?((i=t.shadowRoot)==null?void 0:i.querySelector("input"))||t.querySelector("input")||((s=t._inputRef)==null?void 0:s.value):null}),e.filter(t=>!!t),e.switchMap(t=>u.fromEvent(t,"animationstart").pipe(e.filter(i=>i.animationName==="onAutoFillStart"),e.tap(()=>{u.timer(100).pipe(e.tap(()=>this._checkAutofill$.next()),e.take(1)).subscribe()}))),e.takeUntil(this.disconnecting)).subscribe()}_updateInputDisplay(){u.of(null).pipe(e.withLatestFrom(this._selectedValue$,this._selectedValues$,this._options$,this._open$),e.tap(([,t,i,s,n])=>{if(this._inputElementRef.value&&(!n||!this.multi)){if(this.multi){const l=s.filter(a=>i.includes(a.value)).map(a=>a.label||a.textContent||"");this._inputValue=l.join(", ")}else{const l=s.find(a=>a.value===t);this._inputValue=l&&(l.label||l.textContent)||""}this._inputValue$.next(this._inputValue),this._inputElementRef.value.value=this._inputValue}}),e.take(1)).subscribe()}_getSelectedLabels(){return this._options.filter(t=>this.multi?this._selectedValues$.value.includes(t.value):t.value===this._selectedValue$.value).map(t=>t.label||t.textContent||"")}_announceToScreenReader(t){var s;const i=(s=this.shadowRoot)==null?void 0:s.querySelector("#live-status");i&&(i.textContent=t)}_fireChangeEvent(){const t={value:this.value};this.multi&&(t.values=[...this._selectedValues$.value]),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}checkValidity(){return!this.required||(this.multi?this._selectedValues$.value.length>0:!!this._selectedValue$.value)}reportValidity(){return this._inputElementRef.value?this._inputElementRef.value.reportValidity():this.checkValidity()}firstUpdated(){u.timer(200).pipe(e.tap(()=>this._checkAutofill$.next()),e.take(1)).subscribe(),this._options$.pipe(e.filter(t=>t.length>0),e.tap(()=>this._checkAutofill$.next()),e.takeUntil(this.disconnecting)).subscribe()}render(){var i;const t=`${this.id}-desc`;return V.html`
-            <div class="relative">
-                <!-- Screen reader live region -->
-                <div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
-
-                <!-- Description -->
-                ${this.description?V.html`<div id="${t}" class="sr-only">${this.description}</div>`:""}
-
-                <!-- Input -->
-                <slot name="trigger">
-                    <sch-input
-                        .size=${this.size}
-                        ${w.ref(this._inputElementRef)}
-                        id="autocomplete-input"
-                        class="w-full"
-                        .name=${this.name||((i=this.label)==null?void 0:i.toLowerCase().replace(/\s+/g,"-"))}
-                        .label=${this.label}
-                        .placeholder=${this.placeholder}
-                        .required=${this.required}
-                        .value=${this._inputValue}
-                        type="text"
-                        autocomplete=${this.autocomplete}
-                        clickable
-                        role="combobox"
-                        aria-autocomplete="list"
-                        aria-haspopup="listbox"
-                        aria-controls="options"
-                        aria-expanded=${this._open}
-                        aria-describedby=${this.description?t:void 0}
-                        @input=${s=>{const n=s.target.value;this._inputValue=n,this._inputValue$.next(n)}}
-                        @focus=${s=>{s.stopPropagation();const n=this.multi?this._selectedValues$.value.length>0:!!this._selectedValue$.value;this.multi&&!n&&(this._inputValue="",this._inputValue$.next(""),this._inputElementRef.value&&(this._inputElementRef.value.value="")),this._open$.next(!0)}}
-                        @click=${s=>{s.stopPropagation(),this._open$.next(!0)}}
-                        @keydown=${s=>{this._handleKeyDown(s)}}
-                    >
-                    </sch-input>
-                </slot>
-
-                <!-- Options dropdown -->
-                <ul
-                    id="options"
-                    class=${E.classMap({absolute:!0,"z-[1000]":!0,"mt-1":!0,"w-full":!0,"rounded-md":!0,"shadow-md":!0,"overflow-auto":!0,"min-w-full":!0,"bg-surface-low":!0,flex:!0,"flex-col":!0})}
-                    role="listbox"
-                    aria-multiselectable=${this.multi?"true":"false"}
-                    aria-label=${`${this.label||"Options"} dropdown`}
-                    ?hidden=${!this._open}
-                    style="max-height: ${this.maxHeight}; display: ${this._open?"flex":"none"};"
-                    @slotchange=${()=>{this._options$.next(this._options),u.timer(100).pipe(e.tap(()=>this._checkAutofill$.next()),e.take(1)).subscribe()}}
-                >
-                    <slot></slot>
-                    ${this._hasResults?"":V.html`
-                        <li class="px-3 py-2 text-sm text-muted">No results found</li>
-                    `}
-                </ul>
-            </div>
-
-            <style>
-                :host {
-                    display: block;
-                }
-
-                @keyframes onAutoFillStart {
-                    from {/**/}
-                    to {/**/}
-                }
-
-                sch-input::part(input):-webkit-autofill,
-                sch-input input:-webkit-autofill {
-                    animation-name: onAutoFillStart;
-                    animation-duration: 1ms;
-                }
-            </style>
-        `}_handleKeyDown(t){u.fromEvent(document,"keydown").pipe(e.take(1),e.withLatestFrom(this._open$,this._options$),e.tap(([i,s,n])=>{var f,b,$,p,m;if(!s&&(i.key==="ArrowDown"||i.key==="Enter"))return i.preventDefault(),this._open$.next(!0),void u.timer(10).pipe(e.tap(()=>{const r=n.find(o=>!o.hidden);r==null||r.focus()}),e.take(1)).subscribe();if(!s)return;const l=n.filter(r=>!r.hidden).sort((r,o)=>parseInt(r.style.order||"0")-parseInt(o.style.order||"0")),a=l.find(r=>r===document.activeElement),h=a?l.indexOf(a):-1;switch(i.key){case"Escape":i.preventDefault(),this._open$.next(!1),this._updateInputDisplay(),(f=this._inputElementRef.value)==null||f.focus();break;case"Tab":this._open$.next(!1),this._updateInputDisplay();break;case"ArrowDown":i.preventDefault();const r=h<l.length-1?h+1:0;(b=l[r])==null||b.focus();break;case"ArrowUp":i.preventDefault();const o=h>0?h-1:l.length-1;($=l[o])==null||$.focus();break;case"Home":i.preventDefault(),(p=l[0])==null||p.focus();break;case"End":i.preventDefault(),(m=l[l.length-1])==null||m.focus();break;case"Enter":case" ":a&&(i.preventDefault(),this._optionSelect$.next(a))}})).subscribe()}};_([d.property({type:Boolean})],c.prototype,"required",2),_([d.property({type:String})],c.prototype,"placeholder",2),_([d.property({type:String,reflect:!0})],c.prototype,"label",2),_([d.property({type:String})],c.prototype,"name",2),_([d.property({type:String})],c.prototype,"maxHeight",2),_([d.property({type:Boolean})],c.prototype,"multi",2),_([d.property({type:String})],c.prototype,"description",2),_([d.property({type:String,reflect:!0})],c.prototype,"size",2),_([d.property({type:String})],c.prototype,"autocomplete",2),_([d.property({type:Number})],c.prototype,"debounceMs",2),_([d.property({type:Number})],c.prototype,"similarityThreshold",2),_([d.property({type:Array})],c.prototype,"values",1),_([d.property({type:String,reflect:!0})],c.prototype,"value",1),_([d.state()],c.prototype,"_open",2),_([d.state()],c.prototype,"_inputValue",2),_([d.state()],c.prototype,"_visibleOptionsCount",2),_([d.state()],c.prototype,"_hasResults",2),_([d.query("#options")],c.prototype,"_listbox",2),_([d.query("sch-input")],c.prototype,"_input",2),_([d.queryAssignedElements({flatten:!0})],c.prototype,"_options",2),c=_([d.customElement("schmancy-autocomplete")],c);
-//# sourceMappingURL=autocomplete-ByVC8MLH.cjs.map

package/dist/autocomplete-Qr_SNWus.js

@@ -1,324 +0,0 @@
-import { BehaviorSubject as S, Subject as O, fromEvent as E, combineLatest as L, timer as y, of as j, EMPTY as N, merge as z } from "rxjs";
-import { classMap as H } from "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { $ as B } from "./litElement.mixin-DMTxmbnz.js";
-import "./tailwind.mixin-DbsxfE0U.js";
-import { html as M } from "lit";
-import { property as _, state as R, query as I, queryAssignedElements as F, customElement as U } from "lit/decorators.js";
-import { createRef as W, ref as K } from "lit/directives/ref.js";
-import { tap as h, takeUntil as v, distinctUntilChanged as q, debounceTime as Y, withLatestFrom as C, take as w, filter as x, switchMap as A, startWith as G, map as T } from "rxjs/operators";
-function D(e, t) {
-  if (!e || !t) return 0;
-  if (e === t) return 1;
-  const i = e.toLowerCase().trim(), s = t.toLowerCase().trim();
-  if (i === s) return 1;
-  if (s.startsWith(i))
-    return 0.95 + 0.05 * (i.length / s.length);
-  const n = s.split(/[\s\-_]+/);
-  for (const u of n) if (u.startsWith(i))
-    return 0.85 * (1 - n.indexOf(u) / n.length * 0.1);
-  if (s.includes(i))
-    return 0.7 * (1 - s.indexOf(i) / s.length * 0.2);
-  if (function(u, d) {
-    let a = 0, l = 0;
-    for (; a < u.length && l < d.length; ) u[a] === d[l] && a++, l++;
-    return a === u.length;
-  }(i, s)) return 0.5;
-  const o = function(u, d) {
-    if (u.length < 2 || d.length < 2) return 0;
-    const a = P(u), l = P(d);
-    let $ = 0;
-    const g = new Array(l.length).fill(!1);
-    for (const k of a) for (let V = 0; V < l.length; V++) if (!g[V] && l[V] === k) {
-      $++, g[V] = !0;
-      break;
-    }
-    return 2 * $ / (a.length + l.length);
-  }(i, s), r = Math.max(i.length, s.length), m = function(u, d) {
-    if (u.length === 0) return d.length;
-    if (d.length === 0) return u.length;
-    const a = [];
-    for (let l = 0; l <= d.length; l++) a[l] = [l];
-    for (let l = 0; l <= u.length; l++) a[0][l] = l;
-    for (let l = 1; l <= d.length; l++) for (let $ = 1; $ <= u.length; $++) {
-      const g = u[$ - 1] === d[l - 1] ? 0 : 1;
-      a[l][$] = Math.min(a[l - 1][$] + 1, a[l][$ - 1] + 1, a[l - 1][$ - 1] + g);
-    }
-    return a[d.length][u.length];
-  }(i, s), f = r ? 1 - m / r : 0, b = function(u, d) {
-    const a = (g) => g.split("").reduce((k, V) => (k[V] = (k[V] || 0) + 1, k), {}), l = a(u), $ = a(d);
-    return Object.keys(l).every((g) => ($[g] || 0) >= l[g]);
-  }(i, s) ? 0.3 : 0;
-  return Math.max(0.4 * o, 0.4 * f, b);
-}
-function P(e) {
-  const t = [];
-  for (let i = 0; i < e.length - 1; i++) t.push(e.substring(i, i + 2));
-  return t;
-}
-var J = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, c = (e, t, i, s) => {
-  for (var n, o = s > 1 ? void 0 : s ? Q(t, i) : t, r = e.length - 1; r >= 0; r--) (n = e[r]) && (o = (s ? n(t, i, o) : n(o)) || o);
-  return s && o && J(t, i, o), o;
-};
-let p = class extends B(":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.label = "", this.name = "", this.maxHeight = "300px", this.multi = !1, this.description = "", this.size = "md", this.autocomplete = "on", this.debounceMs = 200, this.similarityThreshold = 0.3, this._open = !1, this._inputValue = "", this._visibleOptionsCount = 0, this._hasResults = !0, this._inputElementRef = W(), this._selectedValue$ = new S(""), this._selectedValues$ = new S([]), this._inputValue$ = new S(""), this._open$ = new S(!1), this._options$ = new S([]), this._optionSelect$ = new O(), this._documentClick$ = new O(), this._checkAutofill$ = new O();
-  }
-  get values() {
-    return [...this._selectedValues$.value];
-  }
-  set values(e) {
-    this._selectedValues$.next(Array.isArray(e) ? [...e] : []);
-  }
-  get value() {
-    return this.multi ? this._selectedValues$.value.join(",") : this._selectedValue$.value;
-  }
-  set value(e) {
-    this.multi ? this._selectedValues$.next(e ? e.split(",").map((t) => t.trim()).filter(Boolean) : []) : this._selectedValue$.next(e);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`), this._setupAutocompleteLogic(), this._setupDocumentClickHandler(), this._setupAutofillDetection();
-  }
-  _setupAutocompleteLogic() {
-    this._options$.pipe(h((e) => {
-      e.forEach((t, i) => {
-        t.setAttribute("role", "option"), t.tabIndex = -1, t.id || (t.id = `${this.id}-option-${i}`), t.hasAttribute("data-event-bound") || (E(t, "click").pipe(h((s) => s.stopPropagation()), v(this.disconnecting)).subscribe(() => this._optionSelect$.next(t)), t.setAttribute("data-event-bound", "true"));
-      });
-    }), v(this.disconnecting)).subscribe(), L([this._selectedValue$, this._selectedValues$, this._options$]).pipe(h(([e, t, i]) => {
-      i.forEach((s) => {
-        s.selected = this.multi ? t.includes(s.value) : s.value === e, s.setAttribute("aria-selected", String(s.selected));
-      });
-    }), v(this.disconnecting)).subscribe(), this._inputValue$.pipe(q(), Y(this.debounceMs), C(this._options$, this._open$), h(([e, t, i]) => {
-      if (!i) return;
-      const s = e.trim();
-      if (s) {
-        const n = t.map((r) => {
-          const m = r.label || r.textContent || "", f = r.value, b = D(s, m), u = D(s, f);
-          return { option: r, score: Math.max(1.1 * b, u) };
-        });
-        n.sort((r, m) => m.score - r.score);
-        let o = 0;
-        n.forEach((r, m) => {
-          const { option: f, score: b } = r;
-          b < this.similarityThreshold ? f.hidden = !0 : (f.hidden = !1, o++, f.style.order = String(m));
-        }), this._visibleOptionsCount = o, this._hasResults = o > 0;
-      } else t.forEach((n) => {
-        n.hidden = !1, n.style.order = "0";
-      }), this._visibleOptionsCount = t.length, this._hasResults = !0;
-      this._announceToScreenReader(this._visibleOptionsCount > 0 ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? "" : "s"} available.` : "No results found.");
-    }), v(this.disconnecting)).subscribe(), this._optionSelect$.pipe(C(this._selectedValue$, this._selectedValues$), h(([e, t, i]) => {
-      if (this.multi) {
-        const s = i.indexOf(e.value), n = s > -1 ? [...i.slice(0, s), ...i.slice(s + 1)] : [...i, e.value];
-        this._selectedValues$.next(n), this._inputValue$.next(""), this._inputValue = "";
-        const o = this._getSelectedLabels();
-        this._announceToScreenReader(o.length > 0 ? `Selected: ${o.join(", ")}` : "No options selected");
-      } else this._selectedValue$.next(e.value), this._open$.next(!1), this._open = !1, this._inputValue = e.label || e.textContent || "", this._inputValue$.next(this._inputValue), y(100).pipe(h(() => {
-        var s;
-        return (s = this._inputElementRef.value) == null ? void 0 : s.blur();
-      }), w(1)).subscribe(), this._announceToScreenReader(`Selected: ${e.label || e.textContent}`);
-    }), h(() => this._fireChangeEvent()), v(this.disconnecting)).subscribe(), L([this._open$, this._selectedValue$, this._selectedValues$, this._options$]).pipe(x(() => !this._open$.value), h(([, e, t, i]) => {
-      if (this.multi) {
-        const s = i.filter((n) => t.includes(n.value)).map((n) => n.label || n.textContent || "");
-        this._inputValue = s.join(", ");
-      } else {
-        const s = i.find((n) => n.value === e);
-        this._inputValue = s && (s.label || s.textContent) || "";
-      }
-      this._inputValue$.next(this._inputValue);
-    }), v(this.disconnecting)).subscribe(), this._open$.pipe(h((e) => this._open = e), v(this.disconnecting)).subscribe();
-  }
-  _setupDocumentClickHandler() {
-    this._documentClick$.pipe(x((e) => !e.composedPath().includes(this)), x((e) => !this._options.some((t) => e.composedPath().includes(t))), x(() => this._open), h(() => {
-      this._open$.next(!1), this._updateInputDisplay();
-    }), v(this.disconnecting)).subscribe(), this._open$.pipe(q(), A((e) => e ? y(10).pipe(h(() => document.addEventListener("click", (t) => this._documentClick$.next(t))), A(() => N)) : j(null).pipe(h(() => document.removeEventListener("click", (t) => this._documentClick$.next(t))))), v(this.disconnecting)).subscribe();
-  }
-  _setupAutofillDetection() {
-    z(y(100, 500).pipe(w(10)), this._checkAutofill$, y(100).pipe(A(() => E(window, "load").pipe(G(null))))).pipe(T(() => {
-      var t, i;
-      const e = this._inputElementRef.value;
-      return e ? ((t = e.shadowRoot) == null ? void 0 : t.querySelector("input")) || e.querySelector("input") || ((i = e._inputRef) == null ? void 0 : i.value) : null;
-    }), x((e) => !!e), T((e) => e.value), x((e) => !!e && e.trim().length > 0), q(), C(this._options$), h(([e, t]) => {
-      let i = null, s = 0;
-      if (t.forEach((n) => {
-        const o = n.label || n.textContent || "", r = n.value, m = D(e, o), f = D(e, r), b = Math.max(m, f);
-        b > s && b >= this.similarityThreshold && (s = b, i = n);
-      }), i) {
-        this.multi ? this._selectedValues$.next([i.value]) : this._selectedValue$.next(i.value);
-        const n = i.label || i.textContent || "";
-        this._inputValue = n, this._inputValue$.next(n);
-        const o = this._inputElementRef.value;
-        o && (o.value = n), this._open$.next(!1), this._fireChangeEvent(), this._announceToScreenReader(`Autofilled: ${n}`);
-      }
-    }), v(this.disconnecting)).subscribe(), y(100).pipe(T(() => {
-      var t, i;
-      const e = this._inputElementRef.value;
-      return e ? ((t = e.shadowRoot) == null ? void 0 : t.querySelector("input")) || e.querySelector("input") || ((i = e._inputRef) == null ? void 0 : i.value) : null;
-    }), x((e) => !!e), A((e) => E(e, "animationstart").pipe(x((t) => t.animationName === "onAutoFillStart"), h(() => {
-      y(100).pipe(h(() => this._checkAutofill$.next()), w(1)).subscribe();
-    }))), v(this.disconnecting)).subscribe();
-  }
-  _updateInputDisplay() {
-    j(null).pipe(C(this._selectedValue$, this._selectedValues$, this._options$, this._open$), h(([, e, t, i, s]) => {
-      if (this._inputElementRef.value && (!s || !this.multi)) {
-        if (this.multi) {
-          const n = i.filter((o) => t.includes(o.value)).map((o) => o.label || o.textContent || "");
-          this._inputValue = n.join(", ");
-        } else {
-          const n = i.find((o) => o.value === e);
-          this._inputValue = n && (n.label || n.textContent) || "";
-        }
-        this._inputValue$.next(this._inputValue), this._inputElementRef.value.value = this._inputValue;
-      }
-    }), w(1)).subscribe();
-  }
-  _getSelectedLabels() {
-    return this._options.filter((e) => this.multi ? this._selectedValues$.value.includes(e.value) : e.value === this._selectedValue$.value).map((e) => e.label || e.textContent || "");
-  }
-  _announceToScreenReader(e) {
-    var i;
-    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("#live-status");
-    t && (t.textContent = e);
-  }
-  _fireChangeEvent() {
-    const e = { value: this.value };
-    this.multi && (e.values = [...this._selectedValues$.value]), this.dispatchEvent(new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 }));
-  }
-  checkValidity() {
-    return !this.required || (this.multi ? this._selectedValues$.value.length > 0 : !!this._selectedValue$.value);
-  }
-  reportValidity() {
-    return this._inputElementRef.value ? this._inputElementRef.value.reportValidity() : this.checkValidity();
-  }
-  firstUpdated() {
-    y(200).pipe(h(() => this._checkAutofill$.next()), w(1)).subscribe(), this._options$.pipe(x((e) => e.length > 0), h(() => this._checkAutofill$.next()), v(this.disconnecting)).subscribe();
-  }
-  render() {
-    var t;
-    const e = `${this.id}-desc`;
-    return M`
-            <div class="relative">
-                <!-- Screen reader live region -->
-                <div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
-
-                <!-- Description -->
-                ${this.description ? M`<div id="${e}" class="sr-only">${this.description}</div>` : ""}
-
-                <!-- Input -->
-                <slot name="trigger">
-                    <sch-input
-                        .size=${this.size}
-                        ${K(this._inputElementRef)}
-                        id="autocomplete-input"
-                        class="w-full"
-                        .name=${this.name || ((t = this.label) == null ? void 0 : t.toLowerCase().replace(/\s+/g, "-"))}
-                        .label=${this.label}
-                        .placeholder=${this.placeholder}
-                        .required=${this.required}
-                        .value=${this._inputValue}
-                        type="text"
-                        autocomplete=${this.autocomplete}
-                        clickable
-                        role="combobox"
-                        aria-autocomplete="list"
-                        aria-haspopup="listbox"
-                        aria-controls="options"
-                        aria-expanded=${this._open}
-                        aria-describedby=${this.description ? e : void 0}
-                        @input=${(i) => {
-      const s = i.target.value;
-      this._inputValue = s, this._inputValue$.next(s);
-    }}
-                        @focus=${(i) => {
-      i.stopPropagation();
-      const s = this.multi ? this._selectedValues$.value.length > 0 : !!this._selectedValue$.value;
-      this.multi && !s && (this._inputValue = "", this._inputValue$.next(""), this._inputElementRef.value && (this._inputElementRef.value.value = "")), this._open$.next(!0);
-    }}
-                        @click=${(i) => {
-      i.stopPropagation(), this._open$.next(!0);
-    }}
-                        @keydown=${(i) => {
-      this._handleKeyDown(i);
-    }}
-                    >
-                    </sch-input>
-                </slot>
-
-                <!-- Options dropdown -->
-                <ul
-                    id="options"
-                    class=${H({ absolute: !0, "z-[1000]": !0, "mt-1": !0, "w-full": !0, "rounded-md": !0, "shadow-md": !0, "overflow-auto": !0, "min-w-full": !0, "bg-surface-low": !0, flex: !0, "flex-col": !0 })}
-                    role="listbox"
-                    aria-multiselectable=${this.multi ? "true" : "false"}
-                    aria-label=${`${this.label || "Options"} dropdown`}
-                    ?hidden=${!this._open}
-                    style="max-height: ${this.maxHeight}; display: ${this._open ? "flex" : "none"};"
-                    @slotchange=${() => {
-      this._options$.next(this._options), y(100).pipe(h(() => this._checkAutofill$.next()), w(1)).subscribe();
-    }}
-                >
-                    <slot></slot>
-                    ${this._hasResults ? "" : M`
-                        <li class="px-3 py-2 text-sm text-muted">No results found</li>
-                    `}
-                </ul>
-            </div>
-
-            <style>
-                :host {
-                    display: block;
-                }
-
-                @keyframes onAutoFillStart {
-                    from {/**/}
-                    to {/**/}
-                }
-
-                sch-input::part(input):-webkit-autofill,
-                sch-input input:-webkit-autofill {
-                    animation-name: onAutoFillStart;
-                    animation-duration: 1ms;
-                }
-            </style>
-        `;
-  }
-  _handleKeyDown(e) {
-    E(document, "keydown").pipe(w(1), C(this._open$, this._options$), h(([t, i, s]) => {
-      var m, f, b, u, d;
-      if (!i && (t.key === "ArrowDown" || t.key === "Enter")) return t.preventDefault(), this._open$.next(!0), void y(10).pipe(h(() => {
-        const a = s.find((l) => !l.hidden);
-        a == null || a.focus();
-      }), w(1)).subscribe();
-      if (!i) return;
-      const n = s.filter((a) => !a.hidden).sort((a, l) => parseInt(a.style.order || "0") - parseInt(l.style.order || "0")), o = n.find((a) => a === document.activeElement), r = o ? n.indexOf(o) : -1;
-      switch (t.key) {
-        case "Escape":
-          t.preventDefault(), this._open$.next(!1), this._updateInputDisplay(), (m = this._inputElementRef.value) == null || m.focus();
-          break;
-        case "Tab":
-          this._open$.next(!1), this._updateInputDisplay();
-          break;
-        case "ArrowDown":
-          t.preventDefault();
-          const a = r < n.length - 1 ? r + 1 : 0;
-          (f = n[a]) == null || f.focus();
-          break;
-        case "ArrowUp":
-          t.preventDefault();
-          const l = r > 0 ? r - 1 : n.length - 1;
-          (b = n[l]) == null || b.focus();
-          break;
-        case "Home":
-          t.preventDefault(), (u = n[0]) == null || u.focus();
-          break;
-        case "End":
-          t.preventDefault(), (d = n[n.length - 1]) == null || d.focus();
-          break;
-        case "Enter":
-        case " ":
-          o && (t.preventDefault(), this._optionSelect$.next(o));
-      }
-    })).subscribe();
-  }
-};
-c([_({ type: Boolean })], p.prototype, "required", 2), c([_({ type: String })], p.prototype, "placeholder", 2), c([_({ type: String, reflect: !0 })], p.prototype, "label", 2), c([_({ type: String })], p.prototype, "name", 2), c([_({ type: String })], p.prototype, "maxHeight", 2), c([_({ type: Boolean })], p.prototype, "multi", 2), c([_({ type: String })], p.prototype, "description", 2), c([_({ type: String, reflect: !0 })], p.prototype, "size", 2), c([_({ type: String })], p.prototype, "autocomplete", 2), c([_({ type: Number })], p.prototype, "debounceMs", 2), c([_({ type: Number })], p.prototype, "similarityThreshold", 2), c([_({ type: Array })], p.prototype, "values", 1), c([_({ type: String, reflect: !0 })], p.prototype, "value", 1), c([R()], p.prototype, "_open", 2), c([R()], p.prototype, "_inputValue", 2), c([R()], p.prototype, "_visibleOptionsCount", 2), c([R()], p.prototype, "_hasResults", 2), c([I("#options")], p.prototype, "_listbox", 2), c([I("sch-input")], p.prototype, "_input", 2), c([F({ flatten: !0 })], p.prototype, "_options", 2), p = c([U("schmancy-autocomplete")], p);
-//# sourceMappingURL=autocomplete-Qr_SNWus.js.map