@logosphere-ui/core 0.0.0-alpha.6 → 0.0.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +3207 -32
- package/package.json +16 -31
- package/dist/badge-BbhaO73N.cjs +0 -13
- package/dist/badge-DE7Tgd8Z.js +0 -71
- package/dist/badge.cjs +0 -1
- package/dist/badge.js +0 -4
- package/dist/breadcrumb-B-4yqoJZ.js +0 -41
- package/dist/breadcrumb-Cop-B1J7.cjs +0 -12
- package/dist/breadcrumb.cjs +0 -1
- package/dist/breadcrumb.js +0 -4
- package/dist/button-C1EwOosO.js +0 -58
- package/dist/button-CDRccsk9.cjs +0 -10
- package/dist/button.cjs +0 -1
- package/dist/button.js +0 -4
- package/dist/card-CUhlTJyJ.js +0 -97
- package/dist/card-n8ka8Zk-.cjs +0 -43
- package/dist/card.cjs +0 -1
- package/dist/card.js +0 -4
- package/dist/chatbot-Da_itUdJ.cjs +0 -160
- package/dist/chatbot-zkxngMRH.js +0 -481
- package/dist/chatbot.cjs +0 -1
- package/dist/chatbot.js +0 -4
- package/dist/checkbox-7Rb3WKGx.js +0 -119
- package/dist/checkbox-CdDTRdKV.cjs +0 -37
- package/dist/checkbox.cjs +0 -1
- package/dist/checkbox.js +0 -4
- package/dist/combobox-BJbI-Tgi.js +0 -268
- package/dist/combobox-pmE7bgEL.cjs +0 -99
- package/dist/combobox.cjs +0 -1
- package/dist/combobox.js +0 -4
- package/dist/datepicker-DFJx45C-.js +0 -750
- package/dist/datepicker-b9JGTTMx.cjs +0 -115
- package/dist/datepicker.cjs +0 -1
- package/dist/datepicker.js +0 -4
- package/dist/download-manager-A4fOxGWJ.js +0 -381
- package/dist/download-manager-BSIMTGaK.cjs +0 -97
- package/dist/download-manager.cjs +0 -1
- package/dist/download-manager.js +0 -4
- package/dist/formfield-D_7NFFoe.cjs +0 -27
- package/dist/formfield-d8fp9FTV.js +0 -118
- package/dist/formfield.cjs +0 -1
- package/dist/formfield.js +0 -4
- package/dist/index.cjs +0 -1
- package/dist/input-BcnI1w3_.cjs +0 -46
- package/dist/input-Bj_7u8Iv.js +0 -192
- package/dist/input.cjs +0 -1
- package/dist/input.js +0 -4
- package/dist/modal-Bfc6WQSL.js +0 -110
- package/dist/modal-DQ8VFL-P.cjs +0 -39
- package/dist/modal.cjs +0 -1
- package/dist/modal.js +0 -4
- package/dist/popover-B7tCqk3R.js +0 -140
- package/dist/popover-C2p5Pmts.cjs +0 -30
- package/dist/popover.cjs +0 -1
- package/dist/popover.js +0 -4
- package/dist/switch-Cpl53nRW.js +0 -64
- package/dist/switch-Rnnn10bn.cjs +0 -17
- package/dist/switch.cjs +0 -1
- package/dist/switch.js +0 -4
- package/dist/tab-BKdN4xAz.js +0 -176
- package/dist/tab-DcjAlXzU.cjs +0 -40
- package/dist/tab.cjs +0 -1
- package/dist/tab.js +0 -4
- package/dist/text-area-BkHdLnZj.cjs +0 -44
- package/dist/text-area-CC24lj8v.js +0 -204
- package/dist/textarea.cjs +0 -1
- package/dist/textarea.js +0 -4
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
"use strict";const b=require("lit"),f=require("lit/decorators.js"),y=require("dayjs");function j(g){return g&&g.__esModule&&Object.prototype.hasOwnProperty.call(g,"default")?g.default:g}var U={exports:{}},be=U.exports,de;function Me(){return de||(de=1,(function(g,e){(function(t,r){g.exports=r()})(be,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(r,i,p){var n=i.prototype,l=n.format;p.en.formats=t,n.format=function(d){d===void 0&&(d="YYYY-MM-DDTHH:mm:ssZ");var v=this.$locale().formats,c=(function(o,s){return o.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(w,S,M){var a=M&&M.toUpperCase();return S||s[M]||t[M]||s[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(u,_,h){return _||h.slice(1)}))}))})(d,v===void 0?{}:v);return l.call(this,c)}}}))})(U)),U.exports}var we=Me();const Ye=j(we);var W={exports:{}},ke=W.exports,le;function De(){return le||(le=1,(function(g,e){(function(t,r){g.exports=r()})(ke,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},r=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,p=/\d\d/,n=/\d\d?/,l=/\d*[^-_:/,()\s\d]+/,d={},v=function(a){return(a=+a)+(a>68?1900:2e3)},c=function(a){return function(u){this[a]=+u}},o=[/[+-]\d\d:?(\d\d)?|Z/,function(a){(this.zone||(this.zone={})).offset=(function(u){if(!u||u==="Z")return 0;var _=u.match(/([+-]|\d\d)/g),h=60*_[1]+(+_[2]||0);return h===0?0:_[0]==="+"?-h:h})(a)}],s=function(a){var u=d[a];return u&&(u.indexOf?u:u.s.concat(u.f))},w=function(a,u){var _,h=d.meridiem;if(h){for(var D=1;D<=24;D+=1)if(a.indexOf(h(D,0,u))>-1){_=D>12;break}}else _=a===(u?"pm":"PM");return _},S={A:[l,function(a){this.afternoon=w(a,!1)}],a:[l,function(a){this.afternoon=w(a,!0)}],Q:[i,function(a){this.month=3*(a-1)+1}],S:[i,function(a){this.milliseconds=100*+a}],SS:[p,function(a){this.milliseconds=10*+a}],SSS:[/\d{3}/,function(a){this.milliseconds=+a}],s:[n,c("seconds")],ss:[n,c("seconds")],m:[n,c("minutes")],mm:[n,c("minutes")],H:[n,c("hours")],h:[n,c("hours")],HH:[n,c("hours")],hh:[n,c("hours")],D:[n,c("day")],DD:[p,c("day")],Do:[l,function(a){var u=d.ordinal,_=a.match(/\d+/);if(this.day=_[0],u)for(var h=1;h<=31;h+=1)u(h).replace(/\[|\]/g,"")===a&&(this.day=h)}],w:[n,c("week")],ww:[p,c("week")],M:[n,c("month")],MM:[p,c("month")],MMM:[l,function(a){var u=s("months"),_=(s("monthsShort")||u.map((function(h){return h.slice(0,3)}))).indexOf(a)+1;if(_<1)throw new Error;this.month=_%12||_}],MMMM:[l,function(a){var u=s("months").indexOf(a)+1;if(u<1)throw new Error;this.month=u%12||u}],Y:[/[+-]?\d+/,c("year")],YY:[p,function(a){this.year=v(a)}],YYYY:[/\d{4}/,c("year")],Z:o,ZZ:o};function M(a){var u,_;u=a,_=d&&d.formats;for(var h=(a=u.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(T,P,$){var x=$&&$.toUpperCase();return P||_[$]||t[$]||_[x].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(z,C,B){return C||B.slice(1)}))}))).match(r),D=h.length,Y=0;Y<D;Y+=1){var O=h[Y],A=S[O],L=A&&A[0],E=A&&A[1];h[Y]=E?{regex:L,parser:E}:O.replace(/^\[|\]$/g,"")}return function(T){for(var P={},$=0,x=0;$<D;$+=1){var z=h[$];if(typeof z=="string")x+=z.length;else{var C=z.regex,B=z.parser,q=T.slice(x),R=C.exec(q)[0];B.call(P,R),T=T.replace(R,"")}}return(function(H){var F=H.afternoon;if(F!==void 0){var k=H.hours;F?k<12&&(H.hours+=12):k===12&&(H.hours=0),delete H.afternoon}})(P),P}}return function(a,u,_){_.p.customParseFormat=!0,a&&a.parseTwoDigitYear&&(v=a.parseTwoDigitYear);var h=u.prototype,D=h.parse;h.parse=function(Y){var O=Y.date,A=Y.utc,L=Y.args;this.$u=A;var E=L[1];if(typeof E=="string"){var T=L[2]===!0,P=L[3]===!0,$=T||P,x=L[2];P&&(x=L[2]),d=this.$locale(),!T&&x&&(d=_.Ls[x]),this.$d=(function(q,R,H,F){try{if(["x","X"].indexOf(R)>-1)return new Date((R==="X"?1e3:1)*q);var k=M(R)(q),X=k.year,I=k.month,fe=k.day,me=k.hours,ge=k.minutes,ye=k.seconds,ve=k.milliseconds,oe=k.zone,se=k.week,J=new Date,ee=fe||(X||I?1:J.getDate()),te=X||J.getFullYear(),G=0;X&&!I||(G=I>0?I-1:J.getMonth());var K,re=me||0,ae=ge||0,ne=ye||0,ie=ve||0;return oe?new Date(Date.UTC(te,G,ee,re,ae,ne,ie+60*oe.offset*1e3)):H?new Date(Date.UTC(te,G,ee,re,ae,ne,ie)):(K=new Date(te,G,ee,re,ae,ne,ie),se&&(K=F(K).week(se).toDate()),K)}catch{return new Date("")}})(O,E,A,_),this.init(),x&&x!==!0&&(this.$L=this.locale(x).$L),$&&O!=this.format(E)&&(this.$d=new Date("")),d={}}else if(E instanceof Array)for(var z=E.length,C=1;C<=z;C+=1){L[1]=E[C-1];var B=_.apply(this,L);if(B.isValid()){this.$d=B.$d,this.$L=B.$L,this.init();break}C===z&&(this.$d=new Date(""))}else D.call(this,Y)}}}))})(W)),W.exports}var xe=De();const Se=j(xe);var Z={exports:{}},$e=Z.exports,ce;function Le(){return ce||(ce=1,(function(g,e){(function(t,r){g.exports=r()})($e,(function(){return function(t,r,i){r.prototype.isBetween=function(p,n,l,d){var v=i(p),c=i(n),o=(d=d||"()")[0]==="(",s=d[1]===")";return(o?this.isAfter(v,l):!this.isBefore(v,l))&&(s?this.isBefore(c,l):!this.isAfter(c,l))||(o?this.isBefore(v,l):!this.isAfter(v,l))&&(s?this.isAfter(c,l):!this.isBefore(c,l))}}}))})(Z)),Z.exports}var Ee=Le();const Pe=j(Ee);var N={exports:{}},ze=N.exports,ue;function Ce(){return ue||(ue=1,(function(g,e){(function(t,r){g.exports=r()})(ze,(function(){var t="week",r="year";return function(i,p,n){var l=p.prototype;l.week=function(d){if(d===void 0&&(d=null),d!==null)return this.add(7*(d-this.week()),"day");var v=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var c=n(this).startOf(r).add(1,r).date(v),o=n(this).endOf(t);if(c.isBefore(o))return 1}var s=n(this).startOf(r).date(v).startOf(t).subtract(1,"millisecond"),w=this.diff(s,t,!0);return w<0?n(this).startOf("week").week():Math.ceil(w)},l.weeks=function(d){return d===void 0&&(d=null),this.week(d)}}}))})(N)),N.exports}var Oe=Ce();const Ae=j(Oe);var V={exports:{}},Te=V.exports,he;function Be(){return he||(he=1,(function(g,e){(function(t,r){g.exports=r()})(Te,(function(){return function(t,r,i){var p=r.prototype,n=function(o){return o&&(o.indexOf?o:o.s)},l=function(o,s,w,S,M){var a=o.name?o:o.$locale(),u=n(a[s]),_=n(a[w]),h=u||_.map((function(Y){return Y.slice(0,S)}));if(!M)return h;var D=a.weekStart;return h.map((function(Y,O){return h[(O+(D||0))%7]}))},d=function(){return i.Ls[i.locale()]},v=function(o,s){return o.formats[s]||(function(w){return w.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(S,M,a){return M||a.slice(1)}))})(o.formats[s.toUpperCase()])},c=function(){var o=this;return{months:function(s){return s?s.format("MMMM"):l(o,"months")},monthsShort:function(s){return s?s.format("MMM"):l(o,"monthsShort","months",3)},firstDayOfWeek:function(){return o.$locale().weekStart||0},weekdays:function(s){return s?s.format("dddd"):l(o,"weekdays")},weekdaysMin:function(s){return s?s.format("dd"):l(o,"weekdaysMin","weekdays",2)},weekdaysShort:function(s){return s?s.format("ddd"):l(o,"weekdaysShort","weekdays",3)},longDateFormat:function(s){return v(o.$locale(),s)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};p.localeData=function(){return c.bind(this)()},i.localeData=function(){var o=d();return{firstDayOfWeek:function(){return o.weekStart||0},weekdays:function(){return i.weekdays()},weekdaysShort:function(){return i.weekdaysShort()},weekdaysMin:function(){return i.weekdaysMin()},months:function(){return i.months()},monthsShort:function(){return i.monthsShort()},longDateFormat:function(s){return v(o,s)},meridiem:o.meridiem,ordinal:o.ordinal}},i.months=function(){return l(d(),"months")},i.monthsShort=function(){return l(d(),"monthsShort","months",3)},i.weekdays=function(o){return l(d(),"weekdays",null,null,o)},i.weekdaysShort=function(o){return l(d(),"weekdaysShort","weekdays",3,o)},i.weekdaysMin=function(o){return l(d(),"weekdaysMin","weekdays",2,o)}}}))})(V)),V.exports}var He=Be();const Re=j(He);var Q={exports:{}},je=Q.exports,pe;function qe(){return pe||(pe=1,(function(g,e){(function(t,r){g.exports=r(y)})(je,(function(t){function r(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var i=r(t),p={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function(n){return n+"."}};return i.default.locale(p,null,!0),p}))})(Q)),Q.exports}qe();const Fe='.dp{display:block;position:relative;font-family:var(--font-family-base);width:100%}.dp__input-wrapper{position:relative;width:100%}.dp__input{width:100%;height:40px;padding:0 var(--spacing-10) 0 var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-base);outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);background-color:var(--color-body-bg);transition:border-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.dp__input::placeholder{color:var(--color-tertiary)}.dp__input:focus,.dp__input--open{border-color:var(--color-primary)}.dp__input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-tertiary-bg)}.dp__input--error{border-color:var(--color-danger);background-color:var(--color-danger-bg-subtle)}.dp__input--required{border-color:var(--color-danger)}.dp__icon-btn{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-tertiary);display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__icon-btn:hover{color:var(--color-body-text)}.dp__error-tooltip{position:absolute;top:calc(100% + var(--spacing-1));left:0;z-index:var(--z-index-tooltip);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-body-bg);background-color:var(--color-danger);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none;white-space:nowrap;font-family:var(--font-family-base)}.dp__popup{position:fixed;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);padding:var(--spacing-4);box-sizing:border-box;overflow:hidden}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dp__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing)}.dp__nav-btn:hover{background-color:var(--color-tertiary-bg)}.dp__header-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__header-label:hover{color:var(--color-primary)}.dp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--font-size-sm);color:var(--color-tertiary);margin-bottom:var(--spacing-1);-webkit-user-select:none;user-select:none}.dp__weekday{padding:var(--spacing-1) 0}.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;outline:none}.dp__day{position:relative;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;border-radius:0;color:var(--color-body-text);font-family:var(--font-family-base)}.dp__day-num{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__day--range-start:before,.dp__day--range-end:before,.dp__day--range-between:before{content:"";position:absolute;top:2px;bottom:2px;background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);z-index:0;pointer-events:none}.dp__day--range-start:before{left:50%;right:0}.dp__day--range-end:before{left:0;right:50%}.dp__day--range-between:before{left:0;right:0}.dp__day--out-of-month{opacity:.4}.dp__day--focused .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--disabled{cursor:not-allowed;pointer-events:none}.dp__day--disabled .dp__day-num{color:var(--color-gray-300);background-color:var(--color-gray-50)}.dp__day--disabled-weekday{cursor:not-allowed;pointer-events:none}.dp__day--disabled-weekday .dp__day-num{color:var(--color-gray-300)}.dp__day--today .dp__day-num{background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__day--selected .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--default:hover .dp__day-num{background-color:var(--color-tertiary-bg)}.dp__day--range-pending .dp__day-num,.dp__day--range-start .dp__day-num,.dp__day--range-end .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--range-between .dp__day-num{color:var(--color-primary);background:transparent}.dp__month-grid,.dp__year-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-top:var(--spacing-3)}.dp__month-btn,.dp__year-btn{height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;background:none;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__month-btn:hover:not(.dp__month-btn--selected),.dp__year-btn:hover:not(.dp__year-btn--selected){background-color:var(--color-tertiary-bg)}.dp__month-btn--selected,.dp__year-btn--selected{background-color:var(--color-primary);color:#fff}.dp__month-btn--current:not(.dp__month-btn--selected),.dp__year-btn--current:not(.dp__year-btn--selected){background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__footer{display:flex;align-items:center;justify-content:space-evenly;margin-top:var(--spacing-4);padding-bottom:var(--spacing-3)}.dp__footer-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-tertiary);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__footer-btn:hover{background-color:var(--color-tertiary-bg);color:var(--color-body-text)}';var Ie=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,m=(g,e,t,r)=>{for(var i=r>1?void 0:r?Ge(e,t):e,p=g.length-1,n;p>=0;p--)(n=g[p])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Ie(e,t,i),i};y.extend(Ye);y.extend(Se);y.extend(Pe);y.extend(Ae);y.extend(Re);y.locale("tr");const Ke=["DD/MM/YYYY","DD.MM.YYYY","DD MM YYYY","DD-MM-YYYY","DD/MM/YY","DD.MM.YY","DD MM YY","DD-MM-YY","YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYY MM DD"],Ue=y.months(),_e=y.weekdaysShort(),We=[..._e.slice(1),_e[0]];let Ze=0;const Ne=()=>`dp-${++Ze}`;exports.LedsDatePicker=class extends b.LitElement{constructor(){super(...arguments),this.value=null,this.min=null,this.max=null,this.required=!1,this.disabled=!1,this.expandFactor=1.05,this.placeholder="GG/AA/YYYY veya GG.AA.YYYY",this.rangeMode=!1,this.disabledDays=[],this.rangeStart=null,this.rangeEnd=null,this._open=!1,this._cursor=y(),this._popupPos=null,this._rangeStart=null,this._rangeEnd=null,this._hoverDate=null,this._viewMode="calendar",this._hasError=!1,this._errorMsg="",this._errorTimer=null,this.inputId=Ne(),this._outsideClick=e=>{this._open&&(e.composedPath().includes(this)||(this._parseAndSetDate(),this._viewMode="calendar",this._toggleOpen(!1)))},this._onScrollOrResize=()=>{this._open&&this._recalcPopupPos()},this._clear=()=>{this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null)},this._today=()=>{const e=y();this._withinBounds(e)&&this._select(e)},this._navigatePrevious=()=>{switch(this._viewMode){case"calendar":this._cursor=this._cursor.subtract(1,"month");break;case"month":this._cursor=this._cursor.subtract(1,"year");break;case"year":this._cursor=this._cursor.subtract(12,"year");break}},this._navigateNext=()=>{switch(this._viewMode){case"calendar":this._cursor=this._cursor.add(1,"month");break;case"month":this._cursor=this._cursor.add(1,"year");break;case"year":this._cursor=this._cursor.add(12,"year");break}},this._handleHeaderClick=()=>{this._viewMode==="calendar"?this._viewMode="month":this._viewMode==="month"&&(this._viewMode="year")},this._recalcPopupPos=()=>{const e=this.renderRoot.querySelector("#"+this.inputId);if(!e)return;const t=e.getBoundingClientRect(),r=this.renderRoot.querySelector("#"+this.inputId+"-ico"),i=window.innerWidth,p=window.innerHeight,n=8,l=r?r.getBoundingClientRect().left:t.left+t.width,d=Math.round(Math.max(0,l-t.left-n)*(this.expandFactor||1)),v=Math.round(t.right-t.left-n),c=Math.max(220,Math.min(d,v));let o=Math.round(t.left);o+c>i-n&&(o=Math.max(n,Math.round(i-c-n)));const s=Math.max(0,p-t.bottom-n*2),w=Math.max(0,t.top-n*2),S=260;let M,a;s>=S||s>=w?(M=Math.round(t.bottom+n),a=Math.max(S,s)):(a=Math.max(S,w),M=Math.max(n,Math.round(t.top-n-a))),this._popupPos={left:o,top:M,width:c,maxH:a}}}willUpdate(e){if(e.has("value")&&!this._open&&!this.rangeMode){const t=this._safeDay(this.value);t&&(this._cursor=t)}e.has("rangeStart")&&(this._rangeStart=this.rangeStart),e.has("rangeEnd")&&(this._rangeEnd=this.rangeEnd)}connectedCallback(){super.connectedCallback(),window.addEventListener("click",this._outsideClick,!0),window.addEventListener("scroll",this._onScrollOrResize,!0),window.addEventListener("resize",this._onScrollOrResize)}disconnectedCallback(){window.removeEventListener("click",this._outsideClick,!0),window.removeEventListener("scroll",this._onScrollOrResize,!0),window.removeEventListener("resize",this._onScrollOrResize),this._errorTimer&&clearTimeout(this._errorTimer),super.disconnectedCallback()}_safeDay(e){if(!e)return null;for(const r of Ke){const i=y(e,r,!0);if(i.isValid())return i}const t=y(e);return t.isValid()?t:null}_withinBounds(e){const t=this._safeDay(this.min),r=this._safeDay(this.max);return!(t&&e.isBefore(t,"day")||r&&e.isAfter(r,"day")||this.disabledDays.includes(e.day()))}_displayValue(){if(this.rangeMode&&this._rangeStart&&this._rangeEnd){const t=this._safeDay(this._rangeStart),r=this._safeDay(this._rangeEnd);if(t&&r)return`${t.format("DD/MM/YYYY")} - ${r.format("DD/MM/YYYY")}`}const e=this._safeDay(this.value);return e?e.format("DD/MM/YYYY"):""}_getYears(){const e=this._cursor.year()-6;return Array.from({length:12},(t,r)=>e+r)}_getHeaderLabel(){switch(this._viewMode){case"calendar":return this._cursor.format("MMMM YYYY");case"month":return this._cursor.format("YYYY");case"year":{const e=this._getYears();return`${e[0]}-${e[e.length-1]}`}}}_daysInGrid(){const e=this._cursor.startOf("month"),t=e.subtract((e.day()+6)%7,"day");return Array.from({length:42},(r,i)=>t.add(i,"day"))}_isInRange(e){if(!this.rangeMode||!this._rangeStart||!this._rangeEnd)return null;const t=this._safeDay(this._rangeStart),r=this._safeDay(this._rangeEnd);return!t||!r?null:e.isSame(t,"day")?"start":e.isSame(r,"day")?"end":e.isBetween(t,r,"day","[]")?"between":null}_getHoverPreview(e){if(!this.rangeMode||!this._rangeStart||this._rangeEnd||!this._hoverDate)return null;const t=this._safeDay(this._rangeStart);if(!t)return null;const r=this._hoverDate,i=r.isAfter(t,"day"),p=i?t:r,n=i?r:t;return e.isSame(t,"day")?"preview-start":e.isSame(r,"day")?"preview-end":e.isAfter(p,"day")&&e.isBefore(n,"day")?"preview-between":null}_getDayClasses(e){const t=["dp__day"];if(!this._withinBounds(e))return t.push(this.disabledDays.includes(e.day())?"dp__day--disabled-weekday":"dp__day--disabled"),t.join(" ");const r=this._isInRange(e);if(r==="start")return t.push("dp__day--range-start"),t.join(" ");if(r==="end")return t.push("dp__day--range-end"),t.join(" ");if(r==="between")return t.push("dp__day--range-between"),t.join(" ");const i=this._getHoverPreview(e);return i==="preview-start"?(t.push("dp__day--range-start"),t.join(" ")):i==="preview-end"?(t.push("dp__day--range-end"),t.join(" ")):i==="preview-between"?(t.push("dp__day--range-between"),t.join(" ")):this.rangeMode&&this._rangeStart&&!this._rangeEnd&&e.isSame(this._safeDay(this._rangeStart),"day")?(t.push("dp__day--range-pending"),t.join(" ")):(e.isSame(this._safeDay(this.value),"day")?t.push("dp__day--selected"):e.isSame(y(),"day")?t.push("dp__day--today"):t.push("dp__day--default"),t.join(" "))}_emitChange(e){this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e}})),this.onChange?.(e)}_emitRangeChange(){if(this._rangeStart&&this._rangeEnd){const e={start:this._rangeStart,end:this._rangeEnd};this.dispatchEvent(new CustomEvent("rangeChange",{detail:e})),this.onRangeChange?.(e)}}_showInputError(e){this._errorTimer&&clearTimeout(this._errorTimer),this._hasError=!0,this._errorMsg=e,this._errorTimer=setTimeout(()=>this._clearInputError(),3e3)}_clearInputError(){this._hasError=!1,this._errorMsg="",this._errorTimer&&(clearTimeout(this._errorTimer),this._errorTimer=null)}_toggleOpen(e){if(this.disabled)return;const t=e??!this._open;this._open=t,t||(this._hoverDate=null),t&&(this.rangeMode?this._cursor=this._safeDay(this._rangeEnd)?.clone()??this._safeDay(this._rangeStart)?.clone()??y():this._cursor=this._safeDay(this.value)?.clone()??y(),this._viewMode="calendar",this.updateComplete.then(()=>{this._recalcPopupPos(),window.requestAnimationFrame(()=>{this._recalcPopupPos(),this.renderRoot.querySelector("#grid")?.focus()})}))}_onInput(e){e.target.value.trim()||(this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null)),this._clearInputError()}_onKeydown(e){(e.key==="Tab"||e.key==="Enter")&&this._parseAndSetDate()}_parseAndSetDate(){const e=this.renderRoot.querySelector("#"+this.inputId);if(!e)return;const t=e.value.trim();if(!t){if(this.rangeMode&&this._rangeStart&&!this._rangeEnd)return;this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null);return}if(this.rangeMode&&this._rangeStart&&this._rangeEnd)return;const r=this._safeDay(t);r&&this._withinBounds(r)?(this._emitChange(r.format("YYYY-MM-DD")),this._cursor=r,this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null),this._clearInputError()):this._showInputError("Geçersiz tarih formatı. Örnek: 19/09/2025")}_select(e){if(this._withinBounds(e))if(this.rangeMode)if(!this._rangeStart)this._rangeStart=e.format("YYYY-MM-DD"),this._cursor=e;else if(this._rangeEnd)this._rangeStart=e.format("YYYY-MM-DD"),this._rangeEnd=null,this._cursor=e;else{const t=this._safeDay(this._rangeStart);t&&e.isBefore(t,"day")?(this._rangeEnd=this._rangeStart,this._rangeStart=e.format("YYYY-MM-DD")):this._rangeEnd=e.format("YYYY-MM-DD"),this._cursor=e,this._viewMode="calendar",this._toggleOpen(!1),this._emitRangeChange()}else this._emitChange(e.format("YYYY-MM-DD")),this._cursor=e,this._viewMode="calendar",this._toggleOpen(!1)}_selectMonth(e){this._cursor=this._cursor.month(e),this._viewMode="calendar"}_selectYear(e){this._cursor=this._cursor.year(e),this._viewMode="month"}_keydownGrid(e){const t={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};e.key in t?(e.preventDefault(),this._cursor=this._cursor.add(t[e.key],"day")):e.key==="Enter"||e.key===" "?(e.preventDefault(),this._select(this._cursor)):e.key==="Escape"?(e.preventDefault(),this._toggleOpen(!1)):e.key==="PageUp"?(e.preventDefault(),this._cursor=e.shiftKey?this._cursor.subtract(1,"year"):this._cursor.subtract(1,"month")):e.key==="PageDown"?(e.preventDefault(),this._cursor=e.shiftKey?this._cursor.add(1,"year"):this._cursor.add(1,"month")):e.key==="Home"?(e.preventDefault(),this._cursor=this._cursor.startOf("month")):e.key==="End"&&(e.preventDefault(),this._cursor=this._cursor.endOf("month"))}_renderCalendar(e){const t=this._daysInGrid();return b.html`
|
|
2
|
-
<div class="dp__weekdays" role="row">
|
|
3
|
-
${We.map(r=>b.html`<div class="dp__weekday" role="columnheader" aria-label=${r}>${r}</div>`)}
|
|
4
|
-
</div>
|
|
5
|
-
<div
|
|
6
|
-
id="grid"
|
|
7
|
-
tabindex="0"
|
|
8
|
-
class="dp__grid"
|
|
9
|
-
role="grid"
|
|
10
|
-
aria-label="Takvim"
|
|
11
|
-
@keydown=${this._keydownGrid}
|
|
12
|
-
@mouseleave=${()=>{this._hoverDate=null}}
|
|
13
|
-
>
|
|
14
|
-
${t.map(r=>{const i=r.month()===this._cursor.month(),p=e?r.isSame(e,"day"):!1,n=r.isSame(this._cursor,"day"),l=!this._withinBounds(r),d=[this._getDayClasses(r),i?"":"dp__day--out-of-month",n?"dp__day--focused":""].filter(Boolean).join(" ");return b.html`
|
|
15
|
-
<button
|
|
16
|
-
class="${d}"
|
|
17
|
-
role="gridcell"
|
|
18
|
-
@click=${()=>!l&&this._select(r)}
|
|
19
|
-
@mouseenter=${()=>{this.rangeMode&&this._rangeStart&&!this._rangeEnd&&(this._hoverDate=r)}}
|
|
20
|
-
aria-selected=${p?"true":"false"}
|
|
21
|
-
aria-disabled=${l?"true":"false"}
|
|
22
|
-
tabindex=${n?"0":"-1"}
|
|
23
|
-
>
|
|
24
|
-
<span class="dp__day-num">${r.date()}</span>
|
|
25
|
-
</button>
|
|
26
|
-
`})}
|
|
27
|
-
</div>
|
|
28
|
-
`}_renderMonthGrid(){return b.html`
|
|
29
|
-
<div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
|
|
30
|
-
${Ue.map((e,t)=>{const r=t===this._cursor.month(),i=t===y().month()&&this._cursor.year()===y().year();return b.html`
|
|
31
|
-
<button
|
|
32
|
-
class="dp__month-btn ${r?"dp__month-btn--selected":""} ${i&&!r?"dp__month-btn--current":""}"
|
|
33
|
-
role="gridcell"
|
|
34
|
-
aria-selected=${r?"true":"false"}
|
|
35
|
-
@click=${()=>this._selectMonth(t)}
|
|
36
|
-
>${e}</button>
|
|
37
|
-
`})}
|
|
38
|
-
</div>
|
|
39
|
-
`}_renderYearGrid(){return b.html`
|
|
40
|
-
<div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
|
|
41
|
-
${this._getYears().map(e=>{const t=e===this._cursor.year(),r=e===y().year();return b.html`
|
|
42
|
-
<button
|
|
43
|
-
class="dp__year-btn ${t?"dp__year-btn--selected":""} ${r&&!t?"dp__year-btn--current":""}"
|
|
44
|
-
role="gridcell"
|
|
45
|
-
aria-selected=${t?"true":"false"}
|
|
46
|
-
@click=${()=>this._selectYear(e)}
|
|
47
|
-
>${e}</button>
|
|
48
|
-
`})}
|
|
49
|
-
</div>
|
|
50
|
-
`}render(){const e=this._displayValue(),t=this._safeDay(this.value),r=["dp__input",this._open?"dp__input--open":"",this._hasError?"dp__input--error":"",this.required&&!e?"dp__input--required":""].filter(Boolean).join(" ");return b.html`
|
|
51
|
-
<div class="dp">
|
|
52
|
-
<div class="dp__input-wrapper">
|
|
53
|
-
<input
|
|
54
|
-
id=${this.inputId}
|
|
55
|
-
class="${r}"
|
|
56
|
-
.value=${e}
|
|
57
|
-
?disabled=${this.disabled}
|
|
58
|
-
placeholder=${this.placeholder}
|
|
59
|
-
aria-label="Tarih girin"
|
|
60
|
-
aria-invalid=${this._hasError?"true":"false"}
|
|
61
|
-
@input=${this._onInput}
|
|
62
|
-
@keydown=${this._onKeydown}
|
|
63
|
-
/>
|
|
64
|
-
<button
|
|
65
|
-
id=${this.inputId+"-ico"}
|
|
66
|
-
class="dp__icon-btn"
|
|
67
|
-
aria-label=${this._open?"Takvimi kapat":"Takvimi aç"}
|
|
68
|
-
aria-expanded=${this._open?"true":"false"}
|
|
69
|
-
aria-haspopup="dialog"
|
|
70
|
-
@click=${()=>this._toggleOpen()}
|
|
71
|
-
>
|
|
72
|
-
<ui-icon name="uil-calendar" size="16"></ui-icon>
|
|
73
|
-
</button>
|
|
74
|
-
${this._hasError?b.html`
|
|
75
|
-
<div class="dp__error-tooltip" role="alert">${this._errorMsg}</div>
|
|
76
|
-
`:b.nothing}
|
|
77
|
-
</div>
|
|
78
|
-
|
|
79
|
-
${this._open?b.html`
|
|
80
|
-
<div
|
|
81
|
-
class="dp__popup"
|
|
82
|
-
style="left:${this._popupPos?.left??0}px; top:${this._popupPos?.top??0}px; width:${this._popupPos?.width??320}px; max-height:${this._popupPos?.maxH??420}px;"
|
|
83
|
-
role="dialog"
|
|
84
|
-
aria-modal="true"
|
|
85
|
-
aria-label="Tarih seçici"
|
|
86
|
-
>
|
|
87
|
-
<div class="dp__header">
|
|
88
|
-
<button class="dp__nav-btn" @click=${this._navigatePrevious} aria-label="Önceki">
|
|
89
|
-
<ui-icon name="uil-arrow-left" size="16"></ui-icon>
|
|
90
|
-
</button>
|
|
91
|
-
<span class="dp__header-label" @click=${this._handleHeaderClick} role="button" tabindex="0">
|
|
92
|
-
${this._getHeaderLabel()}
|
|
93
|
-
</span>
|
|
94
|
-
<button class="dp__nav-btn" @click=${this._navigateNext} aria-label="Sonraki">
|
|
95
|
-
<ui-icon name="uil-arrow-right" size="16"></ui-icon>
|
|
96
|
-
</button>
|
|
97
|
-
</div>
|
|
98
|
-
|
|
99
|
-
${this._viewMode==="calendar"?this._renderCalendar(t):this._viewMode==="month"?this._renderMonthGrid():this._renderYearGrid()}
|
|
100
|
-
|
|
101
|
-
<div class="dp__footer">
|
|
102
|
-
<button class="dp__footer-btn" @click=${this._today} aria-label="Bugün">
|
|
103
|
-
<ui-icon name="uil-calendar" size="14"></ui-icon>
|
|
104
|
-
</button>
|
|
105
|
-
<button class="dp__footer-btn" @click=${this._clear} aria-label="Temizle">
|
|
106
|
-
<ui-icon name="uil-trash" size="14"></ui-icon>
|
|
107
|
-
</button>
|
|
108
|
-
<button class="dp__footer-btn" @click=${()=>this._toggleOpen(!1)} aria-label="Kapat">
|
|
109
|
-
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
110
|
-
</button>
|
|
111
|
-
</div>
|
|
112
|
-
</div>
|
|
113
|
-
`:b.nothing}
|
|
114
|
-
</div>
|
|
115
|
-
`}};exports.LedsDatePicker.styles=[b.css`${b.unsafeCSS(Fe)}`];m([f.property({type:String})],exports.LedsDatePicker.prototype,"value",2);m([f.property({type:String})],exports.LedsDatePicker.prototype,"min",2);m([f.property({type:String})],exports.LedsDatePicker.prototype,"max",2);m([f.property({type:Boolean})],exports.LedsDatePicker.prototype,"required",2);m([f.property({type:Boolean})],exports.LedsDatePicker.prototype,"disabled",2);m([f.property({type:Number})],exports.LedsDatePicker.prototype,"expandFactor",2);m([f.property({type:String})],exports.LedsDatePicker.prototype,"placeholder",2);m([f.property({type:Boolean})],exports.LedsDatePicker.prototype,"rangeMode",2);m([f.property({type:Array})],exports.LedsDatePicker.prototype,"disabledDays",2);m([f.property({type:String})],exports.LedsDatePicker.prototype,"rangeStart",2);m([f.property({type:String})],exports.LedsDatePicker.prototype,"rangeEnd",2);m([f.property({attribute:!1})],exports.LedsDatePicker.prototype,"onChange",2);m([f.property({attribute:!1})],exports.LedsDatePicker.prototype,"onRangeChange",2);m([f.state()],exports.LedsDatePicker.prototype,"_open",2);m([f.state()],exports.LedsDatePicker.prototype,"_cursor",2);m([f.state()],exports.LedsDatePicker.prototype,"_popupPos",2);m([f.state()],exports.LedsDatePicker.prototype,"_rangeStart",2);m([f.state()],exports.LedsDatePicker.prototype,"_rangeEnd",2);m([f.state()],exports.LedsDatePicker.prototype,"_hoverDate",2);m([f.state()],exports.LedsDatePicker.prototype,"_viewMode",2);m([f.state()],exports.LedsDatePicker.prototype,"_hasError",2);m([f.state()],exports.LedsDatePicker.prototype,"_errorMsg",2);exports.LedsDatePicker=m([f.customElement("logosphere-datepicker")],exports.LedsDatePicker);
|
package/dist/datepicker.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./datepicker-b9JGTTMx.cjs");Object.defineProperty(exports,"LedsDatePicker",{enumerable:!0,get:()=>e.LedsDatePicker});
|
package/dist/datepicker.js
DELETED
|
@@ -1,381 +0,0 @@
|
|
|
1
|
-
import { LitElement as f, html as l, unsafeCSS as v, css as _ } from "lit";
|
|
2
|
-
import { property as g, state as h, customElement as b } from "lit/decorators.js";
|
|
3
|
-
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)}";
|
|
4
|
-
var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, u = (t, s, r, e) => {
|
|
5
|
-
for (var a = e > 1 ? void 0 : e ? k(s, r) : s, o = t.length - 1, i; o >= 0; o--)
|
|
6
|
-
(i = t[o]) && (a = (e ? i(s, r, a) : i(a)) || a);
|
|
7
|
-
return e && a && y(s, r, a), a;
|
|
8
|
-
};
|
|
9
|
-
let m = class extends f {
|
|
10
|
-
constructor() {
|
|
11
|
-
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 = () => {
|
|
12
|
-
this.downloads = this.downloads.filter((t) => t.status !== "completed"), this.requestUpdate(), this.saveState();
|
|
13
|
-
}, this.handleAddDownload = (t) => {
|
|
14
|
-
t.preventDefault();
|
|
15
|
-
const s = t.target, r = new globalThis.FormData(s), e = r.get("url"), a = r.get("filename");
|
|
16
|
-
if (!e?.trim()) return;
|
|
17
|
-
const o = this.downloads.find((i) => i.url === e.trim());
|
|
18
|
-
o && o.status !== "error" || (this.addDownload(e.trim(), a?.trim() || void 0), s.reset());
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
connectedCallback() {
|
|
22
|
-
super.connectedCallback(), this.loadState(), this.setupVisibilityChangeHandler();
|
|
23
|
-
}
|
|
24
|
-
disconnectedCallback() {
|
|
25
|
-
super.disconnectedCallback(), this.saveState();
|
|
26
|
-
}
|
|
27
|
-
setupVisibilityChangeHandler() {
|
|
28
|
-
document.addEventListener("visibilitychange", () => {
|
|
29
|
-
document.hidden && this.saveState();
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
loadState() {
|
|
33
|
-
try {
|
|
34
|
-
const t = globalThis.localStorage.getItem(this.storageKey);
|
|
35
|
-
if (t) {
|
|
36
|
-
const s = JSON.parse(t);
|
|
37
|
-
this.downloads = s.downloads || [], this.downloads.forEach((r) => {
|
|
38
|
-
r.status === "downloading" && (r.status = "paused"), r.status === "error" && r.error?.includes("Failed to fetch") && (r.status = "paused", r.error = void 0);
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
} catch (t) {
|
|
42
|
-
console.error("Failed to load download state:", t);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
saveState() {
|
|
46
|
-
try {
|
|
47
|
-
const t = {
|
|
48
|
-
downloads: this.downloads.map((s) => ({
|
|
49
|
-
...s,
|
|
50
|
-
status: s.status === "downloading" ? "paused" : s.status
|
|
51
|
-
}))
|
|
52
|
-
};
|
|
53
|
-
globalThis.localStorage.setItem(this.storageKey, JSON.stringify(t));
|
|
54
|
-
} catch (t) {
|
|
55
|
-
console.error("Failed to save download state:", t);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
async getFileSize(t) {
|
|
59
|
-
try {
|
|
60
|
-
const s = await globalThis.fetch(t, {
|
|
61
|
-
method: "HEAD",
|
|
62
|
-
mode: "cors",
|
|
63
|
-
credentials: "omit",
|
|
64
|
-
signal: globalThis.AbortSignal.timeout(1e4)
|
|
65
|
-
});
|
|
66
|
-
if (s.ok) {
|
|
67
|
-
const r = s.headers.get("content-length");
|
|
68
|
-
if (r) {
|
|
69
|
-
const e = parseInt(r);
|
|
70
|
-
if (!isNaN(e) && e > 0) return e;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
try {
|
|
74
|
-
const r = await globalThis.fetch(t, {
|
|
75
|
-
method: "GET",
|
|
76
|
-
headers: { Range: "bytes=0-0" },
|
|
77
|
-
mode: "cors",
|
|
78
|
-
credentials: "omit",
|
|
79
|
-
signal: globalThis.AbortSignal.timeout(1e4)
|
|
80
|
-
});
|
|
81
|
-
if (r.ok) {
|
|
82
|
-
const e = r.headers.get("content-range");
|
|
83
|
-
if (e) {
|
|
84
|
-
const o = e.match(/\/(\d+)/);
|
|
85
|
-
if (o) {
|
|
86
|
-
const i = parseInt(o[1]);
|
|
87
|
-
if (!isNaN(i) && i > 0) return i;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
const a = r.headers.get("content-length");
|
|
91
|
-
if (a) {
|
|
92
|
-
const o = parseInt(a);
|
|
93
|
-
if (!isNaN(o) && o > 0) return o;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
} catch {
|
|
97
|
-
}
|
|
98
|
-
return 0;
|
|
99
|
-
} catch (s) {
|
|
100
|
-
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;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
createChunks(t) {
|
|
104
|
-
if (t === 0)
|
|
105
|
-
return [{ start: 0, end: this.chunkSize - 1, downloaded: 0, status: "pending" }];
|
|
106
|
-
const s = [];
|
|
107
|
-
for (let r = 0; r < t; r += this.chunkSize)
|
|
108
|
-
s.push({ start: r, end: Math.min(r + this.chunkSize - 1, t - 1), downloaded: 0, status: "pending" });
|
|
109
|
-
return s;
|
|
110
|
-
}
|
|
111
|
-
async downloadChunk(t, s) {
|
|
112
|
-
const r = s.end > s.start ? `bytes=${s.start + s.downloaded}-${s.end}` : `bytes=${s.start + s.downloaded}-`, e = await globalThis.fetch(t, {
|
|
113
|
-
headers: { Range: r },
|
|
114
|
-
signal: globalThis.AbortSignal.any([
|
|
115
|
-
new globalThis.AbortController().signal,
|
|
116
|
-
globalThis.AbortSignal.timeout(6e4)
|
|
117
|
-
]),
|
|
118
|
-
mode: "cors",
|
|
119
|
-
credentials: "omit"
|
|
120
|
-
});
|
|
121
|
-
if (!e.ok) {
|
|
122
|
-
if (e.status === 416) return { data: new Uint8Array(0), isComplete: !0 };
|
|
123
|
-
throw new Error(`HTTP ${e.status}: ${e.statusText}`);
|
|
124
|
-
}
|
|
125
|
-
const a = new Uint8Array(await e.arrayBuffer()), o = e.headers.get("content-range");
|
|
126
|
-
let i = !1, n;
|
|
127
|
-
if (o) {
|
|
128
|
-
const c = o.match(/\/(\d+)/);
|
|
129
|
-
if (c) {
|
|
130
|
-
n = parseInt(c[1]);
|
|
131
|
-
const d = o.match(/(\d+)-(\d+)/);
|
|
132
|
-
d && (i = parseInt(d[2]) >= n - 1);
|
|
133
|
-
}
|
|
134
|
-
} else a.length === 0 && (i = !0);
|
|
135
|
-
return { data: a, isComplete: i, actualSize: n };
|
|
136
|
-
}
|
|
137
|
-
async downloadFile(t) {
|
|
138
|
-
const s = new globalThis.AbortController();
|
|
139
|
-
this.activeDownloads.set(t.id, s);
|
|
140
|
-
try {
|
|
141
|
-
t.status = "downloading", t.startTime = Date.now(), this.requestUpdate();
|
|
142
|
-
const r = t.chunks.filter((n) => n.status === "pending"), e = /* @__PURE__ */ new Set(), a = async (n) => {
|
|
143
|
-
const c = t.chunks[n];
|
|
144
|
-
if (!(!c || c.status !== "pending")) {
|
|
145
|
-
c.status = "downloading", e.add(n), this.requestUpdate();
|
|
146
|
-
try {
|
|
147
|
-
if (t.status !== "downloading") return;
|
|
148
|
-
const d = await this.downloadChunk(t.url, c);
|
|
149
|
-
if (t.status !== "downloading") return;
|
|
150
|
-
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());
|
|
151
|
-
} catch (d) {
|
|
152
|
-
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();
|
|
153
|
-
}
|
|
154
|
-
await new Promise((d) => setTimeout(d, 1));
|
|
155
|
-
}
|
|
156
|
-
}, o = [];
|
|
157
|
-
let i = 0;
|
|
158
|
-
for (; (i < r.length || e.size > 0) && t.status === "downloading"; ) {
|
|
159
|
-
for (; e.size < this.maxConcurrentChunks && i < r.length && t.status === "downloading"; )
|
|
160
|
-
o.push(a(i)), i++;
|
|
161
|
-
if (e.size > 0)
|
|
162
|
-
try {
|
|
163
|
-
await Promise.race([Promise.race(o), new Promise((n) => setTimeout(n, 100))]);
|
|
164
|
-
} catch {
|
|
165
|
-
}
|
|
166
|
-
await new Promise((n) => setTimeout(n, 10));
|
|
167
|
-
}
|
|
168
|
-
} catch (r) {
|
|
169
|
-
(!(r instanceof Error) || r.name !== "AbortError") && (t.status = "error", t.error = r instanceof Error ? r.message : "Unknown error", this.requestUpdate());
|
|
170
|
-
} finally {
|
|
171
|
-
this.activeDownloads.delete(t.id), this.saveState();
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
pauseDownload(t) {
|
|
175
|
-
const s = this.activeDownloads.get(t);
|
|
176
|
-
s && (s.abort(), this.activeDownloads.delete(t));
|
|
177
|
-
const r = this.downloads.find((e) => e.id === t);
|
|
178
|
-
r?.status === "downloading" && (r.status = "paused", this.requestUpdate(), this.saveState());
|
|
179
|
-
}
|
|
180
|
-
resumeDownload(t) {
|
|
181
|
-
const s = this.downloads.find((r) => r.id === t);
|
|
182
|
-
s?.status === "paused" && this.downloadFile(s);
|
|
183
|
-
}
|
|
184
|
-
removeDownload(t) {
|
|
185
|
-
this.pauseDownload(t), this.downloads = this.downloads.filter((s) => s.id !== t), this.requestUpdate(), this.saveState();
|
|
186
|
-
}
|
|
187
|
-
formatBytes(t) {
|
|
188
|
-
if (t === 0) return "0 Bytes";
|
|
189
|
-
const s = 1024, r = ["Bytes", "KB", "MB", "GB"], e = Math.floor(Math.log(t) / Math.log(s));
|
|
190
|
-
return parseFloat((t / Math.pow(s, e)).toFixed(2)) + " " + r[e];
|
|
191
|
-
}
|
|
192
|
-
formatDuration(t) {
|
|
193
|
-
const s = Math.floor(t / 1e3), r = Math.floor(s / 60), e = Math.floor(r / 60);
|
|
194
|
-
return e > 0 ? `${e}h ${r % 60}m ${s % 60}s` : r > 0 ? `${r}m ${s % 60}s` : `${s}s`;
|
|
195
|
-
}
|
|
196
|
-
getProgressPercentage(t) {
|
|
197
|
-
return t.size === 0 ? t.status === "completed" ? 100 : 0 : Math.round(t.downloaded / t.size * 100);
|
|
198
|
-
}
|
|
199
|
-
getDownloadSpeed(t) {
|
|
200
|
-
if (!t.startTime) return "0 KB/s";
|
|
201
|
-
const s = (Date.now() - t.startTime) / 1e3;
|
|
202
|
-
return s === 0 ? "0 KB/s" : this.formatBytes(t.downloaded / s) + "/s";
|
|
203
|
-
}
|
|
204
|
-
getETA(t) {
|
|
205
|
-
if (!t.startTime || t.downloaded === 0 || t.size === 0) return "Unknown";
|
|
206
|
-
const s = (Date.now() - t.startTime) / 1e3;
|
|
207
|
-
return this.formatDuration((t.size - t.downloaded) / (t.downloaded / s) * 1e3);
|
|
208
|
-
}
|
|
209
|
-
async addDownload(t, s) {
|
|
210
|
-
try {
|
|
211
|
-
this.isAddingFiles = !0, this.requestUpdate();
|
|
212
|
-
try {
|
|
213
|
-
new globalThis.URL(t);
|
|
214
|
-
} catch {
|
|
215
|
-
throw new Error("Invalid URL format");
|
|
216
|
-
}
|
|
217
|
-
const r = await this.getFileSize(t), a = {
|
|
218
|
-
id: `download_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
|
|
219
|
-
url: t,
|
|
220
|
-
filename: s || t.split("/").pop() || "unknown",
|
|
221
|
-
size: r,
|
|
222
|
-
downloaded: 0,
|
|
223
|
-
status: "pending",
|
|
224
|
-
chunks: this.createChunks(r)
|
|
225
|
-
};
|
|
226
|
-
this.downloads.push(a), this.requestUpdate(), this.saveState(), this.downloadFile(a);
|
|
227
|
-
} catch (r) {
|
|
228
|
-
const e = r instanceof Error ? r.message : "Unknown error occurred";
|
|
229
|
-
this.downloads.push({
|
|
230
|
-
id: `error_${Date.now()}`,
|
|
231
|
-
url: t,
|
|
232
|
-
filename: s || t.split("/").pop() || "unknown",
|
|
233
|
-
size: 0,
|
|
234
|
-
downloaded: 0,
|
|
235
|
-
status: "error",
|
|
236
|
-
chunks: [],
|
|
237
|
-
error: e
|
|
238
|
-
}), this.requestUpdate(), this.saveState();
|
|
239
|
-
} finally {
|
|
240
|
-
this.isAddingFiles = !1, this.requestUpdate();
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
getStatusClass(t) {
|
|
244
|
-
return {
|
|
245
|
-
downloading: "dm__status--downloading",
|
|
246
|
-
paused: "dm__status--paused",
|
|
247
|
-
completed: "dm__status--completed",
|
|
248
|
-
error: "dm__status--error"
|
|
249
|
-
}[t] ?? "dm__status--pending";
|
|
250
|
-
}
|
|
251
|
-
getProgressBarClass(t) {
|
|
252
|
-
return {
|
|
253
|
-
downloading: "dm__progress-bar--downloading",
|
|
254
|
-
paused: "dm__progress-bar--paused",
|
|
255
|
-
completed: "dm__progress-bar--completed",
|
|
256
|
-
error: "dm__progress-bar--error"
|
|
257
|
-
}[t] ?? "dm__progress-bar--pending";
|
|
258
|
-
}
|
|
259
|
-
render() {
|
|
260
|
-
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;
|
|
261
|
-
return l`
|
|
262
|
-
<div class="dm">
|
|
263
|
-
<div class="dm__container">
|
|
264
|
-
<div class="dm__header">
|
|
265
|
-
<h2 class="dm__title">Download Manager</h2>
|
|
266
|
-
<div class="dm__stats">
|
|
267
|
-
<span>Active: ${t}</span>
|
|
268
|
-
<span>Paused: ${r}</span>
|
|
269
|
-
<span>Completed: ${s}</span>
|
|
270
|
-
<span>Total: ${this.downloads.length}</span>
|
|
271
|
-
</div>
|
|
272
|
-
</div>
|
|
273
|
-
|
|
274
|
-
<form @submit=${this.handleAddDownload} class="dm__form">
|
|
275
|
-
<div class="dm__form-row">
|
|
276
|
-
<div class="dm__form-field">
|
|
277
|
-
<input type="url" name="url" placeholder="Enter download URL" required class="dm__input" />
|
|
278
|
-
</div>
|
|
279
|
-
<div class="dm__form-field--filename">
|
|
280
|
-
<input type="text" name="filename" placeholder="Custom filename (optional)" class="dm__input" />
|
|
281
|
-
</div>
|
|
282
|
-
<button type="submit" ?disabled=${this.isAddingFiles} class="dm__submit-btn">
|
|
283
|
-
${this.isAddingFiles ? l`<span class="dm__spinner"></span> Adding...` : "Add Download"}
|
|
284
|
-
</button>
|
|
285
|
-
</div>
|
|
286
|
-
<div class="dm__form-note">
|
|
287
|
-
<p><strong>Note:</strong> Some servers don't support HEAD requests. File size will be discovered during download.</p>
|
|
288
|
-
</div>
|
|
289
|
-
</form>
|
|
290
|
-
|
|
291
|
-
<div class="dm__list">
|
|
292
|
-
${this.downloads.length === 0 ? l`<div class="dm__empty">No downloads yet. Add a URL to get started.</div>` : this.downloads.map((e) => l`
|
|
293
|
-
<div class="dm__item ${e.status === "error" ? "dm__item--error" : ""}">
|
|
294
|
-
<div class="dm__item-header">
|
|
295
|
-
<div class="dm__item-info">
|
|
296
|
-
<p class="dm__item-name">${e.filename}</p>
|
|
297
|
-
<p class="dm__item-url">${e.url}</p>
|
|
298
|
-
</div>
|
|
299
|
-
<div class="dm__item-controls">
|
|
300
|
-
<span class="dm__status ${this.getStatusClass(e.status)}">${e.status}</span>
|
|
301
|
-
<button class="dm__remove-btn" @click=${() => this.removeDownload(e.id)} title="Remove download">✕</button>
|
|
302
|
-
</div>
|
|
303
|
-
</div>
|
|
304
|
-
|
|
305
|
-
<div class="dm__progress">
|
|
306
|
-
<div class="dm__progress-labels">
|
|
307
|
-
<span>${this.formatBytes(e.downloaded)}${e.size > 0 ? ` / ${this.formatBytes(e.size)}` : " (unknown size)"}</span>
|
|
308
|
-
<span>${e.size > 0 ? `${this.getProgressPercentage(e)}%` : "Downloading..."}</span>
|
|
309
|
-
</div>
|
|
310
|
-
<div class="dm__progress-track">
|
|
311
|
-
${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>`}
|
|
312
|
-
</div>
|
|
313
|
-
</div>
|
|
314
|
-
|
|
315
|
-
<div class="dm__item-footer">
|
|
316
|
-
<div class="dm__item-speeds">
|
|
317
|
-
<span>Speed: ${e.status === "downloading" ? this.getDownloadSpeed(e) : "0 KB/s"}</span>
|
|
318
|
-
<span>ETA: ${e.status === "downloading" ? this.getETA(e) : "Unknown"}</span>
|
|
319
|
-
</div>
|
|
320
|
-
<div class="dm__item-actions">
|
|
321
|
-
${e.status === "downloading" ? l`
|
|
322
|
-
<button class="dm__action-btn dm__action-btn--pause" @click=${() => this.pauseDownload(e.id)}>
|
|
323
|
-
<span class="dm__spinner dm__spinner--sm"></span> Pause
|
|
324
|
-
</button>
|
|
325
|
-
` : e.status === "paused" ? l`
|
|
326
|
-
<button class="dm__action-btn dm__action-btn--resume" @click=${() => this.resumeDownload(e.id)}>Resume</button>
|
|
327
|
-
` : e.status === "completed" ? l`
|
|
328
|
-
<span class="dm__status-completed">Completed</span>
|
|
329
|
-
` : e.status === "error" ? l`
|
|
330
|
-
<div class="dm__error-info">
|
|
331
|
-
<div class="dm__error-label">Error</div>
|
|
332
|
-
<div class="dm__error-detail">${e.error}</div>
|
|
333
|
-
</div>
|
|
334
|
-
` : ""}
|
|
335
|
-
</div>
|
|
336
|
-
</div>
|
|
337
|
-
|
|
338
|
-
${e.status === "downloading" ? l`
|
|
339
|
-
<div class="dm__chunks">
|
|
340
|
-
<div>Chunks: ${e.chunks.filter((a) => a.status === "completed").length}/${e.chunks.length} completed</div>
|
|
341
|
-
<div>Chunk size: ${this.formatBytes(this.chunkSize)}</div>
|
|
342
|
-
<div>Downloaded: ${this.formatBytes(e.downloaded)}${e.size > 0 ? ` / ${this.formatBytes(e.size)}` : ""}</div>
|
|
343
|
-
</div>
|
|
344
|
-
` : ""}
|
|
345
|
-
</div>
|
|
346
|
-
`)}
|
|
347
|
-
</div>
|
|
348
|
-
|
|
349
|
-
${this.downloads.length > 0 ? l`
|
|
350
|
-
<div class="dm__actions">
|
|
351
|
-
<button class="dm__clear-btn" @click=${this.clearCompleted}>Clear Completed</button>
|
|
352
|
-
<div class="dm__persist-note">State is automatically saved and will persist across browser sessions</div>
|
|
353
|
-
</div>
|
|
354
|
-
` : ""}
|
|
355
|
-
</div>
|
|
356
|
-
</div>
|
|
357
|
-
`;
|
|
358
|
-
}
|
|
359
|
-
};
|
|
360
|
-
m.styles = [_`${v(w)}`];
|
|
361
|
-
u([
|
|
362
|
-
g({ type: Number })
|
|
363
|
-
], m.prototype, "chunkSize", 2);
|
|
364
|
-
u([
|
|
365
|
-
g({ type: Number })
|
|
366
|
-
], m.prototype, "maxConcurrentDownloads", 2);
|
|
367
|
-
u([
|
|
368
|
-
g({ type: Number })
|
|
369
|
-
], m.prototype, "maxConcurrentChunks", 2);
|
|
370
|
-
u([
|
|
371
|
-
h()
|
|
372
|
-
], m.prototype, "downloads", 2);
|
|
373
|
-
u([
|
|
374
|
-
h()
|
|
375
|
-
], m.prototype, "isAddingFiles", 2);
|
|
376
|
-
m = u([
|
|
377
|
-
b("download-manager")
|
|
378
|
-
], m);
|
|
379
|
-
export {
|
|
380
|
-
m as D
|
|
381
|
-
};
|