@htmlbricks/hb-searchbar 0.71.0 → 0.71.1

package/main.iife.js

@@ -665,5 +665,5 @@
 .hb-searchbar-root--open.svelte-1r9sxfz .hb-searchbar-field:where(.svelte-1r9sxfz) .control:where(.svelte-1r9sxfz):first-child textarea.input:where(.svelte-1r9sxfz) {border-end-start-radius:0;border-end-end-radius:0;}.hb-searchbar-root--open.svelte-1r9sxfz .hb-searchbar-input-wrap:where(.svelte-1r9sxfz):has(#custom-search-input:where(.svelte-1r9sxfz):focus) .hb-searchbar-input-glass:where(.svelte-1r9sxfz) {border-end-start-radius:0;border-end-end-radius:0;
   /* No bottom edge on the glass so the panel meets the dropdown without a double neutral line. */box-shadow:inset 0 1px 0 color-mix(in srgb, var(--bulma-scheme-main) 55%, transparent);border:1px solid color-mix(in srgb, var(--bulma-border-weak) 40%, transparent);border-bottom:none;}textarea#custom-search-input.svelte-1r9sxfz {min-height:5rem;resize:vertical;}.hb-searchbar-trailing-actions.svelte-1r9sxfz .hb-searchbar-clear:where(.svelte-1r9sxfz) {height:auto;min-height:unset;padding:0.25rem;border:none;box-shadow:none;color:var(--bulma-text-weak);}.hb-searchbar-trailing-actions.svelte-1r9sxfz .hb-searchbar-clear:where(.svelte-1r9sxfz):hover {color:var(--bulma-danger);background:transparent;}.hb-searchbar-dropdown.svelte-1r9sxfz {position:absolute;inset-inline-start:0;top:100%;display:block;width:100%;z-index:var(--bulma-dropdown-content-z, 20);}
 /* In-flow when open so the root wraps field + list (dropdown bottom border is on \`.dropdown-menu\`). */.hb-searchbar-root--open.svelte-1r9sxfz .hb-searchbar-dropdown:where(.svelte-1r9sxfz) {position:static;z-index:auto;}.hb-searchbar-root--open.svelte-1r9sxfz .hb-searchbar-dropdown.dropdown:where(.svelte-1r9sxfz) {display:block;width:100%;}.hb-searchbar-dropdown.svelte-1r9sxfz .dropdown-menu:where(.svelte-1r9sxfz) {min-width:100%;width:100%;padding-block-start:0;inset-inline-start:0;inset-inline-end:0;box-shadow:none;border:none;border-radius:0 0 var(--bulma-radius) var(--bulma-radius);
-  /* Muted vs pure scheme-main: less contrast with the input strip and host. */background-color:var(--hb-searchbar-dropdown-panel-background, color-mix(in srgb, var(--bulma-scheme-main, #ffffff) 40%, var(--bulma-background, #f5f5f5) 20%));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.hb-searchbar-root--open.svelte-1r9sxfz .hb-searchbar-dropdown:where(.svelte-1r9sxfz) .dropdown-menu:where(.svelte-1r9sxfz) {position:static;top:auto;}.hb-searchbar-dropdown.svelte-1r9sxfz .dropdown-menu:where(.svelte-1r9sxfz) .dropdown-content:where(.svelte-1r9sxfz) {background-color:transparent;box-shadow:none;}.hb-searchbar-dropdown-content.svelte-1r9sxfz {margin:0;border-block-start-width:0;border-radius:0 0 var(--bulma-radius) var(--bulma-radius);max-height:12.5rem;overflow-y:auto;}#custom-search-list.svelte-1r9sxfz {position:static;}`};function Oi(e,t){Ve(t,!0),Vr(e,Di);let n=$(t,`id`,7,``),r=$(t,`style`,7),i=$(t,`value`,7,``),a=$(t,`input_info`,7),o=$(t,`searchlabel`,7,`Search`),s=$(t,`searchlist`,7),c=$(t,`minlength`,7,0),l=$(t,`disable_preview`,7,`no`),u=$(t,`textarea`,7),d=$(t,`disabled`,7),f=jt(()=>d()===`yes`),p=Ut(!1),m=jt(()=>s()?.filter?.(e=>e?.fixed||e?.text?.toLowerCase?.().includes?.(i()?.toLowerCase?.()))),h=jt(()=>l()!==`yes`&&l()!==`true`&&l()!==`on`&&i()?.length>Number(c())&&Y(p));vn(()=>{if(n()||n(``),s()||s([]),typeof s()==`string`)try{s(JSON.parse(s()))}catch(e){console.error(`error parsing searchlist`,e)}if(typeof a()==`string`)try{a(JSON.parse(a()))}catch(e){console.error(`error parsing input_info`,e)}console.log(i(),`value`)});async function g(e,t){if(Y(f)||!i())return;console.log(`searching`,e,i());let n;t?(n=s()?.find(e=>e.id===t),n&&S(`search`,{input:i(),by:e,item:n})):S(`search`,{input:i(),by:e}),e!==`input`&&P(p,!1)}let _=Ut(void 0);function v(e){Y(f)||(P(p,!0),e.key!==`Enter`&&(console.log(`debouncing`,i()),Y(_)&&clearTimeout(Y(_)),P(_,setTimeout(()=>{i()&&i().length>Number(c())&&g(`input`)},500),!0)))}function y(e){e&&e.preventDefault?.(),console.log(`clicked searching`),g(`button`)}function b(){i(``),S(`clear`,{id:n()}),P(p,!1)}function x(e){let n=t.$$host,r=typeof e.composedPath==`function`?e.composedPath():[];(r.length>0?r.includes(n):e.target instanceof Node&&n.contains(e.target))||Y(p)&&P(p,!1)}kr(()=>(console.log(`mounting searchbar`),window.addEventListener(`click`,x),()=>{console.log(`unmounting searchbar`),window.removeEventListener(`click`,x)}));function S(e,n){t.$$host.dispatchEvent(new CustomEvent(e,{detail:n}))}var ee={get id(){return n()},set id(e=``){n(e),N()},get style(){return r()},set style(e){r(e),N()},get value(){return i()},set value(e=``){i(e),N()},get input_info(){return a()},set input_info(e){a(e),N()},get searchlabel(){return o()},set searchlabel(e=`Search`){o(e),N()},get searchlist(){return s()},set searchlist(e){s(e),N()},get minlength(){return c()},set minlength(e=0){c(e),N()},get disable_preview(){return l()},set disable_preview(e=`no`){l(e),N()},get textarea(){return u()},set textarea(e){u(e),N()},get disabled(){return d()},set disabled(e){d(e),N()}},C=Ei();Br(`1r9sxfz`,e=>{Z(e,bi())});let te;var ne=L(C);let re;var ie=L(ne);let ae;var oe=R(L(ie),2),se=e=>{var t=xi();cn(t),z(()=>{Yr(t,`placeholder`,o()),t.disabled=Y(f)}),ur(`input`,t,v),lr(`keypress`,t,e=>{e.key===`Enter`&&(e.preventDefault(),g(`button`))}),$r(t,i),Z(e,t)},ce=e=>{var t=Si();Jr(t),z(()=>{Yr(t,`placeholder`,o()),t.disabled=Y(f)}),ur(`input`,t,v),lr(`keypress`,t,e=>{e.key===`Enter`&&(e.preventDefault(),g(`button`))}),lr(`search`,t,e=>{console.log(`SEEEEEEEEE`,e.target.value),e.target?.value===``&&(S(`clear`,{id:n()}),P(p,!1))}),$r(t,i),Z(e,t)};Q(oe,e=>{u()===`yes`||u()===`true`||u()===``?e(se):e(ce,-1)});var le=R(oe,2),ue=L(le),de=e=>{var t=Ci();z(()=>t.disabled=Y(f)),ur(`click`,t,b),Z(e,t)};Q(ue,e=>{i()&&(u()===`yes`||u()===`true`||u()===``)&&e(de)});var fe=R(ue,2);O(le),O(ie),O(ne);var pe=R(ne,2);let w;var me=L(pe),he=L(me),ge=L(he),_e=e=>{yi(e,{clicksearch:async(e,t)=>{t?(i(e),g(`searchlist`,t)):g(`button`)},get id(){return a().id},is_inpput:!0,get icon(){return a().icon},get badge(){return a().badge},get text(){return a().text},get input_search(){return i()},get url(){return a().url},get number_of_results(){return a().number_of_results}})},ve=e=>{var t=wi(),n=L(t);O(t),z(()=>xr(n,`... ${i()??``}`)),ur(`click`,t,()=>{g(`button`)}),Z(e,t)};Q(ge,e=>{a()&&a().text===i()?e(_e):e(ve,-1)});var ye=R(ge,2),be=e=>{var t=Ti();Pr(R(nn(t),2),17,()=>Y(m),e=>e.id,(e,t)=>{yi(e,{clicksearch:async(e,t)=>{t?(i(e),g(`searchlist`,t)):g(`button`)},get id(){return Y(t).id},is_inpput:!1,get icon(){return Y(t).icon},get badge(){return Y(t).badge},get text(){return Y(t).text},get input_search(){return i()},get url(){return Y(t).url},get number_of_results(){return Y(t).number_of_results}})}),Z(e,t)};return Q(ye,e=>{Y(m)?.length&&e(be)}),O(he),O(me),O(pe),O(C),z(()=>{te=Wr(C,1,`hb-searchbar-root is-relative svelte-1r9sxfz`,null,te,{"hb-searchbar-root--open":Y(h)}),re=Wr(ne,1,`field mb-0 hb-searchbar-field svelte-1r9sxfz`,null,re,{"hb-searchbar-field--textarea":u()===`yes`||u()===`true`||u()===``}),ae=Wr(ie,1,`control is-expanded hb-searchbar-input-wrap svelte-1r9sxfz`,null,ae,{"hb-searchbar-input-wrap--with-clear":!!i()&&(u()===`yes`||u()===`true`||u()===``)}),fe.disabled=Y(f),w=Wr(pe,1,`dropdown hb-searchbar-dropdown svelte-1r9sxfz`,null,w,{"is-active":Y(h)})}),ur(`click`,fe,y),Z(e,C),He(ee)}dr([`input`,`click`]),customElements.define(`hb-searchbar`,si(Oi,{id:{},style:{},value:{},input_info:{},searchlabel:{},searchlist:{},minlength:{},disable_preview:{},textarea:{},disabled:{}},[],[],{mode:`open`})),e.Component=Oi})(this.searchbar=this.searchbar||{});
+  /* Muted vs pure scheme-main: less contrast with the input strip and host. */background-color:var(--hb-searchbar-dropdown-panel-background, color-mix(in srgb, var(--bulma-scheme-main, #ffffff) 40%, var(--bulma-background, #f5f5f5) 20%));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.hb-searchbar-root--open.svelte-1r9sxfz .hb-searchbar-dropdown:where(.svelte-1r9sxfz) .dropdown-menu:where(.svelte-1r9sxfz) {position:static;top:auto;}.hb-searchbar-dropdown.svelte-1r9sxfz .dropdown-menu:where(.svelte-1r9sxfz) .dropdown-content:where(.svelte-1r9sxfz) {background-color:transparent;box-shadow:none;}.hb-searchbar-dropdown-content.svelte-1r9sxfz {margin:0;border-block-start-width:0;border-radius:0 0 var(--bulma-radius) var(--bulma-radius);max-height:12.5rem;overflow-y:auto;}#custom-search-list.svelte-1r9sxfz {position:static;}`};function Oi(e,t){Ve(t,!0),Vr(e,Di);let n=$(t,`id`,7,``),r=$(t,`style`,7),i=$(t,`value`,7,``),a=$(t,`input_info`,7),o=$(t,`searchlabel`,7,`Search`),s=$(t,`searchlist`,7),c=$(t,`minlength`,7,0),l=$(t,`disable_preview`,7,`no`),u=$(t,`textarea`,7),d=$(t,`disabled`,7),f=jt(()=>d()===`yes`),p=Ut(!1),m=jt(()=>s()?.filter?.(e=>e?.fixed||e?.text?.toLowerCase?.().includes?.(i()?.toLowerCase?.()))),h=jt(()=>l()!==`yes`&&l()!==`true`&&l()!==`on`&&i()?.length>Number(c())&&Y(p));vn(()=>{if(n()||n(``),s()||s([]),typeof s()==`string`)try{s(JSON.parse(s()))}catch(e){console.error(`error parsing searchlist`,e)}if(typeof a()==`string`)try{a(JSON.parse(a()))}catch(e){console.error(`error parsing input_info`,e)}console.log(i(),`value`)});async function g(e,t){if(Y(f)||!i())return;console.log(`searching`,e,i());let n;t?(n=s()?.find(e=>e.id===t),n&&S(`search`,{input:i(),by:e,item:n})):S(`search`,{input:i(),by:e}),e!==`input`&&P(p,!1)}let _=Ut(void 0);function v(e){Y(f)||(P(p,!0),e.key!==`Enter`&&(console.log(`debouncing`,i()),Y(_)&&clearTimeout(Y(_)),P(_,setTimeout(()=>{i()&&(!c()||i().length>Number(c()))&&g(`input`)},500),!0)))}function y(e){e&&e.preventDefault?.(),console.log(`clicked searching`),g(`button`)}function b(){i(``),S(`clear`,{id:n()}),P(p,!1)}function x(e){let n=t.$$host,r=typeof e.composedPath==`function`?e.composedPath():[];(r.length>0?r.includes(n):e.target instanceof Node&&n.contains(e.target))||Y(p)&&P(p,!1)}kr(()=>(console.log(`mounting searchbar`),window.addEventListener(`click`,x),()=>{console.log(`unmounting searchbar`),window.removeEventListener(`click`,x)}));function S(e,n){t.$$host.dispatchEvent(new CustomEvent(e,{detail:n}))}var ee={get id(){return n()},set id(e=``){n(e),N()},get style(){return r()},set style(e){r(e),N()},get value(){return i()},set value(e=``){i(e),N()},get input_info(){return a()},set input_info(e){a(e),N()},get searchlabel(){return o()},set searchlabel(e=`Search`){o(e),N()},get searchlist(){return s()},set searchlist(e){s(e),N()},get minlength(){return c()},set minlength(e=0){c(e),N()},get disable_preview(){return l()},set disable_preview(e=`no`){l(e),N()},get textarea(){return u()},set textarea(e){u(e),N()},get disabled(){return d()},set disabled(e){d(e),N()}},C=Ei();Br(`1r9sxfz`,e=>{Z(e,bi())});let te;var ne=L(C);let re;var ie=L(ne);let ae;var oe=R(L(ie),2),se=e=>{var t=xi();cn(t),z(()=>{Yr(t,`placeholder`,o()),t.disabled=Y(f)}),ur(`input`,t,v),lr(`keypress`,t,e=>{e.key===`Enter`&&(e.preventDefault(),g(`button`))}),$r(t,i),Z(e,t)},ce=e=>{var t=Si();Jr(t),z(()=>{Yr(t,`placeholder`,o()),t.disabled=Y(f)}),ur(`input`,t,v),lr(`keypress`,t,e=>{e.key===`Enter`&&(e.preventDefault(),g(`button`))}),lr(`search`,t,e=>{console.log(`SEEEEEEEEE`,e.target.value),e.target?.value===``&&(S(`clear`,{id:n()}),P(p,!1))}),$r(t,i),Z(e,t)};Q(oe,e=>{u()===`yes`||u()===`true`||u()===``?e(se):e(ce,-1)});var le=R(oe,2),ue=L(le),de=e=>{var t=Ci();z(()=>t.disabled=Y(f)),ur(`click`,t,b),Z(e,t)};Q(ue,e=>{i()&&(u()===`yes`||u()===`true`||u()===``)&&e(de)});var fe=R(ue,2);O(le),O(ie),O(ne);var pe=R(ne,2);let w;var me=L(pe),he=L(me),ge=L(he),_e=e=>{yi(e,{clicksearch:async(e,t)=>{t?(i(e),g(`searchlist`,t)):g(`button`)},get id(){return a().id},is_inpput:!0,get icon(){return a().icon},get badge(){return a().badge},get text(){return a().text},get input_search(){return i()},get url(){return a().url},get number_of_results(){return a().number_of_results}})},ve=e=>{var t=wi(),n=L(t);O(t),z(()=>xr(n,`... ${i()??``}`)),ur(`click`,t,()=>{g(`button`)}),Z(e,t)};Q(ge,e=>{a()&&a().text===i()?e(_e):e(ve,-1)});var ye=R(ge,2),be=e=>{var t=Ti();Pr(R(nn(t),2),17,()=>Y(m),e=>e.id,(e,t)=>{yi(e,{clicksearch:async(e,t)=>{t?(i(e),g(`searchlist`,t)):g(`button`)},get id(){return Y(t).id},is_inpput:!1,get icon(){return Y(t).icon},get badge(){return Y(t).badge},get text(){return Y(t).text},get input_search(){return i()},get url(){return Y(t).url},get number_of_results(){return Y(t).number_of_results}})}),Z(e,t)};return Q(ye,e=>{Y(m)?.length&&e(be)}),O(he),O(me),O(pe),O(C),z(()=>{te=Wr(C,1,`hb-searchbar-root is-relative svelte-1r9sxfz`,null,te,{"hb-searchbar-root--open":Y(h)}),re=Wr(ne,1,`field mb-0 hb-searchbar-field svelte-1r9sxfz`,null,re,{"hb-searchbar-field--textarea":u()===`yes`||u()===`true`||u()===``}),ae=Wr(ie,1,`control is-expanded hb-searchbar-input-wrap svelte-1r9sxfz`,null,ae,{"hb-searchbar-input-wrap--with-clear":!!i()&&(u()===`yes`||u()===`true`||u()===``)}),fe.disabled=Y(f),w=Wr(pe,1,`dropdown hb-searchbar-dropdown svelte-1r9sxfz`,null,w,{"is-active":Y(h)})}),ur(`click`,fe,y),Z(e,C),He(ee)}dr([`input`,`click`]),customElements.define(`hb-searchbar`,si(Oi,{id:{},style:{},value:{},input_info:{},searchlabel:{},searchlist:{},minlength:{},disable_preview:{},textarea:{},disabled:{}},[],[],{mode:`open`})),e.Component=Oi})(this.searchbar=this.searchbar||{});
 //# sourceMappingURL=main.iife.js.map