@mhmo91/schmancy 0.3.8 → 0.4.2

package/dist/date-range-B2f1eXz0.cjs

@@ -0,0 +1,139 @@
+"use strict";const A=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const ce=require("./litElement.mixin-BFfWKABY.cjs");require("./tailwind.mixin-CgPd8dM4.cjs");const de=require("./_commonjsHelpers-k2hpEU-q.cjs"),j=require("lit"),D=require("lit/decorators.js"),J=require("lit/directives/if-defined.js"),K=require("./dialog-service-BgqAlT7T.cjs");var ae,re={exports:{}},he=(ae||(ae=1,re.exports=function(){var e=1e3,r=6e4,t=36e5,o="millisecond",y="second",c="minute",u="hour",p="day",Y="week",S="month",W="quarter",x="year",P="date",M="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,Q=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,N={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(h){var n=["th","st","nd","rd"],a=h%100;return"["+h+(n[(a-20)%10]||n[a]||n[0])+"]"}},O=function(h,n,a){var d=String(h);return!d||d.length>=n?h:""+Array(n+1-d.length).join(a)+h},ue={s:O,z:function(h){var n=-h.utcOffset(),a=Math.abs(n),d=Math.floor(a/60),s=a%60;return(n<=0?"+":"-")+O(d,2,"0")+":"+O(s,2,"0")},m:function h(n,a){if(n.date()<a.date())return-h(a,n);var d=12*(a.year()-n.year())+(a.month()-n.month()),s=n.clone().add(d,S),l=a-s<0,m=n.clone().add(d+(l?-1:1),S);return+(-(d+(a-s)/(l?s-m:m-s))||0)},a:function(h){return h<0?Math.ceil(h)||0:Math.floor(h)},p:function(h){return{M:S,y:x,w:Y,d:p,D:P,h:u,m:c,s:y,ms:o,Q:W}[h]||String(h||"").toLowerCase().replace(/s$/,"")},u:function(h){return h===void 0}},H="en",C={};C[H]=N;var ee="$isDayjsObject",G=function(h){return h instanceof z||!(!h||!h[ee])},U=function h(n,a,d){var s;if(!n)return H;if(typeof n=="string"){var l=n.toLowerCase();C[l]&&(s=l),a&&(C[l]=a,s=l);var m=n.split("-");if(!s&&m.length>1)return h(m[0])}else{var v=n.name;C[v]=n,s=v}return!d&&s&&(H=s),s||!d&&H},w=function(h,n){if(G(h))return h.clone();var a=typeof n=="object"?n:{};return a.date=h,a.args=arguments,new z(a)},g=ue;g.l=U,g.i=G,g.w=function(h,n){return w(h,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var z=function(){function h(a){this.$L=U(a.locale,null,!0),this.parse(a),this.$x=this.$x||a.x||{},this[ee]=!0}var n=h.prototype;return n.parse=function(a){this.$d=function(d){var s=d.date,l=d.utc;if(s===null)return new Date(NaN);if(g.u(s))return new Date;if(s instanceof Date)return new Date(s);if(typeof s=="string"&&!/Z$/i.test(s)){var m=s.match(f);if(m){var v=m[2]-1||0,b=(m[7]||"0").substring(0,3);return l?new Date(Date.UTC(m[1],v,m[3]||1,m[4]||0,m[5]||0,m[6]||0,b)):new Date(m[1],v,m[3]||1,m[4]||0,m[5]||0,m[6]||0,b)}}return new Date(s)}(a),this.init()},n.init=function(){var a=this.$d;this.$y=a.getFullYear(),this.$M=a.getMonth(),this.$D=a.getDate(),this.$W=a.getDay(),this.$H=a.getHours(),this.$m=a.getMinutes(),this.$s=a.getSeconds(),this.$ms=a.getMilliseconds()},n.$utils=function(){return g},n.isValid=function(){return this.$d.toString()!==M},n.isSame=function(a,d){var s=w(a);return this.startOf(d)<=s&&s<=this.endOf(d)},n.isAfter=function(a,d){return w(a)<this.startOf(d)},n.isBefore=function(a,d){return this.endOf(d)<w(a)},n.$g=function(a,d,s){return g.u(a)?this[d]:this.set(s,a)},n.unix=function(){return Math.floor(this.valueOf()/1e3)},n.valueOf=function(){return this.$d.getTime()},n.startOf=function(a,d){var s=this,l=!!g.u(d)||d,m=g.p(a),v=function(V,F){var q=g.w(s.$u?Date.UTC(s.$y,F,V):new Date(s.$y,F,V),s);return l?q:q.endOf(p)},b=function(V,F){return g.w(s.toDate()[V].apply(s.toDate("s"),(l?[0,0,0,0]:[23,59,59,999]).slice(F)),s)},T=this.$W,k=this.$M,R=this.$D,_="set"+(this.$u?"UTC":"");switch(m){case x:return l?v(1,0):v(31,11);case S:return l?v(1,k):v(0,k+1);case Y:var L=this.$locale().weekStart||0,I=(T<L?T+7:T)-L;return v(l?R-I:R+(6-I),k);case p:case P:return b(_+"Hours",0);case u:return b(_+"Minutes",1);case c:return b(_+"Seconds",2);case y:return b(_+"Milliseconds",3);default:return this.clone()}},n.endOf=function(a){return this.startOf(a,!1)},n.$set=function(a,d){var s,l=g.p(a),m="set"+(this.$u?"UTC":""),v=(s={},s[p]=m+"Date",s[P]=m+"Date",s[S]=m+"Month",s[x]=m+"FullYear",s[u]=m+"Hours",s[c]=m+"Minutes",s[y]=m+"Seconds",s[o]=m+"Milliseconds",s)[l],b=l===p?this.$D+(d-this.$W):d;if(l===S||l===x){var T=this.clone().set(P,1);T.$d[v](b),T.init(),this.$d=T.set(P,Math.min(this.$D,T.daysInMonth())).$d}else v&&this.$d[v](b);return this.init(),this},n.set=function(a,d){return this.clone().$set(a,d)},n.get=function(a){return this[g.p(a)]()},n.add=function(a,d){var s,l=this;a=Number(a);var m=g.p(d),v=function(k){var R=w(l);return g.w(R.date(R.date()+Math.round(k*a)),l)};if(m===S)return this.set(S,this.$M+a);if(m===x)return this.set(x,this.$y+a);if(m===p)return v(1);if(m===Y)return v(7);var b=(s={},s[c]=r,s[u]=t,s[y]=e,s)[m]||1,T=this.$d.getTime()+a*b;return g.w(T,this)},n.subtract=function(a,d){return this.add(-1*a,d)},n.format=function(a){var d=this,s=this.$locale();if(!this.isValid())return s.invalidDate||M;var l=a||"YYYY-MM-DDTHH:mm:ssZ",m=g.z(this),v=this.$H,b=this.$m,T=this.$M,k=s.weekdays,R=s.months,_=s.meridiem,L=function(F,q,E,B){return F&&(F[q]||F(d,l))||E[q].slice(0,B)},I=function(F){return g.s(v%12||12,F,"0")},V=_||function(F,q,E){var B=F<12?"AM":"PM";return E?B.toLowerCase():B};return l.replace(Q,function(F,q){return q||function(E){switch(E){case"YY":return String(d.$y).slice(-2);case"YYYY":return g.s(d.$y,4,"0");case"M":return T+1;case"MM":return g.s(T+1,2,"0");case"MMM":return L(s.monthsShort,T,R,3);case"MMMM":return L(R,T);case"D":return d.$D;case"DD":return g.s(d.$D,2,"0");case"d":return String(d.$W);case"dd":return L(s.weekdaysMin,d.$W,k,2);case"ddd":return L(s.weekdaysShort,d.$W,k,3);case"dddd":return k[d.$W];case"H":return String(v);case"HH":return g.s(v,2,"0");case"h":return I(1);case"hh":return I(2);case"a":return V(v,b,!0);case"A":return V(v,b,!1);case"m":return String(b);case"mm":return g.s(b,2,"0");case"s":return String(d.$s);case"ss":return g.s(d.$s,2,"0");case"SSS":return g.s(d.$ms,3,"0");case"Z":return m}return null}(F)||m.replace(":","")})},n.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},n.diff=function(a,d,s){var l,m=this,v=g.p(d),b=w(a),T=(b.utcOffset()-this.utcOffset())*r,k=this-b,R=function(){return g.m(m,b)};switch(v){case x:l=R()/12;break;case S:l=R();break;case W:l=R()/3;break;case Y:l=(k-T)/6048e5;break;case p:l=(k-T)/864e5;break;case u:l=k/t;break;case c:l=k/r;break;case y:l=k/e;break;default:l=k}return s?l:g.a(l)},n.daysInMonth=function(){return this.endOf(S).$D},n.$locale=function(){return C[this.$L]},n.locale=function(a,d){if(!a)return this.$L;var s=this.clone(),l=U(a,d,!0);return l&&(s.$L=l),s},n.clone=function(){return g.w(this.$d,this)},n.toDate=function(){return new Date(this.valueOf())},n.toJSON=function(){return this.isValid()?this.toISOString():null},n.toISOString=function(){return this.$d.toISOString()},n.toString=function(){return this.$d.toUTCString()},h}(),te=z.prototype;return w.prototype=te,[["$ms",o],["$s",y],["$m",c],["$H",u],["$W",p],["$M",S],["$y",x],["$D",P]].forEach(function(h){te[h[1]]=function(n){return this.$g(n,h[0],h[1])}}),w.extend=function(h,n){return h.$i||(h(n,z,w),h.$i=!0),w},w.locale=U,w.isDayjs=G,w.unix=function(h){return w(1e3*h)},w.en=C[H],w.Ls=C,w.p={},w}()),re.exports);const i=de.getDefaultExportFromCjs(he);var se,ne={exports:{}},Z,X,le=se?ne.exports:(se=1,ne.exports=(Z="month",X="quarter",function(e,r){var t=r.prototype;t.quarter=function(c){return this.$utils().u(c)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(c-1))};var o=t.add;t.add=function(c,u){return c=Number(c),this.$utils().p(u)===X?this.add(3*c,Z):o.bind(this)(c,u)};var y=t.startOf;t.startOf=function(c,u){var p=this.$utils(),Y=!!p.u(u)||u;if(p.p(c)===X){var S=this.quarter()-1;return Y?this.month(3*S).startOf(Z).startOf("day"):this.month(3*S+2).endOf(Z).endOf("day")}return y.bind(this)(c,u)}}));const me=de.getDefaultExportFromCjs(le);function ie(e,r){if(!e)return null;const t=i(e);return t.isValid()?t.format(r):null}function oe(e,r,t){const o=ie(e,t),y=ie(r,t);return{dateFrom:o,dateTo:y,isValid:o!==null&&y!==null}}var fe=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,$=(e,r,t,o)=>{for(var y,c=o>1?void 0:o?pe(r,t):r,u=e.length-1;u>=0;u--)(y=e[u])&&(c=(o?y(r,t,c):y(c))||c);return o&&c&&fe(r,t,c),c};i.extend(me),exports.SchmancyDateRange=class extends ce.$LitElement(){constructor(){super(...arguments),this.type="date",this.dateFrom={label:"From",value:""},this.dateTo={label:"To",value:""},this.customPresets=[],this.disabled=!1,this.required=!1,this.placeholder="Select date range",this.clearable=!0,this.allowDirectInput=!0,this.isOpen=!1,this.selectedDateRange="",this.activePreset=null,this.announceMessage="",this.isMobile=!1,this.isTyping=!1,this.typedValue="",this.presetRanges=[],this.presetCategories=[],this.memoizedPresets=new Map}connectedCallback(){super.connectedCallback(),this.initPresetRanges(),this.checkMobileView();const e=this.getDateFormat(),r=oe(this.dateFrom.value,this.dateTo.value,e);if(r.isValid)this.dateFrom.value=r.dateFrom,this.dateTo.value=r.dateTo,this.updateSelectedDateRange();else{const t=i().format(e);this.dateFrom.value=t,this.dateTo.value=t,this.updateSelectedDateRange()}this.setupEventHandlers()}setupEventHandlers(){A.fromEvent(document,"keydown").pipe(A.takeUntil(this.disconnecting)).subscribe(e=>{this.handleKeyboardNavigation(e)}),A.fromEvent(window,"resize").pipe(A.debounceTime(150),A.takeUntil(this.disconnecting)).subscribe(()=>{this.checkMobileView()})}disconnectedCallback(){super.disconnectedCallback()}updated(e){super.updated(e),!e.has("dateFrom")&&!e.has("dateTo")||this.dateFrom?.value===void 0&&this.dateTo?.value===void 0||this.updateSelectedDateRange()}initPresetRanges(){const e=this.getDateFormat(),r=`${this.type}-${e}-${JSON.stringify(this.customPresets)}`;if(this.memoizedPresets.has(r)){const t=this.memoizedPresets.get(r);return this.presetCategories=t,this.presetRanges=[],void t.forEach(o=>{this.presetRanges.push(...o.presets)})}if(this.presetCategories=[{name:"Days",presets:[{label:"Today",range:{dateFrom:i().startOf("day").format(e),dateTo:i().endOf("day").format(e)},step:"day"},{label:"Yesterday",range:{dateFrom:i().subtract(1,"days").startOf("day").format(e),dateTo:i().subtract(1,"days").endOf("day").format(e)},step:"day"},{label:"Last 7 Days",range:{dateFrom:i().subtract(6,"days").startOf("day").format(e),dateTo:i().endOf("day").format(e)},step:"day"},{label:"Last 14 Days",range:{dateFrom:i().subtract(13,"days").startOf("day").format(e),dateTo:i().endOf("day").format(e)},step:"day"},{label:"Last 30 Days",range:{dateFrom:i().subtract(29,"days").startOf("day").format(e),dateTo:i().endOf("day").format(e)},step:"day"},{label:"Last 60 Days",range:{dateFrom:i().subtract(59,"days").startOf("day").format(e),dateTo:i().endOf("day").format(e)},step:"day"},{label:"Last 90 Days",range:{dateFrom:i().subtract(89,"days").startOf("day").format(e),dateTo:i().endOf("day").format(e)},step:"day"}]},{name:"Weeks",presets:[{label:"This Week",range:{dateFrom:i().startOf("week").format(e),dateTo:i().endOf("week").format(e)},step:"week"},{label:"Last Week",range:{dateFrom:i().subtract(1,"weeks").startOf("week").format(e),dateTo:i().subtract(1,"weeks").endOf("week").format(e)},step:"week"},{label:"Last 2 Weeks",range:{dateFrom:i().subtract(2,"weeks").startOf("week").format(e),dateTo:i().endOf("day").format(e)},step:"week"},{label:"Last 4 Weeks",range:{dateFrom:i().subtract(4,"weeks").startOf("week").format(e),dateTo:i().endOf("day").format(e)},step:"week"}]},{name:"Months",presets:[{label:"This Month",range:{dateFrom:i().startOf("month").format(e),dateTo:i().endOf("month").format(e)},step:"month"},{label:"Last Month",range:{dateFrom:i().subtract(1,"month").startOf("month").format(e),dateTo:i().subtract(1,"month").endOf("month").format(e)},step:"month"},{label:"Last 3 Months",range:{dateFrom:i().subtract(3,"months").startOf("month").format(e),dateTo:i().endOf("day").format(e)},step:"month"},{label:"Last 6 Months",range:{dateFrom:i().subtract(6,"months").startOf("month").format(e),dateTo:i().endOf("day").format(e)},step:"month"}]},{name:"Quarters",presets:[{label:"This Quarter",range:{dateFrom:i().startOf("quarter").format(e),dateTo:i().endOf("quarter").format(e)},step:"quarter"},{label:"Last Quarter",range:{dateFrom:i().subtract(1,"quarter").startOf("quarter").format(e),dateTo:i().subtract(1,"quarter").endOf("quarter").format(e)},step:"quarter"},{label:"Last 2 Quarters",range:{dateFrom:i().subtract(2,"quarters").startOf("quarter").format(e),dateTo:i().endOf("day").format(e)},step:"quarter"},{label:"Last 4 Quarters",range:{dateFrom:i().subtract(4,"quarters").startOf("quarter").format(e),dateTo:i().endOf("day").format(e)},step:"quarter"}]},{name:"Years",presets:[{label:"This Year",range:{dateFrom:i().startOf("year").format(e),dateTo:i().endOf("year").format(e)},step:"year"},{label:"Last Year",range:{dateFrom:i().subtract(1,"year").startOf("year").format(e),dateTo:i().subtract(1,"year").endOf("year").format(e)},step:"year"},{label:"Year to Date",range:{dateFrom:i().startOf("year").format(e),dateTo:i().endOf("day").format(e)},step:"day"}]}],this.type==="datetime-local"&&this.presetCategories.unshift({name:"Hours",presets:[{label:"Last 24 Hours",range:{dateFrom:i().subtract(24,"hours").format(e),dateTo:i().format(e)},step:"hour"},{label:"Last 12 Hours",range:{dateFrom:i().subtract(12,"hours").format(e),dateTo:i().format(e)},step:"hour"}]}),this.presetRanges=[],this.presetCategories.forEach(t=>{this.presetRanges.push(...t.presets)}),this.customPresets&&this.customPresets.length>0){const t={name:"Custom",presets:this.customPresets.map(o=>({label:o.label,range:{dateFrom:o.dateFrom,dateTo:o.dateTo},step:"day"}))};this.presetCategories.push(t),this.presetRanges.push(...t.presets)}this.memoizedPresets.set(r,[...this.presetCategories])}getDateFormat(){return this.format||(this.type==="date"?"YYYY-MM-DD":"YYYY-MM-DDTHH:mm")}updateSelectedDateRange(){const e=this.presetRanges.find(c=>c.range.dateFrom===this.dateFrom.value&&c.range.dateTo===this.dateTo.value);if(e)return this.selectedDateRange=e.label,void(this.activePreset=e.label);if(this.checkAndUpdateActivePreset(this.dateFrom.value,this.dateTo.value),this.activePreset=null,!this.dateFrom.value||!this.dateTo.value)return void(this.selectedDateRange=this.placeholder);const r=i(this.dateFrom.value),t=i(this.dateTo.value);if(!r.isValid()||!t.isValid())return void(this.selectedDateRange=this.placeholder);const o=this.type==="datetime-local"?r.format(" h:mm A"):"",y=this.type==="datetime-local"?t.format(" h:mm A"):"";r.isSame(t,"day")?this.selectedDateRange=`${r.format("MMM D, YYYY")}${o}`:r.isSame(t,"month")&&r.isSame(t,"year")?this.selectedDateRange=`${r.format("MMM D")}-${t.format("D, YYYY")}${y}`:r.isSame(t,"year")?this.selectedDateRange=`${r.format("MMM D")} - ${t.format("MMM D, YYYY")}${y}`:this.selectedDateRange=`${r.format("MMM D, YYYY")}${o} - ${t.format("MMM D, YYYY")}${y}`}setDateRange(e,r){this.dateFrom.value=e,this.dateTo.value=r,this.updateSelectedDateRange(),this.announceToScreenReader(`Date range updated: ${this.selectedDateRange}`),this.dispatchEvent(new CustomEvent("change",{detail:{dateFrom:e,dateTo:r},bubbles:!0,composed:!0}))}handlePresetSelection(e,r){r.stopPropagation(),this.activePreset=e.label,this.setDateRange(e.range.dateFrom,e.range.dateTo),K.$dialog.dismiss()}toggleDropdown(e){e.stopPropagation(),this.disabled||(this.isOpen?this.closeDropdown():this.openDropdown())}openDropdown(){if(this.disabled)return;this.isOpen=!0;const e=this.createDialogContent();K.$dialog.component(e,{title:"Select Date Range",width:this.isMobile?"100vw":"fit-content",hideActions:!0}).then(()=>{this.isOpen=!1})}closeDropdown(){K.$dialog.dismiss(),this.isOpen=!1}adjustQuarter(e,r,t){let o=e.quarter()+t*r,y=0;for(;o>4;)o-=4,y+=1;for(;o<1;)o+=4,y-=1;const c=e.add(y,"year").month(3*(o-1)),u=c.daysInMonth(),p=Math.min(e.date(),u);return c.date(p)}shiftDateRange(e,r){if(r.stopPropagation(),!this.dateFrom.value||!this.dateTo.value)return;const t=i(this.dateFrom.value),o=i(this.dateTo.value);if(!t.isValid()||!o.isValid())return;const y=this.getDateFormat(),c=e>0?1:-1;let u,p;const Y=this.presetRanges.find(O=>O.label===this.activePreset),S=t.date()===1&&o.isSame(t.endOf("month"),"day"),W=t.isSame(t.startOf("quarter"),"day")&&o.isSame(o.endOf("quarter"),"day"),x=t.isSame(t.startOf("year"),"day")&&o.isSame(o.endOf("year"),"day"),P=t.day()===0&&o.day()===6&&o.diff(t,"days")===6;let M="day",f=1;if(Y)M=Y.step,f=1;else{const O=o.diff(t,"day");O>=360?(M="year",f=Math.round(O/365)):O>=90?(M="quarter",f=Math.round(O/90)):O>=30?(M="month",f=Math.round(O/30)):O>=7?(M="week",f=Math.round(O/7)):(M="day",f=O+1)}if(M==="quarter")W?c>0?(u=this.adjustQuarter(t,f,1).startOf("quarter"),p=u.endOf("quarter")):(u=this.adjustQuarter(t,f,-1).startOf("quarter"),p=u.endOf("quarter")):c>0?(u=this.adjustQuarter(t,f,1),p=this.adjustQuarter(o,f,1)):(u=this.adjustQuarter(t,f,-1),p=this.adjustQuarter(o,f,-1));else if(M==="hour"){const O=o.diff(t,"hour");c>0?(u=t.add(O,"hour"),p=o.add(O,"hour")):(u=t.subtract(O,"hour"),p=o.subtract(O,"hour"))}else M==="year"&&x?c>0?(u=t.add(f,"year").startOf("year"),p=u.endOf("year")):(u=t.subtract(f,"year").startOf("year"),p=u.endOf("year")):M==="year"?c>0?(u=t.add(f,"year"),p=o.add(f,"year")):(u=t.subtract(f,"year"),p=o.subtract(f,"year")):M==="month"&&S?c>0?(u=t.add(f,"month").startOf("month"),p=u.endOf("month")):(u=t.subtract(f,"month").startOf("month"),p=u.endOf("month")):M==="month"?c>0?(u=t.add(f,"month"),p=o.add(f,"month")):(u=t.subtract(f,"month"),p=o.subtract(f,"month")):M==="week"&&P?c>0?(u=t.add(f,"week").startOf("week"),p=u.endOf("week")):(u=t.subtract(f,"week").startOf("week"),p=u.endOf("week")):M==="week"?c>0?(u=t.add(f,"week"),p=o.add(f,"week")):(u=t.subtract(f,"week"),p=o.subtract(f,"week")):c>0?(u=t.add(f,"day"),p=o.add(f,"day")):(u=t.subtract(f,"day"),p=o.subtract(f,"day"));const Q=u.format(y),N=p.format(y);this.setDateRange(Q,N),this.checkAndUpdateActivePreset(Q,N)}handleKeyboardNavigation(e){const r=e.key;if(this.dateFrom.value&&this.dateTo.value&&!this.disabled)switch(r){case"PageUp":(e.target===this||this.contains(e.target))&&(this.shiftDateRange(-1,e),e.preventDefault());break;case"PageDown":(e.target===this||this.contains(e.target))&&(this.shiftDateRange(1,e),e.preventDefault());break;case"Home":if(e.ctrlKey&&(e.target===this||this.contains(e.target))){const t=i(this.dateFrom.value),o=i(this.dateTo.value),y=t.startOf("month"),c=o.diff(t,"day");this.setDateRange(y.format(this.getDateFormat()),y.add(c,"day").format(this.getDateFormat())),e.preventDefault()}break;case"End":if(e.ctrlKey&&(e.target===this||this.contains(e.target))){const t=i(this.dateFrom.value),o=i(this.dateTo.value),y=o.diff(t,"day"),c=o.endOf("month");this.setDateRange(c.subtract(y,"day").format(this.getDateFormat()),c.format(this.getDateFormat())),e.preventDefault()}}}checkAndUpdateActivePreset(e,r){const t=this.presetRanges.find(o=>o.range.dateFrom===e&&o.range.dateTo===r);this.activePreset=t?t.label:null}applyManualDateSelection(e){e.stopPropagation();const r=i(this.dateFrom.value),t=i(this.dateTo.value);r.isValid()&&t.isValid()?(r.isAfter(t)?this.setDateRange(t.format(this.getDateFormat()),r.format(this.getDateFormat())):this.setDateRange(this.dateFrom.value,this.dateTo.value),K.$dialog.dismiss()):this.announceToScreenReader("Invalid date format. Please check your input.")}checkMobileView(){this.isMobile=window.innerWidth<768}handleDirectInput(e){const r=e.target;this.typedValue=r.value,this.isTyping=!0}parseTypedDateRange(e){const r=[" to "," - "," – "," — ","-","–","—"];let t=[];for(const c of r)if(e.includes(c)){t=e.split(c).map(u=>u.trim());break}if(t.length!==2)return null;const o=i(t[0]),y=i(t[1]);return o.isValid()&&y.isValid()?{dateFrom:o.format(this.getDateFormat()),dateTo:y.format(this.getDateFormat())}:null}handleInputBlur(){if(!this.isTyping||!this.typedValue)return;const e=this.parseTypedDateRange(this.typedValue);e?(this.setDateRange(e.dateFrom,e.dateTo),this.isTyping=!1,this.typedValue=""):(this.announceToScreenReader("Invalid date format. Please use format like: Jan 1, 2024 - Jan 31, 2024"),this.inputRef&&(this.inputRef.value=this.selectedDateRange),this.isTyping=!1,this.typedValue="")}createDialogContent(){return j.html`
+			<div class="w-full min-h-[400px] max-h-[80vh] flex flex-col p-4">
+				<!-- Custom Range Section with Inline Calendars -->
+				<schmancy-surface type="container" class="rounded-xl p-4 mb-6">
+					<div class="flex flex-col gap-4">
+						<div class="flex items-center justify-between">
+							<schmancy-typography type="label" token="lg" class="text-surface-onVariant">
+								Custom Range
+							</schmancy-typography>
+							<schmancy-button variant="filled" @click="${e=>this.applyManualDateSelection(e)}">
+								Apply
+							</schmancy-button>
+						</div>
+						
+						<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+							<!-- From Date Calendar -->
+							<div class="flex flex-col gap-2">
+								<schmancy-typography type="label" token="md" class="text-surface-onVariant">
+									${this.dateFrom.label||"From"}
+								</schmancy-typography>
+								<input
+									type="${this.type}"
+									value="${this.dateFrom.value}"
+									min="${J.ifDefined(this.minDate)}"
+									max="${J.ifDefined(this.maxDate)}"
+									class="w-full p-3 rounded-lg border border-outline bg-surface-container text-surface-on focus:outline-none focus:ring-2 focus:ring-primary"
+									@change="${e=>{const r=e.target;this.dateFrom.value=r.value,this.updateSelectedDateRange()}}"
+									style="color-scheme: ${this.getAttribute("scheme")==="dark"?"dark":"light"}"
+								/>
+							</div>
+							
+							<!-- To Date Calendar -->
+							<div class="flex flex-col gap-2">
+								<schmancy-typography type="label" token="md" class="text-surface-onVariant">
+									${this.dateTo.label||"To"}
+								</schmancy-typography>
+								<input
+									type="${this.type}"
+									value="${this.dateTo.value}"
+									min="${J.ifDefined(this.dateFrom.value)}"
+									max="${J.ifDefined(this.maxDate)}"
+									class="w-full p-3 rounded-lg border border-outline bg-surface-container text-surface-on focus:outline-none focus:ring-2 focus:ring-primary"
+									@change="${e=>{const r=e.target;this.dateTo.value=r.value,this.updateSelectedDateRange()}}"
+									style="color-scheme: ${this.getAttribute("scheme")==="dark"?"dark":"light"}"
+								/>
+							</div>
+						</div>
+					</div>
+				</schmancy-surface>
+
+				<!-- Presets Section -->
+				<div class="flex-1 overflow-y-auto overflow-x-hidden min-h-0">
+					<div class="grid grid-cols-2 md:grid-cols-5 gap-6">
+						${this.presetCategories.map(e=>j.html`
+								<div class="space-y-3">
+									<schmancy-typography type="title" token="md" class="text-surface-onVariant font-medium">
+										${e.name}
+									</schmancy-typography>
+									<div class="space-y-1">
+										${e.presets.map(r=>j.html`
+												<schmancy-button
+													variant="${this.activePreset===r.label?"filled":"text"}"
+													class="w-full justify-start text-left"
+													@click="${t=>this.handlePresetSelection(r,t)}"
+													aria-pressed="${this.activePreset===r.label}"
+													aria-label="${r.label}: ${r.range.dateFrom} to ${r.range.dateTo}"
+													title="${r.range.dateFrom} to ${r.range.dateTo}"
+												>
+													<span class="truncate">${r.label}</span>
+												</schmancy-button>
+											`)}
+									</div>
+								</div>
+							`)}
+					</div>
+				</div>
+			</div>
+		`}announceToScreenReader(e){this.announceMessage=e,A.timer(100).pipe(A.takeUntil(this.disconnecting)).subscribe(()=>{this.announceMessage=""})}render(){return j.html`
+			<div class="relative ${this.disabled?"opacity-60 pointer-events-none":""}">
+				<!-- Screen reader announcements -->
+				<div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
+					${this.announceMessage}
+				</div>
+
+				<!-- Trigger using the preferred schmancy-grid pattern -->
+				<div class="trigger-container">
+					<schmancy-grid @click=${e=>e.stopPropagation()} align="center" cols="auto 1fr auto">
+						<schmancy-icon-button
+							type="button"
+							aria-label="Previous ${this.activePreset?this.activePreset.toLowerCase():"date range"}"
+							@click=${e=>this.shiftDateRange(-1,e)}
+							?disabled=${this.disabled||!this.dateFrom.value||!this.dateTo.value}
+						>
+							arrow_left
+						</schmancy-icon-button>
+
+						${this.allowDirectInput?j.html`
+									<schmancy-input
+										class="date-range-input w-full"
+										type="text"
+										.value=${this.isTyping?this.typedValue:this.selectedDateRange}
+										placeholder=${this.placeholder}
+										?disabled=${this.disabled}
+										?required=${this.required}
+										aria-haspopup="menu"
+										aria-expanded=${this.isOpen}
+										aria-label="Select or type date range. Current: ${this.selectedDateRange||"No date selected"}"
+										@focus=${()=>this.openDropdown()}
+										@input=${this.handleDirectInput}
+										@blur=${()=>this.handleInputBlur()}
+										@keydown=${e=>{e.key==="Enter"&&(e.preventDefault(),this.handleInputBlur())}}
+									></schmancy-input>
+							  `:j.html`
+									<schmancy-button
+										class="w-max"
+										variant="outlined"
+										type="button"
+										aria-haspopup="menu"
+										aria-expanded=${this.isOpen}
+										aria-label="Select date range. Current: ${this.selectedDateRange||"No date selected"}"
+										@click=${e=>this.toggleDropdown(e)}
+									>
+										${this.selectedDateRange||this.placeholder}
+									</schmancy-button>
+							  `}
+
+						<schmancy-icon-button
+							type="button"
+							aria-label="Next ${this.activePreset?this.activePreset.toLowerCase():"date range"}"
+							@click=${e=>this.shiftDateRange(1,e)}
+							?disabled=${this.disabled||!this.dateFrom.value||!this.dateTo.value}
+						>
+							arrow_right
+						</schmancy-icon-button>
+					</schmancy-grid>
+				</div>
+			</div>
+		`}},$([D.property({type:String})],exports.SchmancyDateRange.prototype,"type",2),$([D.property({type:Object})],exports.SchmancyDateRange.prototype,"dateFrom",2),$([D.property({type:Object})],exports.SchmancyDateRange.prototype,"dateTo",2),$([D.property({type:String})],exports.SchmancyDateRange.prototype,"minDate",2),$([D.property({type:String})],exports.SchmancyDateRange.prototype,"maxDate",2),$([D.property({type:Array})],exports.SchmancyDateRange.prototype,"customPresets",2),$([D.property({type:String})],exports.SchmancyDateRange.prototype,"format",2),$([D.property({type:Boolean})],exports.SchmancyDateRange.prototype,"disabled",2),$([D.property({type:Boolean})],exports.SchmancyDateRange.prototype,"required",2),$([D.property({type:String})],exports.SchmancyDateRange.prototype,"placeholder",2),$([D.property({type:Boolean})],exports.SchmancyDateRange.prototype,"clearable",2),$([D.property({type:Boolean})],exports.SchmancyDateRange.prototype,"allowDirectInput",2),$([D.state()],exports.SchmancyDateRange.prototype,"isOpen",2),$([D.state()],exports.SchmancyDateRange.prototype,"selectedDateRange",2),$([D.state()],exports.SchmancyDateRange.prototype,"activePreset",2),$([D.state()],exports.SchmancyDateRange.prototype,"announceMessage",2),$([D.state()],exports.SchmancyDateRange.prototype,"isMobile",2),$([D.state()],exports.SchmancyDateRange.prototype,"isTyping",2),$([D.state()],exports.SchmancyDateRange.prototype,"typedValue",2),$([D.query(".date-range-input")],exports.SchmancyDateRange.prototype,"inputRef",2),exports.SchmancyDateRange=$([D.customElement("schmancy-date-range")],exports.SchmancyDateRange),exports.validateInitialDateRange=oe;
+//# sourceMappingURL=date-range-B2f1eXz0.cjs.map