@logosphere-ui/core 0.0.0-alpha.5 → 0.0.0-alpha.51

package/dist/datepicker-BFYWQRrJ.js

@@ -0,0 +1,382 @@
+import { unsafeCSS as c, css as g, LitElement as f, nothing as _, html as d } from "lit";
+import { property as n, state as p, query as u, customElement as m } from "lit/decorators.js";
+import { live as y } from "lit/directives/live.js";
+import { createPopper as b } from "@popperjs/core";
+import "./formfield-ss2mFweu.js";
+import { s as v, D as E } from "./calendar-C71sj3Ki.js";
+import "./ui-icon-BeR-PaPg.js";
+import D from "dayjs";
+const S = ":host{display:block}.dp{display:block;position:relative;width:100%;font-family:var(--font-family-base)}.dp__field,.dp__reference{width:100%}.dp__input{width:100%;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);line-height:1.5}.dp__input::placeholder{color:var(--color-tertiary)}.dp__input:disabled{cursor:not-allowed}.dp__icon-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__icon-btn_suffix{padding-right:var(--spacing-1)}.dp__icon-btn:hover{color:var(--color-gray-600)}.dp__icon-btn:disabled{cursor:not-allowed;opacity:.5}.dp__popup{background-color:var(--datepicker-popup-bg, var(--color-body-bg));border:1px solid var(--datepicker-popup-border-color, 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;max-height:calc(100vh - 16px)}";
+var C = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, i = (t, e, a, s) => {
+  for (var o = s > 1 ? void 0 : s ? $(e, a) : e, l = t.length - 1, h; l >= 0; l--)
+    (h = t[l]) && (o = (s ? h(e, a, o) : h(o)) || o);
+  return s && o && C(e, a, o), o;
+};
+let w = 0;
+const k = () => `dp-${++w}`;
+let r = class extends f {
+  constructor() {
+    super(...arguments), this.value = null, this.min = null, this.max = null, this.required = !1, this.disabled = !1, this.readonly = !1, this.expandFactor = 1.05, this.placeholder = "GG/AA/YYYY veya GG.AA.YYYY", this.displayFormat = "DD/MM/YYYY", this.label = "", this.helper = "", this.error = "", this.size = "default", this.variant = "default", this.rangeMode = !1, this.disabledDays = [], this.rangeStart = null, this.rangeEnd = null, this._open = !1, this._rangeStart = null, this._rangeEnd = null, this._hasError = !1, this._errorMsg = "", this._inputDraft = null, this._errorTimer = null, this.inputId = k(), this._outsideClick = (t) => {
+      this._open && (t.composedPath().includes(this) || (this._parseAndSetDate(), this._toggleOpen(!1)));
+    }, this._openDropdown = () => {
+      this._toggleOpen(!0);
+    }, this._onBlur = () => {
+      this._parseAndSetDate();
+    };
+  }
+  willUpdate(t) {
+    t.has("rangeStart") && (this._rangeStart = this.rangeStart), t.has("rangeEnd") && (this._rangeEnd = this.rangeEnd), t.has("value") && !this._isInputFocused() && (this._inputDraft = null);
+  }
+  connectedCallback() {
+    super.connectedCallback(), window.addEventListener("click", this._outsideClick, !0);
+  }
+  disconnectedCallback() {
+    window.removeEventListener("click", this._outsideClick, !0), this._destroyPopper(), this._errorTimer && clearTimeout(this._errorTimer), super.disconnectedCallback();
+  }
+  updated(t) {
+    if (super.updated(t), t.has("_open")) {
+      this._open ? this._updatePopper() : this._destroyPopper();
+      return;
+    }
+    this._open && this._updatePopper();
+  }
+  _safeDay(t) {
+    return v(t);
+  }
+  _isInputFocused() {
+    return this.shadowRoot?.activeElement === this._inputElement;
+  }
+  _withinBounds(t) {
+    const e = this._safeDay(this.min), a = this._safeDay(this.max);
+    return !(e && t.isBefore(e, "day") || a && t.isAfter(a, "day") || this.disabledDays.includes(t.day()));
+  }
+  _displayValue() {
+    if (this.rangeMode && this._rangeStart && this._rangeEnd) {
+      const e = this._safeDay(this._rangeStart), a = this._safeDay(this._rangeEnd);
+      if (e && a) return `${e.format(this.displayFormat)} - ${a.format(this.displayFormat)}`;
+    }
+    const t = this._safeDay(this.value);
+    return t ? t.format(this.displayFormat) : "";
+  }
+  _inputValue() {
+    return this._inputDraft ?? this._displayValue();
+  }
+  _emitChange(t) {
+    this.value = t, this.dispatchEvent(new CustomEvent("change", { detail: { value: t } })), this.dispatchEvent(new CustomEvent("lgsChange", {
+      bubbles: !0,
+      composed: !0,
+      detail: { value: t }
+    })), this.onChange?.(t);
+  }
+  _emitRangeChange() {
+    if (!this._rangeStart || !this._rangeEnd) return;
+    const t = { start: this._rangeStart, end: this._rangeEnd };
+    this.dispatchEvent(new CustomEvent("rangeChange", { detail: t })), this.onRangeChange?.(t);
+  }
+  _showInputError(t) {
+    this._errorTimer && clearTimeout(this._errorTimer), this._hasError = !0, this._errorMsg = t, this._errorTimer = setTimeout(() => this._clearInputError(), 3e3);
+  }
+  _clearInputError() {
+    this._hasError = !1, this._errorMsg = "", this._errorTimer && (clearTimeout(this._errorTimer), this._errorTimer = null);
+  }
+  _toggleOpen(t) {
+    if (this.disabled) return;
+    const e = t ?? !this._open;
+    this._open = e, e && this.updateComplete.then(() => this._updatePopper());
+  }
+  _onInput(t) {
+    const e = t.target.value;
+    this._inputDraft = e, e.trim() || (this._emitChange(null), this.rangeMode && (this._rangeStart = null, this._rangeEnd = null)), this._clearInputError();
+  }
+  _parseSingleDate(t) {
+    for (const e of [this.displayFormat, ...E]) {
+      const a = D(t, e, !0);
+      if (a.isValid()) return a;
+    }
+    return this._safeDay(t);
+  }
+  _parseRangeInput(t) {
+    const e = t.split(/\s+-\s+/);
+    if (e.length !== 2) return null;
+    const a = this._parseSingleDate(e[0].trim()), s = this._parseSingleDate(e[1].trim());
+    return !a || !s ? null : a.isAfter(s, "day") ? { start: s, end: a } : { start: a, end: s };
+  }
+  _onKeydown(t) {
+    (t.key === "Tab" || t.key === "Enter") && this._parseAndSetDate();
+  }
+  _parseAndSetDate() {
+    const t = this._inputElement;
+    if (!t) return;
+    const e = t.value.trim();
+    if (!e) {
+      if (this.rangeMode && this._rangeStart && !this._rangeEnd) return;
+      this._emitChange(null), this.rangeMode && (this._rangeStart = null, this._rangeEnd = null), this._inputDraft = null;
+      return;
+    }
+    if (this.rangeMode) {
+      const s = this._parseRangeInput(e);
+      if (s) {
+        if (this._withinBounds(s.start) && this._withinBounds(s.end)) {
+          this._rangeStart = s.start.format("YYYY-MM-DD"), this._rangeEnd = s.end.format("YYYY-MM-DD"), this._inputDraft = null, this._clearInputError(), this._emitRangeChange();
+          return;
+        }
+        this._showInputError("Seçilen aralık sınırlar dışında.");
+        return;
+      }
+      const o = this._parseSingleDate(e);
+      if (o && this._withinBounds(o)) {
+        this._rangeStart = o.format("YYYY-MM-DD"), this._rangeEnd = null, this._inputDraft = null, this._clearInputError();
+        return;
+      }
+      this._showInputError("Geçersiz aralık formatı. Örnek: 19/09/2025 - 25/09/2025");
+      return;
+    }
+    const a = this._parseSingleDate(e);
+    a && this._withinBounds(a) ? (this._emitChange(a.format("YYYY-MM-DD")), this._inputDraft = null, this._clearInputError()) : this._showInputError("Geçersiz tarih formatı. Örnek: 19/09/2025");
+  }
+  _updatePopper() {
+    if (!this._open || !this.isConnected) return;
+    const t = this._referenceElement, e = this._popupElement;
+    if (!t || !e) return;
+    const a = Math.max(
+      270,
+      Math.round(t.getBoundingClientRect().width * (this.expandFactor || 1))
+    );
+    if (e.style.width = `${a}px`, this._popperInstance) {
+      this._popperInstance.setOptions({
+        placement: "bottom",
+        strategy: "fixed",
+        modifiers: this._getPopperModifiers()
+      }), this._popperInstance.update();
+      return;
+    }
+    this._popperInstance = b(t, e, {
+      placement: "bottom",
+      strategy: "fixed",
+      modifiers: this._getPopperModifiers()
+    });
+  }
+  _getPopperModifiers() {
+    return [
+      { name: "offset", options: { offset: [0, 8] } },
+      { name: "preventOverflow", options: { padding: 8 } },
+      {
+        name: "flip",
+        options: {
+          padding: 8,
+          fallbackPlacements: [
+            "top-start",
+            "right-start",
+            "left-start",
+            "bottom-end",
+            "top-end",
+            "right-end",
+            "left-end"
+          ]
+        }
+      }
+    ];
+  }
+  _destroyPopper() {
+    this._popperInstance && (this._popperInstance.destroy(), this._popperInstance = void 0);
+  }
+  _handleCalendarChange(t) {
+    this._emitChange(t.detail.value), this._inputDraft = null, this._toggleOpen(!1);
+  }
+  _handleCalendarRangeChange(t) {
+    this._rangeStart = t.detail.start, this._rangeEnd = t.detail.end, this._inputDraft = null, this._emitRangeChange(), this._toggleOpen(!1);
+  }
+  _handleCalendarStateChange(t) {
+    this._rangeStart = t.detail.rangeStart, this._rangeEnd = t.detail.rangeEnd;
+  }
+  _handleSuffixClick(t) {
+    t.stopPropagation(), this._openDropdown(), this._inputElement?.focus();
+  }
+  _handleClearClick(t) {
+    t.stopPropagation(), this._emitChange(null), this._rangeStart = null, this._rangeEnd = null, this._inputDraft = null, this._clearInputError(), this._inputElement?.focus();
+  }
+  render() {
+    const t = this.error || (this._hasError ? this._errorMsg : ""), e = !!this._displayValue();
+    return d`
+      <div class="dp">
+        <div class="dp__reference">
+          <logosphere-formfield
+            class="dp__field"
+            .label=${this.label}
+            .helper=${this.helper}
+            .error=${t}
+            .required=${this.required}
+            .disabled=${this.disabled}
+            .readonly=${this.readonly}
+            .placeholder=${this.placeholder}
+            .size=${this.size}
+            .variant=${this.variant}
+            @click=${this._openDropdown}
+          >
+            <input
+              id=${this.inputId}
+              class="dp__input"
+              .value=${y(this._inputValue())}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              placeholder=${this.placeholder}
+              aria-label="Tarih girin"
+              aria-invalid=${t ? "true" : "false"}
+              @focus=${this._openDropdown}
+              @input=${this._onInput}
+              @keydown=${this._onKeydown}
+              @blur=${this._onBlur}
+            />
+            ${e ? d`
+                  <button
+                    slot="clear"
+                    class="dp__icon-btn dp__icon-btn_suffix"
+                    type="button"
+                    aria-label="Temizle"
+                    @click=${this._handleClearClick}
+                  >
+                    <ui-icon name="uil-times" size="14"></ui-icon>
+                  </button>
+                ` : _}
+            <button
+              id=${this.inputId + "-ico"}
+              slot="suffix"
+              class="dp__icon-btn"
+              type="button"
+              aria-label=${this._open ? "Takvimi kapat" : "Takvimi aç"}
+              aria-expanded=${this._open ? "true" : "false"}
+              aria-haspopup="dialog"
+              @click=${this._handleSuffixClick}
+            >
+              <ui-icon name="uil-calendar" size="16"></ui-icon>
+            </button>
+          </logosphere-formfield>
+        </div>
+
+        ${this._open ? d`
+              <div
+                data-datepicker-popper
+                class="dp__popup"
+                role="dialog"
+                aria-modal="true"
+                aria-label="Tarih seçici"
+              >
+                <logosphere-calendar
+                  .value=${this.value}
+                  .min=${this.min}
+                  .max=${this.max}
+                  .disabled=${this.disabled}
+                  .rangeMode=${this.rangeMode}
+                  .disabledDays=${this.disabledDays}
+                  .rangeStart=${this._rangeStart}
+                  .rangeEnd=${this._rangeEnd}
+                  .closable=${!0}
+                  @change=${this._handleCalendarChange}
+                  @rangeChange=${this._handleCalendarRangeChange}
+                  @calendar-state-change=${this._handleCalendarStateChange}
+                  @close-request=${() => this._toggleOpen(!1)}
+                ></logosphere-calendar>
+              </div>
+            ` : _}
+      </div>
+    `;
+  }
+};
+r.styles = [
+  g`
+      ${c(S)}
+    `
+];
+i([
+  n({ type: String })
+], r.prototype, "value", 2);
+i([
+  n({ type: String })
+], r.prototype, "min", 2);
+i([
+  n({ type: String })
+], r.prototype, "max", 2);
+i([
+  n({ type: Boolean })
+], r.prototype, "required", 2);
+i([
+  n({ type: Boolean })
+], r.prototype, "disabled", 2);
+i([
+  n({ type: Boolean })
+], r.prototype, "readonly", 2);
+i([
+  n({ type: Number })
+], r.prototype, "expandFactor", 2);
+i([
+  n({ type: String })
+], r.prototype, "placeholder", 2);
+i([
+  n({ type: String, attribute: "display-format" })
+], r.prototype, "displayFormat", 2);
+i([
+  n({ type: String })
+], r.prototype, "label", 2);
+i([
+  n({ type: String })
+], r.prototype, "helper", 2);
+i([
+  n({ type: String })
+], r.prototype, "error", 2);
+i([
+  n({ type: String })
+], r.prototype, "size", 2);
+i([
+  n({ type: String })
+], r.prototype, "variant", 2);
+i([
+  n({ type: Boolean })
+], r.prototype, "rangeMode", 2);
+i([
+  n({ type: Array })
+], r.prototype, "disabledDays", 2);
+i([
+  n({ type: String })
+], r.prototype, "rangeStart", 2);
+i([
+  n({ type: String })
+], r.prototype, "rangeEnd", 2);
+i([
+  n({ attribute: !1 })
+], r.prototype, "onChange", 2);
+i([
+  n({ attribute: !1 })
+], r.prototype, "onRangeChange", 2);
+i([
+  p()
+], r.prototype, "_open", 2);
+i([
+  p()
+], r.prototype, "_rangeStart", 2);
+i([
+  p()
+], r.prototype, "_rangeEnd", 2);
+i([
+  p()
+], r.prototype, "_hasError", 2);
+i([
+  p()
+], r.prototype, "_errorMsg", 2);
+i([
+  p()
+], r.prototype, "_inputDraft", 2);
+i([
+  u(".dp__reference")
+], r.prototype, "_referenceElement", 2);
+i([
+  u("[data-datepicker-popper]")
+], r.prototype, "_popupElement", 2);
+i([
+  u("input")
+], r.prototype, "_inputElement", 2);
+r = i([
+  m("logosphere-datepicker")
+], r);
+export {
+  r as L
+};

package/dist/datepicker-BWE4qDJM.cjs

@@ -0,0 +1,85 @@
+"use strict";const s=require("lit"),r=require("lit/decorators.js"),d=require("lit/directives/live.js"),u=require("@popperjs/core");require("./formfield-JXiv9mvJ.cjs");const h=require("./calendar-DZJM5Tyu.cjs");require("./ui-icon-DWl7I5BQ.cjs");const _=require("dayjs"),c=":host{display:block}.dp{display:block;position:relative;width:100%;font-family:var(--font-family-base)}.dp__field,.dp__reference{width:100%}.dp__input{width:100%;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);line-height:1.5}.dp__input::placeholder{color:var(--color-tertiary)}.dp__input:disabled{cursor:not-allowed}.dp__icon-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__icon-btn_suffix{padding-right:var(--spacing-1)}.dp__icon-btn:hover{color:var(--color-gray-600)}.dp__icon-btn:disabled{cursor:not-allowed;opacity:.5}.dp__popup{background-color:var(--datepicker-popup-bg, var(--color-body-bg));border:1px solid var(--datepicker-popup-border-color, 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;max-height:calc(100vh - 16px)}";var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(p,e,t,a)=>{for(var n=a>1?void 0:a?f(e,t):e,o=p.length-1,l;o>=0;o--)(l=p[o])&&(n=(a?l(e,t,n):l(n))||n);return a&&n&&g(e,t,n),n};let y=0;const m=()=>`dp-${++y}`;exports.LogosphereDatePicker=class extends s.LitElement{constructor(){super(...arguments),this.value=null,this.min=null,this.max=null,this.required=!1,this.disabled=!1,this.readonly=!1,this.expandFactor=1.05,this.placeholder="GG/AA/YYYY veya GG.AA.YYYY",this.displayFormat="DD/MM/YYYY",this.label="",this.helper="",this.error="",this.size="default",this.variant="default",this.rangeMode=!1,this.disabledDays=[],this.rangeStart=null,this.rangeEnd=null,this._open=!1,this._rangeStart=null,this._rangeEnd=null,this._hasError=!1,this._errorMsg="",this._inputDraft=null,this._errorTimer=null,this.inputId=m(),this._outsideClick=e=>{this._open&&(e.composedPath().includes(this)||(this._parseAndSetDate(),this._toggleOpen(!1)))},this._openDropdown=()=>{this._toggleOpen(!0)},this._onBlur=()=>{this._parseAndSetDate()}}willUpdate(e){e.has("rangeStart")&&(this._rangeStart=this.rangeStart),e.has("rangeEnd")&&(this._rangeEnd=this.rangeEnd),e.has("value")&&!this._isInputFocused()&&(this._inputDraft=null)}connectedCallback(){super.connectedCallback(),window.addEventListener("click",this._outsideClick,!0)}disconnectedCallback(){window.removeEventListener("click",this._outsideClick,!0),this._destroyPopper(),this._errorTimer&&clearTimeout(this._errorTimer),super.disconnectedCallback()}updated(e){if(super.updated(e),e.has("_open")){this._open?this._updatePopper():this._destroyPopper();return}this._open&&this._updatePopper()}_safeDay(e){return h.safeDay(e)}_isInputFocused(){return this.shadowRoot?.activeElement===this._inputElement}_withinBounds(e){const t=this._safeDay(this.min),a=this._safeDay(this.max);return!(t&&e.isBefore(t,"day")||a&&e.isAfter(a,"day")||this.disabledDays.includes(e.day()))}_displayValue(){if(this.rangeMode&&this._rangeStart&&this._rangeEnd){const t=this._safeDay(this._rangeStart),a=this._safeDay(this._rangeEnd);if(t&&a)return`${t.format(this.displayFormat)} - ${a.format(this.displayFormat)}`}const e=this._safeDay(this.value);return e?e.format(this.displayFormat):""}_inputValue(){return this._inputDraft??this._displayValue()}_emitChange(e){this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e}})),this.dispatchEvent(new CustomEvent("lgsChange",{bubbles:!0,composed:!0,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)}_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.updateComplete.then(()=>this._updatePopper())}_onInput(e){const t=e.target.value;this._inputDraft=t,t.trim()||(this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null)),this._clearInputError()}_parseSingleDate(e){for(const t of[this.displayFormat,...h.DATE_FORMATS]){const a=_(e,t,!0);if(a.isValid())return a}return this._safeDay(e)}_parseRangeInput(e){const t=e.split(/\s+-\s+/);if(t.length!==2)return null;const a=this._parseSingleDate(t[0].trim()),n=this._parseSingleDate(t[1].trim());return!a||!n?null:a.isAfter(n,"day")?{start:n,end:a}:{start:a,end:n}}_onKeydown(e){(e.key==="Tab"||e.key==="Enter")&&this._parseAndSetDate()}_parseAndSetDate(){const e=this._inputElement;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),this._inputDraft=null;return}if(this.rangeMode){const n=this._parseRangeInput(t);if(n){if(this._withinBounds(n.start)&&this._withinBounds(n.end)){this._rangeStart=n.start.format("YYYY-MM-DD"),this._rangeEnd=n.end.format("YYYY-MM-DD"),this._inputDraft=null,this._clearInputError(),this._emitRangeChange();return}this._showInputError("Seçilen aralık sınırlar dışında.");return}const o=this._parseSingleDate(t);if(o&&this._withinBounds(o)){this._rangeStart=o.format("YYYY-MM-DD"),this._rangeEnd=null,this._inputDraft=null,this._clearInputError();return}this._showInputError("Geçersiz aralık formatı. Örnek: 19/09/2025 - 25/09/2025");return}const a=this._parseSingleDate(t);a&&this._withinBounds(a)?(this._emitChange(a.format("YYYY-MM-DD")),this._inputDraft=null,this._clearInputError()):this._showInputError("Geçersiz tarih formatı. Örnek: 19/09/2025")}_updatePopper(){if(!this._open||!this.isConnected)return;const e=this._referenceElement,t=this._popupElement;if(!e||!t)return;const a=Math.max(270,Math.round(e.getBoundingClientRect().width*(this.expandFactor||1)));if(t.style.width=`${a}px`,this._popperInstance){this._popperInstance.setOptions({placement:"bottom",strategy:"fixed",modifiers:this._getPopperModifiers()}),this._popperInstance.update();return}this._popperInstance=u.createPopper(e,t,{placement:"bottom",strategy:"fixed",modifiers:this._getPopperModifiers()})}_getPopperModifiers(){return[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8,fallbackPlacements:["top-start","right-start","left-start","bottom-end","top-end","right-end","left-end"]}}]}_destroyPopper(){this._popperInstance&&(this._popperInstance.destroy(),this._popperInstance=void 0)}_handleCalendarChange(e){this._emitChange(e.detail.value),this._inputDraft=null,this._toggleOpen(!1)}_handleCalendarRangeChange(e){this._rangeStart=e.detail.start,this._rangeEnd=e.detail.end,this._inputDraft=null,this._emitRangeChange(),this._toggleOpen(!1)}_handleCalendarStateChange(e){this._rangeStart=e.detail.rangeStart,this._rangeEnd=e.detail.rangeEnd}_handleSuffixClick(e){e.stopPropagation(),this._openDropdown(),this._inputElement?.focus()}_handleClearClick(e){e.stopPropagation(),this._emitChange(null),this._rangeStart=null,this._rangeEnd=null,this._inputDraft=null,this._clearInputError(),this._inputElement?.focus()}render(){const e=this.error||(this._hasError?this._errorMsg:""),t=!!this._displayValue();return s.html`
+      <div class="dp">
+        <div class="dp__reference">
+          <logosphere-formfield
+            class="dp__field"
+            .label=${this.label}
+            .helper=${this.helper}
+            .error=${e}
+            .required=${this.required}
+            .disabled=${this.disabled}
+            .readonly=${this.readonly}
+            .placeholder=${this.placeholder}
+            .size=${this.size}
+            .variant=${this.variant}
+            @click=${this._openDropdown}
+          >
+            <input
+              id=${this.inputId}
+              class="dp__input"
+              .value=${d.live(this._inputValue())}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              placeholder=${this.placeholder}
+              aria-label="Tarih girin"
+              aria-invalid=${e?"true":"false"}
+              @focus=${this._openDropdown}
+              @input=${this._onInput}
+              @keydown=${this._onKeydown}
+              @blur=${this._onBlur}
+            />
+            ${t?s.html`
+                  <button
+                    slot="clear"
+                    class="dp__icon-btn dp__icon-btn_suffix"
+                    type="button"
+                    aria-label="Temizle"
+                    @click=${this._handleClearClick}
+                  >
+                    <ui-icon name="uil-times" size="14"></ui-icon>
+                  </button>
+                `:s.nothing}
+            <button
+              id=${this.inputId+"-ico"}
+              slot="suffix"
+              class="dp__icon-btn"
+              type="button"
+              aria-label=${this._open?"Takvimi kapat":"Takvimi aç"}
+              aria-expanded=${this._open?"true":"false"}
+              aria-haspopup="dialog"
+              @click=${this._handleSuffixClick}
+            >
+              <ui-icon name="uil-calendar" size="16"></ui-icon>
+            </button>
+          </logosphere-formfield>
+        </div>
+
+        ${this._open?s.html`
+              <div
+                data-datepicker-popper
+                class="dp__popup"
+                role="dialog"
+                aria-modal="true"
+                aria-label="Tarih seçici"
+              >
+                <logosphere-calendar
+                  .value=${this.value}
+                  .min=${this.min}
+                  .max=${this.max}
+                  .disabled=${this.disabled}
+                  .rangeMode=${this.rangeMode}
+                  .disabledDays=${this.disabledDays}
+                  .rangeStart=${this._rangeStart}
+                  .rangeEnd=${this._rangeEnd}
+                  .closable=${!0}
+                  @change=${this._handleCalendarChange}
+                  @rangeChange=${this._handleCalendarRangeChange}
+                  @calendar-state-change=${this._handleCalendarStateChange}
+                  @close-request=${()=>this._toggleOpen(!1)}
+                ></logosphere-calendar>
+              </div>
+            `:s.nothing}
+      </div>
+    `}};exports.LogosphereDatePicker.styles=[s.css`
+      ${s.unsafeCSS(c)}
+    `];i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"value",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"min",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"max",2);i([r.property({type:Boolean})],exports.LogosphereDatePicker.prototype,"required",2);i([r.property({type:Boolean})],exports.LogosphereDatePicker.prototype,"disabled",2);i([r.property({type:Boolean})],exports.LogosphereDatePicker.prototype,"readonly",2);i([r.property({type:Number})],exports.LogosphereDatePicker.prototype,"expandFactor",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"placeholder",2);i([r.property({type:String,attribute:"display-format"})],exports.LogosphereDatePicker.prototype,"displayFormat",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"label",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"helper",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"error",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"size",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"variant",2);i([r.property({type:Boolean})],exports.LogosphereDatePicker.prototype,"rangeMode",2);i([r.property({type:Array})],exports.LogosphereDatePicker.prototype,"disabledDays",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"rangeStart",2);i([r.property({type:String})],exports.LogosphereDatePicker.prototype,"rangeEnd",2);i([r.property({attribute:!1})],exports.LogosphereDatePicker.prototype,"onChange",2);i([r.property({attribute:!1})],exports.LogosphereDatePicker.prototype,"onRangeChange",2);i([r.state()],exports.LogosphereDatePicker.prototype,"_open",2);i([r.state()],exports.LogosphereDatePicker.prototype,"_rangeStart",2);i([r.state()],exports.LogosphereDatePicker.prototype,"_rangeEnd",2);i([r.state()],exports.LogosphereDatePicker.prototype,"_hasError",2);i([r.state()],exports.LogosphereDatePicker.prototype,"_errorMsg",2);i([r.state()],exports.LogosphereDatePicker.prototype,"_inputDraft",2);i([r.query(".dp__reference")],exports.LogosphereDatePicker.prototype,"_referenceElement",2);i([r.query("[data-datepicker-popper]")],exports.LogosphereDatePicker.prototype,"_popupElement",2);i([r.query("input")],exports.LogosphereDatePicker.prototype,"_inputElement",2);exports.LogosphereDatePicker=i([r.customElement("logosphere-datepicker")],exports.LogosphereDatePicker);

package/dist/datepicker.cjs

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

package/dist/datepicker.js

@@ -1,4 +1,4 @@
-import { L as a } from "./datepicker-DFJx45C-.js";
+import { L as r } from "./datepicker-BFYWQRrJ.js";
 export {
-  a as LedsDatePicker
+  r as LogosphereDatePicker
 };

package/dist/{download-manager-A4fOxGWJ.js → download-manager-BPg-6Qfg.js}

@@ -1,12 +1,12 @@
-import { LitElement as f, html as l, unsafeCSS as v, css as _ } from "lit";
+import { unsafeCSS as f, css as v, LitElement as _, html as l } from "lit";
 import { property as g, state as h, customElement as b } from "lit/decorators.js";
-const w = ":host{display:block}.dm{font-family:var(--font-family-base)}.dm__container{width:100%;max-width:896px;margin:0 auto;padding:var(--spacing-6);background-color:var(--color-body-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.dm__header{margin-bottom:var(--spacing-6)}.dm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-body-text);margin:0 0 var(--spacing-2) 0}.dm__stats{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary)}.dm__form{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-tertiary-bg);border-radius:var(--radius-base)}.dm__form-row{display:flex;gap:var(--spacing-4)}.dm__form-field{flex:1}.dm__form-field--filename{width:192px;flex:none}.dm__input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);background-color:var(--color-body-bg);color:var(--color-body-text);box-sizing:border-box;transition:border-color var(--transition-speed-fast) var(--transition-timing)}.dm__input:focus{border-color:var(--color-primary)}.dm__submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-speed-fast) var(--transition-timing);white-space:nowrap}.dm__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.dm__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dm__form-note{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__form-note p{margin:0}.dm__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-bottom-color:#fff;border-radius:var(--radius-full);animation:dm-spin .8s linear infinite}.dm__spinner--sm{width:12px;height:12px;border-color:#3b82f64d;border-bottom-color:#3b82f6}@keyframes dm-spin{to{transform:rotate(360deg)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dm__empty{text-align:center;padding:var(--spacing-8) 0;color:var(--color-tertiary);font-size:var(--font-size-sm)}.dm__item{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--spacing-4)}.dm__item--error{border-color:var(--color-primary-border-subtle);background-color:var(--color-danger-bg-subtle)}.dm__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dm__item-info{flex:1;min-width:0}.dm__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-url{font-size:var(--font-size-xs);color:var(--color-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-controls{display:flex;align-items:center;gap:var(--spacing-2)}.dm__status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.dm__status--downloading{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__status--paused{background-color:var(--color-warning-bg-subtle);color:var(--color-warning-text-emphasis)}.dm__status--completed{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status--error{background-color:var(--color-danger-bg-subtle);color:var(--color-danger-text-emphasis)}.dm__status--pending{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dm__remove-btn{background:none;border:none;cursor:pointer;color:var(--color-tertiary);padding:var(--spacing-1);line-height:1;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__remove-btn:hover{color:var(--color-danger)}.dm__progress{margin-bottom:var(--spacing-3)}.dm__progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.dm__progress-track{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dm__progress-bar{height:8px;border-radius:var(--radius-full);transition:width .3s ease}.dm__progress-bar--downloading{background-color:var(--color-info-active)}.dm__progress-bar--paused{background-color:var(--color-warning-active)}.dm__progress-bar--completed{background-color:var(--color-success)}.dm__progress-bar--error{background-color:var(--color-danger)}.dm__progress-bar--pending{background-color:var(--color-gray-400)}.dm__progress-bar--indeterminate{width:100%;animation:dm-pulse 1.5s ease-in-out infinite}.dm__item-footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__item-speeds{display:flex;gap:var(--spacing-4)}.dm__item-actions{display:flex;gap:var(--spacing-2)}.dm__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dm__action-btn--pause{color:var(--color-info-active)}.dm__action-btn--pause:hover{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__action-btn--resume{color:var(--color-success)}.dm__action-btn--resume:hover{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status-completed{color:var(--color-success)}.dm__error-info{color:var(--color-danger)}.dm__error-label{font-weight:var(--font-weight-medium)}.dm__error-detail{font-size:var(--font-size-xs)}.dm__chunks{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary);display:flex;flex-direction:column;gap:2px}.dm__actions{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.dm__clear-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__clear-btn:hover{color:var(--color-body-text)}.dm__persist-note{font-size:var(--font-size-sm);color:var(--color-tertiary)}";
+const w = ":host{display:block}.dm{font-family:var(--font-family-base)}.dm__container{width:100%;max-width:896px;margin:0 auto;padding:var(--spacing-6);background-color:var(--color-body-bg);border-radius:var(--radius-base);box-shadow:var(--shadow-md)}.dm__header{margin-bottom:var(--spacing-6)}.dm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-body-text);margin:0 0 var(--spacing-2) 0}.dm__stats{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary)}.dm__form{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-light);border-radius:var(--radius-base)}.dm__form-row{display:flex;gap:var(--spacing-4)}.dm__form-field{flex:1}.dm__form-field--filename{width:192px;flex:none}.dm__input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);background-color:var(--color-body-bg);color:var(--color-body-text);box-sizing:border-box;transition:border-color var(--transition-speed-fast) var(--transition-timing)}.dm__input:focus{border-color:var(--color-primary)}.dm__submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-speed-fast) var(--transition-timing);white-space:nowrap}.dm__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.dm__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dm__form-note{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__form-note p{margin:0}.dm__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-bottom-color:#fff;border-radius:var(--radius-full);animation:dm-spin .8s linear infinite}.dm__spinner--sm{width:12px;height:12px;border-color:#3b82f64d;border-bottom-color:#3b82f6}@keyframes dm-spin{to{transform:rotate(360deg)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.dm__empty{text-align:center;padding:var(--spacing-8) 0;color:var(--color-tertiary);font-size:var(--font-size-sm)}.dm__item{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:var(--spacing-4)}.dm__item--error{border-color:var(--color-primary-border-subtle);background-color:var(--color-danger-bg-subtle)}.dm__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dm__item-info{flex:1;min-width:0}.dm__item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-url{font-size:var(--font-size-xs);color:var(--color-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm__item-controls{display:flex;align-items:center;gap:var(--spacing-2)}.dm__status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.dm__status--downloading{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__status--paused{background-color:var(--color-warning-bg-subtle);color:var(--color-warning-text-emphasis)}.dm__status--completed{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status--error{background-color:var(--color-danger-bg-subtle);color:var(--color-danger-text-emphasis)}.dm__status--pending{background-color:var(--color-gray-100);color:var(--color-gray-800)}.dm__remove-btn{background:none;border:none;cursor:pointer;color:var(--color-tertiary);padding:var(--spacing-1);line-height:1;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__remove-btn:hover{color:var(--color-danger)}.dm__progress{margin-bottom:var(--spacing-3)}.dm__progress-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary);margin-bottom:var(--spacing-1)}.dm__progress-track{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.dm__progress-bar{height:8px;border-radius:var(--radius-full);transition:width .3s ease}.dm__progress-bar--downloading{background-color:var(--color-info-active)}.dm__progress-bar--paused{background-color:var(--color-warning-active)}.dm__progress-bar--completed{background-color:var(--color-success)}.dm__progress-bar--error{background-color:var(--color-danger)}.dm__progress-bar--pending{background-color:var(--color-gray-400)}.dm__progress-bar--indeterminate{width:100%;animation:dm-pulse 1.5s ease-in-out infinite}.dm__item-footer{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-tertiary)}.dm__item-speeds{display:flex;gap:var(--spacing-4)}.dm__item-actions{display:flex;gap:var(--spacing-2)}.dm__action-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xs);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dm__action-btn--pause{color:var(--color-info-active)}.dm__action-btn--pause:hover{background-color:var(--color-info-bg-subtle);color:var(--color-info-text-emphasis)}.dm__action-btn--resume{color:var(--color-success)}.dm__action-btn--resume:hover{background-color:var(--color-success-bg-subtle);color:var(--color-success-text-emphasis)}.dm__status-completed{color:var(--color-success)}.dm__error-info{color:var(--color-danger)}.dm__error-label{font-weight:var(--font-weight-medium)}.dm__error-detail{font-size:var(--font-size-xs)}.dm__chunks{margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-tertiary);display:flex;flex-direction:column;gap:2px}.dm__actions{margin-top:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.dm__clear-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);transition:color var(--transition-speed-fast) var(--transition-timing)}.dm__clear-btn:hover{color:var(--color-body-text)}.dm__persist-note{font-size:var(--font-size-sm);color:var(--color-tertiary)}";
 var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, u = (t, s, r, e) => {
   for (var a = e > 1 ? void 0 : e ? k(s, r) : s, o = t.length - 1, i; o >= 0; o--)
     (i = t[o]) && (a = (e ? i(s, r, a) : i(a)) || a);
   return e && a && y(s, r, a), a;
 };
-let m = class extends f {
+let m = class extends _ {
   constructor() {
     super(...arguments), this.chunkSize = 2 * 1024 * 1024, this.maxConcurrentDownloads = 3, this.maxConcurrentChunks = 4, this.downloads = [], this.isAddingFiles = !1, this.activeDownloads = /* @__PURE__ */ new Map(), this.storageKey = "download-manager-state", this.clearCompleted = () => {
       this.downloads = this.downloads.filter((t) => t.status !== "completed"), this.requestUpdate(), this.saveState();
@@ -357,7 +357,7 @@ let m = class extends f {
     `;
   }
 };
-m.styles = [_`${v(w)}`];
+m.styles = [v`${f(w)}`];
 u([
   g({ type: Number })
 ], m.prototype, "chunkSize", 2);