@logosphere-ui/core 0.0.0-alpha.7 → 0.0.0-alpha.9

package/dist/datepicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./datepicker-BQOVo1Pr.cjs");Object.defineProperty(exports,"LedsDatePicker",{enumerable:!0,get:()=>e.LedsDatePicker});

package/dist/datepicker.js

@@ -0,0 +1,4 @@
+import { L as a } from "./datepicker-ChdQsc_l.js";
+export {
+  a as LedsDatePicker
+};

package/dist/download-manager-BSIMTGaK.cjs

@@ -0,0 +1,97 @@
+"use strict";const i=require("lit"),m=require("lit/decorators.js"),h=":host{display:block}.dm{font-family:var(--font-family-base)}.dm__container{width:100%;max-width:896px;margin:0 auto;padding:var(--spacing-6);background-color:var(--color-body-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.dm__header{margin-bottom:var(--spacing-6)}.dm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-body-text);margin:0 0 var(--spacing-2) 0}.dm__stats{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary)}.dm__form{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-tertiary-bg);border-radius:var(--radius-base)}.dm__form-row{display:flex;gap:var(--spacing-4)}.dm__form-field{flex:1}.dm__form-field--filename{width:192px;flex:none}.dm__input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);background-color:var(--color-body-bg);color:var(--color-body-text);box-sizing:border-box;transition:border-color var(--transition-speed-fast) var(--transition-timing)}.dm__input:focus{border-color:var(--color-primary)}.dm__submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-speed-fast) var(--transition-timing);white-space:nowrap}.dm__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.dm__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dm__form-note{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__form-note p{margin:0}.dm__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-bottom-color:#fff;border-radius:var(--radius-full);animation:dm-spin .8s linear infinite}.dm__spinner--sm{width:12px;height:12px;border-color:#3b82f64d;border-bottom-color:#3b82f6}@keyframes dm-spin{to{transform:rotate(360deg)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dm__empty{text-align:center;padding:var(--spacing-8) 0;color:var(--color-tertiary);font-size:var(--font-size-sm)}.dm__item{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--spacing-4)}.dm__item--error{border-color:var(--color-primary-border-subtle);background-color:var(--color-danger-bg-subtle)}.dm__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dm__item-info{flex:1;min-width:0}.dm__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-url{font-size:var(--font-size-xs);color:var(--color-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-controls{display:flex;align-items:center;gap:var(--spacing-2)}.dm__status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.dm__status--downloading{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__status--paused{background-color:var(--color-warning-bg-subtle);color:var(--color-warning-text-emphasis)}.dm__status--completed{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status--error{background-color:var(--color-danger-bg-subtle);color:var(--color-danger-text-emphasis)}.dm__status--pending{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dm__remove-btn{background:none;border:none;cursor:pointer;color:var(--color-tertiary);padding:var(--spacing-1);line-height:1;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__remove-btn:hover{color:var(--color-danger)}.dm__progress{margin-bottom:var(--spacing-3)}.dm__progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.dm__progress-track{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dm__progress-bar{height:8px;border-radius:var(--radius-full);transition:width .3s ease}.dm__progress-bar--downloading{background-color:var(--color-info-active)}.dm__progress-bar--paused{background-color:var(--color-warning-active)}.dm__progress-bar--completed{background-color:var(--color-success)}.dm__progress-bar--error{background-color:var(--color-danger)}.dm__progress-bar--pending{background-color:var(--color-gray-400)}.dm__progress-bar--indeterminate{width:100%;animation:dm-pulse 1.5s ease-in-out infinite}.dm__item-footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__item-speeds{display:flex;gap:var(--spacing-4)}.dm__item-actions{display:flex;gap:var(--spacing-2)}.dm__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dm__action-btn--pause{color:var(--color-info-active)}.dm__action-btn--pause:hover{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__action-btn--resume{color:var(--color-success)}.dm__action-btn--resume:hover{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status-completed{color:var(--color-success)}.dm__error-info{color:var(--color-danger)}.dm__error-label{font-weight:var(--font-weight-medium)}.dm__error-detail{font-size:var(--font-size-xs)}.dm__chunks{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary);display:flex;flex-direction:column;gap:2px}.dm__actions{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.dm__clear-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__clear-btn:hover{color:var(--color-body-text)}.dm__persist-note{font-size:var(--font-size-sm);color:var(--color-tertiary)}";var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,u=(p,t,s,r)=>{for(var e=r>1?void 0:r?v(t,s):t,o=p.length-1,a;o>=0;o--)(a=p[o])&&(e=(r?a(t,s,e):a(e))||e);return r&&e&&f(t,s,e),e};exports.DownloadManager=class extends i.LitElement{constructor(){super(...arguments),this.chunkSize=2*1024*1024,this.maxConcurrentDownloads=3,this.maxConcurrentChunks=4,this.downloads=[],this.isAddingFiles=!1,this.activeDownloads=new Map,this.storageKey="download-manager-state",this.clearCompleted=()=>{this.downloads=this.downloads.filter(t=>t.status!=="completed"),this.requestUpdate(),this.saveState()},this.handleAddDownload=t=>{t.preventDefault();const s=t.target,r=new globalThis.FormData(s),e=r.get("url"),o=r.get("filename");if(!e?.trim())return;const a=this.downloads.find(n=>n.url===e.trim());a&&a.status!=="error"||(this.addDownload(e.trim(),o?.trim()||void 0),s.reset())}}connectedCallback(){super.connectedCallback(),this.loadState(),this.setupVisibilityChangeHandler()}disconnectedCallback(){super.disconnectedCallback(),this.saveState()}setupVisibilityChangeHandler(){document.addEventListener("visibilitychange",()=>{document.hidden&&this.saveState()})}loadState(){try{const t=globalThis.localStorage.getItem(this.storageKey);if(t){const s=JSON.parse(t);this.downloads=s.downloads||[],this.downloads.forEach(r=>{r.status==="downloading"&&(r.status="paused"),r.status==="error"&&r.error?.includes("Failed to fetch")&&(r.status="paused",r.error=void 0)})}}catch(t){console.error("Failed to load download state:",t)}}saveState(){try{const t={downloads:this.downloads.map(s=>({...s,status:s.status==="downloading"?"paused":s.status}))};globalThis.localStorage.setItem(this.storageKey,JSON.stringify(t))}catch(t){console.error("Failed to save download state:",t)}}async getFileSize(t){try{const s=await globalThis.fetch(t,{method:"HEAD",mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});if(s.ok){const r=s.headers.get("content-length");if(r){const e=parseInt(r);if(!isNaN(e)&&e>0)return e}}try{const r=await globalThis.fetch(t,{method:"GET",headers:{Range:"bytes=0-0"},mode:"cors",credentials:"omit",signal:globalThis.AbortSignal.timeout(1e4)});if(r.ok){const e=r.headers.get("content-range");if(e){const a=e.match(/\/(\d+)/);if(a){const n=parseInt(a[1]);if(!isNaN(n)&&n>0)return n}}const o=r.headers.get("content-length");if(o){const a=parseInt(o);if(!isNaN(a)&&a>0)return a}}}catch{}return 0}catch(s){return(!(s instanceof Error)||!["AbortError","ERR_EMPTY_RESPONSE","Failed to fetch"].some(r=>s.message.includes(r)))&&console.warn("Failed to get file size:",s),0}}createChunks(t){if(t===0)return[{start:0,end:this.chunkSize-1,downloaded:0,status:"pending"}];const s=[];for(let r=0;r<t;r+=this.chunkSize)s.push({start:r,end:Math.min(r+this.chunkSize-1,t-1),downloaded:0,status:"pending"});return s}async downloadChunk(t,s){const r=s.end>s.start?`bytes=${s.start+s.downloaded}-${s.end}`:`bytes=${s.start+s.downloaded}-`,e=await globalThis.fetch(t,{headers:{Range:r},signal:globalThis.AbortSignal.any([new globalThis.AbortController().signal,globalThis.AbortSignal.timeout(6e4)]),mode:"cors",credentials:"omit"});if(!e.ok){if(e.status===416)return{data:new Uint8Array(0),isComplete:!0};throw new Error(`HTTP ${e.status}: ${e.statusText}`)}const o=new Uint8Array(await e.arrayBuffer()),a=e.headers.get("content-range");let n=!1,d;if(a){const c=a.match(/\/(\d+)/);if(c){d=parseInt(c[1]);const l=a.match(/(\d+)-(\d+)/);l&&(n=parseInt(l[2])>=d-1)}}else o.length===0&&(n=!0);return{data:o,isComplete:n,actualSize:d}}async downloadFile(t){const s=new globalThis.AbortController;this.activeDownloads.set(t.id,s);try{t.status="downloading",t.startTime=Date.now(),this.requestUpdate();const r=t.chunks.filter(d=>d.status==="pending"),e=new Set,o=async d=>{const c=t.chunks[d];if(!(!c||c.status!=="pending")){c.status="downloading",e.add(d),this.requestUpdate();try{if(t.status!=="downloading")return;const l=await this.downloadChunk(t.url,c);if(t.status!=="downloading")return;c.downloaded=l.data.length,c.status="completed",t.downloaded+=c.downloaded,l.actualSize&&t.size===0&&(t.size=l.actualSize,t.size>this.chunkSize&&t.chunks.push(...this.createChunks(t.size).slice(1))),e.delete(d),this.requestUpdate(),this.saveState(),(l.isComplete||t.chunks.every(g=>g.status==="completed"))&&(t.status="completed",t.endTime=Date.now(),this.requestUpdate(),this.saveState())}catch(l){c.status="error",e.delete(d),t.chunks.filter(g=>g.status==="error").length===t.chunks.length&&(t.status="error",t.error=l instanceof Error?l.message:"All chunks failed"),this.requestUpdate(),this.saveState()}await new Promise(l=>setTimeout(l,1))}},a=[];let n=0;for(;(n<r.length||e.size>0)&&t.status==="downloading";){for(;e.size<this.maxConcurrentChunks&&n<r.length&&t.status==="downloading";)a.push(o(n)),n++;if(e.size>0)try{await Promise.race([Promise.race(a),new Promise(d=>setTimeout(d,100))])}catch{}await new Promise(d=>setTimeout(d,10))}}catch(r){(!(r instanceof Error)||r.name!=="AbortError")&&(t.status="error",t.error=r instanceof Error?r.message:"Unknown error",this.requestUpdate())}finally{this.activeDownloads.delete(t.id),this.saveState()}}pauseDownload(t){const s=this.activeDownloads.get(t);s&&(s.abort(),this.activeDownloads.delete(t));const r=this.downloads.find(e=>e.id===t);r?.status==="downloading"&&(r.status="paused",this.requestUpdate(),this.saveState())}resumeDownload(t){const s=this.downloads.find(r=>r.id===t);s?.status==="paused"&&this.downloadFile(s)}removeDownload(t){this.pauseDownload(t),this.downloads=this.downloads.filter(s=>s.id!==t),this.requestUpdate(),this.saveState()}formatBytes(t){if(t===0)return"0 Bytes";const s=1024,r=["Bytes","KB","MB","GB"],e=Math.floor(Math.log(t)/Math.log(s));return parseFloat((t/Math.pow(s,e)).toFixed(2))+" "+r[e]}formatDuration(t){const s=Math.floor(t/1e3),r=Math.floor(s/60),e=Math.floor(r/60);return e>0?`${e}h ${r%60}m ${s%60}s`:r>0?`${r}m ${s%60}s`:`${s}s`}getProgressPercentage(t){return t.size===0?t.status==="completed"?100:0:Math.round(t.downloaded/t.size*100)}getDownloadSpeed(t){if(!t.startTime)return"0 KB/s";const s=(Date.now()-t.startTime)/1e3;return s===0?"0 KB/s":this.formatBytes(t.downloaded/s)+"/s"}getETA(t){if(!t.startTime||t.downloaded===0||t.size===0)return"Unknown";const s=(Date.now()-t.startTime)/1e3;return this.formatDuration((t.size-t.downloaded)/(t.downloaded/s)*1e3)}async addDownload(t,s){try{this.isAddingFiles=!0,this.requestUpdate();try{new globalThis.URL(t)}catch{throw new Error("Invalid URL format")}const r=await this.getFileSize(t),o={id:`download_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,url:t,filename:s||t.split("/").pop()||"unknown",size:r,downloaded:0,status:"pending",chunks:this.createChunks(r)};this.downloads.push(o),this.requestUpdate(),this.saveState(),this.downloadFile(o)}catch(r){const e=r instanceof Error?r.message:"Unknown error occurred";this.downloads.push({id:`error_${Date.now()}`,url:t,filename:s||t.split("/").pop()||"unknown",size:0,downloaded:0,status:"error",chunks:[],error:e}),this.requestUpdate(),this.saveState()}finally{this.isAddingFiles=!1,this.requestUpdate()}}getStatusClass(t){return{downloading:"dm__status--downloading",paused:"dm__status--paused",completed:"dm__status--completed",error:"dm__status--error"}[t]??"dm__status--pending"}getProgressBarClass(t){return{downloading:"dm__progress-bar--downloading",paused:"dm__progress-bar--paused",completed:"dm__progress-bar--completed",error:"dm__progress-bar--error"}[t]??"dm__progress-bar--pending"}render(){const t=this.downloads.filter(e=>e.status==="downloading").length,s=this.downloads.filter(e=>e.status==="completed").length,r=this.downloads.filter(e=>e.status==="paused").length;return i.html`
+      <div class="dm">
+        <div class="dm__container">
+          <div class="dm__header">
+            <h2 class="dm__title">Download Manager</h2>
+            <div class="dm__stats">
+              <span>Active: ${t}</span>
+              <span>Paused: ${r}</span>
+              <span>Completed: ${s}</span>
+              <span>Total: ${this.downloads.length}</span>
+            </div>
+          </div>
+
+          <form @submit=${this.handleAddDownload} class="dm__form">
+            <div class="dm__form-row">
+              <div class="dm__form-field">
+                <input type="url" name="url" placeholder="Enter download URL" required class="dm__input" />
+              </div>
+              <div class="dm__form-field--filename">
+                <input type="text" name="filename" placeholder="Custom filename (optional)" class="dm__input" />
+              </div>
+              <button type="submit" ?disabled=${this.isAddingFiles} class="dm__submit-btn">
+                ${this.isAddingFiles?i.html`<span class="dm__spinner"></span> Adding...`:"Add Download"}
+              </button>
+            </div>
+            <div class="dm__form-note">
+              <p><strong>Note:</strong> Some servers don't support HEAD requests. File size will be discovered during download.</p>
+            </div>
+          </form>
+
+          <div class="dm__list">
+            ${this.downloads.length===0?i.html`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>`:this.downloads.map(e=>i.html`
+                  <div class="dm__item ${e.status==="error"?"dm__item--error":""}">
+                    <div class="dm__item-header">
+                      <div class="dm__item-info">
+                        <p class="dm__item-name">${e.filename}</p>
+                        <p class="dm__item-url">${e.url}</p>
+                      </div>
+                      <div class="dm__item-controls">
+                        <span class="dm__status ${this.getStatusClass(e.status)}">${e.status}</span>
+                        <button class="dm__remove-btn" @click=${()=>this.removeDownload(e.id)} title="Remove download">✕</button>
+                      </div>
+                    </div>
+
+                    <div class="dm__progress">
+                      <div class="dm__progress-labels">
+                        <span>${this.formatBytes(e.downloaded)}${e.size>0?` / ${this.formatBytes(e.size)}`:" (unknown size)"}</span>
+                        <span>${e.size>0?`${this.getProgressPercentage(e)}%`:"Downloading..."}</span>
+                      </div>
+                      <div class="dm__progress-track">
+                        ${e.size>0?i.html`<div class="dm__progress-bar ${this.getProgressBarClass(e.status)}" style="width: ${this.getProgressPercentage(e)}%"></div>`:i.html`<div class="dm__progress-bar ${this.getProgressBarClass(e.status)} dm__progress-bar--indeterminate"></div>`}
+                      </div>
+                    </div>
+
+                    <div class="dm__item-footer">
+                      <div class="dm__item-speeds">
+                        <span>Speed: ${e.status==="downloading"?this.getDownloadSpeed(e):"0 KB/s"}</span>
+                        <span>ETA: ${e.status==="downloading"?this.getETA(e):"Unknown"}</span>
+                      </div>
+                      <div class="dm__item-actions">
+                        ${e.status==="downloading"?i.html`
+                          <button class="dm__action-btn dm__action-btn--pause" @click=${()=>this.pauseDownload(e.id)}>
+                            <span class="dm__spinner dm__spinner--sm"></span> Pause
+                          </button>
+                        `:e.status==="paused"?i.html`
+                          <button class="dm__action-btn dm__action-btn--resume" @click=${()=>this.resumeDownload(e.id)}>Resume</button>
+                        `:e.status==="completed"?i.html`
+                          <span class="dm__status-completed">Completed</span>
+                        `:e.status==="error"?i.html`
+                          <div class="dm__error-info">
+                            <div class="dm__error-label">Error</div>
+                            <div class="dm__error-detail">${e.error}</div>
+                          </div>
+                        `:""}
+                      </div>
+                    </div>
+
+                    ${e.status==="downloading"?i.html`
+                      <div class="dm__chunks">
+                        <div>Chunks: ${e.chunks.filter(o=>o.status==="completed").length}/${e.chunks.length} completed</div>
+                        <div>Chunk size: ${this.formatBytes(this.chunkSize)}</div>
+                        <div>Downloaded: ${this.formatBytes(e.downloaded)}${e.size>0?` / ${this.formatBytes(e.size)}`:""}</div>
+                      </div>
+                    `:""}
+                  </div>
+                `)}
+          </div>
+
+          ${this.downloads.length>0?i.html`
+            <div class="dm__actions">
+              <button class="dm__clear-btn" @click=${this.clearCompleted}>Clear Completed</button>
+              <div class="dm__persist-note">State is automatically saved and will persist across browser sessions</div>
+            </div>
+          `:""}
+        </div>
+      </div>
+    `}};exports.DownloadManager.styles=[i.css`${i.unsafeCSS(h)}`];u([m.property({type:Number})],exports.DownloadManager.prototype,"chunkSize",2);u([m.property({type:Number})],exports.DownloadManager.prototype,"maxConcurrentDownloads",2);u([m.property({type:Number})],exports.DownloadManager.prototype,"maxConcurrentChunks",2);u([m.state()],exports.DownloadManager.prototype,"downloads",2);u([m.state()],exports.DownloadManager.prototype,"isAddingFiles",2);exports.DownloadManager=u([m.customElement("download-manager")],exports.DownloadManager);

package/dist/download-manager-a541AYhr.js

@@ -0,0 +1,381 @@
+import { unsafeCSS as f, css as v, LitElement as _, html as l } from "lit";
+import { property as g, state as h, customElement as b } from "lit/decorators.js";
+const w = ":host{display:block}.dm{font-family:var(--font-family-base)}.dm__container{width:100%;max-width:896px;margin:0 auto;padding:var(--spacing-6);background-color:var(--color-body-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.dm__header{margin-bottom:var(--spacing-6)}.dm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-body-text);margin:0 0 var(--spacing-2) 0}.dm__stats{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary)}.dm__form{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-tertiary-bg);border-radius:var(--radius-base)}.dm__form-row{display:flex;gap:var(--spacing-4)}.dm__form-field{flex:1}.dm__form-field--filename{width:192px;flex:none}.dm__input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);background-color:var(--color-body-bg);color:var(--color-body-text);box-sizing:border-box;transition:border-color var(--transition-speed-fast) var(--transition-timing)}.dm__input:focus{border-color:var(--color-primary)}.dm__submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-speed-fast) var(--transition-timing);white-space:nowrap}.dm__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.dm__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dm__form-note{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__form-note p{margin:0}.dm__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-bottom-color:#fff;border-radius:var(--radius-full);animation:dm-spin .8s linear infinite}.dm__spinner--sm{width:12px;height:12px;border-color:#3b82f64d;border-bottom-color:#3b82f6}@keyframes dm-spin{to{transform:rotate(360deg)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dm__empty{text-align:center;padding:var(--spacing-8) 0;color:var(--color-tertiary);font-size:var(--font-size-sm)}.dm__item{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--spacing-4)}.dm__item--error{border-color:var(--color-primary-border-subtle);background-color:var(--color-danger-bg-subtle)}.dm__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dm__item-info{flex:1;min-width:0}.dm__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-url{font-size:var(--font-size-xs);color:var(--color-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-controls{display:flex;align-items:center;gap:var(--spacing-2)}.dm__status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.dm__status--downloading{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__status--paused{background-color:var(--color-warning-bg-subtle);color:var(--color-warning-text-emphasis)}.dm__status--completed{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status--error{background-color:var(--color-danger-bg-subtle);color:var(--color-danger-text-emphasis)}.dm__status--pending{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dm__remove-btn{background:none;border:none;cursor:pointer;color:var(--color-tertiary);padding:var(--spacing-1);line-height:1;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__remove-btn:hover{color:var(--color-danger)}.dm__progress{margin-bottom:var(--spacing-3)}.dm__progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.dm__progress-track{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dm__progress-bar{height:8px;border-radius:var(--radius-full);transition:width .3s ease}.dm__progress-bar--downloading{background-color:var(--color-info-active)}.dm__progress-bar--paused{background-color:var(--color-warning-active)}.dm__progress-bar--completed{background-color:var(--color-success)}.dm__progress-bar--error{background-color:var(--color-danger)}.dm__progress-bar--pending{background-color:var(--color-gray-400)}.dm__progress-bar--indeterminate{width:100%;animation:dm-pulse 1.5s ease-in-out infinite}.dm__item-footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__item-speeds{display:flex;gap:var(--spacing-4)}.dm__item-actions{display:flex;gap:var(--spacing-2)}.dm__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dm__action-btn--pause{color:var(--color-info-active)}.dm__action-btn--pause:hover{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__action-btn--resume{color:var(--color-success)}.dm__action-btn--resume:hover{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status-completed{color:var(--color-success)}.dm__error-info{color:var(--color-danger)}.dm__error-label{font-weight:var(--font-weight-medium)}.dm__error-detail{font-size:var(--font-size-xs)}.dm__chunks{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary);display:flex;flex-direction:column;gap:2px}.dm__actions{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.dm__clear-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__clear-btn:hover{color:var(--color-body-text)}.dm__persist-note{font-size:var(--font-size-sm);color:var(--color-tertiary)}";
+var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, u = (t, s, r, e) => {
+  for (var a = e > 1 ? void 0 : e ? k(s, r) : s, o = t.length - 1, i; o >= 0; o--)
+    (i = t[o]) && (a = (e ? i(s, r, a) : i(a)) || a);
+  return e && a && y(s, r, a), a;
+};
+let m = class extends _ {
+  constructor() {
+    super(...arguments), this.chunkSize = 2 * 1024 * 1024, this.maxConcurrentDownloads = 3, this.maxConcurrentChunks = 4, this.downloads = [], this.isAddingFiles = !1, this.activeDownloads = /* @__PURE__ */ new Map(), this.storageKey = "download-manager-state", this.clearCompleted = () => {
+      this.downloads = this.downloads.filter((t) => t.status !== "completed"), this.requestUpdate(), this.saveState();
+    }, this.handleAddDownload = (t) => {
+      t.preventDefault();
+      const s = t.target, r = new globalThis.FormData(s), e = r.get("url"), a = r.get("filename");
+      if (!e?.trim()) return;
+      const o = this.downloads.find((i) => i.url === e.trim());
+      o && o.status !== "error" || (this.addDownload(e.trim(), a?.trim() || void 0), s.reset());
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.loadState(), this.setupVisibilityChangeHandler();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.saveState();
+  }
+  setupVisibilityChangeHandler() {
+    document.addEventListener("visibilitychange", () => {
+      document.hidden && this.saveState();
+    });
+  }
+  loadState() {
+    try {
+      const t = globalThis.localStorage.getItem(this.storageKey);
+      if (t) {
+        const s = JSON.parse(t);
+        this.downloads = s.downloads || [], this.downloads.forEach((r) => {
+          r.status === "downloading" && (r.status = "paused"), r.status === "error" && r.error?.includes("Failed to fetch") && (r.status = "paused", r.error = void 0);
+        });
+      }
+    } catch (t) {
+      console.error("Failed to load download state:", t);
+    }
+  }
+  saveState() {
+    try {
+      const t = {
+        downloads: this.downloads.map((s) => ({
+          ...s,
+          status: s.status === "downloading" ? "paused" : s.status
+        }))
+      };
+      globalThis.localStorage.setItem(this.storageKey, JSON.stringify(t));
+    } catch (t) {
+      console.error("Failed to save download state:", t);
+    }
+  }
+  async getFileSize(t) {
+    try {
+      const s = await globalThis.fetch(t, {
+        method: "HEAD",
+        mode: "cors",
+        credentials: "omit",
+        signal: globalThis.AbortSignal.timeout(1e4)
+      });
+      if (s.ok) {
+        const r = s.headers.get("content-length");
+        if (r) {
+          const e = parseInt(r);
+          if (!isNaN(e) && e > 0) return e;
+        }
+      }
+      try {
+        const r = await globalThis.fetch(t, {
+          method: "GET",
+          headers: { Range: "bytes=0-0" },
+          mode: "cors",
+          credentials: "omit",
+          signal: globalThis.AbortSignal.timeout(1e4)
+        });
+        if (r.ok) {
+          const e = r.headers.get("content-range");
+          if (e) {
+            const o = e.match(/\/(\d+)/);
+            if (o) {
+              const i = parseInt(o[1]);
+              if (!isNaN(i) && i > 0) return i;
+            }
+          }
+          const a = r.headers.get("content-length");
+          if (a) {
+            const o = parseInt(a);
+            if (!isNaN(o) && o > 0) return o;
+          }
+        }
+      } catch {
+      }
+      return 0;
+    } catch (s) {
+      return (!(s instanceof Error) || !["AbortError", "ERR_EMPTY_RESPONSE", "Failed to fetch"].some((r) => s.message.includes(r))) && console.warn("Failed to get file size:", s), 0;
+    }
+  }
+  createChunks(t) {
+    if (t === 0)
+      return [{ start: 0, end: this.chunkSize - 1, downloaded: 0, status: "pending" }];
+    const s = [];
+    for (let r = 0; r < t; r += this.chunkSize)
+      s.push({ start: r, end: Math.min(r + this.chunkSize - 1, t - 1), downloaded: 0, status: "pending" });
+    return s;
+  }
+  async downloadChunk(t, s) {
+    const r = s.end > s.start ? `bytes=${s.start + s.downloaded}-${s.end}` : `bytes=${s.start + s.downloaded}-`, e = await globalThis.fetch(t, {
+      headers: { Range: r },
+      signal: globalThis.AbortSignal.any([
+        new globalThis.AbortController().signal,
+        globalThis.AbortSignal.timeout(6e4)
+      ]),
+      mode: "cors",
+      credentials: "omit"
+    });
+    if (!e.ok) {
+      if (e.status === 416) return { data: new Uint8Array(0), isComplete: !0 };
+      throw new Error(`HTTP ${e.status}: ${e.statusText}`);
+    }
+    const a = new Uint8Array(await e.arrayBuffer()), o = e.headers.get("content-range");
+    let i = !1, n;
+    if (o) {
+      const c = o.match(/\/(\d+)/);
+      if (c) {
+        n = parseInt(c[1]);
+        const d = o.match(/(\d+)-(\d+)/);
+        d && (i = parseInt(d[2]) >= n - 1);
+      }
+    } else a.length === 0 && (i = !0);
+    return { data: a, isComplete: i, actualSize: n };
+  }
+  async downloadFile(t) {
+    const s = new globalThis.AbortController();
+    this.activeDownloads.set(t.id, s);
+    try {
+      t.status = "downloading", t.startTime = Date.now(), this.requestUpdate();
+      const r = t.chunks.filter((n) => n.status === "pending"), e = /* @__PURE__ */ new Set(), a = async (n) => {
+        const c = t.chunks[n];
+        if (!(!c || c.status !== "pending")) {
+          c.status = "downloading", e.add(n), this.requestUpdate();
+          try {
+            if (t.status !== "downloading") return;
+            const d = await this.downloadChunk(t.url, c);
+            if (t.status !== "downloading") return;
+            c.downloaded = d.data.length, c.status = "completed", t.downloaded += c.downloaded, d.actualSize && t.size === 0 && (t.size = d.actualSize, t.size > this.chunkSize && t.chunks.push(...this.createChunks(t.size).slice(1))), e.delete(n), this.requestUpdate(), this.saveState(), (d.isComplete || t.chunks.every((p) => p.status === "completed")) && (t.status = "completed", t.endTime = Date.now(), this.requestUpdate(), this.saveState());
+          } catch (d) {
+            c.status = "error", e.delete(n), t.chunks.filter((p) => p.status === "error").length === t.chunks.length && (t.status = "error", t.error = d instanceof Error ? d.message : "All chunks failed"), this.requestUpdate(), this.saveState();
+          }
+          await new Promise((d) => setTimeout(d, 1));
+        }
+      }, o = [];
+      let i = 0;
+      for (; (i < r.length || e.size > 0) && t.status === "downloading"; ) {
+        for (; e.size < this.maxConcurrentChunks && i < r.length && t.status === "downloading"; )
+          o.push(a(i)), i++;
+        if (e.size > 0)
+          try {
+            await Promise.race([Promise.race(o), new Promise((n) => setTimeout(n, 100))]);
+          } catch {
+          }
+        await new Promise((n) => setTimeout(n, 10));
+      }
+    } catch (r) {
+      (!(r instanceof Error) || r.name !== "AbortError") && (t.status = "error", t.error = r instanceof Error ? r.message : "Unknown error", this.requestUpdate());
+    } finally {
+      this.activeDownloads.delete(t.id), this.saveState();
+    }
+  }
+  pauseDownload(t) {
+    const s = this.activeDownloads.get(t);
+    s && (s.abort(), this.activeDownloads.delete(t));
+    const r = this.downloads.find((e) => e.id === t);
+    r?.status === "downloading" && (r.status = "paused", this.requestUpdate(), this.saveState());
+  }
+  resumeDownload(t) {
+    const s = this.downloads.find((r) => r.id === t);
+    s?.status === "paused" && this.downloadFile(s);
+  }
+  removeDownload(t) {
+    this.pauseDownload(t), this.downloads = this.downloads.filter((s) => s.id !== t), this.requestUpdate(), this.saveState();
+  }
+  formatBytes(t) {
+    if (t === 0) return "0 Bytes";
+    const s = 1024, r = ["Bytes", "KB", "MB", "GB"], e = Math.floor(Math.log(t) / Math.log(s));
+    return parseFloat((t / Math.pow(s, e)).toFixed(2)) + " " + r[e];
+  }
+  formatDuration(t) {
+    const s = Math.floor(t / 1e3), r = Math.floor(s / 60), e = Math.floor(r / 60);
+    return e > 0 ? `${e}h ${r % 60}m ${s % 60}s` : r > 0 ? `${r}m ${s % 60}s` : `${s}s`;
+  }
+  getProgressPercentage(t) {
+    return t.size === 0 ? t.status === "completed" ? 100 : 0 : Math.round(t.downloaded / t.size * 100);
+  }
+  getDownloadSpeed(t) {
+    if (!t.startTime) return "0 KB/s";
+    const s = (Date.now() - t.startTime) / 1e3;
+    return s === 0 ? "0 KB/s" : this.formatBytes(t.downloaded / s) + "/s";
+  }
+  getETA(t) {
+    if (!t.startTime || t.downloaded === 0 || t.size === 0) return "Unknown";
+    const s = (Date.now() - t.startTime) / 1e3;
+    return this.formatDuration((t.size - t.downloaded) / (t.downloaded / s) * 1e3);
+  }
+  async addDownload(t, s) {
+    try {
+      this.isAddingFiles = !0, this.requestUpdate();
+      try {
+        new globalThis.URL(t);
+      } catch {
+        throw new Error("Invalid URL format");
+      }
+      const r = await this.getFileSize(t), a = {
+        id: `download_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        url: t,
+        filename: s || t.split("/").pop() || "unknown",
+        size: r,
+        downloaded: 0,
+        status: "pending",
+        chunks: this.createChunks(r)
+      };
+      this.downloads.push(a), this.requestUpdate(), this.saveState(), this.downloadFile(a);
+    } catch (r) {
+      const e = r instanceof Error ? r.message : "Unknown error occurred";
+      this.downloads.push({
+        id: `error_${Date.now()}`,
+        url: t,
+        filename: s || t.split("/").pop() || "unknown",
+        size: 0,
+        downloaded: 0,
+        status: "error",
+        chunks: [],
+        error: e
+      }), this.requestUpdate(), this.saveState();
+    } finally {
+      this.isAddingFiles = !1, this.requestUpdate();
+    }
+  }
+  getStatusClass(t) {
+    return {
+      downloading: "dm__status--downloading",
+      paused: "dm__status--paused",
+      completed: "dm__status--completed",
+      error: "dm__status--error"
+    }[t] ?? "dm__status--pending";
+  }
+  getProgressBarClass(t) {
+    return {
+      downloading: "dm__progress-bar--downloading",
+      paused: "dm__progress-bar--paused",
+      completed: "dm__progress-bar--completed",
+      error: "dm__progress-bar--error"
+    }[t] ?? "dm__progress-bar--pending";
+  }
+  render() {
+    const t = this.downloads.filter((e) => e.status === "downloading").length, s = this.downloads.filter((e) => e.status === "completed").length, r = this.downloads.filter((e) => e.status === "paused").length;
+    return l`
+      <div class="dm">
+        <div class="dm__container">
+          <div class="dm__header">
+            <h2 class="dm__title">Download Manager</h2>
+            <div class="dm__stats">
+              <span>Active: ${t}</span>
+              <span>Paused: ${r}</span>
+              <span>Completed: ${s}</span>
+              <span>Total: ${this.downloads.length}</span>
+            </div>
+          </div>
+
+          <form @submit=${this.handleAddDownload} class="dm__form">
+            <div class="dm__form-row">
+              <div class="dm__form-field">
+                <input type="url" name="url" placeholder="Enter download URL" required class="dm__input" />
+              </div>
+              <div class="dm__form-field--filename">
+                <input type="text" name="filename" placeholder="Custom filename (optional)" class="dm__input" />
+              </div>
+              <button type="submit" ?disabled=${this.isAddingFiles} class="dm__submit-btn">
+                ${this.isAddingFiles ? l`<span class="dm__spinner"></span> Adding...` : "Add Download"}
+              </button>
+            </div>
+            <div class="dm__form-note">
+              <p><strong>Note:</strong> Some servers don't support HEAD requests. File size will be discovered during download.</p>
+            </div>
+          </form>
+
+          <div class="dm__list">
+            ${this.downloads.length === 0 ? l`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>` : this.downloads.map((e) => l`
+                  <div class="dm__item ${e.status === "error" ? "dm__item--error" : ""}">
+                    <div class="dm__item-header">
+                      <div class="dm__item-info">
+                        <p class="dm__item-name">${e.filename}</p>
+                        <p class="dm__item-url">${e.url}</p>
+                      </div>
+                      <div class="dm__item-controls">
+                        <span class="dm__status ${this.getStatusClass(e.status)}">${e.status}</span>
+                        <button class="dm__remove-btn" @click=${() => this.removeDownload(e.id)} title="Remove download">✕</button>
+                      </div>
+                    </div>
+
+                    <div class="dm__progress">
+                      <div class="dm__progress-labels">
+                        <span>${this.formatBytes(e.downloaded)}${e.size > 0 ? ` / ${this.formatBytes(e.size)}` : " (unknown size)"}</span>
+                        <span>${e.size > 0 ? `${this.getProgressPercentage(e)}%` : "Downloading..."}</span>
+                      </div>
+                      <div class="dm__progress-track">
+                        ${e.size > 0 ? l`<div class="dm__progress-bar ${this.getProgressBarClass(e.status)}" style="width: ${this.getProgressPercentage(e)}%"></div>` : l`<div class="dm__progress-bar ${this.getProgressBarClass(e.status)} dm__progress-bar--indeterminate"></div>`}
+                      </div>
+                    </div>
+
+                    <div class="dm__item-footer">
+                      <div class="dm__item-speeds">
+                        <span>Speed: ${e.status === "downloading" ? this.getDownloadSpeed(e) : "0 KB/s"}</span>
+                        <span>ETA: ${e.status === "downloading" ? this.getETA(e) : "Unknown"}</span>
+                      </div>
+                      <div class="dm__item-actions">
+                        ${e.status === "downloading" ? l`
+                          <button class="dm__action-btn dm__action-btn--pause" @click=${() => this.pauseDownload(e.id)}>
+                            <span class="dm__spinner dm__spinner--sm"></span> Pause
+                          </button>
+                        ` : e.status === "paused" ? l`
+                          <button class="dm__action-btn dm__action-btn--resume" @click=${() => this.resumeDownload(e.id)}>Resume</button>
+                        ` : e.status === "completed" ? l`
+                          <span class="dm__status-completed">Completed</span>
+                        ` : e.status === "error" ? l`
+                          <div class="dm__error-info">
+                            <div class="dm__error-label">Error</div>
+                            <div class="dm__error-detail">${e.error}</div>
+                          </div>
+                        ` : ""}
+                      </div>
+                    </div>
+
+                    ${e.status === "downloading" ? l`
+                      <div class="dm__chunks">
+                        <div>Chunks: ${e.chunks.filter((a) => a.status === "completed").length}/${e.chunks.length} completed</div>
+                        <div>Chunk size: ${this.formatBytes(this.chunkSize)}</div>
+                        <div>Downloaded: ${this.formatBytes(e.downloaded)}${e.size > 0 ? ` / ${this.formatBytes(e.size)}` : ""}</div>
+                      </div>
+                    ` : ""}
+                  </div>
+                `)}
+          </div>
+
+          ${this.downloads.length > 0 ? l`
+            <div class="dm__actions">
+              <button class="dm__clear-btn" @click=${this.clearCompleted}>Clear Completed</button>
+              <div class="dm__persist-note">State is automatically saved and will persist across browser sessions</div>
+            </div>
+          ` : ""}
+        </div>
+      </div>
+    `;
+  }
+};
+m.styles = [v`${f(w)}`];
+u([
+  g({ type: Number })
+], m.prototype, "chunkSize", 2);
+u([
+  g({ type: Number })
+], m.prototype, "maxConcurrentDownloads", 2);
+u([
+  g({ type: Number })
+], m.prototype, "maxConcurrentChunks", 2);
+u([
+  h()
+], m.prototype, "downloads", 2);
+u([
+  h()
+], m.prototype, "isAddingFiles", 2);
+m = u([
+  b("download-manager")
+], m);
+export {
+  m as D
+};

package/dist/download-manager.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./download-manager-BSIMTGaK.cjs");Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>e.DownloadManager});

package/dist/download-manager.js

@@ -0,0 +1,4 @@
+import { D as r } from "./download-manager-a541AYhr.js";
+export {
+  r as DownloadManager
+};