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

package/dist/combobox-DTUSFw9V.js

@@ -0,0 +1,270 @@
+import { unsafeCSS as b, css as u, LitElement as m, nothing as n, html as r } from "lit";
+import { property as l, state as d, customElement as _ } from "lit/decorators.js";
+import "./checkbox-g6kl2jGR.js";
+import "./ui-icon-ltkJROhR.js";
+const f = '.combobox{display:flex;flex-direction:column;gap:var(--spacing-1);font-family:var(--font-family-base);width:100%}.combobox__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text)}.combobox__label--required:after{content:" *";color:var(--color-primary)}.combobox__readonly{border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-body-text);padding:0;outline:none;font-family:var(--font-family-base)}.combobox__wrapper{position:relative;width:100%}.combobox__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-base);background-color:var(--color-body-bg);cursor:pointer;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-body-text);transition:border-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.combobox__trigger--default{height:32px}.combobox__trigger--large{height:40px;font-size:var(--font-size-base)}.combobox__trigger--open{border-color:var(--color-secondary-hover)}.combobox__trigger--readonly{cursor:default;background-color:var(--color-tertiary-bg);color:var(--color-tertiary)}.combobox__trigger--readonly .combobox__chevron{opacity:.3}.combobox__placeholder{color:var(--color-tertiary);font-size:var(--font-size-sm);flex:1}.combobox__single-value{flex:1;font-size:var(--font-size-sm);color:var(--color-body-text)}.combobox__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-tertiary);flex-shrink:0;transition:transform var(--transition-speed-fast) var(--transition-timing)}.combobox__chevron--open{transform:rotate(180deg)}.combobox__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);flex:1;overflow:hidden}.combobox__tag{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:0 var(--spacing-2);background-color:var(--color-tertiary-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-body-text);white-space:nowrap}.combobox__tag-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-tertiary);line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__tag-remove:hover{color:var(--color-body-text)}.combobox__clear{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-secondary);line-height:1;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.combobox__clear:hover{color:var(--color-body-text)}.combobox__filter-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);min-width:0;padding:0;cursor:text}.combobox__filter-input::placeholder{color:var(--color-tertiary)}.combobox__filter-input--inline{flex:1;min-width:60px}.combobox__trigger--multi-filter{flex-wrap:wrap;height:auto;min-height:32px;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.combobox__trigger--large.combobox__trigger--multi-filter{min-height:40px}.combobox__dropdown{position:absolute;top:calc(100% + var(--spacing-1));left:0;width:100%;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);z-index:var(--z-index-dropdown);overflow:hidden}.combobox__search{width:100%;padding:var(--spacing-1-5) var(--spacing-3);border:none;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-body-text);font-family:var(--font-family-base);outline:none;box-sizing:border-box;background-color:var(--color-body-bg)}.combobox__search::placeholder{color:var(--color-tertiary)}.combobox__list{max-height:208px;overflow-y:auto}.combobox__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-body-text);cursor:pointer;transition:background-color var(--transition-speed-fast) var(--transition-timing)}.combobox__item:hover,.combobox__item--selected,.combobox__item--focused{background-color:var(--color-tertiary-bg)}.combobox__empty{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-tertiary);text-align:center}';
+var g = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (e, o, s, c) => {
+  for (var a = c > 1 ? void 0 : c ? x(o, s) : o, p = e.length - 1, h; p >= 0; p--)
+    (h = e[p]) && (a = (c ? h(o, s, a) : h(a)) || a);
+  return c && a && g(o, s, a), a;
+};
+let t = class extends m {
+  constructor() {
+    super(...arguments), this.inputId = "combo-" + Math.random().toString(36).substring(2), this.label = "", this.placeholder = "Seçim yapınız", this.required = !1, this.readOnly = !1, this.multiple = !1, this.filterable = !1, this.optionLabel = "label", this.optionValue = "value", this.emptyMessage = "Sonuç yok", this.items = [], this.size = "default", this.selected = [], this.inputValue = "", this.isOpen = !1, this.focusedIndex = -1, this._filteredItems = [], this._handleOutsideClick = (e) => {
+      e.composedPath().includes(this) || this._closeDropdown();
+    }, this._handleKeydown = (e) => {
+      if (!this.readOnly)
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), this.isOpen ? this.focusedIndex = Math.min(this.focusedIndex + 1, this._filteredItems.length - 1) : (this.isOpen = !0, this.focusedIndex = 0), this._scrollFocusedIntoView();
+            break;
+          case "ArrowUp":
+            e.preventDefault(), this.isOpen && (this.focusedIndex = Math.max(this.focusedIndex - 1, 0), this._scrollFocusedIntoView());
+            break;
+          case "Enter":
+            e.preventDefault(), this.isOpen ? this.focusedIndex >= 0 && this.focusedIndex < this._filteredItems.length && this._selectItem(this._filteredItems[this.focusedIndex], e) : (this.isOpen = !0, this.focusedIndex = 0);
+            break;
+          case "Escape":
+            e.preventDefault(), this._closeDropdown();
+            break;
+        }
+    }, this._removeTag = (e, o) => {
+      o.stopPropagation(), this.setSelected(
+        this.selected.filter((s) => s[this.optionValue] !== e[this.optionValue])
+      );
+    }, this._clearSelection = (e) => {
+      e.stopPropagation(), this.setSelected([]), this.inputValue = "";
+    }, this._onFilterFocus = () => {
+      this.inputValue = "", this.isOpen = !0, this.focusedIndex = 0;
+    }, this._onFilterInput = (e) => {
+      this.inputValue = e.target.value, this.focusedIndex = 0, this.isOpen || (this.isOpen = !0);
+    }, this._stopPropagation = (e) => e.stopPropagation(), this._onTriggerClick = () => {
+      this.readOnly || (this.filterable && !this.multiple ? this._focusFilterInput() : this.isOpen = !this.isOpen);
+    };
+  }
+  // ==================== LIFECYCLE ====================
+  willUpdate(e) {
+    if (e.has("items") || e.has("inputValue") || e.has("optionLabel")) {
+      const o = this.inputValue.toLocaleLowerCase();
+      this._filteredItems = this.items.filter(
+        (s) => String(s[this.optionLabel] ?? "").toLocaleLowerCase().includes(o)
+      );
+    }
+  }
+  updated(e) {
+    e.has("isOpen") && this.isOpen && this.filterable && this.multiple && this.shadowRoot?.querySelector(".combobox__search")?.focus();
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this._handleOutsideClick);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this._handleOutsideClick);
+  }
+  // ==================== HELPERS ====================
+  _closeDropdown() {
+    this.isOpen = !1, this.focusedIndex = -1, this.filterable && (this.inputValue = "");
+  }
+  get _filterDisplayValue() {
+    return this.isOpen ? this.inputValue : !this.multiple && this.selected.length ? String(this.selected[0][this.optionLabel]) : "";
+  }
+  _focusFilterInput() {
+    this.updateComplete.then(() => {
+      this.shadowRoot?.querySelector(".combobox__filter-input")?.focus();
+    });
+  }
+  _scrollFocusedIntoView() {
+    this.updateComplete.then(() => {
+      this.shadowRoot?.querySelectorAll(".combobox__item")?.[this.focusedIndex]?.scrollIntoView({ block: "nearest" });
+    });
+  }
+  // ==================== SELECTION ====================
+  selectedItems() {
+    return this.selected;
+  }
+  isSelected(e) {
+    return this.selected.some((o) => o[this.optionValue] === e[this.optionValue]);
+  }
+  _selectItem(e, o) {
+    o.stopPropagation();
+    let s;
+    this.multiple ? s = this.isSelected(e) ? this.selected.filter((c) => c[this.optionValue] !== e[this.optionValue]) : [...this.selected, e] : (s = [e], this.isOpen = !1, this.filterable && (this.inputValue = "")), this.setSelected(s);
+  }
+  setSelected(e) {
+    this.selected = e, this.dispatchEvent(new CustomEvent("selected", { detail: { selected: e }, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { value: e }, bubbles: !0, composed: !0 }));
+  }
+  // ==================== RENDER PARTS ====================
+  _renderTagList() {
+    return r`
+      <div class="combobox__tags">
+        ${this.selected.map((e) => r`
+          <span class="combobox__tag">
+            ${e[this.optionLabel]}
+            ${this.readOnly ? n : r`
+              <button
+                class="combobox__tag-remove"
+                @click=${(o) => this._removeTag(e, o)}
+                aria-label="Remove"
+              >
+                <ui-icon name="uil-times" size="12"></ui-icon>
+              </button>
+            `}
+          </span>
+        `)}
+      </div>
+    `;
+  }
+  _renderTriggerContent() {
+    return this.filterable && !this.multiple ? r`
+        <input
+          class="combobox__filter-input"
+          type="text"
+          .value=${this._filterDisplayValue}
+          placeholder=${this.placeholder}
+          ?disabled=${this.readOnly}
+          @focus=${this._onFilterFocus}
+          @input=${this._onFilterInput}
+          @keydown=${this._handleKeydown}
+          @click=${this._stopPropagation}
+        />
+        ${!this.readOnly && this.selected.length ? r`
+          <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        ` : n}
+      ` : this.multiple && this.selected.length ? this._renderTagList() : !this.multiple && this.selected.length ? r`
+        <span class="combobox__single-value">${this.selected[0][this.optionLabel]}</span>
+        ${this.readOnly ? n : r`
+          <button class="combobox__clear" @click=${this._clearSelection} aria-label="Clear">
+            <ui-icon name="uil-times" size="14"></ui-icon>
+          </button>
+        `}
+      ` : r`<span class="combobox__placeholder">${this.placeholder}</span>`;
+  }
+  _renderDropdown() {
+    return this.isOpen ? r`
+      <div class="combobox__dropdown">
+        ${this.filterable && this.multiple ? r`
+          <input
+            class="combobox__search"
+            type="text"
+            placeholder=${this.placeholder}
+            .value=${this.inputValue}
+            @input=${this._onFilterInput}
+            @keydown=${this._handleKeydown}
+            @click=${this._stopPropagation}
+          />
+        ` : n}
+
+        <div class="combobox__list">
+          ${this._filteredItems.length === 0 ? r`<div class="combobox__empty">${this.emptyMessage}</div>` : this._filteredItems.map((e, o) => r`
+                <div
+                  class="combobox__item
+                    ${!this.multiple && this.isSelected(e) ? "combobox__item--selected" : ""}
+                    ${o === this.focusedIndex ? "combobox__item--focused" : ""}"
+                  @click=${(s) => this._selectItem(e, s)}
+                  @mouseenter=${() => {
+      this.focusedIndex = o;
+    }}
+                >
+                  ${this.multiple ? r`
+                    <logosphere-checkbox
+                      .checked=${this.isSelected(e)}
+                      .value=${e[this.optionValue]}
+                      @click=${this._stopPropagation}
+                    ></logosphere-checkbox>
+                  ` : n}
+                  ${e[this.optionLabel]}
+                </div>
+              `)}
+        </div>
+      </div>
+    ` : n;
+  }
+  // ==================== MAIN RENDER ====================
+  render() {
+    const e = [
+      "combobox__label",
+      this.required && !this.readOnly ? "combobox__label--required" : ""
+    ].filter(Boolean).join(" "), o = [
+      "combobox__trigger",
+      `combobox__trigger--${this.size}`,
+      this.readOnly ? "combobox__trigger--readonly" : "",
+      !this.readOnly && this.isOpen ? "combobox__trigger--open" : ""
+    ].filter(Boolean).join(" ");
+    return r`
+      <div class="combobox">
+        ${this.label ? r`
+          <label for="${this.inputId}" class="${e}">${this.label}</label>
+        ` : n}
+
+        <div class="combobox__wrapper">
+          <div
+            class="${o}"
+            tabindex="${this.readOnly || this.filterable ? -1 : 0}"
+            @click=${this._onTriggerClick}
+            @keydown=${this.filterable ? n : this._handleKeydown}
+          >
+            ${this._renderTriggerContent()}
+            <span class="combobox__chevron ${this.isOpen ? "combobox__chevron--open" : ""}">
+              <ui-icon name="uil-angle-down" size="16"></ui-icon>
+            </span>
+          </div>
+
+          ${this._renderDropdown()}
+        </div>
+      </div>
+    `;
+  }
+};
+t.styles = [u`${b(f)}`];
+i([
+  l({ type: String })
+], t.prototype, "label", 2);
+i([
+  l({ type: String })
+], t.prototype, "placeholder", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "required", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "readOnly", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "multiple", 2);
+i([
+  l({ type: Boolean })
+], t.prototype, "filterable", 2);
+i([
+  l({ type: String })
+], t.prototype, "optionLabel", 2);
+i([
+  l({ type: String })
+], t.prototype, "optionValue", 2);
+i([
+  l({ type: String })
+], t.prototype, "emptyMessage", 2);
+i([
+  l({ type: Array })
+], t.prototype, "items", 2);
+i([
+  l({ type: String })
+], t.prototype, "size", 2);
+i([
+  d()
+], t.prototype, "selected", 2);
+i([
+  d()
+], t.prototype, "inputValue", 2);
+i([
+  d()
+], t.prototype, "isOpen", 2);
+i([
+  d()
+], t.prototype, "focusedIndex", 2);
+t = i([
+  _("logosphere-combobox")
+], t);
+export {
+  t as C
+};

package/dist/combobox.cjs

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

package/dist/combobox.js

@@ -0,0 +1,4 @@
+import { C as m } from "./combobox-DTUSFw9V.js";
+export {
+  m as Combobox
+};

package/dist/datepicker-BQOVo1Pr.cjs

@@ -0,0 +1,115 @@
+"use strict";const b=require("lit"),f=require("lit/decorators.js"),y=require("dayjs");require("./ui-icon-CVEyvL5D.cjs");function q(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=q(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,j=T.slice(x),R=C.exec(j)[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(j,R,H,F){try{if(["x","X"].indexOf(R)>-1)return new Date((R==="X"?1e3:1)*j);var k=M(R)(j),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=q(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=q(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=q(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=q(He);var Q={exports:{}},qe=Q.exports,pe;function je(){return pe||(pe=1,(function(g,e){(function(t,r){g.exports=r(y)})(qe,(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}je();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`
+      <div class="dp__weekdays" role="row">
+        ${We.map(r=>b.html`<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 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`
+            <button
+              class="${d}"
+              role="gridcell"
+              @click=${()=>!l&&this._select(r)}
+              @mouseenter=${()=>{this.rangeMode&&this._rangeStart&&!this._rangeEnd&&(this._hoverDate=r)}}
+              aria-selected=${p?"true":"false"}
+              aria-disabled=${l?"true":"false"}
+              tabindex=${n?"0":"-1"}
+            >
+              <span class="dp__day-num">${r.date()}</span>
+            </button>
+          `})}
+      </div>
+    `}_renderMonthGrid(){return b.html`
+      <div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
+        ${Ue.map((e,t)=>{const r=t===this._cursor.month(),i=t===y().month()&&this._cursor.year()===y().year();return b.html`
+            <button
+              class="dp__month-btn ${r?"dp__month-btn--selected":""} ${i&&!r?"dp__month-btn--current":""}"
+              role="gridcell"
+              aria-selected=${r?"true":"false"}
+              @click=${()=>this._selectMonth(t)}
+            >${e}</button>
+          `})}
+      </div>
+    `}_renderYearGrid(){return b.html`
+      <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 b.html`
+            <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=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`
+      <div class="dp">
+        <div class="dp__input-wrapper">
+          <input
+            id=${this.inputId}
+            class="${r}"
+            .value=${e}
+            ?disabled=${this.disabled}
+            placeholder=${this.placeholder}
+            aria-label="Tarih girin"
+            aria-invalid=${this._hasError?"true":"false"}
+            @input=${this._onInput}
+            @keydown=${this._onKeydown}
+          />
+          <button
+            id=${this.inputId+"-ico"}
+            class="dp__icon-btn"
+            aria-label=${this._open?"Takvimi kapat":"Takvimi aç"}
+            aria-expanded=${this._open?"true":"false"}
+            aria-haspopup="dialog"
+            @click=${()=>this._toggleOpen()}
+          >
+            <ui-icon name="uil-calendar" size="16"></ui-icon>
+          </button>
+          ${this._hasError?b.html`
+            <div class="dp__error-tooltip" role="alert">${this._errorMsg}</div>
+          `:b.nothing}
+        </div>
+
+        ${this._open?b.html`
+          <div
+            class="dp__popup"
+            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;"
+            role="dialog"
+            aria-modal="true"
+            aria-label="Tarih seçici"
+          >
+            <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(t):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>
+              <button class="dp__footer-btn" @click=${()=>this._toggleOpen(!1)} aria-label="Kapat">
+                <ui-icon name="uil-times" size="14"></ui-icon>
+              </button>
+            </div>
+          </div>
+        `:b.nothing}
+      </div>
+    `}};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);