@scaleflex/uploader 0.1.0 → 0.2.0

package/dist/{search-provider-browser-jCOer2Y9.js → search-provider-browser-D_kyqQ2m.js}

@@ -1,7 +1,7 @@
 import { LitElement as x, css as g, html as s, nothing as d } from "lit";
-import { property as f, state as a } from "lit/decorators.js";
-import { m as b, s as u } from "./sfx-uploader-C2lWIRnU.js";
-var m = Object.defineProperty, n = (c, r, e, t) => {
+import { property as f, state as n } from "lit/decorators.js";
+import { m as b, s as u } from "./sfx-uploader-Cxz9YHev.js";
+var m = Object.defineProperty, a = (c, r, e, t) => {
   for (var i = void 0, l = c.length - 1, h; l >= 0; l--)
     (h = c[l]) && (i = h(r, e, i) || i);
   return i && m(r, e, i), i;
@@ -227,7 +227,7 @@ p.styles = g`
     }
 
     .back-btn:hover {
-      background: #f1f5f9;
+      background: var(--sfx-up-border-light, #f1f5f9);
       color: var(--sfx-up-text, #1e293b);
     }
 
@@ -261,7 +261,7 @@ p.styles = g`
       font-family: inherit;
       font-size: 13px;
       color: var(--sfx-up-text, #1e293b);
-      background: #fff;
+      background: var(--sfx-up-bg, #fff);
       outline: none;
       transition: border-color 0.15s;
     }
@@ -280,7 +280,7 @@ p.styles = g`
       border: none;
       border-radius: 9px;
       background: linear-gradient(135deg, var(--sfx-up-primary, #2563eb), var(--sfx-up-primary-mid, #3b82f6));
-      color: #fff;
+      color: var(--primary-foreground, #fff);
       font-family: inherit;
       font-size: 13px;
       font-weight: 600;
@@ -355,7 +355,7 @@ p.styles = g`
 
     .result-item.selected .check {
       background: var(--sfx-up-primary, #2563eb);
-      color: #fff;
+      color: var(--sfx-up-bg, #fff);
     }
 
     .check svg {
@@ -405,18 +405,18 @@ p.styles = g`
       border: none;
       border-radius: 9px;
       background: linear-gradient(135deg, var(--sfx-up-primary, #2563eb), var(--sfx-up-primary-mid, #3b82f6));
-      color: #fff;
+      color: var(--primary-foreground, #fff);
       font-family: inherit;
       font-size: 13px;
       font-weight: 600;
       cursor: pointer;
       transition: all 0.18s;
-      box-shadow: 0 2px 10px rgba(37, 99, 235, 0.28);
+      box-shadow: 0 2px 10px var(--sfx-up-primary-glow, rgba(37, 99, 235, 0.28));
     }
 
     .add-btn:hover:not(:disabled) {
       transform: translateY(-1px);
-      box-shadow: 0 4px 16px rgba(37, 99, 235, 0.38);
+      box-shadow: 0 4px 16px var(--sfx-up-primary-glow, rgba(37, 99, 235, 0.38));
     }
 
     .add-btn:disabled {
@@ -465,8 +465,8 @@ p.styles = g`
     }
 
     .retry-btn:hover {
-      background: #f8faff;
-      border-color: #d1dff0;
+      background: var(--sfx-up-border-light, #f8faff);
+      border-color: var(--sfx-up-border, #d1dff0);
     }
 
     .empty-text {
@@ -502,35 +502,35 @@ p.styles = g`
     }
   `;
 let o = p;
-n([
+a([
   f({ type: String })
 ], o.prototype, "provider");
-n([
+a([
   f({ type: String })
 ], o.prototype, "companionUrl");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_loading");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_loadingMore");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_items");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_selectedIds");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_error");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_searchQuery");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_nextPageQuery");
-n([
-  a()
+a([
+  n()
 ], o.prototype, "_searched");
 export {
   o as SfxSearchProviderBrowser

package/dist/{search-provider-browser-DxmLznEB.cjs → search-provider-browser-uDZrkDBZ.cjs}

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("lit"),n=require("lit/decorators.js"),l=require("./sfx-uploader-BVDK-9xi.cjs");var u=Object.defineProperty,a=(c,t,e,s)=>{for(var i=void 0,d=c.length-1,h;d>=0;d--)(h=c[d])&&(i=h(t,e,i)||i);return i&&u(t,e,i),i};const p=class p extends r.LitElement{constructor(){super(...arguments),this.provider="unsplash",this.companionUrl="",this._loading=!1,this._loadingMore=!1,this._items=[],this._selectedIds=new Set,this._error=null,this._searchQuery="",this._nextPageQuery=null,this._searched=!1,this._onResultsScroll=t=>{if(!this._nextPageQuery||this._loadingMore)return;const e=t.target;e.scrollHeight-e.scrollTop-e.clientHeight<200&&this._onLoadMore()},this._onSearchInput=t=>{this._searchQuery=t.target.value},this._onSearchKeydown=t=>{t.key==="Enter"&&this._doSearch()},this._onAddSelected=()=>{const e=this._items.filter(s=>this._selectedIds.has(s.id)).map(s=>({companionUrl:this.companionUrl,provider:this.provider,token:"",requestPath:s.requestPath,fileId:s.id,name:s.name||s.id,mimeType:s.mimeType,size:s.size,thumbnail:s.thumbnail}));this.dispatchEvent(new CustomEvent("connector-files-selected",{detail:{files:e},bubbles:!0,composed:!0}))},this._onClose=()=>{this.dispatchEvent(new CustomEvent("connector-close",{bubbles:!0,composed:!0}))}}get _providerLabel(){var e;return((e=l.getProviderSources([this.provider])[0])==null?void 0:e.label)??this.provider}async _doSearch(){const t=this._searchQuery.trim();if(t){this._loading=!0,this._error=null,this._items=[],this._selectedIds=new Set,this._nextPageQuery=null,this._searched=!0;try{const e=await l.searchProvider(this.companionUrl,this.provider,t),s=new Set;this._items=e.items.filter(i=>s.has(i.id)?!1:(s.add(i.id),!0)),this._nextPageQuery=e.nextPageQuery}catch(e){this._error=e instanceof Error?e.message:"Search failed"}finally{this._loading=!1}}}async _onLoadMore(){if(!(!this._nextPageQuery||this._loadingMore)){this._loadingMore=!0;try{const t=await l.searchProvider(this.companionUrl,this.provider,this._searchQuery.trim(),this._nextPageQuery),e=new Set(this._items.map(i=>i.id)),s=t.items.filter(i=>!e.has(i.id));this._items=[...this._items,...s],this._nextPageQuery=t.nextPageQuery}catch{}finally{this._loadingMore=!1}}}_toggleSelect(t){const e=new Set(this._selectedIds);e.has(t.id)?e.delete(t.id):e.add(t.id),this._selectedIds=e}render(){return r.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("lit"),a=require("lit/decorators.js"),l=require("./sfx-uploader-DbaSJxEf.cjs");var u=Object.defineProperty,n=(c,r,e,s)=>{for(var i=void 0,d=c.length-1,h;d>=0;d--)(h=c[d])&&(i=h(r,e,i)||i);return i&&u(r,e,i),i};const p=class p extends t.LitElement{constructor(){super(...arguments),this.provider="unsplash",this.companionUrl="",this._loading=!1,this._loadingMore=!1,this._items=[],this._selectedIds=new Set,this._error=null,this._searchQuery="",this._nextPageQuery=null,this._searched=!1,this._onResultsScroll=r=>{if(!this._nextPageQuery||this._loadingMore)return;const e=r.target;e.scrollHeight-e.scrollTop-e.clientHeight<200&&this._onLoadMore()},this._onSearchInput=r=>{this._searchQuery=r.target.value},this._onSearchKeydown=r=>{r.key==="Enter"&&this._doSearch()},this._onAddSelected=()=>{const e=this._items.filter(s=>this._selectedIds.has(s.id)).map(s=>({companionUrl:this.companionUrl,provider:this.provider,token:"",requestPath:s.requestPath,fileId:s.id,name:s.name||s.id,mimeType:s.mimeType,size:s.size,thumbnail:s.thumbnail}));this.dispatchEvent(new CustomEvent("connector-files-selected",{detail:{files:e},bubbles:!0,composed:!0}))},this._onClose=()=>{this.dispatchEvent(new CustomEvent("connector-close",{bubbles:!0,composed:!0}))}}get _providerLabel(){var e;return((e=l.getProviderSources([this.provider])[0])==null?void 0:e.label)??this.provider}async _doSearch(){const r=this._searchQuery.trim();if(r){this._loading=!0,this._error=null,this._items=[],this._selectedIds=new Set,this._nextPageQuery=null,this._searched=!0;try{const e=await l.searchProvider(this.companionUrl,this.provider,r),s=new Set;this._items=e.items.filter(i=>s.has(i.id)?!1:(s.add(i.id),!0)),this._nextPageQuery=e.nextPageQuery}catch(e){this._error=e instanceof Error?e.message:"Search failed"}finally{this._loading=!1}}}async _onLoadMore(){if(!(!this._nextPageQuery||this._loadingMore)){this._loadingMore=!0;try{const r=await l.searchProvider(this.companionUrl,this.provider,this._searchQuery.trim(),this._nextPageQuery),e=new Set(this._items.map(i=>i.id)),s=r.items.filter(i=>!e.has(i.id));this._items=[...this._items,...s],this._nextPageQuery=r.nextPageQuery}catch{}finally{this._loadingMore=!1}}}_toggleSelect(r){const e=new Set(this._selectedIds);e.has(r.id)?e.delete(r.id):e.add(r.id),this._selectedIds=e}render(){return t.html`
       ${this._renderHeader()}
       ${this._renderSearchBar()}
       ${this._loading?this._renderLoading():this._error?this._renderError():this._renderResults()}
-    `}_renderHeader(){return r.html`
+    `}_renderHeader(){return t.html`
       <div class="browser-header">
         <button class="back-btn" @click=${this._onClose}>
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
@@ -11,7 +11,7 @@
         </button>
         <span class="browser-title">${this._providerLabel}</span>
       </div>
-    `}_renderSearchBar(){return r.html`
+    `}_renderSearchBar(){return t.html`
       <div class="search-bar">
         <input
           class="search-input"
@@ -29,57 +29,57 @@
           Search
         </button>
       </div>
-    `}_renderLoading(){return r.html`
+    `}_renderLoading(){return t.html`
       <div class="loading">
         <div class="spinner"></div>
       </div>
-    `}_renderError(){return r.html`
+    `}_renderError(){return t.html`
       <div class="error-view">
         <div class="error-text">${this._error}</div>
         <button class="retry-btn" @click=${()=>this._doSearch()}>Retry</button>
       </div>
-    `}_renderResults(){const t=this._selectedIds.size;return this._searched?this._items.length===0?r.html`
+    `}_renderResults(){const r=this._selectedIds.size;return this._searched?this._items.length===0?t.html`
         <div class="empty-state">
           <div class="empty-text">No results found</div>
         </div>
-      `:r.html`
+      `:t.html`
       <div class="results" @scroll=${this._onResultsScroll}>
         <div class="results-grid">
-          ${this._items.map(e=>{var s;return r.html`
+          ${this._items.map(e=>{var s;return t.html`
               <div
                 class="result-item ${this._selectedIds.has(e.id)?"selected":""}"
                 @click=${()=>this._toggleSelect(e)}
               >
-                ${e.thumbnail?r.html`<img src=${e.thumbnail} alt=${e.name} loading="lazy" referrerpolicy="no-referrer" />`:r.nothing}
+                ${e.thumbnail?t.html`<img src=${e.thumbnail} alt=${e.name} loading="lazy" referrerpolicy="no-referrer" />`:t.nothing}
                 <div class="check">
-                  ${this._selectedIds.has(e.id)?r.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><polyline points="20 6 9 17 4 12" /></svg>`:r.nothing}
+                  ${this._selectedIds.has(e.id)?t.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><polyline points="20 6 9 17 4 12" /></svg>`:t.nothing}
                 </div>
-                ${(s=e.author)!=null&&s.name?r.html`<div class="author">${e.author.name}</div>`:r.nothing}
+                ${(s=e.author)!=null&&s.name?t.html`<div class="author">${e.author.name}</div>`:t.nothing}
               </div>
             `})}
         </div>
-        ${this._loadingMore?r.html`<div class="loading" style="padding:16px 0"><div class="spinner"></div></div>`:r.nothing}
+        ${this._loadingMore?t.html`<div class="loading" style="padding:16px 0"><div class="spinner"></div></div>`:t.nothing}
       </div>
 
-      ${this._items.length>0?r.html`
+      ${this._items.length>0?t.html`
             <div class="browser-footer">
               <span class="selected-count">
-                ${t>0?`${t} image${t===1?"":"s"} selected`:"Select images to add"}
+                ${r>0?`${r} image${r===1?"":"s"} selected`:"Select images to add"}
               </span>
               <button
                 class="add-btn"
-                ?disabled=${t===0}
+                ?disabled=${r===0}
                 @click=${this._onAddSelected}
               >
-                Add ${t>0?t:""} image${t===1?"":"s"}
+                Add ${r>0?r:""} image${r===1?"":"s"}
               </button>
             </div>
-          `:r.nothing}
-    `:r.html`
+          `:t.nothing}
+    `:t.html`
         <div class="empty-state">
           <div class="empty-text">Enter text to search for images</div>
         </div>
-      `}};p.styles=r.css`
+      `}};p.styles=t.css`
     :host {
       display: flex;
       flex-direction: column;
@@ -114,7 +114,7 @@
     }
 
     .back-btn:hover {
-      background: #f1f5f9;
+      background: var(--sfx-up-border-light, #f1f5f9);
       color: var(--sfx-up-text, #1e293b);
     }
 
@@ -148,7 +148,7 @@
       font-family: inherit;
       font-size: 13px;
       color: var(--sfx-up-text, #1e293b);
-      background: #fff;
+      background: var(--sfx-up-bg, #fff);
       outline: none;
       transition: border-color 0.15s;
     }
@@ -167,7 +167,7 @@
       border: none;
       border-radius: 9px;
       background: linear-gradient(135deg, var(--sfx-up-primary, #2563eb), var(--sfx-up-primary-mid, #3b82f6));
-      color: #fff;
+      color: var(--primary-foreground, #fff);
       font-family: inherit;
       font-size: 13px;
       font-weight: 600;
@@ -242,7 +242,7 @@
 
     .result-item.selected .check {
       background: var(--sfx-up-primary, #2563eb);
-      color: #fff;
+      color: var(--sfx-up-bg, #fff);
     }
 
     .check svg {
@@ -292,18 +292,18 @@
       border: none;
       border-radius: 9px;
       background: linear-gradient(135deg, var(--sfx-up-primary, #2563eb), var(--sfx-up-primary-mid, #3b82f6));
-      color: #fff;
+      color: var(--primary-foreground, #fff);
       font-family: inherit;
       font-size: 13px;
       font-weight: 600;
       cursor: pointer;
       transition: all 0.18s;
-      box-shadow: 0 2px 10px rgba(37, 99, 235, 0.28);
+      box-shadow: 0 2px 10px var(--sfx-up-primary-glow, rgba(37, 99, 235, 0.28));
     }
 
     .add-btn:hover:not(:disabled) {
       transform: translateY(-1px);
-      box-shadow: 0 4px 16px rgba(37, 99, 235, 0.38);
+      box-shadow: 0 4px 16px var(--sfx-up-primary-glow, rgba(37, 99, 235, 0.38));
     }
 
     .add-btn:disabled {
@@ -352,8 +352,8 @@
     }
 
     .retry-btn:hover {
-      background: #f8faff;
-      border-color: #d1dff0;
+      background: var(--sfx-up-border-light, #f8faff);
+      border-color: var(--sfx-up-border, #d1dff0);
     }
 
     .empty-text {
@@ -387,4 +387,4 @@
     @media (prefers-reduced-motion: reduce) {
       .spinner { animation: none; }
     }
-  `;let o=p;a([n.property({type:String})],o.prototype,"provider");a([n.property({type:String})],o.prototype,"companionUrl");a([n.state()],o.prototype,"_loading");a([n.state()],o.prototype,"_loadingMore");a([n.state()],o.prototype,"_items");a([n.state()],o.prototype,"_selectedIds");a([n.state()],o.prototype,"_error");a([n.state()],o.prototype,"_searchQuery");a([n.state()],o.prototype,"_nextPageQuery");a([n.state()],o.prototype,"_searched");exports.SfxSearchProviderBrowser=o;
+  `;let o=p;n([a.property({type:String})],o.prototype,"provider");n([a.property({type:String})],o.prototype,"companionUrl");n([a.state()],o.prototype,"_loading");n([a.state()],o.prototype,"_loadingMore");n([a.state()],o.prototype,"_items");n([a.state()],o.prototype,"_selectedIds");n([a.state()],o.prototype,"_error");n([a.state()],o.prototype,"_searchQuery");n([a.state()],o.prototype,"_nextPageQuery");n([a.state()],o.prototype,"_searched");exports.SfxSearchProviderBrowser=o;