@logosphere-ui/core 0.0.0-alpha.3 → 0.0.0-alpha.32

package/dist/calendar-B7bSuIt4.js

@@ -0,0 +1,652 @@
+import { unsafeCSS as Ye, css as ke, LitElement as De, html as C } from "lit";
+import { property as D, state as q, customElement as Se } from "lit/decorators.js";
+import "./ui-icon-Ctn4nGFa.js";
+import y from "dayjs";
+const xe = ':host{display:block;font-family:var(--font-family-base)}.dp__calendar{display:block}.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-light)}.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-light)}.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-light)}.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-light)}.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-light);color:var(--color-body-text)}';
+function G(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var I = { exports: {} }, $e = I.exports, ue;
+function Le() {
+  return ue || (ue = 1, (function(e, t) {
+    (function(r, a) {
+      e.exports = a();
+    })($e, (function() {
+      var r = { 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(a, s, p) {
+        var i = s.prototype, l = i.format;
+        p.en.formats = r, i.format = function(c) {
+          c === void 0 && (c = "YYYY-MM-DDTHH:mm:ssZ");
+          var v = this.$locale().formats, h = (function(o, d) {
+            return o.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(S, F, x) {
+              var n = x && x.toUpperCase();
+              return F || d[x] || r[x] || d[n].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(u, f, _) {
+                return f || _.slice(1);
+              }));
+            }));
+          })(c, v === void 0 ? {} : v);
+          return l.call(this, h);
+        };
+      };
+    }));
+  })(I)), I.exports;
+}
+var Ee = Le();
+const Ce = /* @__PURE__ */ G(Ee);
+var V = { exports: {} }, ze = V.exports, he;
+function Ae() {
+  return he || (he = 1, (function(e, t) {
+    (function(r, a) {
+      e.exports = a();
+    })(ze, (function() {
+      var r = { 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" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, p = /\d\d/, i = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, c = {}, v = function(n) {
+        return (n = +n) + (n > 68 ? 1900 : 2e3);
+      }, h = function(n) {
+        return function(u) {
+          this[n] = +u;
+        };
+      }, o = [/[+-]\d\d:?(\d\d)?|Z/, function(n) {
+        (this.zone || (this.zone = {})).offset = (function(u) {
+          if (!u || u === "Z") return 0;
+          var f = u.match(/([+-]|\d\d)/g), _ = 60 * f[1] + (+f[2] || 0);
+          return _ === 0 ? 0 : f[0] === "+" ? -_ : _;
+        })(n);
+      }], d = function(n) {
+        var u = c[n];
+        return u && (u.indexOf ? u : u.s.concat(u.f));
+      }, S = function(n, u) {
+        var f, _ = c.meridiem;
+        if (_) {
+          for (var Y = 1; Y <= 24; Y += 1) if (n.indexOf(_(Y, 0, u)) > -1) {
+            f = Y > 12;
+            break;
+          }
+        } else f = n === (u ? "pm" : "PM");
+        return f;
+      }, F = { A: [l, function(n) {
+        this.afternoon = S(n, !1);
+      }], a: [l, function(n) {
+        this.afternoon = S(n, !0);
+      }], Q: [s, function(n) {
+        this.month = 3 * (n - 1) + 1;
+      }], S: [s, function(n) {
+        this.milliseconds = 100 * +n;
+      }], SS: [p, function(n) {
+        this.milliseconds = 10 * +n;
+      }], SSS: [/\d{3}/, function(n) {
+        this.milliseconds = +n;
+      }], s: [i, h("seconds")], ss: [i, h("seconds")], m: [i, h("minutes")], mm: [i, h("minutes")], H: [i, h("hours")], h: [i, h("hours")], HH: [i, h("hours")], hh: [i, h("hours")], D: [i, h("day")], DD: [p, h("day")], Do: [l, function(n) {
+        var u = c.ordinal, f = n.match(/\d+/);
+        if (this.day = f[0], u) for (var _ = 1; _ <= 31; _ += 1) u(_).replace(/\[|\]/g, "") === n && (this.day = _);
+      }], w: [i, h("week")], ww: [p, h("week")], M: [i, h("month")], MM: [p, h("month")], MMM: [l, function(n) {
+        var u = d("months"), f = (d("monthsShort") || u.map((function(_) {
+          return _.slice(0, 3);
+        }))).indexOf(n) + 1;
+        if (f < 1) throw new Error();
+        this.month = f % 12 || f;
+      }], MMMM: [l, function(n) {
+        var u = d("months").indexOf(n) + 1;
+        if (u < 1) throw new Error();
+        this.month = u % 12 || u;
+      }], Y: [/[+-]?\d+/, h("year")], YY: [p, function(n) {
+        this.year = v(n);
+      }], YYYY: [/\d{4}/, h("year")], Z: o, ZZ: o };
+      function x(n) {
+        var u, f;
+        u = n, f = c && c.formats;
+        for (var _ = (n = u.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(H, z, $) {
+          var k = $ && $.toUpperCase();
+          return z || f[$] || r[$] || f[k].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(A, O, T) {
+            return O || T.slice(1);
+          }));
+        }))).match(a), Y = _.length, b = 0; b < Y; b += 1) {
+          var P = _[b], B = F[P], L = B && B[0], E = B && B[1];
+          _[b] = E ? { regex: L, parser: E } : P.replace(/^\[|\]$/g, "");
+        }
+        return function(H) {
+          for (var z = {}, $ = 0, k = 0; $ < Y; $ += 1) {
+            var A = _[$];
+            if (typeof A == "string") k += A.length;
+            else {
+              var O = A.regex, T = A.parser, U = H.slice(k), R = O.exec(U)[0];
+              T.call(z, R), H = H.replace(R, "");
+            }
+          }
+          return (function(j) {
+            var Z = j.afternoon;
+            if (Z !== void 0) {
+              var M = j.hours;
+              Z ? M < 12 && (j.hours += 12) : M === 12 && (j.hours = 0), delete j.afternoon;
+            }
+          })(z), z;
+        };
+      }
+      return function(n, u, f) {
+        f.p.customParseFormat = !0, n && n.parseTwoDigitYear && (v = n.parseTwoDigitYear);
+        var _ = u.prototype, Y = _.parse;
+        _.parse = function(b) {
+          var P = b.date, B = b.utc, L = b.args;
+          this.$u = B;
+          var E = L[1];
+          if (typeof E == "string") {
+            var H = L[2] === !0, z = L[3] === !0, $ = H || z, k = L[2];
+            z && (k = L[2]), c = this.$locale(), !H && k && (c = f.Ls[k]), this.$d = (function(U, R, j, Z) {
+              try {
+                if (["x", "X"].indexOf(R) > -1) return new Date((R === "X" ? 1e3 : 1) * U);
+                var M = x(R)(U), te = M.year, K = M.month, ge = M.day, ve = M.hours, be = M.minutes, Me = M.seconds, we = M.milliseconds, le = M.zone, ce = M.week, re = /* @__PURE__ */ new Date(), ne = ge || (te || K ? 1 : re.getDate()), ae = te || re.getFullYear(), N = 0;
+                te && !K || (N = K > 0 ? K - 1 : re.getMonth());
+                var W, oe = ve || 0, ie = be || 0, se = Me || 0, de = we || 0;
+                return le ? new Date(Date.UTC(ae, N, ne, oe, ie, se, de + 60 * le.offset * 1e3)) : j ? new Date(Date.UTC(ae, N, ne, oe, ie, se, de)) : (W = new Date(ae, N, ne, oe, ie, se, de), ce && (W = Z(W).week(ce).toDate()), W);
+              } catch {
+                return /* @__PURE__ */ new Date("");
+              }
+            })(P, E, B, f), this.init(), k && k !== !0 && (this.$L = this.locale(k).$L), $ && P != this.format(E) && (this.$d = /* @__PURE__ */ new Date("")), c = {};
+          } else if (E instanceof Array) for (var A = E.length, O = 1; O <= A; O += 1) {
+            L[1] = E[O - 1];
+            var T = f.apply(this, L);
+            if (T.isValid()) {
+              this.$d = T.$d, this.$L = T.$L, this.init();
+              break;
+            }
+            O === A && (this.$d = /* @__PURE__ */ new Date(""));
+          }
+          else Y.call(this, b);
+        };
+      };
+    }));
+  })(V)), V.exports;
+}
+var Oe = Ae();
+const Pe = /* @__PURE__ */ G(Oe);
+var Q = { exports: {} }, Be = Q.exports, _e;
+function He() {
+  return _e || (_e = 1, (function(e, t) {
+    (function(r, a) {
+      e.exports = a();
+    })(Be, (function() {
+      return function(r, a, s) {
+        a.prototype.isBetween = function(p, i, l, c) {
+          var v = s(p), h = s(i), o = (c = c || "()")[0] === "(", d = c[1] === ")";
+          return (o ? this.isAfter(v, l) : !this.isBefore(v, l)) && (d ? this.isBefore(h, l) : !this.isAfter(h, l)) || (o ? this.isBefore(v, l) : !this.isAfter(v, l)) && (d ? this.isAfter(h, l) : !this.isBefore(h, l));
+        };
+      };
+    }));
+  })(Q)), Q.exports;
+}
+var Te = He();
+const je = /* @__PURE__ */ G(Te);
+var X = { exports: {} }, Fe = X.exports, fe;
+function Re() {
+  return fe || (fe = 1, (function(e, t) {
+    (function(r, a) {
+      e.exports = a();
+    })(Fe, (function() {
+      var r = "week", a = "year";
+      return function(s, p, i) {
+        var l = p.prototype;
+        l.week = function(c) {
+          if (c === void 0 && (c = null), c !== null) return this.add(7 * (c - this.week()), "day");
+          var v = this.$locale().yearStart || 1;
+          if (this.month() === 11 && this.date() > 25) {
+            var h = i(this).startOf(a).add(1, a).date(v), o = i(this).endOf(r);
+            if (h.isBefore(o)) return 1;
+          }
+          var d = i(this).startOf(a).date(v).startOf(r).subtract(1, "millisecond"), S = this.diff(d, r, !0);
+          return S < 0 ? i(this).startOf("week").week() : Math.ceil(S);
+        }, l.weeks = function(c) {
+          return c === void 0 && (c = null), this.week(c);
+        };
+      };
+    }));
+  })(X)), X.exports;
+}
+var qe = Re();
+const Ge = /* @__PURE__ */ G(qe);
+var J = { exports: {} }, Ue = J.exports, pe;
+function Ze() {
+  return pe || (pe = 1, (function(e, t) {
+    (function(r, a) {
+      e.exports = a();
+    })(Ue, (function() {
+      return function(r, a, s) {
+        var p = a.prototype, i = function(o) {
+          return o && (o.indexOf ? o : o.s);
+        }, l = function(o, d, S, F, x) {
+          var n = o.name ? o : o.$locale(), u = i(n[d]), f = i(n[S]), _ = u || f.map((function(b) {
+            return b.slice(0, F);
+          }));
+          if (!x) return _;
+          var Y = n.weekStart;
+          return _.map((function(b, P) {
+            return _[(P + (Y || 0)) % 7];
+          }));
+        }, c = function() {
+          return s.Ls[s.locale()];
+        }, v = function(o, d) {
+          return o.formats[d] || (function(S) {
+            return S.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(F, x, n) {
+              return x || n.slice(1);
+            }));
+          })(o.formats[d.toUpperCase()]);
+        }, h = function() {
+          var o = this;
+          return { months: function(d) {
+            return d ? d.format("MMMM") : l(o, "months");
+          }, monthsShort: function(d) {
+            return d ? d.format("MMM") : l(o, "monthsShort", "months", 3);
+          }, firstDayOfWeek: function() {
+            return o.$locale().weekStart || 0;
+          }, weekdays: function(d) {
+            return d ? d.format("dddd") : l(o, "weekdays");
+          }, weekdaysMin: function(d) {
+            return d ? d.format("dd") : l(o, "weekdaysMin", "weekdays", 2);
+          }, weekdaysShort: function(d) {
+            return d ? d.format("ddd") : l(o, "weekdaysShort", "weekdays", 3);
+          }, longDateFormat: function(d) {
+            return v(o.$locale(), d);
+          }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
+        };
+        p.localeData = function() {
+          return h.bind(this)();
+        }, s.localeData = function() {
+          var o = c();
+          return { firstDayOfWeek: function() {
+            return o.weekStart || 0;
+          }, weekdays: function() {
+            return s.weekdays();
+          }, weekdaysShort: function() {
+            return s.weekdaysShort();
+          }, weekdaysMin: function() {
+            return s.weekdaysMin();
+          }, months: function() {
+            return s.months();
+          }, monthsShort: function() {
+            return s.monthsShort();
+          }, longDateFormat: function(d) {
+            return v(o, d);
+          }, meridiem: o.meridiem, ordinal: o.ordinal };
+        }, s.months = function() {
+          return l(c(), "months");
+        }, s.monthsShort = function() {
+          return l(c(), "monthsShort", "months", 3);
+        }, s.weekdays = function(o) {
+          return l(c(), "weekdays", null, null, o);
+        }, s.weekdaysShort = function(o) {
+          return l(c(), "weekdaysShort", "weekdays", 3, o);
+        }, s.weekdaysMin = function(o) {
+          return l(c(), "weekdaysMin", "weekdays", 2, o);
+        };
+      };
+    }));
+  })(J)), J.exports;
+}
+var Ke = Ze();
+const Ne = /* @__PURE__ */ G(Ke);
+var ee = { exports: {} }, We = ee.exports, me;
+function Ie() {
+  return me || (me = 1, (function(e, t) {
+    (function(r, a) {
+      e.exports = a(y);
+    })(We, (function(r) {
+      function a(i) {
+        return i && typeof i == "object" && "default" in i ? i : { default: i };
+      }
+      var s = a(r), 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(i) {
+        return i + ".";
+      } };
+      return s.default.locale(p, null, !0), p;
+    }));
+  })(ee)), ee.exports;
+}
+Ie();
+y.extend(Ce);
+y.extend(Pe);
+y.extend(je);
+y.extend(Ge);
+y.extend(Ne);
+y.locale("tr");
+const Ve = [
+  "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"
+], ye = y.weekdaysShort(), Qe = y.months(), Xe = [...ye.slice(1), ye[0]];
+function w(e) {
+  if (!e) return null;
+  for (const r of Ve) {
+    const a = y(e, r, !0);
+    if (a.isValid()) return a;
+  }
+  const t = y(e);
+  return t.isValid() ? t : null;
+}
+var Je = Object.defineProperty, et = Object.getOwnPropertyDescriptor, g = (e, t, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? et(t, r) : t, p = e.length - 1, i; p >= 0; p--)
+    (i = e[p]) && (s = (a ? i(t, r, s) : i(s)) || s);
+  return a && s && Je(t, r, s), s;
+};
+let m = class extends De {
+  constructor() {
+    super(...arguments), this.value = null, this.min = null, this.max = null, this.disabled = !1, this.rangeMode = !1, this.disabledDays = [], this.rangeStart = null, this.rangeEnd = null, this.closable = !1, this._cursor = y(), this._rangeStart = null, this._rangeEnd = null, this._hoverDate = null, this._viewMode = "calendar", this._clear = () => {
+      this._emitChange(null), this.rangeMode && (this._rangeStart = null, this._rangeEnd = null, this._emitStateChange());
+    }, 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");
+    };
+  }
+  willUpdate(e) {
+    if (e.has("value") && !this.rangeMode) {
+      const t = w(this.value);
+      t && (this._cursor = t);
+    }
+    e.has("rangeStart") && (this._rangeStart = this.rangeStart), e.has("rangeEnd") && (this._rangeEnd = this.rangeEnd), (e.has("rangeStart") || e.has("rangeEnd")) && this.rangeMode && (this._cursor = w(this.rangeEnd)?.clone() ?? w(this.rangeStart)?.clone() ?? this._cursor);
+  }
+  focusGrid() {
+    this.renderRoot.querySelector("#grid")?.focus();
+  }
+  _emitStateChange() {
+    this.dispatchEvent(
+      new CustomEvent("calendar-state-change", {
+        detail: {
+          rangeStart: this._rangeStart,
+          rangeEnd: this._rangeEnd
+        }
+      })
+    );
+  }
+  _emitChange(e) {
+    this.value = e, this.dispatchEvent(new CustomEvent("change", { detail: { value: e } })), this.onChange?.(e);
+  }
+  _emitRangeChange() {
+    if (!this._rangeStart || !this._rangeEnd) return;
+    const e = { start: this._rangeStart, end: this._rangeEnd };
+    this.dispatchEvent(new CustomEvent("rangeChange", { detail: e })), this.onRangeChange?.(e);
+  }
+  _withinBounds(e) {
+    const t = w(this.min), r = w(this.max);
+    return !(t && e.isBefore(t, "day") || r && e.isAfter(r, "day") || this.disabledDays.includes(e.day()));
+  }
+  _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, a) => t.add(a, "day"));
+  }
+  _isInRange(e) {
+    if (!this.rangeMode || !this._rangeStart || !this._rangeEnd) return null;
+    const t = w(this._rangeStart), r = w(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 = w(this._rangeStart);
+    if (!t) return null;
+    const r = this._hoverDate, a = r.isAfter(t, "day"), s = a ? t : r, p = a ? r : t;
+    return e.isSame(t, "day") ? "preview-start" : e.isSame(r, "day") ? "preview-end" : e.isAfter(s, "day") && e.isBefore(p, "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 a = this._getHoverPreview(e);
+    return a === "preview-start" ? (t.push("dp__day--range-start"), t.join(" ")) : a === "preview-end" ? (t.push("dp__day--range-end"), t.join(" ")) : a === "preview-between" ? (t.push("dp__day--range-between"), t.join(" ")) : this.rangeMode && this._rangeStart && !this._rangeEnd && e.isSame(w(this._rangeStart), "day") ? (t.push("dp__day--range-pending"), t.join(" ")) : (e.isSame(w(this.value), "day") ? t.push("dp__day--selected") : e.isSame(y(), "day") ? t.push("dp__day--today") : t.push("dp__day--default"), t.join(" "));
+  }
+  _select(e) {
+    if (!(this.disabled || !this._withinBounds(e))) {
+      if (this.rangeMode) {
+        if (!this._rangeStart) {
+          this._rangeStart = e.format("YYYY-MM-DD"), this._cursor = e, this._emitStateChange();
+          return;
+        }
+        if (!this._rangeEnd) {
+          const t = w(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._emitStateChange(), this._emitRangeChange();
+          return;
+        }
+        this._rangeStart = e.format("YYYY-MM-DD"), this._rangeEnd = null, this._cursor = e, this._emitStateChange();
+        return;
+      }
+      this._emitChange(e.format("YYYY-MM-DD")), this._cursor = e, this._viewMode = "calendar";
+    }
+  }
+  _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" && this.closable ? (e.preventDefault(), this.dispatchEvent(new CustomEvent("close-request"))) : 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 C`
+      <div class="dp__weekdays" role="row">
+        ${Xe.map((r) => C`<div class="dp__weekday" role="columnheader" aria-label=${r}>${r}</div>`)}
+      </div>
+      <div
+        id="grid"
+        tabindex="0"
+        class="dp__grid"
+        role="grid"
+        aria-label="Takvim"
+        @keydown=${this._keydownGrid}
+        @mouseleave=${() => {
+      this._hoverDate = null;
+    }}
+      >
+        ${t.map((r) => {
+      const a = r.month() === this._cursor.month(), s = e ? r.isSame(e, "day") : !1, p = r.isSame(this._cursor, "day"), i = !this._withinBounds(r), l = [
+        this._getDayClasses(r),
+        a ? "" : "dp__day--out-of-month",
+        p ? "dp__day--focused" : ""
+      ].filter(Boolean).join(" ");
+      return C`
+            <button
+              class=${l}
+              role="gridcell"
+              aria-selected=${s ? "true" : "false"}
+              aria-disabled=${i ? "true" : "false"}
+              tabindex=${p ? "0" : "-1"}
+              @click=${() => !i && this._select(r)}
+              @mouseenter=${() => {
+        this.rangeMode && this._rangeStart && !this._rangeEnd && (this._hoverDate = r);
+      }}
+            >
+              <span class="dp__day-num">${r.date()}</span>
+            </button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderMonthGrid() {
+    return C`
+      <div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
+        ${Qe.map((e, t) => {
+      const r = t === this._cursor.month(), a = t === y().month() && this._cursor.year() === y().year();
+      return C`
+            <button
+              class="dp__month-btn ${r ? "dp__month-btn--selected" : ""} ${a && !r ? "dp__month-btn--current" : ""}"
+              role="gridcell"
+              aria-selected=${r ? "true" : "false"}
+              @click=${() => this._selectMonth(t)}
+            >
+              ${e}
+            </button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  _renderYearGrid() {
+    return C`
+      <div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
+        ${this._getYears().map((e) => {
+      const t = e === this._cursor.year(), r = e === y().year();
+      return C`
+            <button
+              class="dp__year-btn ${t ? "dp__year-btn--selected" : ""} ${r && !t ? "dp__year-btn--current" : ""}"
+              role="gridcell"
+              aria-selected=${t ? "true" : "false"}
+              @click=${() => this._selectYear(e)}
+            >
+              ${e}
+            </button>
+          `;
+    })}
+      </div>
+    `;
+  }
+  render() {
+    const e = w(this.value);
+    return C`
+      <div class="dp__calendar">
+        <div class="dp__header">
+          <button class="dp__nav-btn" @click=${this._navigatePrevious} aria-label="Önceki">
+            <ui-icon name="uil-arrow-left" size="16"></ui-icon>
+          </button>
+          <span class="dp__header-label" @click=${this._handleHeaderClick} role="button" tabindex="0">
+            ${this._getHeaderLabel()}
+          </span>
+          <button class="dp__nav-btn" @click=${this._navigateNext} aria-label="Sonraki">
+            <ui-icon name="uil-arrow-right" size="16"></ui-icon>
+          </button>
+        </div>
+
+        ${this._viewMode === "calendar" ? this._renderCalendar(e) : this._viewMode === "month" ? this._renderMonthGrid() : this._renderYearGrid()}
+
+        <div class="dp__footer">
+          <button class="dp__footer-btn" @click=${this._today} aria-label="Bugün">
+            <ui-icon name="uil-calendar" size="14"></ui-icon>
+          </button>
+          <button class="dp__footer-btn" @click=${this._clear} aria-label="Temizle">
+            <ui-icon name="uil-trash" size="14"></ui-icon>
+          </button>
+          ${this.closable ? C`
+                <button
+                  class="dp__footer-btn"
+                  @click=${() => this.dispatchEvent(new CustomEvent("close-request"))}
+                  aria-label="Kapat"
+                >
+                  <ui-icon name="uil-times" size="14"></ui-icon>
+                </button>
+              ` : null}
+        </div>
+      </div>
+    `;
+  }
+};
+m.styles = [ke`${Ye(xe)}`];
+g([
+  D({ type: String })
+], m.prototype, "value", 2);
+g([
+  D({ type: String })
+], m.prototype, "min", 2);
+g([
+  D({ type: String })
+], m.prototype, "max", 2);
+g([
+  D({ type: Boolean })
+], m.prototype, "disabled", 2);
+g([
+  D({ type: Boolean })
+], m.prototype, "rangeMode", 2);
+g([
+  D({ type: Array })
+], m.prototype, "disabledDays", 2);
+g([
+  D({ type: String })
+], m.prototype, "rangeStart", 2);
+g([
+  D({ type: String })
+], m.prototype, "rangeEnd", 2);
+g([
+  D({ type: Boolean })
+], m.prototype, "closable", 2);
+g([
+  D({ attribute: !1 })
+], m.prototype, "onChange", 2);
+g([
+  D({ attribute: !1 })
+], m.prototype, "onRangeChange", 2);
+g([
+  q()
+], m.prototype, "_cursor", 2);
+g([
+  q()
+], m.prototype, "_rangeStart", 2);
+g([
+  q()
+], m.prototype, "_rangeEnd", 2);
+g([
+  q()
+], m.prototype, "_hoverDate", 2);
+g([
+  q()
+], m.prototype, "_viewMode", 2);
+m = g([
+  Se("logosphere-calendar")
+], m);
+export {
+  Ve as D,
+  m as L,
+  w as s
+};